@media screen and (max-width: 768px) {
  .header__fixed {
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    top: -100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
  }
  .header__fixed .slogan {
    background: #01479E;
    padding: 0 3.58852vw;
    font-size: 2.87081vw;
    line-height: 4.06699vw;
    font-weight: 400;
    color: #fff;
  }
  .header__fixed .d-fl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.43541vw 3.58852vw;
  }
  .header__fixed .d-fl .logo {
    width: 47.84689vw;
    line-height: 0;
  }
  .header__fixed .d-fl .logo img {
    width: 100%;
    height: auto;
  }
  .header__fixed .d-fl .info {
    width: 33.49282vw;
  }
  .header__fixed .d-fl .info a {
    line-height: 0;
    width: 100%;
    display: block;
  }
  .header__fixed .d-fl .info span {
    width: 100%;
    text-align: center;
    display: block;
    line-height: 0;
    margin-top: 0.7177vw;
  }
  .header__fixed .d-fl .info span img {
    width: 30.62201vw;
  }
  .header__fixed.open {
    top: 0vw;
  }
  .footer {
    padding-bottom: 26.31579vw;
  }
  .footer .cta_fixed {
    padding: 0;
    bottom: -100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
    background: #001A3B;
    padding: 2.39234vw 3.58852vw;
  }
  .footer .cta_fixed .pageTop {
    position: absolute;
    right: 1.43541vw;
    top: -14.35407vw;
    width: 12.91866vw;
    line-height: 0;
  }
  .footer .cta_fixed .pageTop a {
    display: block;
    line-height: 0;
  }
  .footer .cta_fixed .pageTop a img {
    width: 100%;
    height: auto;
  }
  .footer .cta_fixed ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer .cta_fixed ul li {
    background: rgba(255, 255, 255, 0.36);
    -moz-border-radius: 2.39234vw;
         border-radius: 2.39234vw;
    padding: 0.47847vw;
  }
  .footer .cta_fixed ul li .cta_tel {
    width: 100%;
    background: #C73224;
    -moz-border-radius: 2.39234vw;
         border-radius: 2.39234vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 15.55024vw;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 8.37321vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
    text-align: center;
  }
  .footer .cta_fixed ul li .cta_tel::before {
    position: absolute;
    content: "";
    width: 4.73684vw;
    height: 7.50718vw;
    background: url("../img/icTel.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 5.50239vw;
  }
  .footer .cta_fixed ul li .cta_tel::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 6.69856vw;
    background: #B52618;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
  }
  .footer .cta_fixed ul li .cta_tel em {
    font-style: normal;
    font-size: 2.87081vw;
    line-height: 4.30622vw;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 7.89474vw;
    -moz-border-radius: 2.15311vw;
         border-radius: 2.15311vw;
    background: #fff;
    white-space: nowrap;
    color: #C73224;
    font-weight: 700;
  }
  .footer .cta_fixed ul li .cta_tel span {
    font-size: 3.82775vw;
    line-height: 5.74163vw;
    font-weight: 700;
    color: white;
  }
  .footer .cta_fixed ul li .cta_tel small {
    font-size: 2.39234vw;
    line-height: 3.11005vw;
    font-weight: 700;
    color: #fff;
  }
  .footer .cta_fixed ul li:nth-of-type(1) {
    width: 26.07656vw;
    line-height: 0;
  }
  .footer .cta_fixed ul li:nth-of-type(1) a {
    display: block;
    line-height: 0;
  }
  .footer .cta_fixed ul li:nth-of-type(2) {
    width: 63.15789vw;
  }
  .footer .cta_fixed.open {
    bottom: 0;
  }
}


  .cta_fixed {
    padding: 6.03865vw 1.44928vw 1.93237vw 2.657vw;
    background: rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cta_fixed .timeCal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 3.38164vw;
    line-height: 7.97101vw;
    font-weight: 700;
    color: #333;
    width: 92.75362vw;
    height: 9.66184vw;
    background: url("https://quick-mizu.com/img/ctaUnion.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -4.58937vw;
  }
  .cta_fixed .timeCal span {
    font-size: 4.34783vw;
    line-height: 7.97101vw;
    color: #F56277;
  }
  .cta_fixed .btnLine {
    line-height: 0;
    width: 14.13285vw;
  }
  .cta_fixed .btnLine img {
    width: 100%;
    height: auto;
  }
  .cta_fixed .btnTel {
    width: 80.43478vw;
  }
  .cta_fixed .btnTel a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 14.25121vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 1.93237vw 0 0 15.21739vw;
    background: #F56277;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
  }
  .cta_fixed .btnTel a::before, .cta_fixed .btnTel a::after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cta_fixed .btnTel a::before {
    width: 9.42029vw;
    height: 9.42029vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 3.62319vw;
    background: url("https://quick-mizu.com/img/ctaTel.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .cta_fixed .btnTel a::after {
    width: 2.657vw;
    height: 3.1401vw;
    right: 4.10628vw;
    background: url("https://quick-mizu.com/img/ctaArrow.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .cta_fixed .btnTel a span {
    color: #fff;
    white-space: nowrap;
    font-size: 7.72464vw;
    letter-spacing: 0.04em;
    line-height: 6.42512vw;
    font-weight: 700;
  }
  .cta_fixed .btnTel a small {
    font-size: 2.41546vw;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin-top: 1.20773vw;
  }
}