@media screen and (max-width: 768px) { .century { font-family: "Century Gothic", sans-serif; }
  /*============================================================================== header ============================================================================= */
  .header-block { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; }
  .header-logo { width: 3.69rem; }
  .header-box { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin: 0 -0.2rem 0 0; }
  .header-txt01 { width: 0.8rem; }
  .header-tel { width: 2.83rem; }
  /*============================================================================== fv ============================================================================= */
  .fv-bg { padding-bottom: 0.45rem; background: url(../img/fv_bg01_sp.png) no-repeat top center/cover; }
  .fv-box { z-index: 1; position: relative; }
  .fv-comment { margin-bottom: 0.2rem; }
  .fv-ttl { margin-bottom: 0.8rem; }
  .fv-txt01 { width: 5.1rem; margin-bottom: 0.1rem; }
  .fv-note01 { margin-bottom: 0.1rem; color: #000000; font-size: 0.2rem; line-height: 1.7; }
  .fv-left01 { position: relative; width: 6.9rem; margin: 0 auto; margin-bottom: 0.36rem; padding: 0.25rem 0.35rem; border: 2px solid #000000; background-color: #ffffff; }
  .fv-txt02 { z-index: 2; position: relative; width: 3.8rem; }
  .fv-img01 { z-index: 1; position: absolute; right: -0.3rem; bottom: -0.9rem; width: 3.35rem; }
  .fv-box03 { z-index: 3; position: relative; }
  .fv-img02 { margin-bottom: 0.5rem; }
  .fv-txt03 { margin-bottom: 0.13rem; }
  .fv-tel { display: block; width: 7rem; margin-bottom: 0.2rem; margin-left: auto; }
  .fv-note02 { color: #ffffff; font-size: 0.2rem; font-weight: 400; letter-spacing: normal; line-height: 1.7; }
  .fv-btn { display: block; position: relative; width: 6rem; margin: 0 auto 0.25rem; padding: 0.35rem 0.3rem 0.45rem; background-image: url(../img/cta_bg05_sp.png); background-position: top center; background-repeat: no-repeat; background-size: 100% 100%; }
  .fv-box04 { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 5.8rem; margin: 0 auto 0.2rem; }
  .fv-box04 .icon { width: 0.47rem; margin-right: 0.15rem; }
  .fv-box04 .txt { color: #ffffff; font-size: 0.56rem; letter-spacing: 0; line-height: 1; }
  .fv-icon { width: 4rem; margin: 0 auto; }
  .fv-hand { position: absolute; right: -0.15rem; bottom: -0.15rem; width: 0.8rem; }
  /*============================================================================== area ============================================================================= */
  .area-bg { margin-bottom: -0.5rem; padding: 0.65rem 0 1.5rem; background: url(../img/area_bg01_sp.png) no-repeat center/cover; }
  .area-lead { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; height: 2.5rem; background: url(../img/area_bg02_sp.png) no-repeat center/cover; }
  .area-txt01 { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); display: inline-block; position: relative; margin: 0 0 0 2.55rem; padding: 0 0 0.12rem; transform: rotate(-2deg); font-size: 0.43rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.4; }
  .area-txt01 .italic { -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); display: inline-block; transform: skewX(-10deg); color: #ffffff; }
  .area-txt01 .deco { padding: 0 0.05rem 0 0; font-size: 0.62rem; line-height: 1; }
  .area-txt01::before { -webkit-transform: rotate(-1deg) rotate(2deg); -ms-transform: rotate(-1deg) rotate(2deg); position: absolute; top: -0.86rem; left: -2.45rem; width: 2.33rem; height: 2.33rem; transform: rotate(-1deg) rotate(2deg); background: url(../img/area_bg02_pc.png) no-repeat center/cover; content: ""; }
  .area-ttl { z-index: 100; position: relative; width: 6.7rem; margin: 0.3rem 0 0 0.3rem; }
  .area-ttl::before { z-index: -1; position: absolute; top: -1rem; right: -0.41rem; width: 4.42rem; height: 4.42rem; background: url(../img/area_img02_pc.png) no-repeat center/contain; content: ""; }
  .area-subttl { z-index: 100; position: relative; width: 5.79rem; margin: 0.5rem auto -0.3rem; }
  .area-list { position: relative; margin: 0.45rem 0 0; }
  .area-term { z-index: 100; position: relative; width: 5.15rem; margin: 0 auto; }
  .area-desc { margin: -0.34rem 0 0; padding: .65rem 0 .55rem .4rem; background: #fff; font-size: .25rem; font-weight: bold; line-height: 1.96; letter-spacing: .08em; }
  .area-desc.desc02 { padding: 0.85rem 0.35rem 0.35rem; }
  .area-txt02 { width: 5.63rem; margin: 0 auto; }
  .area-img { margin: 0.45rem 0 0; }
  .area-note { display: block; margin: 0.25rem 0 0.1rem; font-size: 0.2rem; letter-spacing: 0.04em; line-height: 1.8; text-align: right; }
  .area-txt03 { margin-top: -1.5rem; margin-bottom: -1.6rem; }
  /*============================================================================== cta ============================================================================= */
  .cta { background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#d0d0d0)); background: -webkit-linear-gradient(top, #d0d0d0, #d0d0d0); background: linear-gradient(to bottom, #d0d0d0, #d0d0d0); }
  .cta-bg { z-index: 5; position: relative; padding: 0.9rem 0 0.35rem; background: url(../img/cta_bg01_sp.png) no-repeat top center/100% 100%; }
  .cta-ttl { width: 7.2rem; margin-bottom: 0.2rem; margin-left: .1rem;}
  .cta-box01 { margin: 0 0.1rem; padding-top: 0.4rem; background-color: #ffffff; }
  .cta-head01 { width: 6rem; margin: 0 auto; }
  .cta-txt06 { margin-bottom: 0.36rem; }
  .cta-box02 { position: relative; background-color: #ffffff; }
  .cta-txt02 { width: 4.15rem; margin-bottom: 0.2rem; margin-left: 0.27rem; }
  .cta-img01 { position: absolute; right: 0.2rem; bottom: -0.9rem; width: 2.4rem; }
  .cta-txt03 { -webkit-transform: translateX(-0.05rem); -ms-transform: translateX(-0.05rem); z-index: 3; position: relative; bottom: -0.1rem; width: 7rem; margin-bottom: 0.16rem; transform: translateX(-0.05rem); }
  .cta-img02 { margin: 0.2rem 0.1rem 1rem; }
  .cta-txt04 { margin-right: 0.2rem; }
  .cta-tel { display: block; width: 6.9rem; margin-bottom: 0.3rem; margin-left: auto; }
  .cta-txt05 { width: 5.6rem; margin: 0 auto 0.3rem; }
  .cta-mail { display: table; margin: 0 auto; border-bottom: 1px solid #000; color: #000000; font-size: 0.3rem; font-weight: bold; }
  .cta-flex { width: 6.6rem; margin: 0.3rem auto 0; background: #fff; }
  .cta-box { position: relative; padding: 0.15rem 0; background: #000; }
  .cta-box::before { -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); position: absolute; right: 50%; bottom: 0; width: 0; height: 0; transform: translate(-50%, 100%); border-width: 0.15rem 0.09rem 0 0.09rem; border-style: solid; border-color: #000 transparent transparent transparent; content: ""; }
  .cta-txt01 { width: 3.47rem; margin: 0 auto; }
  .cta-time { padding: 0.3rem 0; font-size: 0.28rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.4; text-align: center; }
  .cta-time .deco { color: #ff0b04; }
  .cta-timer { color: #ff0b04; font-size: 0.3rem; letter-spacing: 0.08em; }
  .cta-timer .js-cta-hour, .cta-timer .js-cta-minutes { font-size: 0.4rem; }
  .cta-cash { width: 6.6rem; margin: 0.15rem auto 0; }
  .cta-note { margin: 0.1rem 0 0 0.14rem; color: #555; font-size: 0.2rem; letter-spacing: 0.08em; }
  .cta.cta02 { background: none; }
  /*============================================================================== suddenly ============================================================================= */
  .suddenly { background: #fff; }
  .suddenly-bg { z-index: 1; position: relative; padding-top: 0.4rem; background-color: #164892; }
  .suddenly-ttl01 { -webkit-transform: translateX(-0.2rem); -ms-transform: translateX(-0.2rem); z-index: 2; position: relative; width: 7rem; margin-bottom: 0.53rem; transform: translateX(-0.2rem); }
  .suddenly-img01 { position: absolute; top: 3.5rem; left: -1rem; width: 3.6rem; }
  .suddenly-img02 { z-index: -1; position: absolute; top: -1rem; right: -2rem; width: 5.5rem; }
  .suddenly-list { z-index: 6; position: relative; }
  .suddenly-item { margin-bottom: 0.5rem; border-radius: 5px; background-color: #ffffff; }
  .suddenly-item:last-child { margin-bottom: 0; }
  .suddenly-txt01 { padding: 0.4rem 0; color: #000000; font-size: 0.42rem; font-weight: 700; letter-spacing: 0.05em; line-height: 1.3; text-align: center; }
  .suddenly-txt02 { -webkit-transform: translate(-0.2rem, 0.78rem); -ms-transform: translate(-0.2rem, 0.78rem); width: 7.5rem; transform: translate(-0.2rem, 0.78rem); }
  /*==============================================================================
reserve
============================================================================= */
  .reserve-bg { margin-bottom: -0.5rem; padding-top: 0.8rem; padding-bottom: 1.1rem; background: url(../img/reserve_bg01_sp.png) no-repeat top center/cover; }
  .reserve .inner { margin: 0 0.3rem; }
  .reserve-ttl01 { margin-bottom: 0.6rem; }
  .reserve-area01 { position: relative; }
  .reserve-area01 .ttl { z-index: 2; position: relative; width: 4.7rem; margin-bottom: 0.45rem; margin-left: 0.2rem; }
  .reserve-area01 .ttl.second { width: 4.2rem; }
  .reserve-area01 .img { z-index: 1; position: absolute; top: -0.3rem; right: -0.65rem; width: 4rem; }
  .reserve-area01 .img.second { right: -0.2rem; width: 2.8rem; }
  .reserve-box02 { -webkit-box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); z-index: 3; position: relative; margin-bottom: 0.75rem; padding: 0.35rem 0.3rem; border-radius: 5px; background-color: #ffffff; box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); }
  .reserve-box02 .solid { border-radius: 0; }
  .reserve-head01 { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 3; position: relative; align-items: center; justify-content: center; padding: 0.2rem 0; border-radius: 5px 5px 0 0; background-color: #058ae5; }
  .reserve-obj01 { width: 0.63rem; margin-right: 0.1rem; }
  .reserve-obj01 .second { width: 0.5rem; }
  .reserve-ttl03 { color: #ffffff; font-size: 0.48rem; font-style: normal; font-weight: 700; letter-spacing: normal; }
  .reserve-ttl02 { width: 2.8rem; margin: 0 auto 0.35rem; }
  .reserve-obj02 { z-index: 3; position: relative; width: 1.15rem; margin: 0 auto -0.55rem; }
  .reserve-inner01 { -webkit-box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); padding: 0.35rem 0.3rem; border-radius: 0 0 5px 5px; background-color: #ffffff; box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); }
  .reserve-ttl05 { margin-bottom: 0.3rem; }
  .reserve-list01 { margin-bottom: 0.3rem; }
  .reserve-txt01 { font-size: 0.3rem; letter-spacing: 0.03em; }
  /*==============================================================================
compare
============================================================================= */
  .compare-bg { padding-top: 0.7rem; padding-bottom: 0.3rem; background: url(../img/compare_bg01_sp.png) no-repeat top center/cover; }
  .compare .inner { margin: 0 0.3rem; }
  .compare-ttl01 { width: 6rem; margin-right: 0.2rem; margin-bottom: 0.3rem; margin-left: auto; }
  .compare-box02 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); padding: 0.45rem 0.3rem 0.3rem; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); }
  .compare-ttl02 { margin-bottom: 0.28rem; }
  .compare-note01 { margin-top: 0.15rem; color: #ffffff; font-size: 0.2rem; }
  .compare-inner01 { z-index: 1; position: relative; margin-top: 0.45rem; margin-bottom: 0.55rem; }
  .compare-txt02 { width: 5.6rem; }
  .compare-img02 { z-index: -1; position: absolute; top: -1.5rem; right: -3rem; width: 7rem; }
  .compare-ttl03 { width: 6rem; margin: 0 auto 0.96rem; }
  .compare-item { position: relative; margin-bottom: 1rem; border-radius: 5px; background-color: #ffffff; }
  .compare-item:last-child { margin-bottom: 0.3rem; }
  .compare-obj01 { position: absolute; top: -0.7rem; left: -0.11rem; width: 3.7rem; }
  .compare-head { display: -webkit-box; display: -ms-flexbox; display: flex; background: url(../img/compare_bg02_sp.png) no-repeat top center/cover; }
  .compare-ttl04 { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 4.15rem; height: 2.8rem; padding-left: 0.4rem; color: #ffffff; font-size: 0.5rem; font-weight: bold; letter-spacing: normal; line-height: 1.4; }
  .compare-img03 { width: 2.75rem; }
  .compare-txt03 { padding: 0.3rem; color: #000000; font-size: 0.3rem; }
  .compare-img04 { width: 5.5rem; margin: 0 auto; padding-bottom: 0.66rem; }
  .compare-note02 { color: #fff; font-size: 0.2rem; letter-spacing: 0.08em; }
  /*==============================================================================
trouble
============================================================================= */
  .trouble-bg { margin-bottom: -0.5rem; padding: 0.6rem 0 1.6rem; background: url(../img/trouble_bg01_sp.png) no-repeat top center/cover; }
  .trouble .inner { margin: 0 0.3rem; }
  .trouble-ttl01 { -webkit-transform: translateX(-0.3rem); -ms-transform: translateX(-0.3rem); width: 7.5rem; margin-bottom: 0.25rem; transform: translateX(-0.3rem); }
  .trouble-wrap { -webkit-transform: translateX(-0.3rem); -ms-transform: translateX(-0.3rem); width: 7.5rem; transform: translateX(-0.3rem); }
  .trouble-slider.swiper-wrapper { padding-top: 0.22rem; padding-bottom: 0.8rem; }
  .trouble-item { padding-right: 0.3rem !important; padding-left: 0.3rem !important; }
  .trouble-inner01 { -webkit-box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); border-radius: 5px; background-color: #ffffff; box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); }
  .trouble-head { position: relative; padding: 0.3rem; padding-left: 1.4rem; border-radius: 5px 5px 0 0; background-color: #058ae5; }
  .trouble-num01 { position: absolute; top: -0.2rem; left: -0.2rem; width: 1.3rem; }
  .trouble-ttl03 { color: #ffffff; font-size: 0.48rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.3; }
  .trouble-body { padding-top: 0.33rem; }
  .trouble-img01 { width: 5.7rem; margin: 0 auto 0.33rem; }
  .trouble-info { padding-bottom: 0.01rem; background-color: #f2f2f2; }
  .trouble-time { padding-bottom: 0.15rem; background-color: #f2f2f2; color: #f50000; font-size: 0.38rem; font-weight: bold; text-align: center; }
  .trouble-time .big { font-size: 0.55rem; }
  .trouble-txt01 { width: 6.13rem; margin: 0 auto 0.1rem; padding: 0.15rem; background-color: #0044af; color: #ffffff; font-size: 0.32rem; text-align: center; }
  .trouble-txt02 { padding: 0.32rem 0.3rem 0.75rem; background-color: #f2f2f2; }
  .trouble-ttl02 { margin-top: 0.7rem; }
  .trouble .swiper-button-next, .trouble .swiper-button-prev { display: none; }
  .trouble .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; margin: 0 9px !important; border: 0.02rem solid #058ae5; background-color: #ffffff; opacity: 1; }
  .trouble .swiper-pagination-bullet-active { background-color: #058ae5; }
  .trouble .swiper-pagination-fraction, .trouble .swiper-pagination-custom, .trouble .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0rem; }
  /*============================================================================== reason ============================================================================= */
  .reason-bg { padding: 1rem 0 0.8rem; background: url(../img/reason_bg01_sp.png) no-repeat top center/cover; }
  .reason .inner { width: 6.9rem; margin: 0 auto; }
  .reason-ttl01 { margin-bottom: 0.5rem; }
  .reason-num { margin-bottom: 0.35rem; }
  .reason-txt01 { width: 6.5rem; margin: 0 auto; margin-bottom: 0.55rem; font-size: 0.34rem; font-weight: bold; letter-spacing: 0.04em; }
  .reason-item01 { position: relative; margin-bottom: 0.7rem; }
  .reason-ttl02 { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; position: relative; align-items: center; justify-content: center; height: 1.5rem; background-image: -webkit-linear-gradient(55deg, #0546aa 0%, #015a9e 99%, #015a9e 100%); background-image: linear-gradient(35deg, #0546aa 0%, #015a9e 99%, #015a9e 100%); color: #ffffff; font-size: 0.42rem; line-height: 1.2; text-align: center; }
  .reason-img01 { z-index: 1; position: relative; margin-top: -0.2rem; }
  .reason-txt02 { width: 6rem; margin: 0.3rem auto 0; font-size: 0.26rem; letter-spacing: 0.03em; }
  .reason-img02 { z-index: 1; position: relative; margin-top: -0.2rem; }
  .reason-txt03 { width: 6.2rem; margin: 0.3rem auto 0.5rem; font-size: 0.26rem; letter-spacing: 0.03em; }
  .reason-img03 { width: 6.3rem; margin: 0.3rem auto 0; }
  .reason-btn { display: block; width: 4rem; margin: 0.3rem auto 0; }
  .reason-list03 { margin-top: 0.4rem; }
  .reason-item03 { position: relative; margin-bottom: 0.4rem; border: 5px solid #bdd9ef; border-radius: 5px; background-color: #ffffff; }
  .reason-item03:last-child { margin-bottom: 0; }
  .reason-img04 { position: absolute; top: 0.6rem; left: 0.4rem; width: 1.7rem; }
  .reason-box02 { height: 2.9rem; margin-left: 2.4rem; padding-top: 0.2rem; color: #063a63; font-weight: bold; }
  .reason-name { margin-bottom: 0.15rem; font-size: 0.32rem; line-height: 1.6; }
  .reason-name:after { display: block; width: 4.1rem; height: 0.03rem; margin-left: 0.2rem; background-color: #9aa8ef; background-image: -webkit-gradient(linear, left top, right top, from(#bdd9ef), color-stop(1%, #bdd9ef), to(#ffffff)); background-image: -webkit-linear-gradient(left, #bdd9ef 0%, #bdd9ef 1%, #ffffff 100%); background-image: linear-gradient(to right, #bdd9ef 0%, #bdd9ef 1%, #ffffff 100%); content: ""; }
  .reason-pro { font-size: 0.38rem; }
  .reason-txt04 { padding: 0.4rem; background-color: #f2f2f2; font-size: 0.28rem; letter-spacing: 0.04em; }
  /*============================================================================== flow ============================================================================= */
  .flow-bg { padding-bottom: 0.8rem; background: url(../img/flow_bg01_sp.png) no-repeat top center/cover; }
  .flow-ttl01 { -webkit-transform: translate(-0.2rem, -0.7rem); -ms-transform: translate(-0.2rem, -0.7rem); width: 7.5rem; margin-bottom: -0.3rem; transform: translate(-0.2rem, -0.7rem); }
  .flow-item01 { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; justify-content: space-between; margin-bottom: 0.73rem; }
  .flow-item01:after { display: block; position: absolute; right: 0; bottom: -0.6rem; left: 0; width: 2.9rem; height: 0.58rem; margin: 0; margin: 0 auto; background: url(../img/flow_obj06_sp.png) no-repeat top center/contain; content: ""; }
  .flow-item01:last-child { margin-bottom: 0.2rem; }
  .flow-item01:last-child:after { content: none; }
  .flow-img04 { width: 3.4rem; }
  .flow-box02 { width: 3.4rem; }
  .flow-ttl02 { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0.15rem; }
  .flow-ttl02 .num { width: 0.54rem; margin-right: 0.1rem; }
  .flow-ttl02 .txt { color: #000000; font-size: 0.4rem; font-weight: bold; letter-spacing: 0.05em; }
  .flow-txt01 { font-size: 0.28rem; letter-spacing: 0.03em; }
  .flow-note01 { margin-bottom: 1.1rem; color: #333333; font-size: 0.2rem; letter-spacing: 0.03em; }
  .flow-box01 { -webkit-box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); position: relative; margin-bottom: 0.4rem; padding: 0.8rem 0.4rem 0.6rem; border-radius: 5px; background-color: #ffffff; box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); }
  .flow-comment { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 0; right: 0; left: 0; width: 1.4rem; margin: 0 auto; transform: translateY(-50%); }
  .flow-note02 { color: #333333; font-size: 0.2rem; letter-spacing: 0.03em; }
  /*==============================================================================
agree
============================================================================= */
  .agree-bg { padding: 0.85rem 0 0.55rem; background: url(../img/agree_bg01_sp.png) no-repeat top center/cover; }
  .agree-ttl01 { width: 6rem; margin-bottom: 0.4rem; margin-left: 0.44rem; }
  .agree-table { margin-bottom: 0.2rem; }
  .agree-note { margin-left: 0.24rem; color: #555555; font-size: 0.2rem; letter-spacing: 0.05em; }
  /*============================================================================== reason02 ============================================================================= */
  .reason02-bg { padding: 0 0 0.45rem; background: url(../img/reason02_bg01_sp.png) no-repeat top left/cover; background-size: cover; }
  .reason02-ttl { -webkit-transform: translateY(-0.15rem); -ms-transform: translateY(-0.15rem); width: 6.25rem; margin: 0 auto 0.5rem; transform: translateY(-0.15rem); }
  .reason02-item { position: relative; margin-bottom: 0.2rem; padding: 0.2rem 0.2rem 0.4rem; background-color: #ffffff; }
  .reason02-subttl { margin-bottom: 0.35rem; }
  .reason02-subttl.ttl01 { width: 6rem; margin-right: auto; }
  .reason02-subttl.ttl02 { width: 5.75rem; margin-left: auto; }
  .reason02-subttl.ttl03 { width: 5.86rem; margin-right: auto; }
  .reason02-subttl.ttl04 { width: 6.24rem; margin-left: auto; }
  .reason02-txt01 { color: #000000; font-size: 0.28rem; font-weight: bold; letter-spacing: 0.04em; text-align: center; }
  .reason02-txt01 .small { font-size: 0.18rem; vertical-align: text-top; }
  .reason02-note { color: #555555; font-size: 0.2rem; }
  /*==============================================================================
fire
============================================================================= */
  .fire-bg { margin-bottom: -0.5rem; padding: 0.6rem 0 1.1rem; background: url(../img/fire_bg01_sp.png) no-repeat top center/cover; }
  .fire .inner { margin: 0 0.3rem; }
  .fire-ttl01 { -webkit-transform: translateX(-0.15rem); -ms-transform: translateX(-0.15rem); width: 7rem; margin-bottom: 0.5rem; transform: translateX(-0.15rem); }
  .fire-item { -webkit-box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); margin-bottom: 0.5rem; border-radius: 5px; background-color: #ffffff; box-shadow: 0 4px 26px 1px rgba(94, 94, 94, 0.42); }
  .fire-item:last-child { margin-bottom: 0.65rem; }
  .fire-num.big { -webkit-transform: translateY(-0.34rem); -ms-transform: translateY(-0.34rem); transform: translateY(-0.34rem); }
  .fire-txt01 { padding: 0.4rem 0.46rem; color: #000000; font-size: 0.48rem; font-weight: 700; letter-spacing: 0.04em; text-align: center; }
  .fire-txt02 { color: #000000; font-size: 0.3rem; font-weight: bold; text-align: center; }
  /*==============================================================================
promise
============================================================================= */
  .promise-bg { padding: 0.8rem 0 0.7rem; }
  .promise .inner { margin: 0 0.3rem; }
  .promise-ttl01 { width: 6.36rem; margin: 0 auto 0.5rem; }
  .promise-item { margin-bottom: 0.56rem; border-radius: 5px; background-color: #f2f2f2; }
  .promise-item:last-child { margin-bottom: 0.25rem; }
  .promise-head { position: relative; padding: 0.3rem 0; padding-left: 1.88rem; background: url(../img/promise_bg01_sp.png) no-repeat top center/cover; }
  .promise-num { position: absolute; top: -0.14rem; left: -0.08rem; width: 1.64rem; }
  .promise-ttl02 { color: #ffffff; font-size: 0.4rem; font-weight: bold; letter-spacing: 0.05em; }
  .promise-ttl02 .alert { font-size: 0.2rem; vertical-align: text-top; }
  .promise-body { padding: 0.35rem 0.35rem 0.4rem; }
  .promise-img { margin-bottom: 0.2rem; }
  .promise-txt01 { color: #000000; font-size: 0.26rem; }
  .promise-note { color: #555555; font-size: 0.2rem; letter-spacing: 0.05em; }
  /*============================================================================== voice ============================================================================= */
  .voice-bg { padding: 0.5rem 0 0.9rem; background: url(../img/voice_bg01_sp.png) no-repeat top center/cover; }
  .voice-ttl { width: 100%; margin: 0 auto 0; }
  .voice-item { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; justify-content: space-between; width: 100%; margin: 0.4rem 0 0; padding: 0.6rem 0.2rem 0.35rem 0.3rem; background: url(../img/voice_bg02_sp.png) no-repeat 50% 0; background-size: cover; }
  .voice-item:after { display: block; position: absolute; top: -0.3rem; right: 0; width: 0.9rem; height: 0.72rem; background: url(../img/voice_obj01_pc.png) no-repeat top left/contain; content: ""; }
  .voice-lead { padding: 0 0.2rem 0.2rem; border-bottom: #ff9000 2px dotted; color: #ff1f00; font-size: 0.28rem; font-weight: bold; letter-spacing: 0.12em; line-height: 1.53; }
  .voice-block01 { width: 2.92rem; }
  .voice-block02 { width: 3.43rem; }
  .voice-pic02 { width: 2.75rem; margin: 0.15rem auto 0; }
  .voice-btn { margin: 0.15rem 0 0; }
  .voice-note { margin: 0.1rem 0.1rem 0 0; font-size: 0.17rem; letter-spacing: 0.1em; text-align: right; }
  .voice-note02 { margin: 0.2rem 0 0 0; font-size: 0.2rem; letter-spacing: 0.1em; }
  /*============================================================================== company ============================================================================= */
  .company-bg { padding: 1rem 0 0.6rem; background-color: #0548a9; }
  .company-ttl01 { width: 6.3rem; margin: 0 auto 0.6rem; }
  .company-box01 { width: 6.9rem; margin: 0 auto; padding-bottom: 0.1rem; background-color: #ffffff; }
  .company-txt01 { width: 6.3rem; margin: 0.25rem auto 0.5rem; color: #000000; font-size: 0.28rem; letter-spacing: 0.04em; line-height: 1.8; }
  .company-ttl02 { width: 6.3rem; margin: 0 auto 0.4rem; padding: 0.1rem; border-radius: 10px; background-color: #e5e5e5; color: #000000; font-size: 0.38rem; font-weight: bold; letter-spacing: 0.05em; text-align: center; }
  .company-ttl03 { margin: 0 auto 0.4rem; color: #000000; font-size: 0.34rem; font-weight: bold; letter-spacing: 0.05em; text-align: center; }
  .company-table01 { width: 6rem; margin: 0 auto; }
  .company-table01 tbody { width: 100%; }
  .company-table01 tr { width: 100%; color: #000000; font-size: 0.25rem; line-height: 1.7; }
  .company-table01 th { width: 1.7rem; font-weight: bold; text-align: left; vertical-align: text-top; }
  .company-table01 td { width: 4.3rem; padding-bottom: 0.3rem; pointer-events: none; }
  /*============================================================================== faq ============================================================================= */
  .faq-bg { padding: 1.3rem 0 0.8rem; background: url(../img/faq_bg01_sp.png) no-repeat top center/cover; }
  .faq-ttl { width: 5.43rem; margin: 0 auto; }
  .faq-list { margin: 0.65rem 0 0; }
  .faq-item:not(:first-of-type) { margin: 0.42rem 0 0; }
  .faq-item-question { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; height: 1.6rem; padding: 0.35rem 0 0.35rem 1.15rem; border-radius: 0.1rem; background-image: -webkit-gradient(linear, left bottom, left top, from(#0489e5), to(#28a3f7)); background-image: -webkit-linear-gradient(bottom, #0489e5 0%, #28a3f7 100%); background-image: linear-gradient(to top, #0489e5 0%, #28a3f7 100%); color: #fff; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.4; }
  .faq-item-question::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; left: 0.2rem; width: 0.67rem; height: 0.77rem; transform: translateY(-50%); background: url(../img/faq_item01.png) no-repeat 50% 0/cover; content: ""; }
  .faq-item-question::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; top: 42%; right: 0.45rem; width: 0.15rem; height: 0.15rem; transform: rotate(135deg); border-top: 0.05rem solid #fff; border-right: 0.05rem solid #fff; content: ""; }
  .faq-item-question.open::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 45%; transform: rotate(-45deg); }
  .faq-item-answer { display: none; position: relative; margin: 0.33rem 0 0; padding: 0 0.3rem 0 1.15rem; font-size: 0.28rem; line-height: 1.6; }
  .faq-item-answer::before { position: absolute; top: 0; left: 0.2rem; width: 0.67rem; height: 0.77rem; background: url(../img/faq_item02.png) no-repeat 50% 0/cover; content: ""; }
  .faq-item-note { display: block; margin: 0.25rem 0 0; font-size: 0.2rem; }
  /*============================================================================== recruit ============================================================================= */
  .recruit-bg { padding: 0.35rem 0 0.65rem; }
  .recruit-pic { width: 7rem; }
  .recruit-box { padding: 0.3rem 0.25rem 0; }
  .recruit-txt01 { font-size: 0.28rem; letter-spacing: 0.06em; line-height: 1.5; }
  .recruit-btn { width: 6.6rem; margin: 0.4rem auto 0; }
  .recruit-mail { display: table; margin: 0.2rem auto 0; border-bottom: 1px solid #000000; color: #000000; font-size: 0.3rem; font-weight: bold; }
  /*============================================================================== footer ============================================================================= */
  .footer-bg { padding: 0.7rem 0 2.5rem; background: #000; }
  .footer-txt01 { text-align: center; }
  .footer-txt01 a { padding: 0 0 0.02rem; border-bottom: 1px solid #fff; color: #fff; font-size: 0.26rem; font-weight: bold; }
  .footer-copy { margin: 0.4rem 0 0; letter-spacing: 0.06em; text-align: center; }
  .footer-copy small { color: #fff; font-size: 0.2rem; font-weight: bold; }
  /*============================================================================== fix-footer ============================================================================= */
  .fix-footer { z-index: 400; position: fixed; right: 0; bottom: -0.02rem; left: 0; margin: 0 -0.02rem; }
  .fix-footer .num { position: absolute; bottom: 0.55rem; left: 2.55rem; color: #ffe400; font-size: 0.41rem; font-weight: bold; line-height: 1; letter-spacing: .05em;}
  /*============================================================================== voice-modal ============================================================================= */
  .voice-modal { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: none; z-index: 600; position: fixed; top: 50%; left: 50%; width: 6.45rem; transform: translate(-50%, -50%); }
  .voice-modal-btn { position: absolute; top: -0.7rem; right: 0.1rem; width: 0.9rem; }
  .modal-mask { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background: #000; opacity: 0.7; } }