@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Roboto:wght@400;500;700;900&display=swap');

/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold!important; }.txtN { font-weight: normal!important; }
.layoutC { text-align: center!important; }.layoutL { text-align: left!important; }.layoutR { text-align: right!important; }
.ov{overflow: hidden!important;}.fl{float: left!important;}.fr{float: right!important;}

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt8 { margin-top: 8px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt16 { margin-top: 16px !important; }.mt20 { margin-top: 20px !important; }.mt24 { margin-top: 24px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt32 { margin-top: 32px !important; }.mt35 { margin-top: 35px !important; }.mt40 { margin-top: 40px !important; }.mt48 { margin-top: 48px !important; }.mt50 { margin-top: 50px !important; }.mt56 { margin-top: 56px !important; }.mt60 { margin-top: 60px !important; }.mt64 { margin-top: 64px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }.mt90 { margin-top: 90px !important; }.mt100 { margin-top: 100px !important; }

.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml8 { margin-left: 8px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml16 { margin-left: 16px !important; }.ml20 { margin-left: 20px !important; }.ml24 { margin-left: 24px !important; }.ml25 { margin-left: 25px !important; }.ml30 { margin-left: 30px !important; }.ml32 { margin-left: 32px !important; }.ml35 { margin-left: 35px !important; }.ml40 { margin-left: 40px !important; }.ml48 { margin-left: 48px !important; }.ml50 { margin-left: 50px !important; }.ml56 { margin-left: 56px !important; }.ml60 { margin-left: 60px !important; }.ml64 { margin-left: 64px !important; }.ml70 { margin-left: 70px !important; }.ml80 { margin-left: 80px !important; }.ml90 { margin-left: 90px !important; }.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr8 { margin-right: 8px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr16 { margin-right: 16px !important; }.mr20 { margin-right: 20px !important; }.mr24 { margin-right: 24px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr32 { margin-right: 32px !important; }.mr35 { margin-right: 35px !important; }.mr40 { margin-right: 40px !important; }.mr48 { margin-right: 48px !important; }.mr50 { margin-right: 50px !important; }.mr56 { margin-right: 56px !important; }.mr60 { margin-right: 60px !important; }.mr64 { margin-right: 64px !important; }.mr70 { margin-right: 70px !important; }.mr80 { margin-right: 80px !important; }.mr90 { margin-right: 90px !important; }.mr100 { margin-right: 100px !important; }

.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb8 { margin-bottom: 8px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb16 { margin-bottom: 16px !important; }.mb20 { margin-bottom: 20px !important; }.mb24 { margin-bottom: 24px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb32 { margin-bottom: 32px !important; }.mb35 { margin-bottom: 35px !important; }.mb40 { margin-bottom: 40px !important; }.mb48 { margin-bottom: 48px !important; }.mb50 { margin-bottom: 50px !important; }.mb56 { margin-bottom: 56px !important; }.mb60 { margin-bottom: 60px !important; }.mb64 { margin-bottom: 64px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }.mb90 { margin-bottom: 90px !important; }.mb100 { margin-bottom: 100px !important; }

.pt0 { padding-top: 0px !important; }.pt5 { padding-top: 5px !important; }.pt8 { padding-top: 8px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt16 { padding-top: 16px !important; }.pt20 { padding-top: 20px !important; }.pt24 { padding-top: 24px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt32 { padding-top: 32px !important; }.pt35 { padding-top: 35px !important; }.pt40 { padding-top: 40px !important; }.pt48 { padding-top: 48px !important; }.pt50 { padding-top: 50px !important; }.pt56 { padding-top: 56px !important; }.pt60 { padding-top: 60px !important; }.pt64 { padding-top: 64px !important; }.pt70 { padding-top: 70px !important; }.pt80 { padding-top: 80px !important; }.pt90 { padding-top: 90px !important; }.pt100 { padding-top: 100px !important; }

.pl0 { padding-left: 0px !important; }.pl5 { padding-left: 5px !important; }.pl8 { padding-left: 8px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl16 { padding-left: 16px !important; }.pl20 { padding-left: 20px !important; }.pl24 { padding-left: 24px !important; }.pl25 { padding-left: 25px !important; }.pl30 { padding-left: 30px !important; }.pl32 { padding-left: 32px !important; }.pl35 { padding-left: 35px !important; }.pl40 { padding-left: 40px !important; }.pl48 { padding-left: 48px !important; }.pl50 { padding-left: 50px !important; }.pl56 { padding-left: 56px !important; }.pl60 { padding-left: 60px !important; }.pl64 { padding-left: 64px !important; }.pl70 { padding-left: 70px !important; }.pl80 { padding-left: 80px !important; }.pl90 { padding-left: 90px !important; }.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0px !important; }.pr5 { padding-right: 5px !important; }.pr8 { padding-right: 8px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr16 { padding-right: 16px !important; }.pr20 { padding-right: 20px !important; }.pr24 { padding-right: 24px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr32 { padding-right: 32px !important; }.pr35 { padding-right: 35px !important; }.pr40 { padding-right: 40px !important; }.pr48 { padding-right: 48px !important; }.pr50 { padding-right: 50px !important; }.pr56 { padding-right: 56px !important; }.pr60 { padding-right: 60px !important; }.pr64 { padding-right: 64px !important; }.pr70 { padding-right: 70px !important; }.pr80 { padding-right: 80px !important; }.pr90 { padding-right: 90px !important; }.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0px !important; }.pb5 { padding-bottom: 5px !important; }.pb8 { padding-bottom: 8px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb16 { padding-bottom: 16px !important; }.pb20 { padding-bottom: 20px !important; }.pb24 { padding-bottom: 24px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb32 { padding-bottom: 32px !important; }.pb35 { padding-bottom: 35px !important; }.pb40 { padding-bottom: 40px !important; }.pb48 { padding-bottom: 48px !important; }.pb50 { padding-bottom: 50px !important; }.pb56 { padding-bottom: 56px !important; }.pb60 { padding-bottom: 60px !important; }.pb64 { padding-bottom: 64px !important; }.pb70 { padding-bottom: 70px !important; }.pb80 { padding-bottom: 80px !important; }.pb90 { padding-bottom: 90px !important; }.pb100 { padding-bottom: 100px !important; }

.w5p { width: 5%!important;}.w8p { width: 8%!important;}.w10p { width: 10%!important;}.w11p { width: 11%!important;}.w12p { width: 12%!important;}.w15p { width: 15%!important;}.w16p { width: 16%!important;}.w20p { width: 20%!important;}.w24p { width: 24%!important;}.w25p { width: 25%!important;}.w30p { width: 30%!important;}.w32p { width: 32%!important;}.w35p { width: 35%!important;}.w40p { width: 40%!important;}.w45p { width: 45%!important;}.w48p { width: 48%!important;}.w50p { width: 50%!important;}.w55p { width: 55%!important;}.w56p { width: 56%!important;}.w60p { width: 60%!important;}.w64p { width: 64%!important;}.w65p { width: 65%!important;}.w70p { width: 70%!important;}.w75p { width: 75%!important;}.w80p { width: 80%!important;}.w85p { width: 85%!important;}.w90p { width: 90%!important;}.w95p { width: 95%!important;}.w100p { width: 100%!important;}.wmax{ width: 100%!important; max-width: 100%!important; height: auto!important;}

.fz10 { font-size: 1rem; }.fz11 { font-size: 1.1rem; }.fz12 { font-size: 1.2rem; }.fz14 { font-size: 1.4rem; }.fz16 { font-size: 1.6rem; }.fz18 { font-size: 1.8rem; }.fz20 { font-size: 2rem; }.fz22 { font-size: 2.2rem; }.fz24 { font-size: 2.4rem; }.fz26 { font-size: 2.6rem; }.fz28 { font-size: 2.8rem; }.fz30 { font-size: 3rem; }.fz32 { font-size: 3.2rem; }.fz34 { font-size: 3.4rem; }.fz36 { font-size: 3.6rem; }.fz38 { font-size: 3.8rem; }.fz40 { font-size: 4rem; }.fz42 { font-size: 4.2rem; }.fz44 { font-size: 4.4rem; }.fz46 { font-size: 4.6rem; }.fz48 { font-size: 4.6rem; }

.max1280 { max-width: 1280px!important; margin: 0 auto!important; }
.max1024 { max-width: 1024px!important; margin: 0 auto!important; }
.max960 { max-width: 960px!important; margin: 0 auto!important; }
.max820 { max-width: 820px!important; margin: 0 auto!important; }
.max720 { max-width: 720px!important; margin: 0 auto!important; }
.max700 { max-width: 700px!important; margin: 0 auto!important; }
.max640 { max-width: 640px!important; margin: 0 auto!important;}
.max600 { max-width: 600px!important; margin: 0 auto!important;}
.max500 { max-width: 500px!important; margin: 0 auto!important; }
.max400 { max-width: 400px!important; margin: 0 auto!important; }
.max300 { max-width: 300px!important; margin: 0 auto!important; }
.max200 { max-width: 200px!important; margin: 0 auto!important; }

.mgA { margin-left: auto!important; margin-right: auto!important; }

/* fade action */
.fUp {
  opacity: 0;
  transform: translateY(50px);
  transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.fUp.is-show {
  opacity: 1;
  transform: translateY(0);
}
@keyframes after-action {
  0% {
    right: 24px;
  }
  50% {
    right: 20px;
  }
  100% {
    right: 24px;
  }
}
.is-show [class^="btn-"].icn-action::after, .is-show [class*=" btn-"].icn-action::after {
  animation: after-action .5s ease .8s;
}

/* top */
.main-visual {
  background: url(/common/images/bg-mv.png) no-repeat center 0 / cover;
  padding: 82px 0 32px;
}
.main-visual .swiper .swiper-container {
  padding-right: 24px;
}
.swiper-wrapper.is-show {
  display: flex;
}
.swiper .swiper-container .swiper-wrapper .swiper-slide {
  border-radius: 0;
  overflow: visible;
}
.swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: auto !important;
}
#top .swiper .swiper-container .swiper-wrapper .swiper-slide > a {
  display: block;
  border-radius: 32px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(50px);
  transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
#top .swiper .swiper-container .swiper-wrapper .swiper-slide > a.is-show {
  opacity: 1;
  transform: translateY(0);
}
.swiper[data-overflow="true"] .swiper-slide {
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper[data-overflow="true"][data-slide="1"] .swiper-slide-active > a {
  box-shadow: 1px 1px 16px rgba(0, 0, 0, .15);
}
.main-visual .mv-news {
  background: #fff;
  border: 2px solid #e93817;
  border-radius: 16px;
  padding: 16px 20px;
}
.main-visual .mv-news a {
  color: #333;
}
.cmn-section {
  padding: 60px 0;
}
.page-title-wrap + .cmn-section {
  padding-top: 0;
}
.h2-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-section .h2-ttl {
  color: #fff;
}
.h2-ttl .img {
  display: block;
  margin-right: 6px;
}
.h2-ttl .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
}
.top-guide-wrap {
  background: #ffdfd9;
  padding: 40px 0;
  text-align: center;
}
.top-guide-wrap .guide-btn-wrap {
  padding: 0 20px;
}
.top-guide-wrap .sub {
  font-size: 1.4rem;
}
.top-guide-wrap .main {
  font-size: 2.4rem;
}
.top-mypage-wrap {
  padding: 40px 0 0;
}
.top-mypage-wrap .top-guide-inner {
  background: #f2f2f2;
  border-radius: 32px;
  padding: 24px 20px;
}
.btn-to-mypage .sub {
  font-size: 12px;
}
.plan-select-wrap .img {
  width: 33px;
}
.plan-select-wrap .swiper .swiper-container {
  padding-right: 24px;
}
.cart-box.plan-select-box.selected,
.cart-box,
.plan-select-wrap .plan {
  background: #fff;
  border: 2px solid #e93817;
  border-radius: 16px;
  overflow: hidden;
}
.bg-section .cart-box {
  border-color: #fff;
}
.compare-plan .cart-box {
  border: none !important;
}
.cart-box.plan-select-box.selected .cart-box-ttl,
.cart-box .cart-box-ttl,
.plan-select-wrap .plan .plan-head {
  background: #e93817;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 18px;
}
.cart-box.plan-select-box.selected .cart-box-ttl .date-wrap,
.cart-box .cart-box-ttl .date-wrap,
.plan-select-wrap .plan .plan-head .date-wrap {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 0;
}
.cart-box .cart-box-ttl .date-wrap .date,
.plan-select-wrap .plan .plan-head .date-wrap .date {
  font-size: 1.4rem;
}
.cart-box .cart-box-ttl .label,
.plan-select-wrap .plan .plan-head .label {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 16px;
  color: #e93817;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0;
  width: 92px;
  height: 32px;
}
.cart-box .cart-box-ttl .label:after,
.plan-select-wrap .plan .plan-head .label:after {
  background: url(/common/images/icn-tag-save.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 13px;
  height: 16px;
  margin-left: 6px;
}
.cart-box .cart-box-body,
.plan-select-wrap .plan .plan-body {
  padding: 20px 18px;
}
.compare-plan .cart-box .cart-box-body {
  border: 4px solid #f2f2f2;
  border-top: none;
  border-radius: 0 0 16px 16px;
}
.compare-plan .cart-box.selected .cart-box-body {
  border-color: #ffe5e0;
}
.service-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.service-list > li {
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  width: 72px;
  height: 24px;
  line-height: 24px;
  margin: 0 4px 4px 0;
  text-align: center;
}
.service-list > .net {
  background: #0085cd;
}
.service-list > .tv {
  background: #e3007f;
}
.service-list > .phone {
  background: #00a23e;
}
.service-list > .mobile {
  background: #0bb8bc;
}
.service-list > .electricity {
  background: #ffa527;
}
.service-list > .gas {
  background: #0a3188;
}
.service-list > .ssi {
  background: #df0144;
}
.service-list > .home {
  background: #ff6f61;
}
.service-list > .telemedicine {
  background: #00805D;
}
.service-list > li.not-select {
  background: #f2f2f2;
  color: #939393;
}
.plan-name {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 8px 0 0;
}
.plan-select-wrap .plan .plan-body .service-list > li {
  font-size: 1.4rem;
  width: 78px;
  height: 28px;
  line-height: 28px;
}
.plan-select-wrap .plan .plan-body .service-list > li:last-of-type {
  margin-right: 0;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap {
  margin-top: 16px;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .ttl {
  background: #ffe5e0;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 6px 8px;
  text-align: center;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-limit {
  font-size: 1.2rem;
  margin-bottom: 4px;
  text-align: center;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap {
  display: flex;
  justify-content: center;
  text-align: center;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .normal-price-wrap {
  margin-right: 8px;
  text-align: left;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .normal-price {
  display: inline-block;
  font-size: 1rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .normal-price .num {
  font-size: 1.4rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded {
  margin-bottom: 2px;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price {
  color: #e93817;
  font-family: 'Roboto', sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  position: relative;
  z-index: 1;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price:before {
  background: #ffce73;
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: skew(-30deg);
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price .price-inner {
  position: relative;
  z-index: 2;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .yen {
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  text-align: right;
  position: relative;
  z-index: 2;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-included {
  color: #666;
  font-size: 1.2rem;
  text-align: right;
}
.plan-btn-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.plan-btn-wrap [class^="btn-"] {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  width: calc((100% - 15px) / 2);
  min-width: 1px;
  min-height: 51px;
  padding: 12px 16px;
}
.cart-box .plan-btn-wrap .btn-plan-save,
.plan-btn-wrap .btn-plan-detail {
  background: #fff;
  border-radius: 16px;
  border: 2px solid #e93817;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 16px;
}
.cart-box .plan-btn-wrap .btn-plan-save {
  padding: 4px 22px 4px 10px !important;
}
@keyframes after-action-detail {
  0% {
    right: 5px;
  }
  50% {
    right: 1px;
  }
  100% {
    right: 5px;
  }
}
.plan-btn-wrap .btn-plan-detail:after {
  background: url(/common/images/icn-bullet-black.svg) no-repeat center center/contain;
  right: 5px;
}
.is-show .plan-btn-wrap .btn-plan-detail:after {
  animation: after-action-detail .5s ease .8s;
}
.plan-btn-wrap .btn-plan-apply {
  background: #e93817;
  border-radius: 16px;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 28px 5px 16px;
}
@keyframes after-action-apply {
  0% {
    right: 8px;
  }
  50% {
    right: 4px;
  }
  100% {
    right: 8px;
  }
}
.plan-btn-wrap .btn-plan-apply:after {
  background: url(/common/images/icn-cart-white.svg) no-repeat center center/contain;
  width: 20px;
  height: 20px;
  right: 8px;
}
.is-show .plan-btn-wrap .btn-plan-apply:after {
  animation: after-action-apply .5s ease .8s;
}
.plan-btn-wrap .btn-plan-save:after {
  background: url(/common/images/icn-tag-save-white.svg) no-repeat center center/contain;
  width: 18px;
  height: 21px;
  position: absolute;
  right: 6px;
}
.service-select-wrap {
  background: url(/common/images/bg-pattern-01.png) repeat-y center 0/100%;
}
.service-select-wrap .h2-ttl {
  color: #fff;
}
.service-select-wrap .h2-ttl .img {
  width: 57px;
}
.service-select-wrap .service-select-anchor {
  display: flex;
  justify-content: space-between;
}
.service-select-wrap .service-select-anchor .anchor-link {
  background: #fff;
  border-radius: 16px;
  color: #333;
  width: calc((100% - 15px) / 2);
  padding-bottom: 32px;
  position: relative;
}
.service-select-wrap .service-select-anchor .anchor-link:after {
  background: url(/common/images/icn-bullet-black.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 8px;
  height: 11px;
  position: absolute;
  left: calc(50% - 4px);
  bottom: 10px;
  transform: rotate(90deg);
}
.service-select-wrap .service-select-anchor .anchor-link .ttl {
  background: #ffdfd9;
  border-radius: 16px 16px 0 0;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 16px;
  position: relative;
}
.service-select-wrap .service-select-anchor .anchor-link .ttl .icn {
  display: block;
  width: 32px;
  margin-right: 6px;
}
.service-select-wrap .service-select-anchor .anchor-link .ttl .txt {
  font-weight: bold;
  line-height: 1.5;

}
.service-select-wrap .service-select-anchor .anchor-link .ttl:after {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffdfd9 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 10px);
  top: 100%;
}
.service-select-wrap .service-select-anchor .anchor-link .service-img {
  margin: 29px 0 8px;
  text-align: center;
}
.service-select-wrap .service-select-anchor .anchor-link .service-img img {
  width: auto;
  height: 64px;
}
.service-select-wrap .service-select-anchor .anchor-link .txt-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  height: 3em;
  margin-bottom: 0;
  text-align: center;
}
.service-select-wrap .service-select-anchor .anchor-link .txt-wrap .color-txt {
  color: #e93817;
}
.service-select-wrap .service-select-ttl {
  margin: 40px 0 24px;
  text-align: center;
}
.service-select-wrap .service-select-ttl .img {
  display: block;
  width: 80px;
  margin: 0 auto 10px;
}
.service-select-wrap .service-select-ttl .ttl {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
}
.flow-balloon-box,
.service-list-wrap {
  background: #fff2f0;
  border-radius: 32px;
  margin-bottom: 32px;
  padding: 24px 20px;
  position: relative;
}
.flow-balloon-box:before,
.service-select-wrap .house-select-wrap:after,
.service-select-wrap .choice-service .service-list-wrap:after {
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #fff2f0 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 20px);
  top: 100%;
}
.service-select-wrap .choice-service .service-list-wrap .lead-txt {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
.service-acc-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.service-acc-wrap + .service-acc-wrap {
  margin-top: 16px;
  margin-bottom: 32px;
}
.service-acc-wrap .acc-btn-wrap {
  width: calc((100% - 15px) / 2);
  position: relative;
}
.service-acc-wrap .acc-btn-wrap label {
  display: block;
  margin: 0;
  position: relative;
}
.service-acc-wrap .acc-btn-wrap label input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.service-acc-wrap .acc-btn-wrap label input[type="checkbox"] + span {
  background: #fff;
  border-radius: 10px;
  border: 2px solid #e2e2e2;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.service-acc-wrap .acc-btn-wrap.category-net label input[type="checkbox"] + span {
  color: #E93817;
}
.service-acc-wrap .acc-btn-wrap.category-net label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.service-acc-wrap .acc-btn-wrap.category-tv label input[type="checkbox"] + span {
  color: #E93817;
}
.service-acc-wrap .acc-btn-wrap.category-tv label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.service-acc-wrap .acc-btn-wrap.category-phone label input[type="checkbox"] + span {
  color: #E93817;
}
.service-acc-wrap .acc-btn-wrap.category-phone label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.service-acc-wrap .acc-btn-wrap .service-acc-btn:after,
.service-acc-wrap .acc-btn-wrap .service-acc-btn:before {
  background: #fff;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  display: none;
  width: calc(100% + 4px);
  height: 20px;
  position: absolute;
  left: -2px;
  top: 100%;
}
.service-acc-wrap .service-name-wrap {
  display: flex;
  align-items: center;
  height: 58px;
  padding: 0 10px;
  width: 100%;
}
.service-acc-wrap label input[type="checkbox"] + span .service-name-wrap:before {
  background: #fff url(/common/images/icn-check-white.png) no-repeat center center / 11px auto;
  border: 2px solid #e2e2e2;
  border-radius: 4px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service-acc-wrap .category-net label input[type="checkbox"]:checked + span .service-name-wrap:before {
  background-color: #0085cd;
  border-color: #0085cd;
}
.service-acc-wrap .category-tv label input[type="checkbox"]:checked + span .service-name-wrap:before {
  background-color: #e3007f;
  border-color: #e3007f;
}
.service-acc-wrap .category-phone label input[type="checkbox"]:checked + span .service-name-wrap:before {
  background-color: #00a23e;
  border-color: #00a23e;
}
.service-acc-wrap .service-name-wrap .icn {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 0;
  margin-right: 5px;
}
.service-acc-wrap .service-detail-txt {
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 24px 12px;
  position: relative;
  width: 100%;
}
.service-acc-wrap .category-net .service-detail-txt {
  background: #28a4e7;
}
.service-acc-wrap .category-tv .service-detail-txt {
  background: #e7379a;
}
.service-acc-wrap .category-phone .service-detail-txt {
  background: #2aaa5b;
}
.service-acc-wrap .service-detail-txt:before {
  background: url(/common/images/icn-bullet-white.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 8px;
  height: 11px;
  margin: 0;
  position: absolute;
  left: calc(50% - 4px);
  right: auto;
  top: auto;
  bottom: 6px;
  transform: rotate(90deg);
  z-index: 2;
}
.service-acc-wrap .service-detail-txt.is-open:before {
  transform: rotate(-90deg);
}
.service-acc-wrap .acc-btn-wrap .select-check-wrap {
  position: absolute;
  left: 10px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  transform: translate(0,-19px);
  z-index: 2;
}
.service-acc-wrap .acc-btn-wrap .select-check-wrap input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.service-acc-wrap .acc-btn-wrap .select-check-wrap input[type="checkbox"] + label {
  background: #fff url(/common/images/icn-check-white.png) no-repeat center center / 11px auto;
  border: 2px solid #000;
  border-radius: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
}
.service-acc-wrap .service-detail-wrap {
  width: 100%;
}
.service-acc-wrap .service-detail {
  background: #fff;
  border: 2px solid #000;
  border-radius: 16px;
  display: none;
  margin-top: 16px;
  padding: 14px;
  position: relative;
}
.service-acc-wrap .service-detail:after,
.service-acc-wrap .service-detail:before {
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #e2e2e2 transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
}
.service-acc-wrap .service-detail.category-phone:after,
.service-acc-wrap .service-detail.category-phone:before,
.service-acc-wrap .service-detail.category-net:after,
.service-acc-wrap .service-detail.category-net:before {
  left: calc(((100% - 15px) / 4) - 12px);
}
.service-acc-wrap .service-detail.category-tv:after,
.service-acc-wrap .service-detail.category-tv:before {
  left: calc(((100% - 15px) / 2) + ((100% - 15px) / 4) + 5px);
}
.service-acc-wrap .service-detail:after {
  border-color: transparent transparent #fff transparent;
  bottom: calc(100% - 3px);
}
.service-acc-wrap .service-detail.category-net {
  border-color: #0085cd;
}
.service-acc-wrap .service-detail.category-net:before {
  border-color: transparent transparent #0085cd transparent;
}
.service-acc-wrap .service-detail.category-tv {
  border-color: #e3007f;
}
.service-acc-wrap .service-detail.category-tv:before {
  border-color: transparent transparent #e3007f transparent;
}
.service-acc-wrap .service-detail.category-phone {
  border-color: #00a23e;
}
.service-acc-wrap .service-detail.category-phone:before {
  border-color: transparent transparent #00a23e transparent;
}
.service-acc-wrap .service-detail.is-open {
  display: block;
}
.service-acc-wrap .service-detail .service-img {
  text-align: center;
}
.service-acc-wrap .service-detail .service-img img {
  border-radius: 16px;
}
.service-acc-wrap .service-detail .service-txt {
  margin-top: 32px;
}
.service-acc-wrap .service-detail .more-link {
  margin-top: 32px;
  text-align: right;
}
.mobile-btn-wrap a {
  margin-bottom: 16px;
}
.mobile-btn-wrap .btn-mobile-simulation:before  {
  display: none;
}
.house-select-wrap .label-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.house-select-wrap .label-wrap label {
  display: flex;
  align-items: center;
}
.house-select-wrap .label-wrap .num {
  border: 2px solid #e93817;
  border-radius: 50%;
  color: #e93817;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin-right: 6px;
  width: 20px;
  height: 20px;
}
.house-select-wrap .zip-input-wrap .zip-input {
  display: flex;
}
.house-select-wrap .zip-input-wrap .zip-input .zip-icon {
  display: block;
  width: 16px;
  margin-right: 10px;
  line-height: 48px;
}
.house-select-wrap .zip-input-wrap .zip-input .input-wrap input[type="text"] {
  width: 100%;
}
.house-select-wrap .zip-input-wrap .zip-search-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.house-select-wrap .zip-input-wrap .zip-search-wrap .note {
  margin-right: 20px;
}
.house-select-wrap .house-type-wrap {
  margin-top: 24px;
}
.house-select-wrap .house-type-wrap .form-group label[class^="label-card"] input[type="radio"]+span {
  padding-left: 48px;
  padding-right: 10px;
}
.house-select-wrap .house-type-wrap .form-group label[class^="label-card"] input[type="radio"]+span .icon {
  top: calc(50% - 16px);
  left: 8px;
}
[class^="btn-"][class*="btn-set"]:after,
[class*=" btn-"][class*="btn-set"]:after {
  display: none;
}
.service-select-wrap .choice-service .apply-btn-wrap {
  background: #fff;
  border-radius: 32px;
  margin-top: 23px;
  padding: 31px 20px 24px;
}
.choice-lifestyle .lifestyle-diagnosis {
  background: #fff2f0;
  border-radius: 32px;
  padding: 24px 20px;
  text-align: center;
}
.choice-lifestyle .lifestyle-diagnosis .lead-txt {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 24px;
}
.choice-lifestyle .lifestyle-diagnosis .txt-wrap .img {
  margin: 0 -8px;
}
.voice-section-wrap {
  background: #ffe5e0;
}
.voice-section-wrap .h2-ttl .img {
  width: 38px;
}
.voice-section-wrap .voice-select {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px 24px;
}
.voice-section-wrap .voice-select label {
  font-weight: bold;
  margin: 0 8px;
  width: calc((100% - 32px) / 2);
}
.voice-section-wrap .voice-select label:nth-of-type(n+3) {
  margin-top: 16px;
}
.voice-section-wrap .voice-select.form-group label[class^="label-card"] input[type="radio"]+span {
  margin: 0;
  padding-left: 36px;
}
.voice-section-wrap .voice-contents-wrap .voice-contents.is-hide {
  display: none;
}
.voice-section-wrap .voice-contents-wrap .voice-contents.is-show {
  display: block;
}
.voice-section-wrap .swiper[data-overflow="true"] .swiper-slide {
  height: auto;
}
.voice-section-wrap .swiper .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}
.voice-section-wrap .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #e93817;
}
.faq-section-wrap .h2-ttl .img {
  width: 36px;
}
.associated-shop {
  background: #f2f2f2;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  overflow: hidden;
  padding: 40px 0 30px;
  width: 100%;
}
.associated-shop .ttl {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.associated-shop .swiper .swiper-container {
  padding-right: 24px;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner {
  background: #fff;
  color: #333;
  border-radius: 16px;
  display: block;
  overflow: hidden;
  height: 100%;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner .img img {
  width: 100%;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner .txt-wrap {
  padding: 10px 11px;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner .txt-wrap .shop-name {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  height: 3em;
  margin-bottom: 0;
  text-align: center;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner .txt-wrap .shop-subject {
  font-size: 1.2rem;
  margin: 8px 0 0;
  letter-spacing: -0.05em;
}
.page-title-wrap {
  padding: 16px 0;
  text-align: center;
}
.page-title-wrap .ttl {
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.page-title-wrap .title-inner-contents {
  margin-top: 48px;
}
.page-title-wrap .title-inner-contents .lead-txt {
  font-size: 1.6rem;
  font-weight: bold;
}
.bg-pink-02 {
  background: #fff2f0;
}
.bg-pink-03 {
  background: #ffe5e0;
}
.page-title-wrap + .bg-pink-03,
.page-title-wrap + .bg-pink-02 {
  padding-top: 60px;
}
.bdr-ttl {
  background: none;
  font-size: 2.4rem;
  font-weight: bold !important;
  margin: 0 0 24px;
  padding-bottom: 10px;
  position: relative;
}
.bdr-ttl:before {
  background: #e93817;
  border-radius: 2px;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.bdr-ttl-gray {
  font-size: 2rem;
  font-weight: bold !important;
  margin: 40px 0 24px;
  padding-bottom: 10px;
  position: relative;
  text-align: left;
}
h2 + .bdr-ttl-gray {
  margin-top: 0;
}
.bdr-ttl-gray:before {
  background: #d0d0d0;
  border-radius: 2px;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.cart-accordion {
  margin-bottom: 27px;
}
.cart-accordion > .collapse-trigger {
  padding-top: 0;
}
.cart-accordion > .collapse-trigger:after {
  background-image: url(/common/images/icn-bullet-black.svg);
  width: 9px;
  height: 14px;
  right: 8px;
  transform: rotate(90deg) translate(-5px,0);
}
.cart-accordion > .collapse-trigger.is-open:after {
  transform: rotate(-90deg) translate(5px,0);
}
.cart-accordion > .collapse-container {
  background: none;
}
.cart-accordion > .collapse-container:after {
  display: none;
}
.cart-accordion > .collapse-container>.collapse-content {
  padding: 0;
}
.cart-box {
  border-radius: 16px;
  margin-bottom: 24px;
}
.cart-box.plan-select-box {
  border-color: #e2e2e2;
}
.cart-box.plan-select-box .cart-box-ttl {
  background: #f2f2f2;
}
.cart-box.plan-select-box .cart-box-ttl .date-wrap {
  color: #333;
}
.cart-box .cart-box-ttl .date-wrap .date {
  margin-left: 8px;
}
.plan-price-wrap .ttl {
  background: #ffe5e0;
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 4px;
  text-align: center;
}
.plan-price-wrap .breakdown .ttl {
  margin-bottom: 24px;
}
.service-name-list-wrap {
  display: flex;
  justify-content: center;
}
.service-name-list {
  margin: 0;
}
.service-name-list > li {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 0;
}
.service-name-list > li + li {
  margin-top: 8px;
}
.plan-detail-txt .net,
.service-name-list > .net {
  color: #0085cd;
}
.plan-detail-txt .tv,
.service-name-list > .tv {
  color: #e3007f;
}
.plan-detail-txt .phone,
.service-name-list > .phone {
  color: #00a23e;
}
.plan-detail-txt > .mobile,
.service-name-list > .mobile {
  color: #0bb8bc;
}
.plan-detail-txt .electricity,
.service-name-list > .electricity {
  color: #ffa527;
}
.plan-detail-txt .gas,
.service-name-list > .gas {
  color: #0a3188;
}
.plan-detail-txt .ssi,
.service-name-list > .ssi {
  color: #df0144;
}
.plan-detail-txt .home,
.service-name-list > .home {
  color: #ff6f61;
}
.plan-detail-list > li .plan-detail-txt > .telemedicine,
.service-name-list > .telemedicine {
  color: #00805D;
}
.service-name-list > li .icn {
  display: block;
  line-height: 0;
  height: 18px;
  margin-right: 8px;
}
.service-name-list > li .icn img {
  width: auto;
  height: 18px;
}
.plan-price-wrap .price-wrap .normal-price {
  font-size: 1rem;
  text-align: center;
}
.plan-price-wrap .price-wrap .normal-price > span {
  display: inline-block;
  position: relative;
}
.plan-price-wrap .price-wrap .normal-price.discount > span:after {
  background: #e93817;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
}
.plan-price-wrap .price-wrap .normal-price .num {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
}
.tax-included {
  color: #666;
}
.price-middle {
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}
.price-middle .price-wrap {
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
}
.plan-price-wrap .price-wrap .plan-price {
  display: flex;
  justify-content: center;
}
.plan-slider .plan-price-wrap .price-wrap .plan-price {
  align-items: flex-end;
  flex-wrap: wrap;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded {
  display: flex;
  align-items: flex-end;
  margin: 0;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .price {
  color: #e93817;
  font-family: 'Roboto', sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  position: relative;
}
.plan-price-wrap .front-end-cost .price-wrap .plan-price .tax-excluded .price,
.plan-price-wrap .breakdown .price-wrap .plan-price .tax-excluded .price {
  font-size: 2.4rem;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .price:before {
  background: #ffce73;
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: skew(-30deg);
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .price .price-inner {
  position: relative;
  z-index: 2;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .yen {
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 0 8px;
  text-align: right;
}
.plan-price-wrap .front-end-cost .price-wrap .plan-price .tax-excluded .yen,
.plan-price-wrap .breakdown .price-wrap .plan-price .tax-excluded .yen {
  font-size: 1rem;
  letter-spacing: -0.1em;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .yen .term {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}
.plan-price-wrap .price-wrap .plan-price .tax-included {
  font-size: 1.2rem;
  margin-bottom: 0;
  text-align: right;
}
.bdr-box .service-list > li,
.accordion.border .service-list > li {
  font-size: 1rem;
  width: 47px;
}
.plan-detail-list + .row {
  border-top: 2px solid #e2e2e2;
  margin-top: 20px;
  padding-top: 4px;
}
.plan-detail-list {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 16px;
  padding: 12px;
}
.plan-detail-list.no-border {
  border: none;
  border-radius: 0;
  padding: 0;
}
.plan-detail-list > li .plan-name-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.plan-detail-list > li .plan-name {
  font-size: 1.4rem;
  margin-top: 0;
}
.plan-detail-list > li .plan-name-wrap .plan-name {
  flex: 1;
  min-width: 1px;
}
.plan-detail-list > li .plan-name .term {
  font-size: 1rem;
}
.plan-detail-list > li .plan-name-wrap .detail-link {
  font-size: 1.2rem;
  margin: 0 0 0 16px;
}
.plan-detail-list > li .plan-detail-wrap {
  display: flex;
  align-items: flex-end;
  margin-top: 8px;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt {
  flex: 1;
  font-size: 1.2rem;
  margin-right: 8px;
  min-width: 1px;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt > p {
  margin: 0;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .standard-price {
  margin: 0;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .standard-price > span {
  display: inline-block;
  position: relative;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .standard-price > span:after {
  background: #e93817;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .discount-plan {
  color: #e93817;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}
.plan-detail-list > li .plan-detail-wrap .plan-price {
  text-align: right;
}
.plan-detail-list > li .plan-detail-wrap .plan-price .price {
  font-size: 1rem;
  font-weight: bold;
}
.plan-detail-list > li .plan-detail-wrap .plan-price .price .num {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
}
.plan-detail-list > li .plan-detail-wrap .plan-price .price.discount {
  color: #e91717;
}
.plan-detail-list > li > .plan-detail-txt > span {
  font-weight: bold;
}
.plan-detail-list > li {
  margin-bottom: 0;
}
.plan-detail-list > li + li {
  border-top: 1px solid #e2e2e2;
  margin-top: 16px;
  padding-top: 16px;
}
.plan-detail-list > .plan-option {
  border-top: none;
  position: relative;
}
.plan-detail-list > .plan-option .label {
  color: #e93817;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0,-50%);
  text-align: center;
  width: 100%;
}
.plan-detail-list > .plan-option .label:before {
  background: #e93817;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: calc(50%);
  z-index: 1;
}
.plan-detail-list > .plan-option .label > span {
  background: #fff;
  display: inline-block;
  padding: 0 6px;
  position: relative;
  z-index: 2;
}
.privilege-ttl {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 40px 0 24px;
  padding-bottom: 10px;
  position: relative;
  text-align: left;
}
.privilege-ttl:after {
  background: #d0d0d0;
  border-radius: 1px;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.privilege-list {
  margin: 0;
}
.privilege-list li {
  border-bottom: 1px solid #e2e2e2;
  margin: 0;
  padding-bottom: 8px;
}
.privilege-list.plan-detail li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.privilege-list.plan-detail li .privilege-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.privilege-list li + li {
  margin-top: 8px;
}
.privilege-list li .privilege {
  margin: 0;
}
.privilege-list li .privilege .privilege-name {
  display: block;
  font-weight: bold;
}
.privilege-list li .privilege .detail-link {
  display: block;
  font-size: 1.2rem;
  margin-top: 4px;
}
.privilege-list li  .privilege-detail {
  display: flex;
  justify-content: space-between;
  line-height: 1.2;
  margin: 4px 0 0 0;
}
.privilege-list.plan-detail li  .privilege-detail {
  display: block;
  margin: 0 0 0 8px;
}
.privilege-list li  .privilege-detail .txt {
  display: block;
  font-size: 1rem;
}
.privilege-list li  .privilege-detail .detail {
  display: block;
  font-size: 1rem;
  font-weight: bold;
}
.privilege-list li  .privilege-detail .detail .num {
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
}
.price-flow-wrap {
  font-size: 1rem;
  margin: 0 -6px;
  position: relative;
}
.price-flow-wrap ul li,
.price-flow-wrap ul,
.price-flow-wrap p {
  margin: 0;
}
.price-flow-wrap .flow-header {
  display: flex;
  align-items: center;
  padding-left: 97px;
}
.price-flow-wrap .flow-header .txt {
  font-weight: bold;
  margin-left: 8px;
}
.price-flow-wrap .price-bg-box {
  background: #fff2f0;
  border-radius: 4px;
  padding: 4px 8px;
  text-align: right;
}
.price-flow-wrap .flow-header .price-bg-box {
  text-align: center;
}
.price-flow-wrap .price-box-wrap {
  display: flex;
}
.price-flow-wrap .price-box-wrap .price-bg-box .price {
  letter-spacing: -0.05em;
  font-weight: bold;
}
.price-flow-wrap .price-box-wrap .price-bg-box .price .num {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
}
.price-flow-wrap .flow-body {
  margin-top: 14px;
  position: relative;
}
.price-flow-wrap .flow-body .flow-list > li {
  border-top: 1px dashed #e2e2e2;
  padding: 10px 0 20px 97px;
  position: relative;
}
.price-flow-wrap .flow-body .flow-list .bar-box {
  display: flex;
  padding-left: 4px;
  position: absolute;
  left: 0;
  top: -3px;
  height: calc(100% + 7px);
  width: 64px;
  z-index: 2;
}
.price-flow-wrap .flow-body .flow-list .bar-box .bar {
  background: #ffc4b9;
  border-radius: 2px;
  display: block;
  width: 4px;
  height: 100%;
  margin-right: 4px;
}
.price-flow-wrap .flow-body .flow-list .bar-box .bar.transparent {
  background: none;
}
.price-flow-wrap .flow-body .flow-list .bar-box .bar.bg-red {
  background: #e93817;
}
.price-flow-wrap .flow-body .flow-list .month-box {
  background: #e2e2e2;
  position: absolute;
  left: 68px;
  top: 0;
  width: 2px;
  height: 100%;
  z-index: 3;
}
.price-flow-wrap .flow-body .flow-list .month-box .label {
  background: #fff;
  border: 2px solid #d0d0d0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1.2;
  width: 56px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.price-flow-wrap .flow-body .flow-list .divide-wrap {
  position: absolute;
  width: 100%;
  height: calc(100% - 20px);
  left: 0;
  top: 10px;
}
.price-flow-wrap .flow-body .flow-list .divide {
  background: #fff;
  border: 1px solid #939393;
  border-radius: 50%;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.price-flow-wrap .flow-body .flow-list .month-3 .divide:first-of-type {
  top: 33.33%;
}
.price-flow-wrap .flow-body .flow-list .month-3 .divide:nth-of-type(2) {
  top: 66.66%;
}
.price-flow-wrap .flow-body .flow-list .month-6 .divide:nth-of-type(1) {
  top: calc(100% / 6);
}
.price-flow-wrap .flow-body .flow-list .month-6 .divide:nth-of-type(2) {
  top: calc(100% / 6 * 2);
}
.price-flow-wrap .flow-body .flow-list .month-6 .divide:nth-of-type(3) {
  top: calc(100% / 6 * 3);
}
.price-flow-wrap .flow-body .flow-list .month-6 .divide:nth-of-type(4) {
  top: calc(100% / 6 * 4);
}
.price-flow-wrap .flow-body .flow-list .month-6 .divide:nth-of-type(5) {
  top: calc(100% / 6 * 5);
}
.price-flow-wrap .flow-body .flow-list .abbreviation {
  background: url(/common/images/img-abbreviation.svg) no-repeat center center / contain;
  display: block;
  width: 13px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.price-flow-wrap .flow-body .flow-list > .last-item .abbreviation {
  transform: translate(-50%,0);
}
.price-flow-wrap .flow-body .flow-list > .last-item .bar-box .abbreviation {
  left: 6px;
}
.price-flow-wrap .flow-body .flow-list .price-flow-first {
  background: #f2f2f2;
  border-radius: 4px;
  padding: 8px;
}
.price-flow-wrap .flow-body .flow-list .discount-plan {
  font-size: 1.2rem;
  margin-top: 8px;
}
.price-flow-wrap .flow-body .flow-list .discount-plan > li {
  display: flex;
}
.price-flow-wrap .flow-body .flow-list .discount-plan > li + li {
  margin-top: 12px;
}
.price-flow-wrap .flow-body .flow-list .discount-plan .discount-plan-name {
  font-weight: bold;
}
.price-flow-wrap .flow-body .flow-list .discount-plan .detail-link {
  font-weight: normal;
  margin-left: 12px;
  flex-shrink: 0;
}
.price-flow-wrap .list-note {
  margin-top: 10px;
  font-size: 1.2rem;
}
.accordion.border {
  background: #fff;
  border: 2px solid #d0d0d0;
  border-radius: 10px;
  margin-bottom: 24px;
}
.accordion.border .collapse-trigger {
  font-size: 1.6rem;
  font-weight: bold !important;
  background: none;
  padding: 16px 32px 16px 14px;
}
.bdr-box .accordion.border .collapse-trigger,
.cart-box .accordion.border .collapse-trigger {
  font-size: 1.2rem;
  padding: 8px 32px 8px 10px;
}
.accordion.border .collapse-trigger:after {
  background-image: url(/common/images/icn-bullet-black.svg);
  width: 7px;
  height: 11px;
  right: 15px;
  transform: rotate(90deg);
}
.accordion.border .collapse-trigger.is-open:after {
  transform: rotate(-90deg);
}
.accordion.border .collapse-container {
  background: none;
}
.accordion.border .collapse-container>.collapse-content {
  padding: 20px 16px;
}
.cart-box .accordion.border .collapse-container>.collapse-content,
.bdr-box .accordion.border .collapse-container>.collapse-content {
  padding: 10px;
}
.cart-box .accordion.border .collapse-container.is-open::after,
.bdr-box .accordion.border .collapse-container.is-open::after {
  left: 10px;
  width: calc(100% - 20px);
}
.sort-narrw-down .row {
  width: 100%;
  margin-bottom: 16px;
}
.sort-narrw-down .form-label {
  font-weight: bold;
  margin-right: 8px;
}
.sort-narrw-down .sort-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.sort-narrw-down .sort-wrap select {
  width: calc(100% - 4em);
}
.sort-narrw-down .and-or-wrap {
  border-top: 1px solid #e2e2e2;
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
}
.sort-narrw-down .service-narrow-wrap {
  display: flex;
  flex-wrap: wrap;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox {
  margin: 0;
  position: relative;
  width: calc((100% - 16px) / 2);
  margin-right: 16px;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox:nth-of-type(2n) {
  margin-right: 0;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox:nth-of-type(n+3) {
  margin-top: 16px;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span {
  background: #fff;
  border: 2px solid #000;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding-left: 38px;
  height: 48px;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.net > input[type="checkbox"] + span {
  border-color: #0085cd;
  color: #0085cd;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.tv > input[type="checkbox"] + span {
  border-color: #e3007f;
  color: #e3007f;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.mobile > input[type="checkbox"] + span {
  border-color: #00a4a7;
  color: #00a4a7;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.electricity > input[type="checkbox"] + span {
  border-color: #e2e2e2;
  color: #f08c00;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.phone > input[type="checkbox"] + span {
  border-color: #00a23e;
  color: #00a23e;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.gas > input[type="checkbox"] + span {
  border-color: #e2e2e2;
  color: #0b308e;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span:before {
  display: none;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span:after {
  background: #fff url(/common/images/icn-check-white.png) no-repeat center center / 11px auto;
  border: 2px solid #000;
  border-radius: 4px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  position: absolute;
  left: 10px;
  top: calc(50% - 8px);
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"]:checked + span:after {
  transform: rotate(0deg);
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.net > input[type="checkbox"] + span:after {
  border-color: #0085cd;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.net > input[type="checkbox"]:checked + span:after {
  background-color: #0085cd;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.tv > input[type="checkbox"] + span:after {
  border-color: #e3007f;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.tv > input[type="checkbox"]:checked + span:after {
  background-color: #e3007f;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.mobile > input[type="checkbox"] + span:after {
  border-color: #00a4a7;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.mobile > input[type="checkbox"]:checked + span:after {
  background-color: #00a4a7;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.electricity > input[type="checkbox"] + span:after {
  border-color: #e2e2e2;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.electricity > input[type="checkbox"]:checked + span:after {
  background-color: #e2e2e2;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.phone > input[type="checkbox"] + span:after {
  border-color: #00a23e;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.phone > input[type="checkbox"]:checked + span:after {
  background-color: #00a23e;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.gas > input[type="checkbox"] + span:after {
  border-color: #e2e2e2;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.gas > input[type="checkbox"]:checked + span:after {
  background-color: #e2e2e2;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span .icn {
  display: block;
  line-height: 0;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  text-align: center;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox.net > input[type="checkbox"] + span .icn img {
  width: auto;
  height: auto;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span .txt {
  font-weight: bold;
}
.cart-box .plan-btn-wrap [class^="btn-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 51px;
  padding: 12px 16px;
}
.cart-box .plan-btn-wrap .btn-plan-detail {
  background: #fff;
  border-radius: 16px;
  border: 2px solid #e93817;
}
.cart-box .plan-btn-wrap [class^="btn-"] {
  padding: 4px 16px;
}
.cart-box .plan-btn-wrap .btn-plan-apply {
  padding: 0 23px 0 4px;
}
@keyframes after-action-apply-cart-box {
  0% {
    right: 5px;
  }
  50% {
    right: 2px;
  }
  100% {
    right: 5px;
  }
}
.cart-box .plan-btn-wrap .btn-plan-apply:after {
  right: 5px;
}
.cart-box.is-show .plan-btn-wrap .after-action-apply-cart-box:after {
  animation: after-action-apply-cart-box .5s ease .8s;
}
[class^="btn-"].no-arrow,
[class*=" btn-"].no-arrow {
  padding: 14px 16px;
}
[class^="btn-"].no-arrow:after,
[class*=" btn-"].no-arrow:after {
  display: none;
}
.btn-white-dark.btn-back {
  border-color: #939393;
  width: 100%;
}
a.link-underline {
  text-decoration: underline;
}
.w736-box {
  max-width: 736px;
  margin: 0 auto;
}
.recommend-link-wrap {
  background: #ffe5e0;
  margin: 32px 0;
  padding: 40px 0;
}
.plan-select-box .form-group {
  text-align: center;
}
.plan-select-box .form-group label[class^="label-card"] {
  margin: 0;
  width: 100%;
  text-align: left;
}
.plan-select-box .form-group label[class^="label-card"] input[type="checkbox"]+span {
  font-weight: bold;
}
.plan-select-box .form-group label[class^="label-card"] input[type="checkbox"]:checked+span {
  background: #fff2f0;
}
.plan-select-box .form-group label>input[type="checkbox"]:checked+span::before {
  border-color: #e93817;
}
.btn-cart:after {
  background-image: url(/common/images/icn-cart-white.svg);
  width: 20px;
  height: 20px;
}
.apply-flow-wrap p {
  margin: 0;
}
.apply-flow-wrap .service-apply {
  background: #fff2f0;
  border-radius: 16px;
  padding: 16px 12px;
}
.apply-flow-wrap .service-list {
  margin-bottom: 8px;
}
.apply-flow-wrap .step-flow {
  margin: 0;
}
.apply-flow-wrap .step-flow > li {
  border-radius: 8px;
  display: flex;
  margin: 0;
  position: relative;
}
.apply-flow-wrap .step-flow > li + li {
  margin-top: 16px;
}
.apply-flow-wrap .step-flow > li + li:before {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #939393 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 10px);
  bottom: calc(100% + 3px);
}
.apply-flow-wrap .step-flow > li .num {
  background: #e93817;
  border-radius: 8px 0 0 8px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  width: 40px;
  height: 40px;
}
.apply-flow-wrap .step-flow > li .txt-wrap {
  background: #fff;
  border: 1px solid #d0d0d0;
  border-left: none;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 1px;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  padding: 0 12px;
}
.apply-flow-wrap .step-flow > li .txt-wrap .step-label {
  background: #e93817;
  color: #fff;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: normal;
  width: 102px;
  height: 17px;
  position: absolute;
  right: -1px;
  top: -9px;
}
.apply-flow-wrap .waiting-wrap {
  display: flex;
  margin: 8px 0;
}
.apply-flow-wrap .waiting-wrap .waiting-time {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  position: relative;
}
.apply-flow-wrap .waiting-wrap .waiting-time:before {
  background: #939393;
  content: "";
  display: block;
  width: 6px;
  height: calc(100% - 8px);
  position: absolute;
  left: calc(50% - 3px);
  top: 0;
  z-index: 1;
}
.apply-flow-wrap .waiting-wrap .waiting-time:after {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #939393 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 10px);
  bottom: 0;
  z-index: 1;
}
.apply-flow-wrap .waiting-wrap .waiting-time .time {
  background: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  width: 100%;
  padding: 2px 0;
  position: relative;
  text-align: center;
  z-index: 2;
}
.apply-flow-wrap .waiting-wrap .waiting-txt {
  font-size: 1.2rem;
  flex: 1;
  min-width: 1px;
}
.apply-flow-wrap .later-date-wrap {
  border-top: 1px dashed #d0d0d0;
  margin-top: 13px;
  padding-top: 13px;
  position: relative;
}
.apply-flow-wrap .later-date-wrap .later-date {
  background: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 12px;
  position: absolute;
  left: 50%;
  top: 0;
  text-align: center;
  transform: translate(-50%,-50%);
}
.apply-flow-wrap .later-date-wrap .later-date-flow-wrap {
  padding: 0 12px;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start {
  background: #fff;
  border: 2px solid #e93817;
  border-radius: 8px;
  padding: 8px;
  position: relative;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start.service-3 {
  width: calc((100% - 12px) * 0.65);
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start.service-1 {
  width: calc((100% - 12px) * 0.35);
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start.service-all {
  width: 100%;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start:before {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #939393 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 10px);
  bottom: calc(100% + 6px);
  z-index: 1;
}
.necessary-items > li {
  display: flex;
  margin: 0;
}
.necessary-items > li + li {
  border-top: 1px solid #e2e2e2;
  margin-top: 12px;
  padding-top: 12px;
}
.necessary-items > li .img {
  margin-right: 10px;
  padding: 0 4px;
  width: 68px;
}
.necessary-items > li .txt-wrap {
  flex: 1;
  min-width: 1px;
}
.necessary-items > li .txt-wrap p {
  margin: 0;
}
.necessary-items > li .txt-wrap .item-name {
  font-size: 1.4rem;
  font-weight: bold;
}
.necessary-items > li .txt-wrap .item-note {
  font-size: 1.2rem;
}
.necessary-items > li .txt-wrap .help-link-wrap {
  font-size: 1.2rem;
  margin-top: 5px;
  text-align: right;
}
.help-link {
  display: inline-flex;
  align-items: center;
}
.help-link:before {
  background: url(/common/images/icn-help.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.bdr-box {
  background: #fff;
  border: 2px solid #e93817;
  border-radius: 16px;
  margin-bottom: 24px;
  padding: 10px;
}
.bdr-hr {
  margin: 20px 0;
}
.bg-box {
  border-radius: 32px;
  margin-bottom: 40px;
  padding: 24px;
}
.bg-box > *:last-child {
  margin-bottom: 0 !important;
}
.simulation-btn {
  letter-spacing: -0.05em;
  padding: 14px 36px;
}
.text-upper.color-primary:after,
.text-upper.color-primary:before {
  border-left-color: #e93817;
}
.expense-list > li {
  border-bottom: 1px solid #e2e2e2;
  margin: 0;
  padding-bottom: 12px;
}
.expense-list > li + li {
  margin-top: 12px;
}
.expense-list > li p {
  margin: 0;
}
.expense-list .expense-name {
  font-weight: bold;
}
.expense-list .expense-name .expense-name-note {
  font-size: 1rem;
}
.expense-list .expense-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 4px;
}
.expense-list .expense-txt-wrap {
  flex: 1;
  min-width: 1px;
}
.expense-list .expense-txt-wrap .expense-note {
  font-size: 1.2rem;
}
.expense-list .expense-price-wrap {
  font-size: 1rem;
  margin-left: 8px;
  text-align: right;
}
.expense-list .expense-price-wrap .expense-price {
  font-weight: bold;
}
.expense-list .expense-price-wrap .expense-price .num {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
}
.switch-form {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
}
.switch-form input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.plan-narrow-down-list .switch-form input[type="checkbox"] {
  font-size: 1.2rem;
}
.switch-form input[type="checkbox"] + .switcher {
  border: 2px solid #d0d0d0;
  border-radius: 8px;
  display: inline-block;
  width: 28px;
  height: 16px;
  vertical-align: middle;
  margin: 2px 12px 0 0;
  position: relative;
}
.switch-form input[type="checkbox"]:checked + .switcher {
  border-color: #e93817;
}
.switch-form input[type="checkbox"] + .switcher:before {
  background: #d0d0d0;
  border: none;
  border-radius: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 1px;
  top: 1px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.switch-form input[type="checkbox"]:checked + .switcher:before {
  background-color: #e93817;
  left: 12px;
}
.switch-form input[type="checkbox"] ~ .txt {
  flex: 1;
  min-width: 1px;
}
.switch-form input[type="checkbox"]:checked ~ .txt {
  color: #e93817;
}
.modal .modal-content {
  overflow: visible;
}
.modal .modal-content>.modal-header {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: none;
  padding: 24px 20px 12px;
}
.modal .modal-content>.modal-header::after {
  background: #d0d0d0;
  border-radius: 2px;
  width: calc(100% - 40px);
  height: 2px;
  bottom: 0;
}
.modal.modal-bdr-box .modal-content>.modal-header {
  background: #e93817;
  border-radius: 32px 32px 0 0;
  color: #fff;
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  padding: 20px;
}
.modal.modal-bdr-box .modal-content>.modal-header.text-center {
  justify-content: center;
}
.modal.modal-bdr-box .modal-content>.modal-header::after {
  display: none;
}
.modal.modal-bdr-box .modal-content>.modal-header .icn {
  width: 45px;
  margin-right: 14px;
}
.modal.modal-bdr-box .modal-content>.modal-header .txt {
  flex-shrink: 1000
}
.modal .modal-content > .modal-body {
  background: #fff;
  border-radius: 32px;
  overflow-x: hidden;
  padding: 16px 24px;
}
.modal .modal-content > a.modal-close {
  background: #333;
  border-radius: 50%;
  display: block;
  width: 34px;
  height: 34px;
  right: 0;
  top: -17px;
}
.modal .modal-content > a.modal-close:after,
.modal .modal-content > a.modal-close:before {
  background: #fff;
}
.modal .modal-body .modal-hdd-img {
  margin: 0 -24px;
}
.link-bullet-left {
  position: relative;
  transition: .3s opacity ease-out;
  display: inline-block;
  padding-left: 20px;
  font-weight: bold;
}
.link-bullet-left:after {
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  content: "";
  display: inline-block;
  background: url(/common/images/icn-bullet-link.svg) no-repeat center center/contain;
  width: 7px;
  height: 14px;
  margin: auto;
  transform: rotate(180deg) translateX(-4px);
  transition: .5s transform;
}
.row-btn-height [class*="btn-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lts-thin {
  letter-spacing: -0.05em;
}
.select-service-box {
  background: #fff2f0;
  border-radius: 32px;
  margin-bottom: 32px;
  padding: 20px;
  position: relative;
}
.select-service-box:after {
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #fff2f0 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 15px);
  top: 100%;
}
.select-service-list {
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.select-service-list > li {
  width: calc((100% - 15px) / 2);
  margin: 0;
}
.select-service-list > li:nth-of-type(n+3) {
  margin-top: 16px;
}
.select-service-list .select-service-item label {
  display: block;
  margin: 0;
  position: relative;
}
.select-service-list .select-service-item label input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.select-service-list .select-service-item label input[type="checkbox"] + span {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0 8px;
  position: relative;
  height: 48px;
}
.select-service-list.service-detail-acc .select-service-item label input[type="checkbox"] + span {
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  height: 60px;
}
.select-service-list .select-service-item.net label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.tv label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.phone label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.mobile label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.electricity label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.gas label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.ssi label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.home label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.telemedicine label input[type="checkbox"] + span {
  color: #E93817;
}
.select-service-list .select-service-item.net label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.net label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.tv label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.tv label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.phone label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.phone label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.mobile label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.mobile label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.electricity label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.electricity label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.gas label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.gas label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.ssi label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.ssi label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.home label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.home label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item.telemedicine label input[type="checkbox"]:checked ~ .accordion,
.select-service-list .select-service-item.telemedicine label input[type="checkbox"]:checked + span {
  border-color: #E93817;
}
.select-service-list .select-service-item label input[type="checkbox"] + span:before {
  background: #fff url(/common/images/icn-check-white.png) no-repeat center center / 11px auto;
  border: 2px solid #e2e2e2;
  border-radius: 4px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.select-service-list .select-service-item.net label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.tv label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.phone label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.mobile label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.electricity label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.gas label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.ssi label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.home label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item.telemedicine label input[type="checkbox"]:checked + span:before {
  background-color: #E93817;
  border-color: #E93817;
}
.select-service-list .select-service-item label input[type="checkbox"] + span .icn {
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 0;
  margin-right: 5px;
}
.select-service-list .select-service-item .accordion {
  border: 2px solid #e2e2e2;
  border-top: none;
  border-radius: 0 0 10px 10px;
  display: block;
  font-size: 1.2rem;
  overflow: hidden;
}
.select-service-list .select-service-item .accordion .accordion-header {
  border-radius: 0;
  color: #fff;
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 24px 12px;
}
.select-service-list .select-service-item.net .accordion .accordion-header {
  background: #28a4e7;
}
.select-service-list .select-service-item.tv .accordion .accordion-header {
  background: #e7379a;
}
.select-service-list .select-service-item.phone .accordion .accordion-header {
  background: #2aaa5b;
}
.select-service-list .select-service-item .accordion .accordion-header:after {
  background: url(/common/images/icn-bullet-white.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 8px;
  height: 11px;
  margin: 0;
  position: absolute;
  left: calc(50% - 4px);
  right: auto;
  top: auto;
  bottom: 6px;
  transform: rotate(90deg);
  z-index: 2;
}
.select-service-list .select-service-item .accordion .accordion-header.is-open:after {
  transform: rotate(-90deg);
}
.select-service-list .select-service-item .accordion .collapse-container.is-open::after {
  display: none;
}
.select-service-list .select-service-item .accordion .collapse-container>.collapse-content {
  background: #fff;
  border-radius: 0 0 10px 10px;
  display: block;
  padding: 8px;
}
.select-service-list .select-service-item .accordion .collapse-container>.collapse-content:after {
  display: none;
}
.btn-mobile-simulation {
  border-color: #00A4A8;
  color: #00A4A8 !important;
}
.btn-mobile-simulation:after {
  background: url(/common/images/icn-bullet-jcom-mobile.svg) no-repeat center center/contain;
}
.btn-mobile-simulation:before {
  background: url(/common/images/icn-jcom-mobile.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 4px;
  top: calc(50% - 20px);
}
.btn-mobile-bg-btn {
  background: #00A4A8;
  border-color: #00A4A8;
  color: #fff !important;
}
.btn-mobile-bg-btn:after {
  background: url(/common/images/icn-bullet-white.svg) no-repeat center center/contain;
}
.btn-mobile-bg-btn.disabled-btn,
.btn-mobile-simulation.disabled-btn {
  background: #e2e2e2;
  border-color: #e2e2e2;
  color: #fff !important;
  pointer-events: none;
}
.btn-mobile-simulation.disabled-btn:after {
  background-image: url(/common/images/icn-bullet-white.svg);
}
.btn-mobile-simulation.disabled-btn:before {
  background-image: url(/common/images/icn-jcom-mobile-white.svg);
}
.bg-section {
  background: url(/common/images/bg-pattern-01.png) repeat-y center 0/100%;
}
.page-title-wrap + .bg-section {
  padding-top: 60px;
}
.zaq-title-wrap {
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin:0 0 24px;
}
.zaq-title-wrap.fs-xl {
  font-size: 2.4rem;
}
.zaq-title-wrap .icn {
  margin-right: 8px;
}
.zaq-title-wrap .icn img {
  zoom: .5;
}
.zaq-title-wrap .ttl {
  text-align: left;
  flex-shrink: 1000;
}
.zaq-title-wrap .ttl .color-primary {
  font-size: 2rem;
}
.area-select-box {
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
.area-select-box .area-select-box-head {
  background: #ffe5e0;
  border-radius: 32px 32px 0 0;
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 16px 20px;
}
.area-select-box .area-select-box-head .icn {
  display: block;
  line-height: 0;
  width: 45px;
  margin-right: 14px;
}
.area-select-box .area-select-box-head .txt {
  flex-shrink: 1000;
}
.area-select-box .area-select-box-body {
  background: #fff;
  border-radius: 0 0 32px 32px;
  padding: 24px 18px;
}
.area-select-box .area-select-box-body .house-select-wrap {
  margin-bottom: 24px;
}
.address-narrow-down-wrap {
  width: 100%;
  overflow: hidden;
}
.address-narrow-down-wrap .address-narrow-down {
  width: 300%;
  display: flex;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.address-narrow-down-wrap .address-narrow-down .narrow-down-col {
  width: 33.33%;
}
.address-link-list {
  margin: 0 0 20px;
}
.address-link-list > li {
  border-bottom: 1px solid #d0d0d0;
  margin: 0;
}
.address-link-list > li .link-bullet-black {
  display: block;
  font-weight: normal;
  padding: 8px 20px 8px 0;
}
.address-link-list .accordion .collapse-trigger {
  background: #fff;
  border-radius: 0;
  padding: 8px 16px 8px 0;
}
.address-link-list .accordion .collapse-trigger:after {
  background: url(/common/images/icn-bullet-black.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 8px;
  height: 11px;
  margin: 0;
  position: absolute;
  right: 12px;
  top: calc(50% - 5px);
  transform: rotate(90deg);
  z-index: 2;
}
.address-link-list .accordion .collapse-trigger.is-open:after {
  transform: rotate(-90deg);
}
.address-link-list .accordion .collapse-container>.collapse-content {
  background: #f2f2f2;
  padding: 0;
}
.address-link-list .accordion .collapse-container.is-open::after {
  display: none;
}
.sub-address-link-list > li {
  border-top: 1px solid #e2e2e2;
  margin: 0;
}
.sub-address-link-list > li .link-bullet-black {
  padding: 8px 32px 8px 16px;
}
.sub-address-link-list > li .link-bullet-black:after {
  right: 16px;
}
.address-narrow-down-wrap .bg-gray {
  border-radius: 4px;
  padding: 12px 16px;
}
.radius-search-form {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 20px;
  display: flex;
  align-items: center;
  height: 40px;
  overflow: hidden;
  padding-right: 10px;
}
.radius-search-form input[type="text"] {
  background: #fff;
  border: none;
  border-radius: 0;
  flex: 1;
  padding: 0 20px;
  height: 40px;
}
.radius-search-form input[type="text"]::placeholder {
  color: #939393;
  font-size: 1rem;
}
.radius-search-form .SS_searchSubmit {
  background: none;
  border: none;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 0;
  margin: 0 0 0 10px;
  padding: 0;
}
.disabled-item {
  position: relative;
  pointer-events: none;
}
.flow-balloon-box.disabled-item {
  overflow: hidden;
}
.disabled-item:after {
  background-blend-mode: overlay;
  background: rgba(225, 225, 225, .5);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.etc-service-section-wrap {
  background: #fff2f0;
}
.etc-service-section-wrap .h2-ttl .ttl {
  font-size: 1.8rem;
}
.tab.top-etc-sevice > .tab-nav {
  border: none;
  justify-content: space-between;
  max-width: 100%;
  position: relative;
  z-index: 2;
}
.tab.top-etc-sevice > .tab-nav > li {
  width: calc((100% - 9px) / 2);
}
.tab.top-etc-sevice > .tab-nav > li > span {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 9px 10px;
  text-align: left;
}
.tab.top-etc-sevice > .tab-nav > li > span:hover {
  opacity: 1;
}
.tab.top-etc-sevice > .tab-nav > li > span.is-current {
  border-radius: 10px 10px 0 0;
}
.tab.top-etc-sevice > .tab-nav > li > span:before {
  background: url(/common/images/icn-bullet-black.svg) no-repeat center center/contain;
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 11px;
  transform: rotate(90deg);
}
.tab.top-etc-sevice > .tab-nav > li > span.is-current:before {
  transform: rotate(-90deg);
}
.tab.top-etc-sevice > .tab-nav > li > span.is-current:after {
  background: #fff;
  border-left: 2px solid #e2e2e2;
  border-right: 2px solid #e2e2e2;
  border-bottom: none;
  width: calc(100% + 4px);
  left: -2px;
  bottom: -12px;
  height: 14px;
}
.tab.top-etc-sevice > .tab-nav > li > span .icn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.tab.top-etc-sevice > .tab-nav > li > span .txt {
  flex: 1;
  line-height: 1.3;
}
.tab.top-etc-sevice > .tab-content {
  padding-top: 8px;
  position: relative;
  z-index: 1;
}
.tab.top-etc-sevice .etc-service-detail {
  background: #fff;
  border: 2px solid #e2e2e2;
  padding: 18px 20px;
}
.tab.top-etc-sevice #etc-service-ssi .etc-service-detail {
  border-radius: 0 10px 10px 10px;
}
.tab.top-etc-sevice #etc-service-telemedicine .etc-service-detail {
  border-radius: 10px 0 10px 10px;
}
.tab.top-etc-sevice .etc-service-detail .img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
}
.tab.top-etc-sevice .etc-service-detail .img img {
  width: 100%;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap p {
  margin-bottom: 12px;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap .more-link-wrap {
  margin-bottom: 0;
  text-align: right;
}
.user-choice {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.user-choice .label-card {
  width: calc((100% - 15px) / 2);
  margin: 0;
}
.form-group.user-choice label[class^="label-card"] input[type="radio"]+span {
  margin: 0;
  padding: 10px 8px;
  text-align: center;
}
.selected-address-box {
  background: #f2f2f2;
  border: 2px solid #d0d0d0;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 18px;
  position: relative;
}
.selected-address-box:after,
.selected-address-box:before {
  border-style: solid;
  border-width: 17px 15px 0 15px;
  border-color: #d0d0d0 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 15px);
  top: 100%;
}
.selected-address-box:after {
  border-color: #f2f2f2 transparent transparent transparent;
  transform: translate(0,-4px);
}
.choice-service .selected-address-box,
.bg-section .selected-address-box {
  border: none;
}
.choice-service .selected-address-box:before,
.bg-section .selected-address-box:before {
  border-color: #f2f2f2 transparent transparent transparent;
}
.selected-address-box .selected-address-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.selected-address-box .selected-address-wrap p {
  font-size: 1.2rem;
  font-weight: bold;
  flex-shrink: 1000;
  margin: 0;
}
.selected-address-box .selected-address-wrap .resetting-btn {
  background: #fff;
  border: 2px solid #406faf;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  width: 68px;
  height: 26px;
  margin-left: 8px;
}
.selected-address-box .considering-service {
  border-top: 1px solid #d0d0d0;
  margin: 16px 0 0;
  padding-top: 10px;
}
.selected-address-box .considering-service > dt {
  font-weight: bold;
  margin-bottom: 0;
}
.selected-address-box .considering-service .service-name-list {
  display: flex;
  flex-wrap: wrap;
}
.selected-address-box .considering-service .service-name-list > li {
  margin: 8px 16px 0 0;
}
.service-select-box {
  background: #fff2f0;
  border: 2px solid #d0d0d0;
  border-radius: 32px;
  margin-bottom: 40px;
  padding: 20px 18px;
  position: relative;
}
.bg-section .service-select-box {
  border: none;
}
.condition-select-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.condition-select-wrap > li {
  margin: 0;
  width: calc((100% - 24px) / 3);
}
.condition-select-wrap .condition-select {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
}
.condition-select-wrap .condition-select input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.condition-select-wrap .condition-select input[type="radio"] + span {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 10px 6px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.condition-select-wrap .condition-select input[type="radio"]:checked + span {
  border-color: #e93817;
}
.condition-select-wrap .condition-select input[type="radio"] + span .img {
  display: block;
  text-align: center;
}
.condition-select-wrap .condition-select input[type="radio"] + span .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1.5;
  height: 3em;
  margin-top: 8px;
  text-align: center;
}
.service-select-disabled {
  display: flex;
  align-items: center;
}
.service-select-disabled .img {
  margin-right: 16px;
}
.service-select-disabled .img img {
  zoom: .5;
}
.service-select-disabled .txt-wrap {
  flex: 1;
  min-width: 1px;
}
.service-select-disabled .txt-wrap .lead-txt {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.service-select-disabled .txt-wrap .txt {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.etc-service-box {
  background: #fff;
  border: 2px solid #d0d0d0;
  border-radius: 32px;
  margin-bottom: 28px;
  padding: 24px 18px;
}
.choice-service .etc-service-box,
.bg-section .etc-service-box {
  border: none;
}
.etc-service-box .service-name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.etc-service-box .service-name .icn {
  margin-right: 10px;
}
.etc-service-box .service-name .txt {
  font-size: 2rem;
  font-weight: bold;
  flex-shrink: 1000;
}
html.splash #wrap {
  width: 100%;
  position: fixed;
  left: 0;
}
.splash-wrap {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
}
.splash-wrap video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%,-50%);
}
.swiper.more-useful .swiper-slide[class*="voice-man-"],
.swiper.more-useful .swiper-slide[class*="voice-woman-"] {
   padding-bottom: 16px;
}
.swiper.more-useful .swiper-slide.voice-woman-20s-2 {
  background-position: 12px bottom;
  background-size: auto 77px;
}
.swiper.more-useful .swiper-slide .item-wrap {
  display: flex;
}
.swiper.more-useful .swiper-slide .item-wrap .img {
  width: 110px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap {
  flex: 1;
  margin-left: 16px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name img {
  width: auto;
  height: 100%;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name .icn {
  display: inline-block;
  height: 16px;
  line-height: 0;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name .logo {
  display: inline-block;
  height: 14px;
  line-height: 0;
  margin-left: 8px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .item-name {
  font-size: 1.6rem;
  font-weight: bold;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .help-link-wrap {
  margin-top: 8px;
  text-align: right;
}
.swiper.more-useful .swiper-slide .voice-wrap {
  margin-top: 16px;
  padding-left:  73px;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon {
  background: #f2f2f2;
  border-radius: 20px;
  padding: 10px 12px;
  position: relative;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon:before {
  background: url(/common/images/balloon-tail-gray.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 13px;
  height: 9px;
  position: absolute;
  right: calc(100% - 2px);
  bottom: 8px;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon .txt {
  font-weight: bold;
  margin-bottom: 0;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon .person {
  font-size: 1rem;
  text-align: right;
  margin: 0;
}
.cmn-box {
  margin-bottom: 24px;
}
.cmn-box .cmn-box-header {
  background: #e93817;
  border-radius: 16px 16px 0 0;
  color: #fff;
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 10px 16px;
  text-align: center;
}
.course-cange .cmn-box .cmn-box-header {
  border-radius: 8px 8px 0 0;
  font-size: 1.2rem;
}
.cmn-box.gray-box .cmn-box-header {
  background: #e2e2e2;
  color: #333;
}
.cmn-box .cmn-box-body {
  border: 2px solid #d0d0d0;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 20px 18px 18px;
}
.course-cange .cmn-box .cmn-box-body {
  padding: 10px;
}
.cmn-box.gray-box .cmn-box-body {
  border-color: #e2e2e2;
}
.course-cange + .course-cange {
  margin-top: 32px;
}
.course-cange .cmn-box p,
.course-cange .cmn-box {
  margin-bottom: 0;
}
.course-cange .recommend-course {
  margin-top: 25px;
  position: relative;
}
.course-cange .recommend-course:before {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #939393 transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 10px);
  bottom: calc(100% + 7px);
}
.course-cange .cmn-box [class^="btn-"] {
  padding: 4px 16px;
  min-height: 36px;
}
.course-detail-wrap {
  background: #fff;
  border: 2px solid #d0d0d0;
  border-radius: 16px;
  font-weight: bold;
  margin-top: 32px;
  padding: 18px 8px;
  position: relative;
  text-align: center;
}
.course-detail-wrap:after,
.course-detail-wrap:before {
  border-style: solid;
  border-width: 0 16px 16px 16px;
  border-color: transparent transparent #d0d0d0 transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 16px);
  bottom: 100%;
}
.course-detail-wrap:after {
  border-color: transparent transparent #fff transparent;
  transform: translate(0,3px);
}
.course-detail-wrap .course-features-wrap {
  margin-bottom: 10px;
}
.course-detail-wrap .course-features-wrap .course-features {
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-detail-wrap .course-features-wrap .course-features + .course-features {
  margin-top: 40px;
  position: relative;
}
.course-detail-wrap .course-features-wrap .course-features + .course-features:before {
  background: url(/common/images/icn-plus.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: calc(50% - 12px);
  bottom: calc(100% + 8px);
}
.course-detail-wrap .course-features-wrap .course-features .icn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.course-detail-wrap .course-features-wrap .course-features .txt {
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
.modal-option-wrap {
  position: relative;
}
.modal-option-wrap > p {
  margin-bottom: 0;
}
.modal-option-wrap .modal-option-name {
  font-size: 2rem;
  font-weight: bold;
}
.modal-option-wrap .modal-option-price {
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
}
.modal-option-wrap .modal-option-price .num {
  font-size: 2rem;
}
.modal-option-wrap .modal-option-price .tax-included {
  font-weight: normal;
}
.modal-option-body-wrap {
  margin-bottom: 24px;
}
.modal-option-body-wrap .txt-wrap {
  background: #fff2f0;
  border-radius: 32px;
  margin-top: 24px;
  padding: 24px 20px 0;
}
.modal-option-body-wrap .lead {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}
.modal-option-body-wrap .person {
  text-align: center;
}
.modal-option-body-wrap .person .data {
  font-size: 1.2rem;
  margin-bottom: 8px;
}
.modal-option-body-wrap .person .person-img {
  margin: 0 auto;
  width: 62px;
}
.etc-service-select-wrap {
  position: relative;
}
.contact-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.contact-ttl .icn {
  display: block;
  margin-right: 8px;
  width: 16px;
}
.contact-ttl .icn img {
  width: 100%;
}
.contact-btn > svg {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0,-50%);
}

.faq-category label {
  width: 100%;
  height: 100%;
  margin: 0;
}
.faq-category .form-group label[class^="label-card"] input[type="checkbox"]+span {
  display: flex;
  align-items: center;
  height: 100%;
}
.faq-category .form-group label[class^="label-card"] input[type="checkbox"]:checked+span:before {
  border-color: #e93817;
}
.faq-list-accordion .faq-wrap {
  margin-bottom: 16px;
}
.list-ind1 {
  margin-bottom: 16px;
}
.list-ind1 > li {
  margin-bottom: 8px;
  padding-left: 1em;
  text-indent: -1em;
}
.list-ind1 > li > * {
  text-indent: 0;
}

.fix-btn-area {
  height: 75px;
}
.fix-btn-area .fix-btn-wrap {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  padding: 12px 0;
  position: relative;
  width: 100%;
  z-index: 109;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.fix-btn-area.is-fixed .fix-btn-wrap {
  position: fixed;
  left: 0;
  top: 0;
}
.fix-btn-area .fix-btn-wrap .fix-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.fix-btn-area .fix-btn-wrap .fix-btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  width: calc((100% - 15px) / 2);
  min-height: 51px;
  padding: 0 24px 0 8px;
  position: relative;
}
.fix-btn-area .fix-btn-wrap .fix-btn > .plan-save-btn {
  background: #fff;
  border: 3px solid #e93817;
  border-radius: 10px;
  color: #e93817;
}
.fix-btn-area .fix-btn-wrap .fix-btn > .plan-save-btn:after {
  background: url(/common/images/icn-tag-save-white.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 19px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
}
.fix-btn-area .fix-btn-wrap .fix-btn > .plan-save-btn.saved:after {
  background-image: url(/common/images/icn-tag-save.svg);
}
.fix-btn-area .fix-btn-wrap .fix-btn > .cart-btn {
  background: #e93817;
  border-radius: 10px;
  color: #fff;
}
.fix-btn-area .fix-btn-wrap .fix-btn > .cart-btn:after {
  background: url(/common/images/icn-cart-white.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: calc(50% - 10px);
}
.link-blank-inline {
  display: inline;
  padding-right: 0;
}
.link-blank-inline:after {
  margin-left: 2px;
  position: static;
  top: 0;
}
label input[type="checkbox"] + span .accordion .collapse-container.is-animating,
label input[type="radio"] + span .accordion .collapse-container.is-animating {
  display: block;
}
.link-anchor-text.link-blue {
  color: #406FAF !important;
}
.link-anchor-text.link-blue:after {
  background-image: url(/common/images/icn-link-self-blue.svg);
  transform: rotate(90deg);
}

/*==========================================================================================================
PC Only
==========================================================================================================*/
@media screen and (min-width: 768px){

.fix-btn-area,
.sp-fix-menu-wrap,
.sp-only {
  display: none !important;
}
.swiper[data-overflow="true"] .swiper-slide {
  opacity: .3;
}
.swiper[data-overflow="true"][data-slide="1"] .swiper-slide {
  opacity: 1;
}
.swiper[data-overflow="true"] .swiper-slide-active {
  opacity: 1;
}
.swiper[data-overflow="true"][data-slide="1"] .swiper-slide-active > a {
  box-shadow: 0 0 32px rgba(0, 0, 0, .15);
}

/* hover */
a.link-underline:hover {
  text-decoration: none;
}

/* top */
.main-visual {
  background-image: url(/common/images/bg-mv-pc.png);
  padding: 160px 0 40px;
}
.main-visual .swiper[data-slide] {
  padding: 0;
}
.main-visual .swiper .swiper-container {
  padding-right: 0;
}
.main-visual .swiper .swiper-pagination {
  margin-bottom: 24px;
}
.h2-ttl .ttl {
  font-size: 3.8rem;
}
.top-guide-wrap .guide-btn-wrap {
  padding: 0;
}
.top-guide-wrap .btn-white-primary {
  padding: 8px 40px;
}
.top-guide-wrap .main {
  font-size: 1.8rem;
}
.top-mypage-wrap .top-guide-inner {
  padding: 32px 0;
}
.btn-to-mypage {
  width: 464px;
  padding: 8px 40px;
}
.plan-select-wrap .img {
  width: 56px;
  margin-right: 10px;
}
.plan-select-wrap .swiper .swiper-container {
  padding-right: 32px;
}
.plan-select-wrap .swiper .swiper-button-next {
  right: 32px;
}
.plan-select-wrap .plan {
  border-radius: 16px;
}
.plan-select-wrap .plan .plan-head {
  padding: 8px 14px;
}
.plan-select-wrap .plan .plan-head .date-wrap {
  font-size: 1.2rem;
}
.plan-select-wrap .plan .plan-head .date-wrap .date {
  display: block;
}
.plan-select-wrap .plan .plan-head .label {
  width: 102px;
}
.service-list > li {
  font-size: 1.4rem;
  width: 80px;
  height: 28px;
  line-height: 28px;
}
.plan-name {
  font-size: 1.8rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .normal-price {
  font-size: 1.4rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .normal-price .num {
  font-size: 1.8rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-limit {
  font-size: 1.6rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price {
  font-size: 4rem;
}
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-included,
.plan-select-wrap .plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .yen {
  font-size: 1.4rem;
}
.service-select-wrap {
  background-image: url(/common/images/bg-pattern-01-pc.png);
}
.service-select-wrap .h2-ttl .img {
  width: 104px;
}
.service-select-wrap .service-select-anchor {
  max-width: 960px;
  margin: 0 auto;
}
.service-select-wrap .service-select-anchor .anchor-link {
  width: calc((100% - 32px) / 2);
}
.service-select-wrap .service-select-anchor .anchor-link .ttl {
  align-items: center;
}
.service-select-wrap .service-select-anchor .anchor-link .ttl .txt {
  font-size: 1.8rem;
}
.service-select-wrap .service-select-anchor .anchor-link .ttl:after {
  border-width: 15px 15px 0 15px;
  left: calc(50% - 15px);
}
.service-select-wrap .service-select-anchor .anchor-link .body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
}
.service-select-wrap .service-select-anchor .anchor-link .service-img {
  margin: 0 16px 0 0;
}
.service-select-wrap .service-select-anchor .anchor-link .service-img img {
  height: 60px;
}
.service-select-wrap .service-select-anchor .anchor-link .txt-wrap {
  display: block;
  font-size: 2.2rem;
  height: auto;
}
.service-select-wrap .service-select-anchor .anchor-link .txt-wrap .color-txt {
  font-size: 2.8rem;
}
.service-select-wrap .service-select-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 64px 0 40px;
}
.service-select-wrap .service-select-ttl .img {
  margin: 0 16px 0 0;
}
.service-select-wrap .service-select-ttl .ttl {
  font-size: 3rem;
}
.service-select-wrap .choice-service .service-list-wrap {
  padding: 32px 40px 16px;
  position: relative;
}
.service-acc-wrap {
  display: block;
  width: calc(100% - 80px);
  position: absolute;
  top: 32px;
  padding-top: 110px;
}
.service-acc-wrap.is-relative {
  width: 100%;
  position: relative;
  top: 0;
}
.service-acc-wrap + .service-acc-wrap {
  margin: 0;
}
.service-acc-wrap .acc-btn-wrap {
  position: absolute;
  top: 0;
  width: 160px;
}
.service-acc-wrap .acc-btn-wrap.category-net {
  left: calc(50% - 256px);
}
.service-acc-wrap .acc-btn-wrap.category-tv {
  left: calc(50% - 80px);
}
.service-acc-wrap .acc-btn-wrap.category-phone {
  left: calc(50% + 96px);
}
.service-acc-wrap .service-name-wrap {
  font-size: 1.8rem;
  height: 66px;
}
.service-acc-wrap label input[type="checkbox"] + span .service-name-wrap:before {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.service-acc-wrap .service-name-wrap .icn {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.service-acc-wrap .service-detail-txt {
  font-size: 1.4rem;
  height: 40px;
}
.service-acc-wrap .service-detail-wrap {
  margin: 0;
}
.service-acc-wrap .service-detail {
  margin-top: 20px;
  padding: 22px;
}
.service-acc-wrap .service-detail:after,
.service-acc-wrap .service-detail:before {
  border-width: 0 16px 16px 16px;
}
.service-acc-wrap .service-detail.category-net:after,
.service-acc-wrap .service-detail.category-net:before {
  left: calc(50% - 192px);
}
.service-acc-wrap .service-detail.category-tv:after,
.service-acc-wrap .service-detail.category-tv:before {
  left: calc(50% - 16px);
}
.service-acc-wrap .service-detail.category-phone:after,
.service-acc-wrap .service-detail.category-phone:before {
  left: calc(50% + 160px);
}
.service-acc-wrap .service-detail.is-open {
  display: flex;
  position: relative;
}
.service-acc-wrap .service-detail .service-img {
  width: 378px;
}
.service-acc-wrap .service-detail .service-txt {
  flex: 1;
  margin: 0 0 0 24px;
  padding-bottom: 30px;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap .service-category-name,
.service-acc-wrap .service-detail .service-txt .service-category-name {
  display: flex;
  align-items: center;
  margin: 0 0 24px;
  text-align: left;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap .service-category-name .icn,
.service-acc-wrap .service-detail .service-txt .service-category-name .icn {
  line-height: 0;
  display: block;
  height: 32px;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap .service-category-name .txt,
.service-acc-wrap .service-detail .service-txt .service-category-name .txt {
  line-height: 0;
  display: block;
  height: 21px;
  margin-left: 8px;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap .service-category-name img,
.service-acc-wrap .service-detail .service-txt .service-category-name img {
  width: auto;
  height: 100%;
}
.service-acc-wrap .service-detail .service-txt .service-name {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 16px;
}
.service-acc-wrap .service-detail .more-link {
  margin: 0;
  position: absolute;
  right: 22px;
  bottom: 22px;
}
.service-acc-wrap + p {
  margin-top: 40px;
}
.mobile-btn-wrap {
  max-width: 736px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.mobile-btn-wrap > a {
  width: calc((100% - 32px) / 2);
}
.house-select-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding: 32px;
}
.house-select-wrap .house-type-wrap {
  border-left: 1px solid #d0d0d0;
  margin: 0 0 0 40px;
  padding-left: 40px;
}
.service-select-wrap .choice-service .apply-btn-wrap {
  margin-top: 32px;
  padding: 32px;
  text-align: center;
}
.service-select-wrap .choice-service .apply-btn-wrap [class^="btn-"] {
  width: 464px;
  margin-bottom: 0;
}
.choice-lifestyle .lifestyle-diagnosis {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.choice-lifestyle .lifestyle-diagnosis .img {
  width: 485px;
  margin-right: 40px;
}
.choice-lifestyle .lifestyle-diagnosis .lead-txt {
  font-size: 2.2rem;
  margin-bottom: 32px;
}
.voice-section-wrap .h2-ttl .img {
  width: 66px;
}
.voice-section-wrap .voice-select {
  justify-content: center;
}
.voice-section-wrap .voice-select label {
  width: 160px;
}
.voice-section-wrap .voice-select label:nth-of-type(n+3) {
  margin-top: 0;
}
.voice-section-wrap .swiper[data-overflow="true"] .swiper-slide,
.voice-section-wrap .swiper[data-overflow="true"][data-slide="3"] .swiper-slide-active+.swiper-slide+.swiper-slide,
.voice-section-wrap .swiper[data-overflow="true"][data-slide="3"] .swiper-slide-active+.swiper-slide,
.voice-section-wrap .swiper[data-overflow="true"] .swiper-slide-active {
  opacity: 0;
}
.voice-section-wrap .swiper[data-overflow="true"] .swiper-slide.is-show {
  opacity: .3;
}
.voice-section-wrap .swiper[data-overflow="true"][data-slide="3"] .swiper-slide-active+.swiper-slide+.swiper-slide.is-show,
.voice-section-wrap .swiper[data-overflow="true"][data-slide="3"] .swiper-slide-active+.swiper-slide.is-show,
.voice-section-wrap .swiper[data-overflow="true"] .swiper-slide-active.is-show {
  opacity: 1;
}
.faq-section-wrap .h2-ttl .img {
  width: 68px;
}
.faq-list-accordion dt {
  padding-right: 56px;
}
.associated-shop .swiper .swiper-container {
  padding-right: 0;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner .txt-wrap .shop-name {
  font-size: 1.4rem;
}
.associated-shop .swiper .swiper-container .swiper-wrapper .swiper-slide .shop-banner .txt-wrap .shop-subject {
  font-size: 1.4rem;
  text-align: center;
}
.plan-price-wrap .ttl {
  font-size: 1.8rem;
  padding: 8px;
  margin-bottom: 16px;
}
.plan-price-wrap .breakdown .ttl {
  margin-bottom: 24px;
}
.service-name-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 2rem;
  max-width: 240px;
  margin: 0 auto;
}
.service-name-list > li {
  width: 120px;
}
.service-name-list > li + li {
  margin: 0;
}
.service-name-list > li:nth-of-type(n+3) {
  margin-top: 10px;
}
.service-name-list > li .icn img,
.service-name-list > li .icn {
  height: 28px;
}
.plan-price-wrap .price-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-middle .price-wrap {
  flex-direction: row;
}
.plan-slider .plan-price-wrap .price-wrap .plan-price {
  display: block;
}
.plan-price-wrap .price-wrap .normal-price {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-right: 32px;
  text-align: right;
}
.plan-price-wrap .price-wrap .normal-price .num {
  font-size: 2rem;
}
.plan-price-wrap .price-wrap .normal-price .tax-included {
  font-size: 1.4rem;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded {
  align-items: flex-end;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .price {
  font-size: 4.8rem;
}
.plan-price-wrap .front-end-cost .price-wrap .plan-price .tax-excluded .price,
.plan-price-wrap .breakdown .price-wrap .plan-price .tax-excluded .price {
  font-size: 4rem;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .price:before {
  height: 15px;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .yen {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.plan-price-wrap .front-end-cost .price-wrap .plan-price .tax-excluded .yen,
.plan-price-wrap .breakdown .price-wrap .plan-price .tax-excluded .yen {
  font-size: 1.6rem;
}
.plan-price-wrap .price-wrap .plan-price .tax-excluded .yen .term {
  font-size: 1.4rem;
}
.plan-price-wrap .breakdown .price-wrap .plan-price .tax-excluded .yen .term {
  font-size: 1.2rem;
}
.plan-price-wrap .price-wrap .plan-price .tax-included {
  font-size: 1.4rem;
}
.plan-detail-list {
  padding: 20px 24px;
}
.plan-detail-list > li {
  min-height: 57px;
}
.plan-detail-list > li .plan-detail-wrap {
  margin-top: 0;
  position: relative;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt {
  margin-right: 40px;
}
.plan-detail-list > li .plan-name-wrap {
  justify-content: flex-start;
  padding-right: 200px;
}
.plan-detail-list > li .plan-name {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
}
.plan-detail-list > li .plan-name-wrap .plan-name {
  flex: none;
}
.plan-detail-list > li.plan-name .detail-link {
  font-size: 1.6rem;
  font-weight: normal;
  margin-left: 20px;
}
.plan-detail-list > li .plan-detail-wrap .plan-price .price {
  font-size: 1.6rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.plan-detail-list > li .plan-detail-wrap .plan-price .price .num {
  font-size: 2.8rem;
}
.plan-detail-list > li + li {
  margin-top: 20px;
  padding-top: 20px;
}
.plan-detail-list > .plan-option .label {
  font-size: 1.6rem;
}

.privilege-ttl {
  font-size: 2.6rem;
  margin: 64px 0 40px;
}
.privilege-list li {
  padding-bottom: 16px;
  width: 100%;
}
.privilege-list li .privilege-wrap {
  display: flex;
  justify-content: space-between;
}
.privilege-list li + li {
  margin-top: 16px;
}
.privilege-list li .privilege {
  display: flex;
  align-items: center;
}
.privilege-list li .privilege .privilege-name {
  font-size: 2rem;
}
.privilege-list.plan-detail li .privilege-detail {
  display: flex;
  margin-right: 16px;
}
.privilege-list li .privilege .detail-link {
  margin-left: 16px;
}
.privilege-list li  .privilege-detail {
  display: flex;
  align-items: center;
}
.privilege-list li .privilege-detail .txt {
  font-size: 1.6rem;
}
.privilege-list li .privilege-detail .detail {
  font-size: 1.6rem;
  margin: 0 0 0 16px;
}
.privilege-list li .privilege-detail .detail .num {
  font-size: 3.2rem;
}
.price-flow-wrap {
  font-size: 1.6rem;
  margin: 0;
}
.price-flow-wrap .flow-header {
  padding-left: 256px;
}
.price-flow-wrap .flow-header .txt {
  font-size: 1.8rem;
  margin-left: 16px;
}
.price-flow-wrap .price-box-wrap .price-bg-box {
  padding: 0 10px;
}
.price-flow-wrap .price-box-wrap .price-bg-box .price .num {
  font-size: 2.8rem;
}
.price-flow-wrap .price-box-wrap .price-bg-box .price .tax-included {
  font-size: 1.4rem;
}
.price-flow-wrap .flow-body {
  margin-top: 16px;
}
.price-flow-wrap .flow-body .flow-list > li {
  min-height: 94px;
  padding: 24px 0 24px 256px;
}
.price-flow-wrap .flow-body .flow-list > .last-item {
  min-height: 54px;
}
.price-flow-wrap .flow-body .flow-list .bar-box {
  top: -6px;
  height: calc(100% + 12px);
  width: auto;
  padding-left: 24px;
}
.price-flow-wrap .flow-body .flow-list .bar-box .bar {
  border-radius: 3px;
  width: 6px;
  margin-right: 8px;
}
.price-flow-wrap .flow-body .flow-list .month-box {
  left: 190px;
}
.price-flow-wrap .flow-body .flow-list .month-box .label {
  width: 100px;
  height: 32px;
}
.price-flow-wrap .flow-body .flow-list > .last-item .bar-box .abbreviation {
  left: 27px;
}
.price-flow-wrap .flow-body .flow-list .price-flow-first {
  padding: 16px;
  text-align: center;
  width: 100%;
}
.price-flow-wrap .flow-body .flow-list .flow-detail {
  display: flex;
  align-items: center;
}
.price-flow-wrap .flow-body .flow-list .flow-detail .price-box-wrap {
  order: 2;
}
.price-flow-wrap .flow-body .flow-list .discount-plan {
  font-size: 1.8rem;
  flex: 1;
  min-width: 1px;
  order: 1;
}
.price-flow-wrap .flow-body .flow-list .discount-plan > li {
  align-items: center;
}
.price-flow-wrap .flow-body .flow-list .discount-plan > li + li {
  margin-top: 24px;
}
.price-flow-wrap .flow-body .flow-list .discount-plan .detail-link {
  font-size: 1.6rem;
}
.accordion.border {
  margin-bottom: 40px;
}
.bdr-box .accordion.border .collapse-trigger,
.cart-box .accordion.border .collapse-trigger,
.accordion.border .collapse-trigger {
  font-size: 2rem;
  font-weight: bold !important;
  text-align: center;
  padding: 16px 50px;
}
.cart-box .accordion.border .collapse-trigger {
  font-size: 1.8rem;
}
.accordion.border .collapse-trigger:after {
  width: 10px;
  height: 16px;
  right: 33px;
}
.cart-box .accordion.border .collapse-container>.collapse-content,
.bdr-box .accordion.border .collapse-container>.collapse-content,
.accordion.border .collapse-container>.collapse-content {
  padding: 24px 32px;
}
.cart-box .accordion.border .collapse-container.is-open::after,
.bdr-box .accordion.border .collapse-container.is-open::after,
.collapse-container.is-open::after {
  border-top: 1px solid #D0D0D0;
  left: 32px;
  width: calc(100% - 64px);
}
.page-title-wrap {
  padding: 32px 0;
}
.page-title-wrap .ttl {
  font-size: 3.6rem;
  padding-left: 0;
}
.page-title-wrap .ttl:after {
  display: none;
}
.page-title-wrap .title-inner-contents {
  margin-top: 64px;
}
.page-title-wrap .title-inner-contents .lead-txt {
  font-size: 2.2rem;
}
.bdr-ttl {
  font-size: 3.2rem;
  padding-bottom: 16px;
  margin-bottom: 40px;
}
.cart-accordion {
  margin-bottom: 40px;
}
.cart-accordion > .collapse-trigger:after {
  width: 17px;
  height: 25px;
  right: 16px;
  transform: rotate(90deg) translate(-5px,0);
}
.cart-accordion > .collapse-trigger.is-open:after {
  transform: rotate(-90deg) translate(5px,0);
}
.cart-box {
  margin-bottom: 40px;
}
.cart-box .cart-box-ttl {
  min-height: 60px;
}
.cart-box.plan-select-box.selected .cart-box-ttl .date-wrap,
.cart-box .cart-box-ttl .date-wrap {
  font-size: 1.4rem;
}
.cart-box .cart-box-ttl .date-wrap .date {
  font-size: 1.8rem;
}
.cart-box .cart-box-ttl .label {
  border-radius: 20px;
  font-size: 1.8rem;
  width: 128px;
  height: 40px;
}
.cart-box .cart-box-body {
  padding: 40px 36px;
}
.compare-plan .cart-box .cart-box-body {
  border-width: 6px;
}
.bdr-box .service-list > li,
.accordion.border .service-list > li,
.service-list > li {
  font-size: 1.4rem;
  width: 88px;
  height: 28px;
  line-height: 28px;
  margin: 0 8px 8px 0;
}
.plan-detail-list > li .plan-name .term {
  font-size: 1.6rem;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt {
  font-size: 1.6rem;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .standard-price {
  display: inline-block;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .discount-plan {
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 16px;
}
.plan-detail-list > li .plan-detail-wrap .plan-txt .discount-plan .help-link {
  font-size: 1.6rem;
}
.sort-narrw-down .row {
  margin-bottom: 32px;
  align-items: center;
}
.sort-narrw-down .sort-wrap {
  border-right: 1px solid #e2e2e2;
  width: auto;
  margin: 0;
  padding-right: 32px;
}
.sort-narrw-down .sort-wrap select {
  width: 240px;
}
.sort-narrw-down .form-label {
  margin-bottom: 0;
}
.sort-narrw-down .and-or-wrap {
  border-top: none;
  display: flex;
  align-items: center;
  margin: 0 0 0 32px;
  padding: 0;
  width: auto;
}
.sort-narrw-down .service-narrow-wrap {
  justify-content: center;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox:nth-of-type(2n),
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox {
  width: calc((100% - 80px) / 6);
  margin: 0 16px;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox:nth-of-type(n+3) {
  margin-top: 0;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 76px;
  width: 100%;
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span:after {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
}
.sort-narrw-down .service-narrow-wrap > .service-label-checkbox > input[type="checkbox"] + span .icn {
  width: 32px;
  height: 32px;
  margin-right: 0;
}
[class^="btn-"].large-btn,
[class*=" btn-"].large-btn {
  width: 464px;
}
.cart-box .plan-btn-wrap {
  justify-content: center;
}
.cart-box .plan-btn-wrap [class^="btn-"] {
  border-radius: 29px;
  font-size: 1.8rem;
  min-height: 58px;
  max-width: 352px;
  margin: 0 16px;
}
.cart-box .plan-btn-wrap .btn-plan-detail:after {
  right: 20px;
}
@keyframes after-action-detail-cart-box {
  0% {
    right: 20px;
  }
  50% {
    right: 15px;
  }
  100% {
    right: 20px;
  }
}
.cart-box.is-show .plan-btn-wrap .btn-plan-detail:after {
  animation: after-action-detail-cart-box .5s ease .8s;
}
@keyframes after-action-apply-cart-box {
  0% {
    right: 20px;
  }
  50% {
    right: 15px;
  }
  100% {
    right: 20px;
  }
}
.cart-box .plan-btn-wrap .btn-plan-apply:after {
  right: 20px;
}
.cart-box.is-show .plan-btn-wrap .after-action-apply-cart-box:after {
  animation: after-action-apply-cart-box .5s ease .8s;
}
.cart-box .plan-btn-wrap .btn-plan-save:after {
  right: 20px;
}
.btn-white-dark.btn-back {
  width: 352px;
}
.recommend-link-wrap {
  margin: 64px 0;
  padding: 40px 0;
}
.plan-select-box .form-group label[class^="label-card"] {
  width: 464px;
}
.apply-flow-wrap .service-apply {
  padding: 32px 80px;
}
.apply-flow-wrap .service-list {
  margin-bottom: 16px;
}
.apply-flow-wrap .step-flow > li + li {
  margin-top: 27px;
}
.apply-flow-wrap .step-flow > li + li:before {
  border-width: 15px 15px 0 15px;
  left: calc(50% - 15px);
  bottom: calc(100% + 6px);
}
.apply-flow-wrap .step-flow > li .num {
  font-size: 3.2rem;
  width: 75px;
  height: 75px;
}
.apply-flow-wrap .step-flow > li .txt-wrap {
  font-size: 2.2rem;
  text-align: center;
  justify-content: center;
  padding-right: 75px;
}
.apply-flow-wrap .step-flow > li .txt-wrap .step-label {
  border-radius: 15px;
  font-size: 1.6rem;
  width: 170px;
  height: 30px;
  right: 15px;
  top: -16px;
}
.apply-flow-wrap .waiting-wrap {
  align-items: center;
  justify-content: center;
}
.apply-flow-wrap .waiting-wrap .waiting-time {
  width: auto;
  height: 70px;
  margin-right: 32px;
}
.apply-flow-wrap .waiting-wrap .waiting-time:before {
  width: 8px;
  left: calc(50% - 4px);
}
.apply-flow-wrap .waiting-wrap .waiting-time:after {
  border-width: 15px 15px 0 15px;
  left: calc(50% - 15px);
}
.apply-flow-wrap .waiting-wrap .waiting-time .time {
  font-size: 1.8rem;
  padding: 4px 0;
}
.apply-flow-wrap .waiting-wrap .waiting-txt {
  font-size: 1.6rem;
  flex: none;
}
.apply-flow-wrap .later-date-wrap {
  margin-top: 28px;
  padding-top: 28px;
}
.apply-flow-wrap .later-date-wrap .later-date {
  font-size: 1.8rem;
}
.apply-flow-wrap .later-date-wrap .later-date-flow-wrap {
  padding: 0 80px;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap {
  margin-top: 27px;
  padding: 0 80px;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start {
  padding: 14px;
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start.service-1,
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start.service-3 {
  width: calc((100% - 32px) / 2);
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start:before {
  border-width: 15px 15px 0 15px;
  left: calc(50% - 15px);
}
.apply-flow-wrap .later-date-wrap .use-start-wrap .use-start .service-list {
  margin-bottom: 0;
}
.necessary-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
.necessary-items > li {
  width: calc((100% - 32px) / 2);
  position: relative;
}
.necessary-items > li:after {
  background: #e2e2e2;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -24px;
}
.necessary-items > li + li {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.necessary-items > li:nth-of-type(n+3) {
  margin-top: 49px;
}
.necessary-items > li .img {
  margin-right: 15px;
  padding: 0 7px;
  width: 100px;
}
.necessary-items > li .txt-wrap .item-name {
  font-size: 2rem;
}
.necessary-items > li .txt-wrap .item-note {
  font-size: 1.6rem;
}
.necessary-items > li .txt-wrap .help-link-wrap {
  font-size: 1.6rem;
}
.bdr-box {
  padding: 38px;
  margin-bottom: 40px;
}
.bdr-hr {
  margin: 40px 0;
}
.bg-box {
  padding: 32px;
}
.expense-list > li {
  padding-bottom: 16px;
}
.expense-list > li + li {
  margin-top: 16px;
}
.expense-list .expense-name {
  font-size: 2rem;
  padding-right: 200px;
}
.expense-list .expense-name .expense-name-note {
  font-size: 1.6rem;
}
.expense-list .expense-wrap {
  margin-top: 0;
  position: relative;
}
.expense-list .expense-txt-wrap .expense-note {
  font-size: 1.5rem;
}
.expense-list .expense-price-wrap {
  font-size: 1.6rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.expense-list .expense-price-wrap .expense-price .num {
  font-size: 2.8rem;
}
.modal .modal-content {
  max-width: 1120px;
}
.modal.alert-modal .modal-content {
  max-width: 480px;
}
.modal .modal-content>.modal-header {
  font-size: 2.2rem;
  max-width: 736px;
  margin: 0 auto;
  padding: 40px 40px 16px;
}
.modal .modal-content>.modal-header::after {
  width: calc(100% - 80px);
}
.modal.modal-bdr-box .modal-content>.modal-header {
  justify-content: center;
  font-size: 2rem;
  max-width: 1120px;
}
.modal .modal-content > .modal-body {
  max-width: 736px;
  margin: 0 auto;
  padding: 32px 40px 40px;
}
.modal .modal-body .modal-hdd-img {
  margin: 0;
}
.select-service-box {
  padding: 32px;
}
.select-service-list {
  justify-content: center;
}
.select-service-list > li {
  width: 160px;
  margin: 0 8px;
}
.select-service-list > li:nth-of-type(n+3) {
  margin-top: 0;
}
.select-service-list .select-service-item label input[type="checkbox"] + span {
  font-size: 1.8rem;
  height: 56px;
  padding: 0 10px;
}
.select-service-list.service-detail-acc .select-service-item label input[type="checkbox"] + span {
  height: 68px;
}
.select-service-list .select-service-item label input[type="checkbox"] + span:before {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.select-service-list .select-service-item label input[type="checkbox"] + span .icn {
  width: 30px;
  height: 30px;
}
.select-service-list .select-service-item .accordion {
  font-size: 1.4rem;
}
.select-service-list .select-service-item .accordion .accordion-header {
  height: 40px;
}
.select-service-list .select-service-item .accordion .collapse-container>.collapse-content {
  padding: 10px;
}
.btn-mobile-simulation:before {
  left: 10px;
}
.bg-section {
  background-image: url(/common/images/bg-pattern-01-pc.png);
}
.zaq-title-wrap {
  font-size: 2.4rem;
}
.choice-service .zaq-title-wrap {
  font-size: 2rem;
}
.zaq-title-wrap.fs-xl {
  font-size: 3.8rem;
}
.zaq-title-wrap .icn {
  margin-right: 14px;
}
.zaq-title-wrap .icn.icn-md img {
  zoom: .75;
}
.zaq-title-wrap.fs-xl .icn img {
  zoom: .85;
}
.zaq-title-wrap .ttl .color-primary {
  font-size: 2.8rem;
}
.area-select-box .area-select-box-head {
  font-size: 2rem;
  padding: 20px;
}
.area-select-box .area-select-box-body {
  padding: 24px;
}
.area-select-box .area-select-box-body .house-select-wrap {
  margin: 0 0 24px;
  padding: 0;
}
.etc-service-section-wrap .h2-ttl .ttl {
  font-size: 2.6rem;
}
.tab.top-etc-sevice > .tab-nav > li {
  width: calc((100% - 32px) / 2);
}
.tab.top-etc-sevice > .tab-nav > li > span {
  font-size: 2rem;
  padding: 18px 24px;
}
.tab.top-etc-sevice > .tab-nav > li > span:before {
  right: 24px;
  width: 11px;
  height: 16px;
}
.tab.top-etc-sevice > .tab-nav > li > span.is-current:after {
  bottom: -36px;
  height: 36px;
}
.tab.top-etc-sevice > .tab-nav > li > span .icn {
  width: 40px;
  height: 40px;
}
.tab.top-etc-sevice > .tab-content {
  padding-top: 32px;
}
.tab.top-etc-sevice .etc-service-detail {
  display: flex;
  padding: 32px 38px;
}
.tab.top-etc-sevice .etc-service-detail .img {
  width: 402px;
  margin-right: 24px;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap {
  flex: 1;
  min-width: 1px;
  padding-bottom: 48px;
  position: relative;
}
.tab.top-etc-sevice .etc-service-detail .txt-wrap .more-link-wrap {
  position: absolute;
  right: 0;
  bottom: 18px;
}
/*
.flow-balloon-box {
  32px 40px
}
*/
.user-choice {
  justify-content: center;
}
.user-choice .label-card {
  max-width: 256px;
  margin: 0 16px;
}
.form-group.user-choice label[class^="label-card"] input[type="radio"]+span {
  padding: 18px 8px;
}
.selected-address-box {
  padding: 24px 40px;
}
.selected-address-box .selected-address-wrap {
  justify-content: center;
  text-align: center;
  padding: 0 135px;
}
.selected-address-box .selected-address-wrap p {
  font-size: 1.6rem;
}
.selected-address-box .selected-address-wrap .resetting-btn {
  border-radius: 18px;
  font-size: 1.6rem;
  width: 112px;
  height: 36px;
  position: absolute;
  right: 0;
  top: calc(50% - 18px);
}
.selected-address-box .considering-service {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}
.selected-address-box .considering-service > dt {
  font-size: 2rem;
  margin-right: 40px;
}
.selected-address-box .considering-service > dd {
  margin-bottom: 0;
}
.selected-address-box .considering-service .service-name-list {
  max-width: 100%;
}
.selected-address-box .considering-service .service-name-list > li {
  margin: 0 24px 0 0;
  width: auto;
}
.service-select-box {
  margin-bottom: 64px;
  padding: 30px;
}
.condition-select-wrap {
  justify-content: center;
  margin-bottom: 64px;
}
.condition-select-wrap > li {
  width: 256px;
}
.condition-select-wrap > li + li {
  margin-left: 32px;
}
.condition-select-wrap .condition-select input[type="radio"] + span {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  overflow: hidden;
  padding: 0;
}
.condition-select-wrap .condition-select input[type="radio"] + span .txt {
  font-size: 1.8rem;
  height: auto;
  padding: 0 8px;
  margin-top: 0;
  text-align: left;
}
.condition-select-wrap > li:first-child .condition-select input[type="radio"] + span .txt {
  padding-left: 20px;
}
.condition-select-wrap .condition-select input[type="radio"] + span .txt:first-child {
  width: 100%;
}
.service-select-disabled {
  padding: 0 74px 0 18px;
}
.service-select-disabled .txt-wrap .lead-txt {
  font-size: 2rem;
  text-align: center;
}
.service-select-disabled .txt-wrap .txt {
  font-size: 1.6rem;
  text-align: center;
}
.swiper.more-useful .swiper-slide.voice-woman-20s-2 {
  background-position: 36px bottom;
  background-size: auto 77px;
}
.swiper.more-useful .swiper-slide[class*="voice-man-"],
.swiper.more-useful .swiper-slide[class*="voice-woman-"] {
   padding-bottom: 24px;
}
.swiper.more-useful .swiper-slide .item-wrap .img {
  width: 140px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name {
  margin-bottom: 16px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name .icn {
  height: 24px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .service-name .logo {
  height: 20px;
}
.swiper.more-useful .swiper-slide .item-wrap .txt-wrap .item-name {
  font-size: 2rem;
}
.swiper.more-useful .swiper-slide .voice-wrap {
  padding-left:  100px;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon {
  padding: 16px 14px;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon:before {
  width: 16px;
  height: 11px;
  right: calc(100% - 1px);
  bottom: 20px;
}
.swiper.more-useful .swiper-slide .voice-wrap .voice-balloon .person {
  font-size: 1.4rem;
}
.cmn-box {
  margin-bottom: 40px;
}
.cmn-box .cmn-box-header {
  font-size: 2.2rem;
  padding: 16px;
}
.course-cange .cmn-box .cmn-box-header {
  font-size: 1.6rem;
}
.cmn-box .cmn-box-body {
  padding: 40px 38px 38px;
}
.course-cange .now-course {
  display: flex;
  justify-content: center;
}
.course-cange .recommend-course {
  display: flex;
  justify-content: center;
  margin-top: 31px;
}
.course-cange .recommend-course:before {
  border-width: 15px 15px 0 15px;
  left: calc(50% - 15px);
  bottom: calc(100% + 8px);
}
.course-cange .cmn-box {
  width: calc((100% - 32px) / 2);
  margin-right: 32px;
}
.course-cange .cmn-box:nth-of-type(2n) {
  margin-right: 0;
}
.course-cange .cmn-box:nth-of-type(n+3) {
  margin-top: 32px;
}
.course-cange .cmn-box [class^="btn-"] {
  min-width: 1px;
  max-width: 248px;
}
.course-detail-wrap {
  padding: 24px;
}
.course-detail-wrap .course-features-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.course-detail-wrap .course-features-wrap .course-features + .course-features {
  margin: 0 0 0 80px;
}
.course-detail-wrap .course-features-wrap .course-features + .course-features:before {
  right: calc(100% + 28px);
  bottom: calc(50% - 12px);
}
.course-detail-wrap .course-features-wrap .course-features .txt {
  font-size: 2rem;
}
.modal-option-wrap {
  display: flex;
}
.modal-option-wrap .modal-option-name {
  flex: 1;
  font-size: 2.6rem;
  margin-right: 40px;
}
.modal-option-wrap .modal-option-price {
  font-size: 1.6rem;
}
.modal-option-wrap .modal-option-price .num {
  font-size: 2.8rem;
}
.modal-option-body-wrap {
  display: flex;
}
.modal-option-body-wrap .img {
  width: 394px;
}
.modal-option-body-wrap .txt-wrap {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0 0 0 40px;
  padding: 32px;
}
.modal-option-body-wrap .txt {
  flex: 1;
  margin-right: 32px;
}
.modal-option-body-wrap .lead {
  font-size: 1.8rem;
  text-align: left;
}
.modal-option-body-wrap .person .data {
  font-size: 1.4rem;
  margin-bottom: 8px;
}
.modal-option-body-wrap .person .person-img {
  margin: 0;
}
.etc-service-select-wrap {
  margin-bottom: 40px;
}
.etc-service-select-wrap .service-acc-wrap {
  top: 0;
  width: 100%;
}
.etc-service-select-wrap .service-acc-wrap .acc-btn-wrap.category-phone {
  left: calc(50% + 96px);
}
.contact-ttl {
  font-size: 2.4rem;
}
.contact-ttl .icn {
  margin-right: 12px;
  width: 16px;
}
.contact-ttl .icn.new {
  width: 22px;
}
.contact-ttl .icn.member {
  width: 29px;
}
.contact-ttl .icn img {
  width: 100%;
}

}

/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 767px){

.pc-fix-header,
.pc-head-nav,
.pc-only {
  display: none !important;
}
body {
  font-size: 1.4rem;
}

  /*---------------------------------------------
  base margin
  ---------------------------------------------*/
  .sp_mt0 { margin-top: 0px !important; }.sp_mt5 { margin-top: 5px !important; }.sp_mt8 { margin-top: 8px !important; }.sp_mt10 { margin-top: 10px !important; }.sp_mt15 { margin-top: 15px !important; }.sp_mt16 { margin-top: 16px !important; }.sp_mt20 { margin-top: 20px !important; }.sp_mt24 { margin-top: 24px !important; }.sp_mt25 { margin-top: 25px !important; }.sp_mt30 { margin-top: 30px !important; }.sp_mt32 { margin-top: 32px !important; }.sp_mt35 { margin-top: 35px !important; }.sp_mt40 { margin-top: 40px !important; }.sp_mt48 { margin-top: 48px !important; }.sp_mt50 { margin-top: 50px !important; }.sp_mt56 { margin-top: 56px !important; }.sp_mt60 { margin-top: 60px !important; }.sp_mt64 { margin-top: 64px !important; }.sp_mt70 { margin-top: 70px !important; }.sp_mt80 { margin-top: 80px !important; }.sp_mt90 { margin-top: 90px !important; }.sp_mt100 { margin-top: 100px !important; }

  .sp_ml0 { margin-left: 0px !important; }.sp_ml5 { margin-left: 5px !important; }.sp_ml8 { margin-left: 8px !important; }.sp_ml10 { margin-left: 10px !important; }.sp_ml15 { margin-left: 15px !important; }.sp_ml16 { margin-left: 16px !important; }.sp_ml20 { margin-left: 20px !important; }.sp_ml24 { margin-left: 24px !important; }.sp_ml25 { margin-left: 25px !important; }.sp_ml30 { margin-left: 30px !important; }.sp_ml32 { margin-left: 32px !important; }.sp_ml35 { margin-left: 35px !important; }.sp_ml40 { margin-left: 40px !important; }.sp_ml48 { margin-left: 48px !important; }.sp_ml50 { margin-left: 50px !important; }.sp_ml56 { margin-left: 56px !important; }.sp_ml60 { margin-left: 60px !important; }.sp_ml64 { margin-left: 64px !important; }.sp_ml70 { margin-left: 70px !important; }.sp_ml80 { margin-left: 80px !important; }.sp_ml90 { margin-left: 90px !important; }.sp_ml100 { margin-left: 100px !important; }

  .sp_mr0 { margin-right: 0px !important; }.sp_mr5 { margin-right: 5px !important; }.sp_mr8 { margin-right: 8px !important; }.sp_mr10 { margin-right: 10px !important; }.sp_mr15 { margin-right: 15px !important; }.sp_mr16 { margin-right: 16px !important; }.sp_mr20 { margin-right: 20px !important; }.sp_mr24 { margin-right: 24px !important; }.sp_mr25 { margin-right: 25px !important; }.sp_mr30 { margin-right: 30px !important; }.sp_mr32 { margin-right: 32px !important; }.sp_mr35 { margin-right: 35px !important; }.sp_mr40 { margin-right: 40px !important; }.sp_mr48 { margin-right: 48px !important; }.sp_mr50 { margin-right: 50px !important; }.sp_mr56 { margin-right: 56px !important; }.sp_mr60 { margin-right: 60px !important; }.sp_mr64 { margin-right: 64px !important; }.sp_mr70 { margin-right: 70px !important; }.sp_mr80 { margin-right: 80px !important; }.sp_mr90 { margin-right: 90px !important; }.sp_mr100 { margin-right: 100px !important; }

  .sp_mb0 { margin-bottom: 0px !important; }.sp_mb5 { margin-bottom: 5px !important; }.sp_mb8 { margin-bottom: 8px !important; }.sp_mb10 { margin-bottom: 10px !important; }.sp_mb15 { margin-bottom: 15px !important; }.sp_mb16 { margin-bottom: 16px !important; }.sp_mb20 { margin-bottom: 20px !important; }.sp_mb24 { margin-bottom: 24px !important; }.sp_mb25 { margin-bottom: 25px !important; }.sp_mb30 { margin-bottom: 30px !important; }.sp_mb32 { margin-bottom: 32px !important; }.sp_mb35 { margin-bottom: 35px !important; }.sp_mb40 { margin-bottom: 40px !important; }.sp_mb48 { margin-bottom: 48px !important; }.sp_mb50 { margin-bottom: 50px !important; }.sp_mb56 { margin-bottom: 56px !important; }.sp_mb60 { margin-bottom: 60px !important; }.sp_mb64 { margin-bottom: 64px !important; }.sp_mb70 { margin-bottom: 70px !important; }.sp_mb80 { margin-bottom: 80px !important; }.sp_mb90 { margin-bottom: 90px !important; }.sp_mb100 { margin-bottom: 100px !important; }

  .sp_pt0 { padding-top: 0px !important; }.sp_pt5 { padding-top: 5px !important; }.sp_pt8 { padding-top: 8px !important; }.sp_pt10 { padding-top: 10px !important; }.sp_pt15 { padding-top: 15px !important; }.sp_pt16 { padding-top: 16px !important; }.sp_pt20 { padding-top: 20px !important; }.sp_pt24 { padding-top: 24px !important; }.sp_pt25 { padding-top: 25px !important; }.sp_pt30 { padding-top: 30px !important; }.sp_pt32 { padding-top: 32px !important; }.sp_pt35 { padding-top: 35px !important; }.sp_pt40 { padding-top: 40px !important; }.sp_pt48 { padding-top: 48px !important; }.sp_pt50 { padding-top: 50px !important; }.sp_pt56 { padding-top: 56px !important; }.sp_pt60 { padding-top: 60px !important; }.sp_pt64 { padding-top: 64px !important; }.sp_pt70 { padding-top: 70px !important; }.sp_pt80 { padding-top: 80px !important; }.sp_pt90 { padding-top: 90px !important; }.sp_pt100 { padding-top: 100px !important; }

  .sp_pl0 { padding-left: 0px !important; }.sp_pl5 { padding-left: 5px !important; }.sp_pl8 { padding-left: 8px !important; }.sp_pl10 { padding-left: 10px !important; }.sp_pl15 { padding-left: 15px !important; }.sp_pl16 { padding-left: 16px !important; }.sp_pl20 { padding-left: 20px !important; }.sp_pl24 { padding-left: 24px !important; }.sp_pl25 { padding-left: 25px !important; }.sp_pl30 { padding-left: 30px !important; }.sp_pl32 { padding-left: 32px !important; }.sp_pl35 { padding-left: 35px !important; }.sp_pl40 { padding-left: 40px !important; }.sp_pl48 { padding-left: 48px !important; }.sp_pl50 { padding-left: 50px !important; }.sp_pl56 { padding-left: 56px !important; }.sp_pl60 { padding-left: 60px !important; }.sp_pl64 { padding-left: 64px !important; }.sp_pl70 { padding-left: 70px !important; }.sp_pl80 { padding-left: 80px !important; }.sp_pl90 { padding-left: 90px !important; }.sp_pl100 { padding-left: 100px !important; }

  .sp_pr0 { padding-right: 0px !important; }.sp_pr5 { padding-right: 5px !important; }.sp_pr8 { padding-right: 8px !important; }.sp_pr10 { padding-right: 10px !important; }.sp_pr15 { padding-right: 15px !important; }.sp_pr16 { padding-right: 16px !important; }.sp_pr20 { padding-right: 20px !important; }.sp_pr24 { padding-right: 24px !important; }.sp_pr25 { padding-right: 25px !important; }.sp_pr30 { padding-right: 30px !important; }.sp_pr32 { padding-right: 32px !important; }.sp_pr35 { padding-right: 35px !important; }.sp_pr40 { padding-right: 40px !important; }.sp_pr48 { padding-right: 48px !important; }.sp_pr50 { padding-right: 50px !important; }.sp_pr56 { padding-right: 56px !important; }.sp_pr60 { padding-right: 60px !important; }.sp_pr64 { padding-right: 64px !important; }.sp_pr70 { padding-right: 70px !important; }.sp_pr80 { padding-right: 80px !important; }.sp_pr90 { padding-right: 90px !important; }.sp_pr100 { padding-right: 100px !important; }

  .sp_pb0 { padding-bottom: 0px !important; }.sp_pb5 { padding-bottom: 5px !important; }.sp_pb8 { padding-bottom: 8px !important; }.sp_pb10 { padding-bottom: 10px !important; }.sp_pb15 { padding-bottom: 15px !important; }.sp_pb16 { padding-bottom: 16px !important; }.sp_pb20 { padding-bottom: 20px !important; }.sp_pb24 { padding-bottom: 24px !important; }.sp_pb25 { padding-bottom: 25px !important; }.sp_pb30 { padding-bottom: 30px !important; }.sp_pb32 { padding-bottom: 32px !important; }.sp_pb35 { padding-bottom: 35px !important; }.sp_pb40 { padding-bottom: 40px !important; }.sp_pb48 { padding-bottom: 48px !important; }.sp_pb50 { padding-bottom: 50px !important; }.sp_pb56 { padding-bottom: 56px !important; }.sp_pb60 { padding-bottom: 60px !important; }.sp_pb64 { padding-bottom: 64px !important; }.sp_pb70 { padding-bottom: 70px !important; }.sp_pb80 { padding-bottom: 80px !important; }.sp_pb90 { padding-bottom: 90px !important; }.sp_pb100 { padding-bottom: 100px !important; }

  .sp_w5p { width: 5%!important;}.sp_w8p { width: 8%!important;}.sp_w10p { width: 10%!important;}.sp_w11p { width: 11%!important;}.sp_w12p { width: 12%!important;}.sp_w15p { width: 15%!important;}.sp_w16p { width: 16%!important;}.sp_w20p { width: 20%!important;}.sp_w24p { width: 24%!important;}.sp_w25p { width: 25%!important;}.sp_w30p { width: 30%!important;}.sp_w32p { width: 32%!important;}.sp_w35p { width: 35%!important;}.sp_w40p { width: 40%!important;}.sp_w45p { width: 45%!important;}.sp_w48p { width: 48%!important;}.sp_w50p { width: 50%!important;}.sp_w55p { width: 55%!important;}.sp_w56p { width: 56%!important;}.sp_w60p { width: 60%!important;}.sp_w64p { width: 64%!important;}.sp_w65p { width: 65%!important;}.sp_w70p { width: 70%!important;}.sp_w75p { width: 75%!important;}.sp_w80p { width: 80%!important;}.sp_w85p { width: 85%!important;}.sp_w90p { width: 90%!important;}.sp_w95p { width: 95%!important;}.sp_w100p { width: 100%!important;}.sp_wmax{ width: 100%!important; height: auto!important;}

.collapse-trigger:hover,
.service-acc-wrap .acc-btn-wrap .service-acc-btn:hover,
.service-select-wrap .service-select-anchor .anchor-link:hover {
  opacity: 1;
}
.row-nowrap-sp {
  flex-wrap: nowrap;
}
.sp-small-square-btn {
  border-radius: 16px;
  font-size: 1.4rem;
  padding: 8px 16px;
}
.sp-small-square-btn:after {
  right: 5px;
}
@keyframes after-action-square {
  0% {
    right: 3px;
  }
  50% {
    right: 5px;
  }
  100% {
    right: 3px;
  }
}
.is-show .sp-small-square-btn.icn-action:after {
  animation: after-action-square .5s ease .8s;
}
.splash-wrap video {
  max-width: 100%;
}
.contact-btn-wrap .btn-contact {
  border-radius: 16px;
  width: calc((100% - 15px) / 2);
  padding: 8px 14px;
}
.contact-btn-wrap .btn-contact:after {
  right: 5px;
  width: 7px;
  height: 12px;
}
.contact-btn-wrap .btn-contact .sub {
  font-size: 1rem;
}
.contact-btn-wrap .btn-contact .main {
  font-size: 1.8rem;
}

}