@charset "utf-8";
html {
  font-size: 62.5%!important;
}
#new_jcom_mansion .container {
  font-size: 1.6rem;
}
#new_jcom_mansion .container p {
  margin-bottom: 1.6rem;
}
.simulation-balloon-box {
  background: #fff2f0;
  border: 2px solid #d0d0d0;
  border-radius: 32px;
  margin-bottom: 30px;
  padding: 20px 18px;
  position: relative;
}
.simulation-balloon-box:after,
.simulation-balloon-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%;
}
.simulation-balloon-box:after {
  border-color: #fff2f0 transparent transparent transparent;
  transform: translate(0,-4px);
}
.simulation-lead {
  display:-ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin:0 0 24px;
}
.simulation-lead .icn {
  margin-right: 8px;
}
.simulation-lead .icn img {
  zoom: .5;
}
.simulation-lead .txt {
  text-align: left;
  flex-shrink: 1000;
}
.simulation-lead .txt .color-primary {
  font-size: 2rem;
}
.fix-simulation-result-wrap {
  height: 85px;
}
.fix-simulation-result-wrap .fix-simulation-result {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  padding: 10px 0;
  position: relative;
  width: 100%;
  z-index: 100;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.fix-simulation-result-wrap.is-fixed .fix-simulation-result {
  position: fixed;
  left: 0;
  top: 0;
}
.fix-simulation-result-wrap .fix-simulation-result .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.fix-simulation-result-wrap .fix-simulation-result .service-list {
  max-width: 152px;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price {
  margin-bottom: 6px;
  font-size: 1rem;
  line-height: 1.2;
  text-align: right;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price .tax-excluded {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price .num {
  font-family: 'Roboto', sans-serif;
  font-size: 2.4rem;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price .yen .term {
  font-weight: normal;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .view-detail .view-detail-btn {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 13px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  width: 95px;
  height: 26px;
  position: relative;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .view-detail .view-detail-btn:after {
  background: #e93817 url(/common/images/icn-bullet-white.svg) no-repeat center center / 4px auto;
  border-radius: 50%;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  transform: rotate(90deg);
}
.simulation-tab-wrap {
  margin-bottom: 60px;
  position: relative;
}
.simulation-tab-wrap .tab-nav {
  border-bottom: 1px solid #e93817;
  padding: 0 24px;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 100%;
}
.simulation-tab-wrap .tab-nav > li {
  width: calc((100% - 15px) / 2);
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link {
  border: none !important;
  border-radius: 10px 10px 0 0;
  display: block;
  text-align: center;
  height: 100%;
  padding: 0;
  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;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link.is-current:after {
  border-color: #fff;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-head {
  background: #ffe5e0;
  border: 2px solid #ffe5e0;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  height: calc(3em + 18px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link:hover .tab-ttl-link-head,
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link.is-current .tab-ttl-link-head {
  background: #e93817;
  border-color: #fff;
  color: #fff;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-body {
  background: #fff;
  display: block;
  padding: 8px;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-body .img {
  display: block;
  width: 102px;
  margin: 0 auto;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-body .txt {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link:hover .tab-ttl-link-body .txt,
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link.is-current .tab-ttl-link-body .txt {
  color: #e93817;
  font-weight: bold;
}
#tab-course .h2-ttl .img {
  width: 39px;
}
.recommend-plan {
  background: #fff2f0;
  border: 2px solid #e93817;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
}
.recommend-plan .plan-head {
  background: #e93817;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 12px;
}
.recommend-plan .plan-body {
  padding: 20px 18px;
}
.modal-bdr-box .modal-body .plan-name-wrap,
.recommend-plan .plan-body .plan-name-wrap {
  display: flex;
  align-items: flex-end;
}
.modal-bdr-box .modal-body .plan-name-wrap .plan-name,
.recommend-plan .plan-body .plan-name-wrap .plan-name {
  flex: 1;
  min-width: 1px;
  margin: 0 4px 0 0;
}
.plan-slider .recommend-plan .plan-price-wrap .price-wrap .plan-price {
  display: block;
}
.modal-bdr-box .modal-body .price-wrap .plan-price .tax-excluded .price,
.recommend-plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price {
  font-size: 1.8rem;
}
.modal-bdr-box .modal-body .price-wrap  .plan-price .tax-excluded .price:before,
.recommend-plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price:before {
  display: none;
}
.modal-bdr-box .modal-body .price-wrap  .plan-price .tax-excluded .yen,
.recommend-plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .yen {
  font-size: 1rem;
  margin: 0;
}
.modal-bdr-box .modal-body .plan-info,
.recommend-plan .plan-body .plan-info {
  font-size: 1.2rem;
  margin-top: 10px;
}
.recommend-plan .plan-body .plan-reflect-wrap {
  font-weight: bold;
  margin-top: 12px;
}
.recommend-plan .plan-body .plan-reflect-wrap label {
  margin: 0;
}
.recommend-plan .plan-body .plan-reflect-wrap label input[type="radio"]+ span {
  background: #f2f2f2;
}
.course-service-wrap {
  margin-top: 60px;
}
.service-ttl-wrap {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.service-ttl-wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  z-index: 1;
}
.option-select-wrap .service-ttl-wrap:before {
  display: none;
}
.category-net .course-option-item input[type="radio"]:checked + span:after,
.category-net .question-ttl .label,
.category-net .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-net .course-item input[type="radio"]:checked + span .course-name:after,
.category-net .course-item .info-label,
.category-net .course-item .recommend-label,
.category-net .service-ttl-wrap:before {
  background: #0085cd;
}
.category-tv .course-option-item input[type="radio"]:checked + span:after,
.category-tv .question-ttl .label,
.category-tv .pack-select-wrap .pack-item input[type="radio"] + span .img svg,
.category-tv .pack-select-wrap .pack-item input[type="radio"] + span .selected-label,
.category-tv .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-tv .course-item input[type="radio"]:checked + span .course-name:after,
.category-tv .course-item .info-label,
.category-tv .course-item .recommend-label,
.category-tv .service-ttl-wrap:before {
  background: #e3007f;
}
.category-mobile .course-option-item input[type="radio"]:checked + span:after,
.category-mobile .question-ttl .label,
.category-mobile .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-mobile .course-item input[type="radio"]:checked + span .course-name:after,
.category-mobile .course-item .info-label,
.category-mobile .course-item .recommend-label,
.category-mobile .service-ttl-wrap:before {
  background: #00a4a7;
}
.category-electricity .course-option-item input[type="radio"]:checked + span:after,
.category-electricity .question-ttl .label,
.category-electricity .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-electricity .course-item input[type="radio"]:checked + span .course-name:after,
.category-electricity .course-item .info-label,
.category-electricity .course-item .recommend-label,
.category-electricity .service-ttl-wrap:before {
  background: #f08c00;
}
.category-phone .phone-option-pack input[type="checkbox"]:checked + span:after,
.category-phone .course-option-item input[type="radio"]:checked + span:after,
.category-phone .question-ttl .label,
.category-phone .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-phone .course-item input[type="radio"]:checked + span .course-name:after,
.category-phone .course-item .info-label,
.category-phone .course-item .recommend-label,
.category-phone .service-ttl-wrap:before {
  background: #00a23e;
}
.category-gas .question-ttl .label,
.category-gas .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-gas .course-item input[type="radio"]:checked + span .course-name:after,
.category-gas .course-item .info-label,
.category-gas .course-item .recommend-label,
.category-gas .service-ttl-wrap:before {
  background: #0b308e;
}
.category-home .question-ttl .label,
.category-home .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-home .course-item input[type="radio"]:checked + span .course-name:after,
.category-home .course-item .info-label,
.category-home .course-item .recommend-label,
.category-home .service-ttl-wrap:before {
  background: #FA7268;
}
.category-ssi .question-ttl .label,
.category-ssi .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-ssi .course-item input[type="radio"]:checked + span .course-name:after,
.category-ssi .course-item .info-label,
.category-ssi .course-item .recommend-label,
.category-ssi .service-ttl-wrap:before {
  background: #E60044;
}
.category-telemedicine .question-ttl .label,
.category-telemedicine .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type,
.category-telemedicine .course-item input[type="radio"]:checked + span .course-name:after,
.category-telemedicine .course-item .info-label,
.category-telemedicine .course-item .recommend-label,
.category-telemedicine .service-ttl-wrap:before {
  background: #00855E;
}
.service-ttl-wrap .ttl {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}
.category-net .course-item input[type="radio"] + span .course-name,
.category-net .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-net .service-ttl-wrap .ttl {
  color: #0085cd;
}
.category-tv .course-item input[type="radio"] + span .course-name,
.category-tv .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-tv .service-ttl-wrap .ttl {
  color: #e3007f;
}
.category-mobile .course-item input[type="radio"] + span .course-name,
.category-mobile .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-mobile .service-ttl-wrap .ttl {
  color: #00a4a7;
}
.category-electricity .course-item input[type="radio"] + span .course-name,
.category-electricity .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-electricity .service-ttl-wrap .ttl {
  color: #f08c00;
}
.category-phone .course-item input[type="radio"] + span .course-name,
.category-phone .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-phone .service-ttl-wrap .ttl {
  color: #00a23e;
}
.category-gas .course-item input[type="radio"] + span .course-name,
.category-gas .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-gas .service-ttl-wrap .ttl {
  color: #0b308e;
}
.category-home .course-item input[type="radio"] + span .course-name,
.category-home .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-home .service-ttl-wrap .ttl {
  color: #FA7268;
}
.category-ssi .course-item input[type="radio"] + span .course-name,
.category-ssi .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-ssi .service-ttl-wrap .ttl {
  color: #E60044;
}
.category-telemedicine .course-item input[type="radio"] + span .course-name,
.category-telemedicine .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.category-telemedicine .service-ttl-wrap .ttl {
  color: #00855E;
}
.service-ttl-wrap .ttl .icn {
  margin-right: 16px;
}
.course-select-list {
  margin-top: 30px;
}
.course-select-list > li {
  margin-bottom: 0;
  position: relative;
}
.course-select-list > li + li {
  margin-top: 16px;
}
.course-option-item,
.course-item {
  cursor: pointer;
  display: block;
  position: relative;
  margin: 0;
}
.phone-option-pack.disabled-item:after,
.course-option-item.disabled-item:after,
.course-item.disabled-item:after {
  background: rgba(225, 225, 225, .8);
  border-radius: 10px;
}
.course-select-list > li + li .recommend-course {
  margin-top: 30px;
}
.phone-option-pack input[type="checkbox"],
.course-option-item input[type="checkbox"],
.course-option-item input[type="radio"],
.course-item input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.course-item .info-label,
.course-item .recommend-label {
  border-radius: 13px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  width: 163px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0,-50%);
  z-index: 5;
}
.disabled-item .info-label:after,
.disabled-item .recommend-label:after {
  background: rgba(225, 225, 225, .8);
  border-radius: 13px;
}
.course-item .recommend-label .icn {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 12px;
}
.category-net .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-net.svg) no-repeat center center / contain;
}
.category-net .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-net.svg) no-repeat center center / contain;
}
.category-tv .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-tv.svg) no-repeat center center / contain;
}
.category-phone .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-phone.svg) no-repeat center center / contain;
}
.category-mobile .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-mobile.svg) no-repeat center center / contain;
}
.category-electricity .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-electricity.svg) no-repeat center center / contain;
}
.category-gas .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-gas.svg) no-repeat center center / contain;
}
.category-ssi .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-ssi.svg) no-repeat center center / contain;
}
.category-telemedicine .course-item .recommend-label .icn {
  background: url(/common/images/icn-help-white-jcom-telemedicine.svg) no-repeat center center / contain;
}
.course-item .info-label {
  font-size: 1rem;
  padding: 0 12px;
  width: auto;
}
.course-item .info-label .num {
  font-size: 1.6rem;
  margin-left: 4px;
}
.option-channel-item input[type="checkbox"] + span,
.phone-option-pack input[type="checkbox"] + span,
.course-option-item input[type="checkbox"] + span,
.course-option-item input[type="radio"] + span,
.want-to-item input[type="checkbox"] + span,
.want-to-item input[type="radio"] + span,
.course-item input[type="radio"] + span {
  background: #f2f2f2;
  border: 2px solid transparent;
  border-radius: 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.category-net .course-option-item input[type="checkbox"]:checked + span,
.category-net .course-option-item input[type="radio"]:checked + span,
.category-net .want-to-item input[type="radio"]:checked + span,
.category-net .course-item input[type="radio"]:checked + span {
  box-shadow: 1px 1px 10px rgba(0, 111, 170, .2);
}
.category-tv .option-channel-item input[type="checkbox"]:checked + span,
.category-tv .course-option-item input[type="checkbox"]:checked + span,
.category-tv .course-option-item input[type="radio"]:checked + span,
.category-tv .want-to-item input[type="radio"]:checked + span,
.category-tv .course-item input[type="radio"]:checked + span {
  box-shadow: 1px 1px 10px rgba(178, 0, 99, .18);
}
.category-phone .phone-option-pack input[type="checkbox"]:checked + span,
.category-phone .course-option-item input[type="checkbox"]:checked + span,
.category-phone .course-option-item input[type="radio"]:checked + span,
.category-phone .want-to-item input[type="radio"]:checked + span,
.category-phone .course-item input[type="radio"]:checked + span {
  box-shadow: 1px 1px 10px rgba(0, 124, 47, .20);
}
.course-item input[type="radio"] + span .img {
  border-radius: 10px 10px 0 0;
  display: block;
  overflow: hidden;
  padding: 18px 18px 0;
}
.course-item input[type="radio"] + span .img.no-img {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.category-net .course-option-item input[type="checkbox"]:checked + span:before,
.category-net .course-option-item input[type="radio"]:checked + span:before,
.category-net .course-option-item input[type="checkbox"]:checked + span,
.category-net .course-option-item input[type="radio"]:checked + span,
.category-net .course-item input[type="radio"] + span .course-name .pack,
.category-net .want-to-item input[type="checkbox"]:checked + span,
.category-net .want-to-item input[type="radio"]:checked + span,
.category-net .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-net .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-net .course-item input[type="radio"]:checked + span .course-name:before,
.category-net .course-item input[type="radio"]:checked + span {
  border-color: #0085cd;
}
.category-tv .option-channel-item input[type="checkbox"]:checked + span .channel-main-wrap:before,
.category-tv .option-channel-item input[type="checkbox"]:checked + span,
.category-tv .course-option-item input[type="checkbox"]:checked + span:before,
.category-tv .course-option-item input[type="radio"]:checked + span:before,
.category-tv .course-option-item input[type="checkbox"]:checked + span,
.category-tv .course-option-item input[type="radio"]:checked + span,
.category-tv .course-item input[type="radio"] + span .course-name .pack,
.category-tv .want-to-item input[type="checkbox"]:checked + span,
.category-tv .want-to-item input[type="radio"]:checked + span,
.category-tv .pack-select-wrap .pack-item input[type="radio"] + span .img svg,
.category-tv .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-tv .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-tv .course-item input[type="radio"]:checked + span .course-name:before,
.category-tv .course-item input[type="radio"]:checked + span {
  border-color: #e3007f;
}
.category-mobile .course-option-item input[type="checkbox"]:checked + span:before,
.category-mobile .course-option-item input[type="radio"]:checked + span:before,
.category-mobile .course-option-item input[type="checkbox"]:checked + span,
.category-mobile .course-option-item input[type="radio"]:checked + span,
.category-mobile .course-item input[type="radio"] + span .course-name .pack,
.category-mobile .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-mobile .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-mobile .course-item input[type="radio"]:checked + span .course-name:before,
.category-mobile .course-item input[type="radio"]:checked + span {
  border-color: #00a4a7;
}
.category-electricity .course-option-item input[type="checkbox"]:checked + span:before,
.category-electricity .course-option-item input[type="radio"]:checked + span:before,
.category-electricity .course-option-item input[type="checkbox"]:checked + span,
.category-electricity .course-option-item input[type="radio"]:checked + span,
.category-electricity .course-item input[type="radio"] + span .course-name .pack,
.category-electricity .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-electricity .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-electricity .course-item input[type="radio"]:checked + span .course-name:before,
.category-electricity .course-item input[type="radio"]:checked + span {
  border-color: #f08c00;
}
.category-phone .phone-option-pack input[type="checkbox"]:checked + span .option-wrap .option-name:before,
.category-phone .phone-option-pack input[type="checkbox"]:checked + span,
.category-phone .course-option-item input[type="checkbox"]:checked + span:before,
.category-phone .course-option-item input[type="radio"]:checked + span:before,
.category-phone .course-option-item input[type="checkbox"]:checked + span,
.category-phone .course-option-item input[type="radio"]:checked + span,
.category-phone .course-item input[type="radio"] + span .course-name .pack,
.category-phone .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-phone .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-phone .course-item input[type="radio"]:checked + span .course-name:before,
.category-phone .course-item input[type="radio"]:checked + span {
  border-color: #00a23e;
}
.category-gas .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-gas .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-gas .course-item input[type="radio"]:checked + span .course-name:before,
.category-gas .course-item input[type="radio"]:checked + span {
  border-color: #0b308e;
}
.category-home .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-home .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-home .course-item input[type="radio"]:checked + span .course-name:before,
.category-home .course-item input[type="radio"]:checked + span {
  border-color: #FA7268;
}
.category-ssi .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-ssi .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-ssi .course-item input[type="radio"]:checked + span .course-name:before,
.category-ssi .course-item input[type="radio"]:checked + span {
  border-color: #E60044;
}
.category-telemedicine .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap,
.category-telemedicine .course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content,
.category-telemedicine .course-item input[type="radio"]:checked + span .course-name:before,
.category-telemedicine .course-item input[type="radio"]:checked + span {
  border-color: #00855E;
}
.course-item input[type="radio"] + span .img img {
  border-radius: 16px;
}
.course-item input[type="radio"] + span .course-name {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  min-height: 48px;
  padding: 12px 42px 12px 20px;
  position: relative;
  z-index: 1;
}
.course-item input[type="radio"] + span .course-name:before {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 50%;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.course-item input[type="radio"] + span .course-name:after {
  border-radius: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 23px;
  top: calc(50% - 5px);
}
.course-item input[type="radio"] + span .course-name .pack {
  border: 1px solid #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  padding-bottom: 1px;
}
.course-item input[type="radio"] + span .course-name .txt {
  line-height: 1.1;
  flex: 1;
  min-width: 1px;
}
.course-item input[type="radio"] + span .course-name .ganre-help-btn {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 0;
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
}
.course-item input[type="radio"] + span .accordion {
  background: none;
  border: none;
  border-radius: 0;
  display: block;
  margin: 0 -2px -2px;
  position: relative;
  z-index: 2;
  width: calc(100% + 4px);
}
.course-item input[type="radio"] + span .accordion .collapse-trigger {
  background: none;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  position: absolute;
  right: 11px;
  bottom: calc(100% + 8px);
}
.course-item input[type="radio"] + span .accordion .collapse-trigger:after {
  background-image: url(/common/images/icn-bullet.svg);
  width: 9px;
  height: 14px;
  left: 0;
  right: 0;
}
.category-net .course-item input[type="radio"] + span .accordion .collapse-trigger:after {
  background-image: url(/common/images/icn-bullet-jcom-net.svg);
}
.category-tv .course-item input[type="radio"] + span .accordion .collapse-trigger:after {
  background-image: url(/common/images/icn-bullet-jcom-tv.svg);
}
.category-phone .course-item input[type="radio"] + span .accordion .collapse-trigger:after {
  background-image: url(/common/images/icn-bullet-jcom-phone.svg);
}
.course-item input[type="radio"] + span .accordion.border .collapse-container.is-open::after {
  display: none;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content {
  background: #fff;
  border: 2px solid #f2f2f2;
  border-radius: 0 0 10px 10px;
  display: block;
  padding: 16px 18px;
  position: relative;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > span {
  display: block;
  margin-bottom: 10px;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: bold;
  width: 40px;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-info {
  font-size: 1.2rem;
  flex: 1;
  min-width: 1px;
  padding: 8px;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num,
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-info .num {
  font-size: 1.8rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .note {
  font-size: 1.2rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap {
  display: flex;
  text-align: right;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded {
  font-size: 1.2rem;
  font-weight: bold;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-included {
  font-size: 1rem;
}
.tv-genre-wrap {
  height: 100%;
}
.tv-genre-wrap input[type="radio"] + span {
  height: 100%;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex,
.tv-genre-wrap input[type="radio"] + span .tv-genre-txt {
  display: block;
  margin-bottom: 10px;
  padding: 0 18px;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-weight: bold;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex .channel-ex-item {
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 6px;
  width: calc((100% - 7px) / 2);
}
.tv-genre-wrap input[type="radio"] + span .channel-ex .channel-ex-item:nth-of-type(n+3) {
  margin-top: 8px;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex .channel-ex-item .icn {
  display: block;
  margin-right: 8px;
  width: 32px;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex .channel-ex-item .icn svg {
  width: 32px;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex .channel-ex-item .channel-genre-name {
  display: block;
  flex: 1;
}
.tv-genre-wrap input[type="radio"] + span .channel-ex .channel-ex-item .channel-genre-name .sub {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: -0.05em;
}
.tv-genre-wrap.tv-genre-wrap input[type="radio"] + span .img {
  padding: 0 18px 20px;
}
.tv-genre-wrap input[type="radio"] + span .note-wrap {
  display: block;
  margin-top: 10px;
  padding: 0 20px;
}
#tv-flex.hide,
#tv-select.hide {
  display: none;
}
.pack-select-wrap {
  width: calc(100% + 24px);
  margin: 0 -24px 12px 0;
  overflow: auto;
}
.pack-select-wrap ul {
  width: 416px;
  display: flex;
  padding-bottom: 19px;
  margin-bottom: 0;
}
.pack-select-wrap ul > li {
  margin: 0 16px 0 0;
  padding-top: 10px;
  width: 88px;
}
.pack-select-wrap .pack-item {
  display: block;
  position: relative;
}
.pack-select-wrap .pack-item input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.pack-select-wrap .pack-item input[type="radio"] + span {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  display: block;
  padding: 14px;
  position: relative;
  height: 100%;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pack-select-wrap .pack-item input[type="radio"]:checked + span {
  background: #fdebf4;
  border-color: #e4007f;
}
.pack-select-wrap .pack-item input[type="radio"]:checked + span:after,
.pack-select-wrap .pack-item input[type="radio"]:checked + span:before {
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #e3007f transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 10px);
  top: 100%;
}
.pack-select-wrap .pack-item input[type="radio"]:checked + span:after {
  border-color: #fdebf4 transparent transparent transparent;
  transform: translate(0,-4px);
}
.pack-select-wrap .pack-item input[type="radio"] + span .selected-label {
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  width: 51px;
  height: 20px;
  position: absolute;
  right: -2px;
  top: -1px;
  transform: translate(0,-50%);
}
.pack-select-wrap .pack-item input[type="radio"] + span .img {
  width: 48px;
  height: 48px;
}
.pack-select-wrap .pack-item input[type="radio"] + span .img svg {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.pack-select-wrap .pack-item input[type="radio"] + span .txt {
  display: block;
  font-weight: bold;
  margin-top: 8px;
}
.tv-select-slider.hide {
  display: none;
}
.tv-select-slider.is-show {
  display: block;
}
.anchor-arrow-bottom {
  padding-bottom: 24px;
}
.anchor-arrow-bottom:after {
  margin: 0;
  right: calc(50% - 5px);
  top: auto;
  bottom: 2px;
  transform: rotate(90deg);
}
.anchor-arrow-up {
  padding: 24px 16px 14px;
}
.anchor-arrow-up:after {
  margin: 0;
  right: calc(50% - 5px);
  bottom: auto;
  top: 2px;
  transform: rotate(-90deg);
}
.etc-service-simulation-wrap .simulated {
  background: #f2f2f2;
  border-radius: 10px;
  margin-bottom: 12px;
  padding: 12px 12px 8px;
}
.etc-service-simulation-wrap .simulated .service-list {
  justify-content: center;
}
.etc-service-simulation-wrap .simulated .service-list > li:last-child {
  margin-right: 0;
}
.modal .modal-content > .modal-body.max1088 {
  max-width: 1088px;
}
.modal-body .condition-select-wrap {
  border-top: 1px solid #d0d0d0;
  margin-top: 20px;
  padding-top: 20px;
}
.modal-body .condition-select-wrap .condition-select input[type="radio"] + span {
  padding: 10px 5px;
}
.modal-bdr-box .modal-body .plan-price-wrap .price-wrap {
  display: block;
  text-align: right;
}
.modal-bdr-box .modal-body .plan-price-wrap .price-wrap .plan-price {
  display: block;
}
.modal-bdr-box .modal-body .attention-wrap {
  margin-top: 20px;
}
.modal-bdr-box .modal-body .attention-wrap .text-atn {
  font-weight: bold;
}
.modal-bdr-box .modal-body .attention-wrap .text-atn:before {
  top: calc(50% - 12px);
}
.disabled-wrap {
  color: #8a8a8a;
  position: relative;
}
.disabled-item .recommend-label: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;
}
.disabled-wrap .disabled-text {
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.simulation-mv-area {
  background: #ffd3ca;
  padding: 16px 0;
}
.simulation-mv-area .mv-wrap {
  padding: 0 20px;
}
.simulation-mv-area .mv {
  margin-bottom: 10px;
  text-align: center;
}
.simulation-mv-area .mv img {
  width: 100%;
  max-width: 375px;
}
.tab-upper-contents {
  padding-bottom: 193px;
}
.question-ttl {
  display: flex;
  align-items: center;
}
.question-ttl .label {
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.question-ttl .txt {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
}
.want-to-select-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.want-to-select-list + .want-to-select-list {
  margin-top: 16px;
}
.want-to-select-list > li {
  width: calc((100% - 15px) / 2);
  margin: 0;
}
.want-to-select-list.want-to-tv-joy > li {
  width: 100%;
}
.want-to-select-list.want-to-tv-joy > li + li,
.want-to-select-list > li:nth-of-type(n+3) {
  margin-top: 16px;
}
.want-to-select-list > li .want-to-item {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 48px;
  margin: 0;
}
.want-to-select-list > li .want-to-item.disabled-item:after {
  border-radius: 10px;
}
.want-to-select-list > li .want-to-item.disabled {
  pointer-events: none;
}
.want-to-ganre-item input[type="checkbox"],
.want-to-select-list > li .want-to-item input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.want-to-ganre-item input[type="checkbox"] + span,
.want-to-item input[type="radio"] + span {
  border: 2px solid #f2f2f2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.category-net .course-option-item input[type="checkbox"]:checked + span,
.category-net .course-option-item input[type="radio"]:checked + span,
.category-net .course-item input[type="radio"]:checked + span,
.category-net .want-to-ganre-item input[type="checkbox"]:checked + span,
.category-net .want-to-item input[type="radio"]:checked + span {
  background-color: #cce7f5;
}
.category-tv .option-channel-item input[type="checkbox"]:checked + span,
.category-tv .course-option-item input[type="checkbox"]:checked + span,
.category-tv .course-option-item input[type="radio"]:checked + span,
.category-tv .course-item input[type="radio"]:checked + span,
.category-tv .want-to-ganre-item input[type="checkbox"]:checked + span,
.category-tv .want-to-item input[type="radio"]:checked + span {
  background-color: #fdebf4;
}
.category-phone .phone-option-pack input[type="checkbox"]:checked + span,
.category-phone .course-option-item input[type="checkbox"]:checked + span,
.category-phone .course-option-item input[type="radio"]:checked + span,
.category-phone .course-item input[type="radio"]:checked + span {
  background-color: #ccedd7;
}
.want-to-item input[type="radio"] + span .img {
  display: block;
  padding: 6px 6px 0;
}
.want-to-select-list.want-to-tv-joy > li .want-to-item input[type="radio"] + span .img {
  padding: 18px 18px 0;
}
.want-to-item input[type="radio"] + span .img img {
  border-radius: 8px;
  width: 100%;
}
.want-to-item input[type="radio"] + span .want-to-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: -0.02em;
  padding: 10px;
}
.want-to-select-list.want-to-tv-joy > li .want-to-item input[type="radio"] + span .want-to-txt {
  padding: 15px 18px;
}
.want-to-streaming-item input[type="radio"] + span {
  flex-direction: row;
  justify-content: flex-start;
  padding: 6px 10px;
}
.option-channel-item input[type="checkbox"] + span .channel-main-wrap:before,
.phone-option-pack input[type="checkbox"] + span .option-wrap .option-name:before,
.course-option-item input[type="checkbox"] + span:before,
.want-to-streaming-item input[type="radio"] + 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;
}
.category-net .course-option-item input[type="checkbox"]:checked + span:before,
.category-net .want-to-streaming-item input[type="radio"]:checked + span:before {
  background-color: #0085cd;
  border-color: #0085cd;
}
.category-tv .option-channel-item input[type="checkbox"]:checked + span .channel-main-wrap:before,
.category-tv .course-option-item input[type="checkbox"]:checked + span:before,
.category-tv .want-to-streaming-item input[type="radio"]:checked + span:before {
  background-color: #e3007f;
  border-color: #e3007f;
}
.category-phone .phone-option-pack input[type="checkbox"]:checked + span .option-wrap .option-name:before,
.category-phone .course-option-item input[type="checkbox"]:checked + span:before {
  background-color: #00a33e;
  border-color: #00a33e;
}
.want-to-streaming-item input[type="radio"] + span .img {
  flex: 1;
  min-width: 1px;
  padding: 0;
  text-align: center;
}
.want-to-streaming-item input[type="radio"] + span .img img {
  border-radius: 0;
  width: auto;
  zoom: .5;
}
.want-to-ganre-item input[type="checkbox"] + span {
  flex-direction: row;
  justify-content: flex-start;
  padding: 8px 2px 8px 8px;
  text-align: left;
}
.want-to-ganre-item input[type="checkbox"] + span:before {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 4px;
  color: #fff;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.want-to-ganre-item input[type="checkbox"]:checked + span:before {
  background-color: #e3007f;
  border-color: #e3007f;
}
.want-to-ganre-item input[type="checkbox"][data-priority="1"] + span:before {
  content: "1";
}
.want-to-ganre-item input[type="checkbox"][data-priority="2"] + span:before {
  content: "2";
}
.want-to-ganre-item input[type="checkbox"][data-priority="3"] + span:before {
  content: "3";
}
.want-to-ganre-item input[type="checkbox"] + span .icn {
  background: #e3007f;
  border-radius: 50%;
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  padding: 1px;
}
.want-to-ganre-item input[type="checkbox"] + span .icn svg {
  width: 30px;
  height: 30px;
}
.want-to-ganre-item input[type="checkbox"] + span .ganre-item {
  flex: 1;
}
.simulation-result-wrap {
  position: relative;
}
.simulation-result-wrap:before {
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #fff transparent transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(50% - 20px);
  top: 0;
}
.simulation-result-wrap .h2-ttl .img {
  width: 36px;
}
.add-service-modal .lts-thin {
  padding: 14px 36px;
}
.course-option-select-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.course-option-select-list.list-column {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.course-option-select-list > li {
  width: calc((100% - 15px) / 2);
}
.course-option-select-list > li.wide {
  width: 100%;
}
.phone-option-pack,
.course-option-item {
  cursor: pointer;
  height: 100%;
  margin: 0;
  position: relative;
  width: 100%;
}
.phone-option-pack .option-help-btn,
.course-option-item .option-help-btn {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 0;
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
}
.phone-option-pack input[type="checkbox"] + span,
.course-option-item input[type="checkbox"] + span,
.course-option-item input[type="radio"] + span {
  display: flex;
  align-items: center;
  font-weight: bold;
  height: 100%;
  min-height: 58px;
  padding: 12px 26px 12px 12px;
}
.course-option-item input[type="checkbox"] + span .note,
.course-option-item input[type="radio"] + span .note {
  font-size: 1rem;
  font-weight: normal;
  position: absolute;
  right: 8px;
  top: 8px;
}
.course-option-item input[type="radio"] + span:before {
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 50%;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.course-option-item input[type="radio"] + span:after {
  border-radius: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 17px;
  top: calc(50% - 5px);
}
.phone-option-pack input[type="checkbox"] + span .option-wrap .option-name:before,
.course-option-item input[type="checkbox"] + span:before,
.course-option-item input[type="radio"] + span:before {
  margin-right: 10px;
}
.course-option-item .option-wrap {
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
}
.course-option-item .option-wrap.fd-column {
  flex-direction: column;
}
.course-option-item .option-wrap .option-logo {
  flex: 1;
}
.course-option-item .option-wrap .option-logo img {
  width: 83px;
}
.course-option-item .option-wrap .option-logo.desney-plus-wrap .option-name-wrap {
  flex: 1;
}
.course-option-item .option-wrap .option-img {
  margin-right: 8px;
  width: 80px;
}
.course-option-item .option-wrap .option-img img {
  border-radius: 8px;
}
.course-option-item .option-wrap .option-name {
  display: block;
  flex: 1;
  min-width: 1px;
}
.course-option-item .option-wrap.desney-plus-wrap .option-name {
  padding-top: 2px;
}
.course-option-item .option-wrap .option-name .sub {
  font-size: 1.2rem;
  font-weight: normal;
}
.phone-option-pack .option-wrap .option-name {
  display: flex;
  align-items: center;
}
.phone-option-pack .option-wrap .option-info {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 8px;
}
.course-option-item .option-wrap .option-price {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  margin-top: 4px;
}
.course-option-item .option-wrap.desney-plus-wrap .option-price {
  line-height: 1;
  margin-top: 0;
}
.course-option-item .option-wrap .option-price .num {
  font-size: 1.6rem;
}
.course-option-item .option-wrap .option-price .tax-included {
  font-weight: normal;
}
.phone-option-pack .option-wrap .option-catch {
  display: block;
  font-weight: bold;
  margin-top: 4px;
}
.phone-option-pack .option-wrap .option-catch .under-line {
  color: #e93817;
  display: inline-block;
  position: relative;
}
.phone-option-pack .option-wrap .option-catch .under-line:before {
  background: #ffce73;
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.phone-option-pack .option-wrap .option-catch .under-line .inner {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.relative-wrap {
  position: relative;
}
.relative-wrap .help-link-wrap {
  margin-top: 4px;
  text-align: right;
}
.etc-service-simulation-wrap {
  background: #fff2f0;
}
.tv-pack-modal-body .tab>.tab-nav.tab-nav-text {
  margin: 0 -24px;
  padding: 10px 0;
  width: calc(100% + 48px);
}
.tv-pack-modal-body .tab>.tab-nav.tab-nav-text:before {
  display: none;
}
.tv-pack-modal-body .tab.tab-text>.tab-nav>li {
  margin: 6px 0;
}
.tv-pack-modal-body .tab.tab-text>.tab-nav>li>span {
  font-size: 1.2rem;
  min-height: 20px;
}
.tv-pack-modal-body {
  width: 100%;
  overflow-x: hidden;
}
.tv-pack-modal-body .tv-ch-box .ch-name {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
.tv-pack-modal-body .tv-ch-box .ch-info {
  font-size: 1.2rem;
  margin-bottom: 8px;
}
.recommend-program .img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 8px;
}
.recommend-program .title {
  font-size: 1.2rem;
  text-align: center;
}
.modal-option-wifi-info {
  margin-top: 12px;
}
.modal-option-wifi-info .img {
  width: 139px;
  margin: 0 auto 10px;
}
.modal-option-features-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.modal-option-features-wrap .modal-option-features {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 12px 8px;
  position: relative;
  text-align: center;
  width: calc((100% -  15px) / 2);
  z-index: 1;
}
.modal-option-features-wrap .modal-option-features + .modal-option-features:after {
  background: url(/common/images/icn-plus.svg) no-repeat center center / contain;
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: calc(100% - 6px);
  top: calc(50% - 14px);
  z-index: 2;
}
.modal-option-features-wrap .modal-option-features .txt {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.tel-option-list > li + li {
  border-top: 1px solid #d0d0d0;
  margin-top: 10px;
  padding-top: 10px;
}
.tel-option-list .tel-option-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tel-option-list .tel-option-wrap .tel-option-name {
  font-weight: bold;
  margin: 0;
}
.tel-option-list .tel-option-wrap .tel-option-price {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  text-align: right;
}
.tel-option-list .tel-option-wrap .tel-option-price .num {
  font-size: 1.6rem;
}
.tel-option-list .tel-option-info {
  font-size: 1.2rem;
}
.link-mini-present {
  border: 2px solid #cce7f5;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
}
.link-mini-present .row {
  margin-bottom: 0;
}
.link-mini-present .img {
  width: 80px;
}
.link-mini-present .txt {
  font-size: 1.6rem;
  font-weight: bold;
}
.link-mini-present .txt .sub {
  font-size: 1.2rem;
  font-weight: normal;
}
.tv-option-ch-select .collapse-container.is-open::after {
  display: none;
}
.accordion.border.tv-option-ch-select .collapse-container>.collapse-content {
  padding-top: 0;
}
.tv-option-ch-select .option-channel-item {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
}
.tv-option-ch-select .option-channel-item input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.tv-option-ch-select .option-channel-item input[type="checkbox"] + span {
  display: block;
  overflow: hidden;
  padding: 12px;
}
.option-channel-item .channel-main-wrap {
  display: flex;
  align-items: center;
}
.option-channel-item input[type="checkbox"] + span .channel-main-wrap:before {
  margin-right: 12px;
}
.option-channel-item .channel-main-wrap .channel-logo {
  display: block;
  width: 80px;
  margin-right: 8px;
}
.option-channel-item .channel-main-wrap .channel-info {
  display: block;
  flex: 1;
}
.option-channel-item .channel-main-wrap .channel-info .channel-name {
  display: block;
  font-weight: bold;
}
.option-channel-item .channel-main-wrap .channel-info .option-price {
  display: block;
  font-size: 1rem;
  text-align: right;
}
.option-channel-item .channel-main-wrap .channel-info .option-price .num {
  font-size: 1.4rem;
}
.option-channel-item .fuji-tv-list .fuji-tv-list-item,
.option-channel-item  .option-tv-channel-detail {
  border-top: 1px solid #d0d0d0;
  display: block;
  margin-top: 12px;
  padding-top: 12px;
}
.option-channel-item .fuji-tv-list .option-tv-channel-detail {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}
.option-channel-item .option-tv-channel-detail .collapse-trigger {
  display: block;
  font-size: 1rem;
  font-weight: normal !important;
  padding: 0 16px 0 0;
  text-align: right;
}
.option-channel-item .fuji-tv-list .option-tv-channel-detail .collapse-trigger {
  padding: 10px 16px;
  position: absolute;
  right: 0;
  bottom: 100%;
}
.option-channel-item .option-tv-channel-detail .collapse-trigger:after {
  width: 6px;
  height: 9px;
  right: 0;
}
.option-channel-item .option-tv-channel-detail .collapse-container.is-open {
  overflow: visible;
  padding-top: 10px;
}
.option-channel-item .option-tv-channel-detail .collapse-container>.collapse-content {
  display: block;
  padding: 0;
}
.option-channel-item .option-tv-channel-detail .collapse-container>.collapse-content .info-txt {
  display: block;
  margin-bottom: 10px;
}
.option-channel-item .option-tv-channel-detail .collapse-container>.collapse-content .option-tv-channel-recommend-ttl {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}
.option-channel-item .option-tv-channel-detail .swiper .swiper-container,
.option-channel-item .option-tv-channel-detail .swiper {
  display: block;
  overflow: visible;
}
.option-channel-item .option-tv-channel-detail .recommend-program {
  display: block;
}
.option-channel-item .option-tv-channel-detail .recommend-program .img {
  border-radius: 16px;
  display: block;
  overflow: hidden;
  margin-bottom: 8px;
}
.option-channel-item .option-tv-channel-detail .recommend-program .title {
  display: block;
  font-size: 1.2rem;
  text-align: center;
}
.option-channel-item .option-tv-channel-detail .swiper .swiper-pagination {
  display: block;
  margin: 0;
}
.option-channel-item .fuji-tv-list {
  display: block;
}
.option-channel-item .fuji-tv-list .fuji-tv-list-item .fuji-tv-single-channel {
  display: flex;
  align-items: center;
}
.option-channel-item .fuji-tv-list .fuji-tv-list-item .fuji-tv-single-channel .channel-logo {
  display: block;
  width: 41px;
  margin-right: 8px;
}
.option-channel-item .fuji-tv-list .fuji-tv-list-item .fuji-tv-single-channel .channel-name {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  padding-right: 60px;
}
.netflix-plan-table td {
  position: relative;
}
.netflix-plan-table .td-1 {
  font-weight: bold;
}
.netflix-plan-table .recommend-head {
  background: #ffc71c;
  color: #e93817;
}
.netflix-plan-table .recommend-head:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e83416;
  border-bottom: none;
}
.netflix-plan-table .recommend-head .recommend-label {
  background: #e93817;
  display: inline-block;
  color: #fff;
  padding: 2px 8px;
  margin-bottom: 4px;
}
.netflix-plan-table .recommend:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e83416;
  border-bottom: none;
  border-top: none;
}
.netflix-plan-table .recommend-bottom:before {
  border-bottom: 2px solid #e83416;
}
.select-etc-plan-card {
  position: relative;
  display: block;
}
.select-etc-plan-card input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan {
  background: #fff;
  border-radius: 16px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  display: block;
  padding: 20px 16px;
  transition: all 0.3s ease;
}
.select-etc-plan-card input[type="radio"]:checked + .select-etc-plan {
  background: #fbe5d6;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan span {
  display: block;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-catch-txt {
  font-weight: bold;
  margin-bottom: 8px;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap {
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  transition: all 0.3s ease;
}
.select-etc-plan-card input[type="radio"]:checked + .select-etc-plan .plan-data-wrap {
  background: #fff2f0;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .plan-txt-wrap {
  flex: 1;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .plan-txt-wrap .plan-neme {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 4px 0 0;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded {
  display: flex;
  align-items: flex-end;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded .price {
  color: #e93817;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  position: relative;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded .yen {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 0 8px;
  text-align: right;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded .yen .term {
  font-size: 1rem;
  font-weight: normal;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-included {
  font-size: 1.2rem;
  text-align: right;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .plan-info {
  font-size: 1.2rem;
  margin-top: 10px;
  width: 100%;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .plan-info .plan-detail-txt > span {
  display: inline;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .raio-wrap {
  display: flex;
  align-items: center;
  margin-top: 8px;
  position: relative;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .raio-wrap:before {
  border-radius: 50%;
  content: "";
  display: block;
  z-index: 0;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: #fff;
  border: 2px #E2E2E2 solid;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select-etc-plan-card input[type="radio"]:checked + .select-etc-plan .raio-wrap:before {
  border-color: #e93817;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .raio-wrap:after {
  background: #e93817;
  border-radius: 50%;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  opacity: 0;
  position: absolute;
  left: 3px;
  top: calc(50% - 5px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select-etc-plan-card input[type="radio"]:checked + .select-etc-plan .raio-wrap:after {
  opacity: 1;
}
#opnen-modal-tv-flex-desney {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}

/*==========================================================================================================
PC Only
==========================================================================================================*/
@media screen and (min-width: 768px){
.simulation-balloon-box {
  margin-bottom: 32px;
  padding: 30px;
}
.simulation-balloon-box:after,
.simulation-balloon-box:before {
  border-width: 22px 21px 0 21px;
  left: calc(50% - 21px);
}
.simulation-lead {
  font-size: 2.4rem;
}
.simulation-lead .icn {
  margin-right: 14px;
}
.simulation-lead .txt .color-primary {
  font-size: 2.8rem;
}
.fix-simulation-result-wrap {
  height: 90px;
}
.fix-simulation-result-wrap .fix-simulation-result {
  padding: 16px 0;
}
.fix-simulation-result-wrap.is-fixed .fix-simulation-result {
  top: 80px;
}
.fix-simulation-result-wrap .fix-simulation-result .service-list {
  flex: 1;
  max-width: 500px;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap {
  display: flex;
  align-items: center;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price {
  font-size: 1.6rem;
  margin-bottom: 0;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price .num {
  font-size: 3.2rem;
  margin-right: 4px;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .tax-included,
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .price .yen .term {
  font-size: 1.2rem;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .view-detail {
  margin-left: 16px;
}
.fix-simulation-result-wrap .fix-simulation-result .price-wrap .view-detail .view-detail-btn {
  border-radius: 16px;
  font-size: 1.6rem;
  width: 160px;
  height: 32px;
}
.simulation-tab-wrap {
  margin-bottom: 96px;
  position: relative;
}
.simulation-tab-wrap .tab-nav {
  border-bottom: 2px solid #e93817;
  max-width: 100%;
}
.simulation-tab-wrap .tab-nav {
  justify-content: center;
}
.simulation-tab-wrap .tab-nav > li {
  width: calc((100% - 32px) / 2);
  max-width: 380px;
}
.simulation-tab-wrap .tab-nav > li + li {
  margin-left: 32px;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link {
  border: 2px solid #ffe5e0;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link:hover {
  opacity: 1;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link.is-current:after {
  bottom: -2px;
  border-bottom-width: 4px;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-head {
  font-size: 1.8rem;
  height: 48px;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-body .img {
  width: 113px;
  margin: 0 16px 0 0;
}
.simulation-tab-wrap .tab-nav > li > .tab-ttl-link .tab-ttl-link-body .txt {
  font-size: 2rem;
}
.recommend-plan .plan-body {
  padding: 18px 24px;
}
.modal-bdr-box .modal-body .plan-name-wrap .plan-name,
.recommend-plan .plan-body .plan-name-wrap .plan-name {
  margin: 0 16px 0 0;
}
.recommend-plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .price {
  font-size: 2.4rem;
}
.modal-bdr-box .modal-body .price-wrap  .plan-price .tax-excluded .yen,
.recommend-plan .plan-body .plan-price-wrap .price-wrap .plan-price .tax-excluded .yen {
  font-size: 1.6rem;
}
.modal-bdr-box .modal-body .plan-info,
.recommend-plan .plan-body .plan-info {
  font-size: 1.4rem;
}
.recommend-plan .plan-body .plan-reflect-wrap {
}
.recommend-plan .plan-body .plan-reflect-wrap label {
  width: 100%;
}
.course-service-wrap {
  margin-top: 64px;
}
.service-ttl-wrap .ttl {
  font-size: 3.2rem;
  padding: 0 32px;
}
.service-ttl-wrap .ttl .icn {
  width: 60px;
}
.service-ttl-wrap .ttl .icn img {
  width: 100%;
}
.course-select-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto 32px;
}
.course-select-list > li {
  width: calc((100% - 32px) / 2);
  margin-top: 32px;
}
.course-select-list > li + li {
  margin-top: 32px;
}
.course-select-list > li + li .recommend-course {
  margin-top: 0;
}
.course-item .recommend-label {
  border-radius: 16px;
  font-size: 1.6rem;
  width: 213px;
  height: 32px;
}
.course-item .recommend-label .icn {
  width: 20px;
  height: 20px;
}
.course-item input[type="radio"] + span .img.no-img {
  font-size: 2rem;
  padding: 24px 18px 24px;
}
.course-item input[type="radio"] + span .course-name {
  font-size: 2.4rem;
  min-height: 60px;
  padding: 16px 42px 16px 20px;
}
.course-item input[type="radio"] + span .course-name .pack {
  width: 32px;
  height: 32px;
  padding-bottom: 2px;
}
.course-item input[type="radio"] + span .course-name .ganre-help-btn {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
}
.course-item input[type="radio"] + span .accordion .collapse-trigger {
  bottom: calc(100% + 14px);
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-type {
  font-size: 2.4rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-info {
  font-size: 1.8rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .channel-pack-wrap .pack-info .num {
  font-size: 2rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .note {
  font-size: 1.4rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap {
  text-align: right;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded {
  font-size: 1.6rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-excluded .num {
  font-size: 2.4rem;
}
.course-item input[type="radio"] + span .accordion.border .collapse-container>.collapse-content > .price-wrap .price .tax-included {
  font-size: 1.4rem;
}
.pack-select-wrap {
  width: 100%;
  margin: 0 0 12px 0;
}
.pack-select-wrap ul {
  width: 100%;
  justify-content: center;
  padding-bottom: 10px;
}
.pack-select-wrap ul > li {
  margin: 0;
  padding-top: 12px;
  width: calc((100% - 96px) / 4);
  max-width: 160px;
}
.pack-select-wrap .pack-item input[type="radio"] + span {
  padding: 22px 20px 20px;
}
.pack-select-wrap .pack-item input[type="radio"] + span .selected-label {
  border-radius: 13px;
  font-size: 1.4rem;
  width: 74px;
  height: 26px;
}
.pack-select-wrap .pack-item input[type="radio"] + span .txt {
  font-size: 2rem;
}
.etc-service-simulation-wrap .simulated {
  display: flex;
  align-items: center;
  justify-content: center;
}
.etc-service-simulation-wrap .simulated {
  margin-bottom: 32px;
  padding: 20px 12px 16px;
}
.etc-service-simulation-wrap .simulated .service-list {
  margin-left: 16px;
}
.modal-body .condition-select-wrap {
  margin-top: 32px;
  padding-top: 32px;
}
.modal-body .condition-select-wrap .condition-select input[type="radio"] + span {
  padding: 0;
}
.modal-bdr-box .modal-body .plan-name-wrap .plan-name {
  font-size: 2.4rem;
}
.modal-bdr-box .modal-body .price-wrap .plan-price .tax-excluded .price {
  font-size: 2.8rem;
}
.modal-bdr-box .modal-body .attention-wrap {
  text-align: center;
}
.modal-bdr-box .modal-body .attention-wrap .text-atn {
  display: inline-block;
}
.disabled-wrap .disabled-text {
  font-size: 2rem;
}
.simulation-mv-area {
  padding: 20px;
}
.simulation-mv-area .mv-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: 0;
}
.simulation-mv-area .mv {
  margin-bottom: 16px;
}
.simulation-mv-area .mv img {
  max-width: 100%;
}
.tab-upper-contents {
  padding-bottom: 200px;
}
.question-ttl {
  justify-content: center;
  margin: 40px 0 16px;
}
.question-ttl .label {
  font-size: 3rem;
  width: 60px;
  height: 60px;
}
.question-ttl .txt {
  font-size: 2.6rem;
  flex-shrink: 10000;
}
.want-to-select-list {
  justify-content: flex-start;
  margin: 0 -16px;
}
.want-to-select-list + .want-to-select-list {
  margin-top: 32px;
}
.want-to-select-list.col-center {
  justify-content: center;
}
.want-to-select-list > li {
  width: calc((100% - 128px) / 4);
  margin: 0 16px;
}
.want-to-select-list.want-to-tv-joy > li {
  width: calc((100% - 64px) / 2);
}
.want-to-select-list.want-to-tv-joy > li + li,
.want-to-select-list > li:nth-of-type(n+3) {
  margin-top: 0;
}
.want-to-select-list.col-3-pc > li:nth-of-type(n+4),
.want-to-select-list > li:nth-of-type(n+5) {
  margin-top: 32px;
}
.want-to-select-list > li .want-to-item {
  min-height: 80px;
}
.want-to-item input[type="radio"] + span .img {
  padding: 10px 10px 0;
}
.want-to-item input[type="radio"] + span .want-to-txt {
  font-size: 1.6rem;
  padding: 14px 10px;
}
.want-to-select-list.want-to-tv-joy > li .want-to-item input[type="radio"] + span .want-to-txt {
  padding: 18px;
}
.want-to-streaming-item input[type="radio"] + span:before {
  width: 20px;
  height: 20px;
}
.want-to-streaming-item input[type="radio"] + span .img {
  padding: 0;
}
.want-to-streaming-item input[type="radio"] + span .img img {
  zoom: .8;
}
.want-to-ganre-item input[type="checkbox"] + span {
  padding: 8px 10px;
}
.want-to-ganre-item input[type="checkbox"] + span:before {
  font-size: 1.6rem;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.want-to-ganre-item input[type="checkbox"] + span .icn {
  width: 48px;
  height: 48px;
}
.want-to-ganre-item input[type="checkbox"] + span .icn svg {
  width: 46px;
  height: 46px;
}
.simulation-result-wrap {
  padding-top: 96px;
}
.simulation-result-wrap:before {
  border-width: 30px 30px 0 30px;
  left: calc(50% - 30px);
}
.simulation-result-wrap .h2-ttl .img {
  width: 58px;
}
.modal.add-service-modal .modal-content > .modal-body {
  max-width: 1088px;
}
.modal.add-service-modal .modal-content > .modal-body .select-service-list {
  margin: 0 -8px 32px;
}
.course-option-select-list {
  margin-left: -16px;
  margin-right: -16px;
  justify-content: center;
}
.course-option-select-list > li {
  width: calc((100% - 128px) / 4);
  margin: 0 16px;
}
.course-option-select-list > li:nth-of-type(n+5) {
  margin-top: 32px;
}
.course-option-select-list > li.wide {
  width: calc((100% - 64px) / 2);
}
.course-option-select-list > li.wide-3-pc {
  width: calc((100% - 96px) / 3);
}
.course-option-select-list.list-column > li + li {
  margin-top: 16px;
}
.course-option-item .option-wrap .option-img {
  margin-right: 10px;
  width: 128px;
}
.course-option-item .option-wrap .option-logo.megapack {
  align-self: flex-start;
}
.course-option-item .option-wrap .option-logo img {
  width: 120px;
}
.course-option-item .option-wrap .option-name {
  font-size: 1.8rem;
}
.course-option-item .option-wrap .option-name .sub {
  font-size: 1.4rem;
}
.phone-option-pack .option-wrap .option-info {
  font-size: 1.6rem;
}
.course-option-item .option-wrap .option-price {
  font-size: 1.4rem;
}
.course-option-item .option-wrap .option-price .num {
  font-size: 1.8rem;
}
.tv-pack-modal-body .tab>.tab-nav.tab-nav-text {
  margin: 0 -40px;
  padding: 10px 0;
  width: calc(100% + 80px);
}
.modal-option-wifi-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.modal-option-wifi-info .img {
  width: 120px;
  margin: 0 32px 0 0;
}
.modal-option-features-wrap .modal-option-features {
  padding: 18px 8px;
  width: calc((100% -  45px) / 2);
}
.modal-option-features-wrap .modal-option-features + .modal-option-features:after {
  width: 29px;
  height: 29px;
  right: calc(100% + 8px);
}
.modal-option-features-wrap .modal-option-features .txt {
  font-size: 1.8rem;
}
.tel-option-list > li + li {
  margin-top: 16px;
  padding-top: 16px;
}
.tel-option-list .tel-option-wrap .tel-option-name {
  font-size: 1.8rem;
}
.tel-option-list .tel-option-wrap .tel-option-price {
  font-size: 1.4rem;
}
.tel-option-list .tel-option-wrap .tel-option-price .num {
  font-size: 1.8rem;
}
.tel-option-list .tel-option-info {
  font-size: 1.4rem;
}
.link-mini-present {
  max-width: 544px;
  margin: 0 auto 32px;
}
.link-mini-present .img {
  width: 128px;
}
.link-mini-present .txt {
  font-size: 2rem;
}
.link-mini-present .txt .sub {
  font-size: 1.4rem;
}
.option-ch-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px -16px;
}
.option-ch-list > li {
  width: calc((100% - 64px) / 2);
  margin: 0 16px 16px;
}
.option-channel-item .channel-main-wrap .channel-logo {
  width: 128px;
  margin-right: 12px;
}
.option-channel-item .channel-main-wrap .channel-info .channel-name {
  font-size: 1.8rem;
}
.option-channel-item .channel-main-wrap .channel-info .option-price {
  font-size: 1.4rem;
}
.option-channel-item .channel-main-wrap .channel-info .option-price .num {
  font-size: 1.8rem;
}
.option-channel-item .option-tv-channel-detail .collapse-trigger {
  font-size: 1.4rem;
  padding-right: 20px;
}
.option-channel-item .fuji-tv-list .option-tv-channel-detail .collapse-trigger {
  padding: 8px 20px;
}
.option-channel-item .option-tv-channel-detail .collapse-trigger:after {
  width: 7px;
  height: 11px;
}
.option-channel-item .option-tv-channel-detail .collapse-container.is-open {
  padding-top: 16px;
}
.option-channel-item .option-tv-channel-detail .collapse-container>.collapse-content .info-txt {
  margin-bottom: 16px;
}
.option-channel-item .option-tv-channel-detail .collapse-container>.collapse-content .option-tv-channel-recommend-ttl {
  margin-bottom: 12px;
}
.option-channel-item .option-tv-channel-detail .recommend-program .title {
  font-size: 1.6rem;
}
.option-channel-item .fuji-tv-list .fuji-tv-list-item .fuji-tv-single-channel .channel-logo {
  width: 60px;
}
.option-channel-item .fuji-tv-list .fuji-tv-list-item .fuji-tv-single-channel .channel-name {
  font-size: 1.6rem;
  padding-right: 100px;
}

.select-etc-plan-card input[type="radio"] + .select-etc-plan {
  padding: 18px 24px;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap {
  padding: 16px;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .plan-txt-wrap .plan-neme {
  font-size: 1.8rem;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded .price {
  font-size: 2.4rem;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded .yen {
  font-size: 1.6rem;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-excluded .yen .term {
  font-size: 1.4rem;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .tax-included {
  font-size: 1.4rem;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .plan-data-wrap .plan-info {
  font-size: 1.4rem;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .raio-wrap:before {
  width: 20px;
  height: 20px;
}
.select-etc-plan-card input[type="radio"] + .select-etc-plan .raio-wrap:after {
  width: 12px;
  height: 12px;
  left: 4px;
  top: calc(50% - 6px);
}

}

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

.simulation-tab-wrap .tab-nav > li > .tab-ttl-link:hover {
  opacity: 1;
}
.question-ttl .txt {
  flex: 1;
}

}