@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: 0.2rem 0 0.8rem; background: url(../img/fv_bg02_sp.png) no-repeat bottom center/contain, url(../img/fv_bg01_sp.png) no-repeat top center/contain, #f4f4f4; }
  .fv-time { color: #ff0b04; line-height: 1.2; }
  .fv-num { font-size: 0.4rem; }
  .fv-ttl { position: relative; width: 7.5rem; margin: 0 0 0 -0.2rem; }
  .fv-ttl { width: 5.86rem; margin-bottom: 0.2rem; }
  .fv-txt01 { position: relative; width: 4rem; margin-bottom: -1rem; }
  .fv-txt02 { z-index: 2; position: relative; width: 3.85rem; margin-bottom: 0.35rem; margin-left: auto; }
  .fv-note { color: #000000; font-size: 0.2rem; }
  .fv-right { z-index: 1; position: relative; }
  .fv-img01 { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); z-index: -1; position: absolute; top: 0; width: 3.8rem; transform: translateY(-100%); }
  .fv-txt03 { width: 6.9rem; margin: 0 auto; margin-bottom: 0.2rem; }
  .fv-white { color: #ffffff; font-size: 0.2rem; letter-spacing: 0.08em; text-align: center; }
  .fv-marquee { width: 7.1rem; margin-bottom: 0.14rem; padding: 0.05rem 0 0.1rem; border: 1px solid #a0a4a2; border-radius: .7rem; background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #fff), to(#f9f7d6)); background-image: -webkit-linear-gradient(left, #fff 60%, #f9f7d6 100%); background-image: linear-gradient(to right, #fff 60%, #f9f7d6 100%); overflow: hidden; }
  .fv-marquee p {font-size: 0.28rem; font-weight: bold; letter-spacing: 0.05em; margin:0; padding-left:6.5rem; display:inline-block; white-space:nowrap;animation-name:marquee; animation-timing-function:linear;animation-duration:10s; animation-iteration-count:infinite;}
  @keyframes marquee {from   { transform: translate(0%);} 99%,to { transform: translate(-100%);}}
  /*============================================================================== area ============================================================================= */
  .area-bg { padding: 0.65rem 0 0.35rem; 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: 4.44rem; margin: 0.3rem 0 0 0.3rem; }
  .area-ttl::before { z-index: -1; position: absolute; top: -1rem; right: -2.61rem; 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 .40rem;  background: #fff; font-size: 0.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; }
  .area02 .area-bg { padding: 0.65rem 0 0; }
  /*============================================================================== cta ============================================================================= */
  .cta { background: -webkit-gradient(linear, left top, left bottom, from(#cae3ff), to(#cae3ff)); background: -webkit-linear-gradient(top, #cae3ff, #cae3ff); background: linear-gradient(to bottom, #cae3ff, #cae3ff); }
  .cta-bg { padding: 0.8rem 0 0.32rem; background: url(../img/cta_bg01_sp.png) no-repeat top left/100% 100%; }
  .cta-ttl { width: 7.68rem; margin: 0 auto; margin-bottom: -0.1rem; }
  .cta-comment { margin: 0 auto; }
  .cta-lead { width: 6.8rem; margin: 0.1rem auto 1.3rem; }
  .cta-block { width: 6.6rem; margin: 0 auto; }
  .cta-banner { margin: 0 auto; margin-bottom: 0.3rem; }
  .cta-tel { display: block; margin-bottom: 0.4rem; }
  .cta-mail { display: table; margin: 0 auto; border-bottom: 1px solid #01681e; color: #01681e; font-size: 0.3rem; font-weight: bold; }
  .cta-mail:hover { -webkit-transform: scale(0.98, 0.98); -ms-transform: scale(0.98, 0.98); -webkit-transition: 0.3s ease; transform: scale(0.98, 0.98); cursor: pointer; opacity: 0.8; transition: 0.3s ease; }
  .cta-flex { width: 6.6rem; margin: 0.5rem 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; }
  .cta02 { background: none; }
  .cta03 { background: #e3f0ff; }
  .fv-btn { display: block; position: relative; width: 6.0rem; margin: 0 auto 0.5rem; padding: 0.35rem 0.2rem 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: 0em; line-height: 1; font-weight: bold; }
  .fv-icon { width: 4rem; margin: 0 auto; }
  .fv-hand { position: absolute; right: -0.15rem; bottom: -0.15rem; width: 0.8rem; }
  /*============================================================================== solution ============================================================================= */
  .solution-bg { padding-top: 0.8rem; padding-bottom: 0.4rem; background: url(../img/solution_bg01_pc.png) repeat-y top left; }
  .solution-ttl01 { -webkit-transform: translateX(-0.3rem); -ms-transform: translateX(-0.3rem); width: 7.3rem; margin-bottom: -1.6rem; transform: translateX(-0.3rem); }
  .solution-list01 { margin-bottom: 0.8rem; }
  .solution-item01 { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; justify-content: space-between; width: 6.9rem; margin: 0 auto; margin-bottom: 0.4rem; padding: 0.45rem 0.2rem 0.3rem; border: 2px solid #acbbc7; border-radius: 10px; background-color: #ffffff; }
  .solution-num01 { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 0; right: 0; left: 0; width: 3rem; margin: 0 auto; padding: 0.1rem 0; transform: translateY(-50%); border-radius: 17px; background-color: #063a63; color: #ffffff; font-size: 0.3rem; font-weight: bold; line-height: 1; text-align: center; }
  .solution-right01 { width: 3.4rem; }
  .solution-ttl02 { position: relative; margin-bottom: 0.15rem; padding-bottom: 0.1rem; padding-left: 0.1rem; color: #063a63; font-size: 0.44rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2; }
  .solution-ttl02:after { display: block; position: absolute; bottom: 0; left: 0; width: 3.4rem; height: 0.03rem; border-radius: 2px; background-color: #acbbc7; content: ""; }
  .solution-txt01 { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding-left: 0.1rem; color: #063a63; font-size: 0.3rem; font-weight: bold; letter-spacing: 0.09em; }
  .solution-txt01:before { display: block; width: 0.28rem; height: 0.28rem; margin-right: 0.05rem; background: url(../img/solution_obj01_pc.png) no-repeat top left/contain; content: ""; }
  .solution-img01 { width: 2.6rem; }
  .solution-ttl03 { -webkit-transform: translate(-0.2rem); -ms-transform: translate(-0.2rem); width: 7.5rem; margin-bottom: 0.4rem; transform: translate(-0.2rem); }
  .solution-list02 { -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .solution-item02 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); position: relative; width: 6.9rem; margin-bottom: 0.3rem; padding: 0.2rem 0 0.3rem; border-radius: 10px; background-color: #ffffff; box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); }
  .solution-ttl04 { -webkit-transform: translateX(-0.1rem); -ms-transform: translateX(-0.1rem); width: 7.1rem; margin-bottom: 0.2rem; transform: translateX(-0.1rem); }
  .solution-txt02 { margin-bottom: 0.25rem; color: #063a62; font-size: 0.56rem; font-weight: bold; text-align: center; }
  .solution-img02 { width: 6.3rem; margin: 0 auto; }
  /*==============================================================================
repair
============================================================================= */
  .repair-bg { padding-bottom: 0.4rem; background-color: #3375bd; }
  .repair-ttl01 { -webkit-transform: translateX(-0.2rem); -ms-transform: translateX(-0.2rem); width: 7.5rem; margin-bottom: 1rem; transform: translateX(-0.2rem); }
  .repair-item { width: 6.9rem; margin: 0 auto 1rem; padding-bottom: 0.6rem; border-radius: 10px; background-color: #ffffff; }
  .repair-item:last-child { margin-bottom: 0; }
  .repair-head { position: relative; padding: 0.55rem 0.4rem 0.4rem; border-radius: 10px 10px 0 0; background-color: #fffde1; }
  .repair-num { -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); position: absolute; top: 0; left: -0.3rem; width: 4.57rem; transform: translateY(-60%); }
  .repair-ttl02 { color: #000000; font-size: 0.5rem; font-weight: bold; letter-spacing: 0.05em; }
  .repair-ttl02 .red { color: #ff1f00; font-size: 0.5rem; }
  .repair-ttl02 .red .big { font-size: 0.7rem; }
  .repair-ttl02 .under { border-bottom: 2px solid #000; }
  .repair-img01 { width: 6.3rem; margin: 0.4rem auto 0; }
  .repair-img02 { width: 6.3rem; margin: 0.4rem auto 0; }
  .repair-btn { display: block; width: 4rem; margin: 0.4rem auto 0; }
  .repair-alert { margin-top: 0.2rem; color: #000000; font-size: 0.21rem; text-align: center; }
  .repair .js-more-content,.repair .js-more-content02 { display: none; }
  .repair-ttl02 .middle { font-size: 0.6rem; }
  /*==============================================================================
peace
============================================================================= */
  .peace { background-color: #3375bd; }
  .peace-bg { margin-bottom: -0.4rem; padding-top: 1.1rem; padding-bottom: 1rem; background: url(../img/peace_bg01_sp.png) no-repeat top left/cover; }
  .peace .inner { width: 100%; margin: 0 auto; }
  .peace-ttl01 { width: 6.9rem; margin: 0 auto 0.64rem; }
  .peace-ttl02 { width: 7.1rem; margin: 0 auto -0.2rem; }
  .peace-box { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); width: 6.9rem; margin: 0 auto; padding: 0.65rem 0 0.15rem; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); }
  .peace-img01 { width: 6.17rem; margin: 0 auto 0.55rem; }
  .peace-img02 { width: 6.17rem; margin: 0 auto 0.88rem; }
  .peace-box02 { padding-bottom: 0.4rem; background-color: #f4f4f4; }
  .peace-txt02 { -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); width: 1.5rem; margin: 0 auto; transform: translateY(-30%); }
  .peace-img03 { width: 6.17rem; margin: 0 auto; }
  .peace-txt04 { width: 6.17rem; margin: 0.2rem auto 0; color: #555555; font-size: 0.22rem; line-height: 1.8; }
  /*==============================================================================
anxiety
============================================================================= */
  .anxiety-bg { padding: 0.28rem 0 0.5rem; background: url(../img/anxiety_bg01_sp.png) no-repeat top left/cover; }
  .anxiety-inner { z-index: 1; position: relative; width: 6.9rem; margin: 0 auto; }
  .anxiety-ttl01 { -webkit-transform: translateX(-0.3rem); -ms-transform: translateX(-0.3rem); width: 6rem; margin-bottom: 0.35rem; transform: translateX(-0.3rem); }
  .anxiety-ttl02 { margin-bottom: 0.4rem; }
  .anxiety-box01 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column-reverse; }
  .anxiety-txt01 { margin-bottom: 0.7rem; color: #000000; font-size: 0.26rem; }
  .anxiety-img01 { margin-bottom: 0.3rem; }
  .anxiety-box02 { margin-bottom: 0.5rem; border-radius: 10px; background-color: #ffffff; }
  .anxiety-ttl03 { position: relative; padding: 0.1rem 0 0.1rem 2rem; border-radius: 10px 10px 0 0; background: url(../img/anxiety_bg02_pc.png) no-repeat top left/cover; color: #000000; font-size: 0.46rem; font-weight: bold; }
  .anxiety-ttl03:after { display: block; position: absolute; top: -0.3rem; left: -0.1rem; width: 2.1rem; height: 2.1rem; background: url(../img/anxiety_obj01_pc.png) no-repeat top left/contain; content: ""; }
  .anxiety-box03 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column-reverse; padding: 0.4rem 0.3rem 0.3rem; border-radius: 0 0 10px 10px; background-color: #ffffff; }
  .anxiety-ttl04 .orange { color: #ff6c00; }
  .anxiety-txt02 { color: #000000; font-size: 0.26rem; }
  .anxiety-img02 { margin-bottom: 0.3rem; }
  /*============================================================================== reason ============================================================================= */
  .reason-bg { padding: 1rem 0 0.4rem; 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-item01 { margin-bottom: 0.75rem; }
  .reason-num { margin-bottom: 0.35rem; }
  .reason-txt01 { font-size: 0.34rem; font-weight: bold; letter-spacing: 0.05em; text-align: center; }
  .reason-txt01.ta-c { text-align: center; }
  .reason-txt01 .small { font-size: 0.1rem; vertical-align: text-top; }
  .reason-list02 { margin-top: 0.5rem; }
  .reason-item02 { position: relative; margin-bottom: 0.45rem; }
  .reason-head01 { z-index: 2; position: relative; margin-bottom: -0.15rem; padding: 0.25rem; background: url(../img/reason_bg02_sp.png) no-repeat top center/cover; color: #ffffff; font-size: 0.42rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4; text-align: center; }
  .reason-img01 { z-index: 1; position: relative; height: 3.1rem; }
  .reason-txt02 { width: 6.2rem; margin: 0.15rem auto 0; color: #333333; font-size: 0.26rem; }
  .reason-img02 { margin-top: 0.25rem; }
  .reason-alert01 { margin-top: 0.25rem; font-size: 0.2rem; font-weight: 400; text-align: center; text-align: center; }
  .reason-alert01.mt { display: block; margin-top: 0.3rem; letter-spacing: 0.05em; }
  /*============================================================================== check ============================================================================= */
  .check-bg { background: url(../img/check_bg01_pc.jpg) repeat top left/3%; }
  .check .inner { width: 6.9rem; margin: 0 auto; }
  .check-ttl01 { -webkit-transform: translate(0rem, -0.65rem); -ms-transform: translate(0rem, -0.65rem); width: 7.2rem; transform: translate(0rem, -0.65rem); }
  .check-item01 { margin-bottom: 0.4rem; }
  .check-item01:last-child { -webkit-transform: translateX(-0.3rem); -ms-transform: translateX(-0.3rem); width: 7.5rem; margin-top: -0.4rem; margin-bottom: 0; transform: translateX(-0.3rem); }
  .check-box { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 0.3rem 0.3rem 0.3rem 0.2rem; border-radius: 0 0 10px 10px; background-color: #ffffff; }
  .check-img { width: 2.35rem; }
  .check-txt01 { width: 3.75rem; color: #333333; font-size: 0.28rem; }
  .check-note { display: block; margin-top: 0.05rem; font-size: 0.22rem; }
  /*============================================================================== engineer ============================================================================= */
  .engineer-bg { padding: 0 0 1rem; background-color: #fffee1; }
  .engineer-ttl { width: 7.5rem; margin: 0 -0.2rem; }
  .engineer-list { z-index: 100; position: relative; margin: -0.5rem 0 0; }
  .engineer-item { border: 0.1rem solid #bdd9ef; border-radius: 0.1rem; }
  .engineer-item + .engineer-item { margin: 0.4rem 0 0; }
  .engineer-term { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 0.2rem 0.1rem 0.3rem 0.4rem; background: #bdd9ef; }
  .engineer-pic { width: 1.7rem; margin: .3rem 0 0;}
  .engineer-block { width: 4.7rem; margin: 0 0 0 .3rem;}
  .engineer-name { position: relative; padding: 0 0 0.1rem; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.1em; color: #063a63;}
  .engineer-name::before { position: absolute; bottom: 0; left: 0; width: 4.3rem; height: 0.03rem; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(99%, #bdd9ef), to(#bdd9ef)); background-image: -webkit-linear-gradient(left, #ffffff 0%, #bdd9ef 99%, #bdd9ef 100%); background-image: linear-gradient(to right, #ffffff 0%, #bdd9ef 99%, #bdd9ef 100%); content: ""; }
  .engineer-lead { margin: 0.2rem 0 0; font-size: 0.38rem; font-weight: bold; letter-spacing: 0.1em; line-height: 1.3; color: #063a63;}
  .engineer-desc { padding: 0.6rem .3rem .65rem .4rem; background: #fff; font-size: 0.28rem; letter-spacing: 0.06em; line-height: 1.4; }
  .engineer-lead.ls-05-sp {letter-spacing: .05em;}
  /*============================================================================== dispatch ============================================================================= */
  .dispatch-bg { padding: 0.8rem 0; background: url(../img/dispatch_bg01_sp.png) no-repeat top left/cover; }
  .dispatch-ttl01 { width: 6.6rem; margin: 0 auto 0.2rem; }
  .dispatch-ttl02 { width: 7.5rem; margin: 0 -0.2rem 0.2rem; }
  .dispatch-item { -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.7rem; }
  .dispatch-item:after { display: block; z-index: 2; position: absolute; right: 0; bottom: -0.6rem; left: 0; width: 2.8rem; height: 0.6rem; margin: 0 auto; background: url(../img/dispatch_bg02_sp.png) no-repeat top left/contain; content: ""; }
  .dispatch-item:last-child { margin-bottom: 0.2rem; }
  .dispatch-item:last-child:after { content: none; }
  .dispatch-img { position: relative; width: 3.4rem; }
  .dispatch-box { width: 3.45rem; }
  .dispatch-ttl03 { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0.2rem; color: #000000; font-size: 0.4rem; font-weight: bold; }
  .dispatch-num { width: 0.5rem; margin-right: 0.1rem; }
  .dispatch-txt01 { color: #000000; font-size: 0.3rem; }
  .dispatch-txt01 .small { font-size: 0.2rem; vertical-align: text-top; }
  .dispatch-note { color: #333333; font-size: 0.2rem; }
  /*============================================================================== reason ============================================================================= */
  .reason02-bg { padding: 0.6rem 0 1rem; background: url(../img/reason02_bg01_sp.png) no-repeat top left/cover; background-size: cover; }
  .reason02-ttl { width: 6rem; margin: 0 auto 0.7rem; }
  .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: 5.4rem; margin-right: auto; }
  .reason02-subttl.ttl02 { width: 5rem; margin-left: auto; }
  .reason02-subttl.ttl03 { width: 6rem; margin-right: auto; }
  .reason02-subttl.ttl04 { width: 5.8rem; margin-left: auto; }
  .reason02-txt01 { color: #000000; font-size: 0.3rem; font-weight: bold; text-align: center; }
  .reason02-txt01 .small { font-size: 0.18rem; vertical-align: text-top; }
  .reason02-note { color: #555555; font-size: 0.2rem; }
  /*============================================================================== voice ============================================================================= */
  .voice-bg { padding: 0.5rem 0 0.6rem; background: url(../img/voice_bg01_sp.png) no-repeat top left/cover; }
  .voice-ttl { width: 7.5rem; margin: 0 -0.2rem 0.5rem; }
  .voice-item { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 0.4rem; padding: 0.6rem 0.2rem; background: url(../img/voice_bg02_pc.jpg) repeat top left; }
  .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-inner { width: 3.5rem; }
  .voice-lead { padding-bottom: 0.15rem; border-bottom: 2px dotted #bd8533; color: #000000; font-size: 0.32rem; font-weight: bold; }
  .voice-sub { margin-bottom: 0.2rem; padding: 0.15rem 0; border-bottom: 2px dotted #bd8533; color: #000000; font-size: 0.26rem; }
  .voice-block01 { width: 3rem; }
  .voice-block02 { width: 3.3rem; margin: 0 auto; color: #ff1f00; font-size: 0.29rem; line-height: 1.8; font-weight: bold; letter-spacing: .1em; border-bottom: .03rem dotted #bd8533; padding: 0 0 .2rem .5em;}
  .voice-btn { margin: 0.4rem 0 0; }
  .voice-pic02 {width: 2.74rem; margin: .2rem auto 0;}
  .voice .right .sub-txt {font-size: .2rem; text-align: right; margin: .1rem 0 0;}
  .voice .right .block {padding: 0 0 .7rem;}
  /*============================================================================== company ============================================================================= */
  .company-bg { padding: 1rem 0 0.6rem; background-color: #3375bd; }
  .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; line-height: 2; letter-spacing: .06em;}
  .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.26rem; line-height: 1.7; }
  .company-table01 th { width: 1.8rem; font-weight: bold; text-align: left; vertical-align: text-top; }
  .company-table01 td { width: 4.2rem; padding-bottom: 0.3rem; pointer-events: none; }
  /*==============================================================================
best
============================================================================= */
  .best-bg { padding: 0.7rem 0; }
  .best .inner { width: 6.9rem; margin: 0 auto; }
  .best-ttl01 { margin-bottom: 0.3rem; }
  .best-item01 { margin-bottom: 0.3rem; padding-bottom: 0.3rem; border-radius: 10px; background-color: #f2f2f2; }
  .best-ttl02 { padding: 0.1rem; border-radius: 10px 10px 0 0; background-color: #3375bd; color: #ffffff; font-size: 0.4rem; font-weight: bold; letter-spacing: 0.05em; text-align: center; }
  .best-img01 { width: 6.2rem; margin: 0.25rem auto; }
  .best-txt { width: 6.2rem; margin: 0 auto; margin: 0 auto; color: #000000; font-size: 0.26rem; }
  /*============================================================================== faq ============================================================================= */
  .faq-bg { padding: 1.3rem 0 0.8rem; background: #f6f6f6; }
  .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 top, left bottom, from(#135b93), to(#063a63)); background-image: -webkit-linear-gradient(top, #135b93 0%, #063a63 100%); background-image: linear-gradient(to bottom, #135b93 0%, #063a63 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.7rem 0 0.65rem; background-color: #cae3ff; }
  .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; } }