@charset "UTF-8";
h1 {
  margin: 0;
  padding: 0;
}
h1::after {
  display: none !important;
}

h2::before, h2::after {
  display: none !important;
}

table th, table td {
  border: none;
}

.section-note .container .fs-14.fw-bold {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .container {
    width: calc(100% - 32px);
    margin: 0 16px;
  }
}

.lp sup {
  font-weight: normal;
}

.lp [class*=link-self]::after {
  width: 18px;
  height: 18px;
}

.text-upper::before,
.text-upper::after {
  top: 0;
  border-color: currentColor;
  height: 85%;
}

/*テキスト*/
.fs-36 {
  font-size: 36px;
}

.fs-15 {
  font-size: 15px !important;
}

@media screen and (max-width: 767px) {
  .fs-15-sp {
    font-size: 15px !important;
  }
}
.fw-medium {
  font-weight: 500 !important;
}

.text-del {
  text-decoration: line-through;
}

.text-italic {
  font-style: italic;
}

.text-kerning {
  font-feature-settings: "palt" 1;
}

.text-under {
  text-decoration: underline;
}

.line-height-sm {
  line-height: 1.4;
}

.line-height-xs {
  line-height: 1.2;
}

.text-upper.text-upper-md::before, .text-upper.text-upper-md::after {
  top: 2px;
  height: 80%;
  border-color: currentColor;
  border-width: 3px;
}
.text-upper.text-upper-md::before {
  transform: rotate(-24deg);
}
.text-upper.text-upper-md::after {
  transform: rotate(24deg);
}

@media screen and (max-width: 767px) {
  .text-narrow-sp {
    display: inline-block;
    transform: scale(0.75, 1);
    transform-origin: top left;
    width: 133.3333%;
  }
}

.color-marker-yel {
  background: linear-gradient(transparent 1.1em, #fffe00 1.1em, #fffe00 1.35em, transparent 1.35em);
}

.text-check-primary.color-net::before {
  background-image: url(../images/icn/icn-text-check-jcom-net.svg);
}

/*テキストリンク*/
@media screen and (max-width: 767px) {
  .link-self.icn-fixed {
    padding-right: 24px;
  }
}
@media screen and (max-width: 767px) {
  .link-self.icn-fixed::after {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    width: 1em;
    height: 1em;
    margin: auto;
  }
}

/*リスト*/
.list-note.star > li::before {
  content: "★";
}

.list-note-num.star > li::before {
  content: "★";
}

.label-disk-dark {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-size: 16px;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em;
  border-radius: 100px;
  background-color: #333;
}

@media screen and (max-width: 767px) {
  .p-0-sp {
    padding: 0 !important;
  }
}

.mt-lg-ng {
  margin-top: -24px;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

@media screen and (max-width: 767px) {
  .mt-8-sp {
    margin-top: 8px !important;
  }
  .mb-8-sp {
    margin-bottom: 8px !important;
  }
  .pt-8-sp {
    padding-top: 8px !important;
  }
  .pb-8-sp {
    padding-bottom: 8px !important;
  }
  .mt-16-sp {
    margin-top: 16px !important;
  }
  .mb-16-sp {
    margin-bottom: 16px !important;
  }
  .pt-16-sp {
    padding-top: 16px !important;
  }
  .pb-16-sp {
    padding-bottom: 16px !important;
  }
  .mt-24-sp {
    margin-top: 24px !important;
  }
  .mb-24-sp {
    margin-bottom: 24px !important;
  }
  .pt-24-sp {
    padding-top: 24px !important;
  }
  .pb-24-sp {
    padding-bottom: 24px !important;
  }
  .mt-32-sp {
    margin-top: 32px !important;
  }
  .mb-32-sp {
    margin-bottom: 32px !important;
  }
  .pt-32-sp {
    padding-top: 32px !important;
  }
  .pb-32-sp {
    padding-bottom: 32px !important;
  }
  .mt-40-sp {
    margin-top: 40px !important;
  }
  .mb-40-sp {
    margin-bottom: 40px !important;
  }
  .pt-40-sp {
    padding-top: 40px !important;
  }
  .pb-40-sp {
    padding-bottom: 40px !important;
  }
  .mt-48-sp {
    margin-top: 48px !important;
  }
  .mb-48-sp {
    margin-bottom: 48px !important;
  }
  .pt-48-sp {
    padding-top: 48px !important;
  }
  .pb-48-sp {
    padding-bottom: 48px !important;
  }
  .mt-64-sp {
    margin-top: 64px !important;
  }
  .mb-64-sp {
    margin-bottom: 64px !important;
  }
  .pt-64-sp {
    padding-top: 64px !important;
  }
  .pb-64-sp {
    padding-bottom: 64px !important;
  }
  .mt-80-sp {
    margin-top: 80px !important;
  }
  .mb-80-sp {
    margin-bottom: 80px !important;
  }
  .pt-80-sp {
    padding-top: 80px !important;
  }
  .pb-80-sp {
    padding-bottom: 80px !important;
  }
}
/*ボード*/
.board-lg {
  padding: 32px 24px;
  border-radius: 32px;
}

/*角丸*/
.bd-radius-max {
  border-radius: 1024px !important;
}

.bd-radius-12 {
  border-radius: 12px !important;
}

.bd-radius-6 {
  border-radius: 6px !important;
}

.w-full {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

div[class*=content-] {
  position: relative;
  margin-inline: auto;
}

.content-540 {
  max-width: 540px;
}

.content-1024 {
  max-width: 1024px;
}

.content-1000 {
  max-width: 1000px;
}

.content-950 {
  max-width: 950px;
}

.content-800 {
  max-width: 800px;
}

.content-750 {
  max-width: 750px;
}

.content-748 {
  max-width: 748px;
}

.content-650 {
  max-width: 650px;
}

.content-600 {
  max-width: 600px;
}

.w-100 {
  width: 100%;
}

.btn-w-450 {
  width: 100%;
  max-width: 450px !important;
}

.fit {
  width: 100%;
  height: auto;
}

/*ブロック要素*/
.block {
  display: block;
}

.inline-block {
  display: inline-block !important;
}

.section.section-cv .container [class^=btn-].adjust {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 68px;
  padding: 0 !important;
  vertical-align: bottom;
}
@media (min-width: 768px) and (max-width: 959px) {
  .section.section-cv .container [class^=btn-].adjust::after {
    right: 12px;
  }
}

.lp .anime-fade-in {
  opacity: 0;
}
.lp .anime-fade-in.is-anime {
  opacity: 1;
  animation: kf-fadeIn-0 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes kf-fadeIn-0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lp .anime-fade-in.-clear {
  opacity: 1;
}
.lp .anime-fade-in-left {
  opacity: 0;
}
.lp .anime-fade-in-left.is-anime {
  opacity: 1;
  animation: kf-fadeIn-1 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes kf-fadeIn-1 {
  0% {
    opacity: 0;
    transform: translateX(-160px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.lp .anime-fade-in-left.-clear {
  opacity: 1;
  transform: translateX(0);
}
.lp .anime-fade-in-right {
  opacity: 0;
}
.lp .anime-fade-in-right.is-anime {
  opacity: 1;
  animation: kf-fadeIn-2 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes kf-fadeIn-2 {
  0% {
    opacity: 0;
    transform: translateX(160px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.lp .anime-fade-in-right.-clear {
  opacity: 1;
  transform: translateX(0);
}
.lp .anime-fade-in-up {
  opacity: 0;
}
.lp .anime-fade-in-up.is-anime {
  opacity: 1;
  animation: kf-fadeIn-3 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes kf-fadeIn-3 {
  0% {
    opacity: 0;
    transform: translateY(160px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.lp .anime-fade-in-up.-clear {
  opacity: 1;
  transform: translateY(0);
}
.lp .anime-fade-in-down {
  opacity: 0;
}
.lp .anime-fade-in-down.is-anime {
  opacity: 1;
  animation: kf-fadeIn-4 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes kf-fadeIn-4 {
  0% {
    opacity: 0;
    transform: translateY(-160px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.lp .anime-fade-in-down.-clear {
  opacity: 1;
  transform: translateY(0);
}
.lp .anime-zoom-in {
  opacity: 0;
}
.lp .anime-zoom-in.is-anime {
  animation: kf-zoom-1 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.575) 0.1s forwards;
}
@keyframes kf-zoom-1 {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.lp .anime-zoom-in.-clear {
  opacity: 1;
  transform: scale(1);
}
.lp .anime-zoom-out {
  opacity: 0;
}
.lp .anime-zoom-out.is-anime {
  animation: kf-zoom-2 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s forwards;
}
@keyframes kf-zoom-2 {
  0% {
    opacity: 0;
    transform: scale(1.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.lp .anime-zoom-out.-clear {
  opacity: 1;
  transform: scale(1);
}
.lp .anime-back-in-up {
  opacity: 0;
}
.lp .anime-back-in-up.is-anime {
  animation: kf-bounce 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.575) 0.1s forwards;
}
@keyframes kf-bounce {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.lp .anime-back-in-up.-clear {
  opacity: 1;
  transform: translateY(0);
}
.lp .anime-shake-x {
  opacity: 0;
}
.lp .anime-shake-x.is-anime {
  animation: kf-shake 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.575) 0.1s forwards;
}
@keyframes kf-shake {
  from {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-4px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(4px, 0, 0);
  }
}

.lp .acc {
  position: relative;
  margin-top: 32px;
  padding: 4px 24px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lp .acc {
    padding: 6px 16px;
  }
}
.lp .acc[data-acc-type=border] {
  padding-inline: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.lp .acc[data-acc-type=border] .acc-trigger {
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  padding: 8px 12px;
}
@media screen and (max-width: 767px) {
  .lp .acc[data-acc-type=border] .acc-trigger {
    font-size: 16px;
    padding: 6px 12px;
  }
}
.lp .acc[data-acc-type=border] .acc-trigger > .inner {
  display: inline-block;
  width: auto;
  padding-block: 4px;
  padding-right: 45px;
  background: url(../images/icn/icn_acc_open.svg) no-repeat center right/27px auto;
}
@media screen and (max-width: 767px) {
  .lp .acc[data-acc-type=border] .acc-trigger > .inner {
    width: 100%;
    padding-right: 0;
    background-size: 23px auto;
    background-position: center right;
  }
}
.lp .acc[data-acc-type=border] .acc-trigger.open > .inner {
  background-image: url(../images/icn/icn_acc_close.svg);
}
.lp .acc[data-acc-type=border] .acc-body > .inner {
  margin-bottom: 16px;
  padding: 24px 16px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lp .acc[data-acc-type=border] .acc-body > .inner {
    padding: 12px 12px;
  }
}
.lp .acc[data-acc-type=border-box] {
  padding-inline: 0;
  border-radius: 6px;
  border: 1px solid #333;
}
.lp .acc[data-acc-type=border-box] .acc-trigger {
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  .lp .acc[data-acc-type=border-box] .acc-trigger {
    font-size: 16px;
    padding: 4px 0;
  }
}
.lp .acc[data-acc-type=border-box] .acc-trigger > .inner {
  display: inline-block;
  width: auto;
  padding-block: 4px;
  padding-right: 45px;
  background: url(../images/icn/icn_acc_open.svg) no-repeat center right/27px auto;
}
@media screen and (max-width: 767px) {
  .lp .acc[data-acc-type=border-box] .acc-trigger > .inner {
    width: 100%;
    padding-right: 0;
    background-size: 23px auto;
    background-position: center right 12px;
  }
}
.lp .acc[data-acc-type=border-box] .acc-trigger.open > .inner {
  background-image: url(../images/icn/icn_acc_close.svg);
}
.lp .acc[data-acc-type=border-box] .acc-body > .inner {
  margin-bottom: 16px;
  padding: 16px 24px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lp .acc[data-acc-type=border-box] .acc-body > .inner {
    padding: 12px 12px;
  }
}
.lp .acc + .acc {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .lp .acc + .acc {
    margin-top: 24px;
  }
}
.lp .acc-body {
  display: none;
  position: relative;
}
.lp .acc-body > .inner {
  margin-top: 8px;
  padding: 24px 0;
}
.lp .acc-body[data-color=tv] > .inner {
  border-color: #e40077;
}
.lp .acc-body[data-color=mobile] > .inner {
  border-color: #29a5a9;
}

#modal-contact {
  border-radius: 24px;
  background-color: #fff;
}
#modal-contact .modal-header-custom {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 24px 16px;
  border-radius: 24px 24px 0 0;
  background-color: #e83817;
}
@media screen and (max-width: 767px) {
  #modal-contact .modal-header-custom {
    font-size: 18px;
    padding: 16px 12px;
    border-radius: 16px 16px 0 0;
  }
}
#modal-contact .btn-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
  width: 100%;
  height: 108px;
  padding: 16px;
  padding-left: 33px;
  border-radius: 12px;
  border: solid #E93817 2px;
}
@media screen and (max-width: 767px) {
  #modal-contact .btn-contact {
    height: 98px;
    padding: 12px;
  }
}
#modal-contact .btn-contact.icn-web {
  background: #FDECEE url(../images/icn/icn_mail.png) no-repeat center left 16px/33px 33px;
}
#modal-contact .btn-contact.icn-tel {
  background: #FDECEE url(../images/icn/icn_tel.png) no-repeat center left 16px/33px 33px;
}
#modal-contact .modal-body-custom {
  padding: 32px 24px;
  border-radius: 0 0 24px 24px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #modal-contact .modal-body-custom {
    padding: 24px 16px;
    border-radius: 0 0 16px 16px;
  }
}

#modal-select .modal-close-top,
#modal-shinsta .modal-close-top {
  outline: none;
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 16px;
  width: 32px;
  height: 32px;
  background: url(../images/icn/icn_modal_close.svg) no-repeat 0 0/32px auto;
}
@media screen and (max-width: 767px) {
  #modal-select .modal-close-top,
  #modal-shinsta .modal-close-top {
    right: 0;
    top: 0;
  }
}
#modal-select .modal-close-bottom,
#modal-shinsta .modal-close-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #333 !important;
  width: 100%;
  max-width: 160px;
  min-height: 54px;
  margin-inline: auto;
  border-radius: 999px;
  border: 2px solid #ccc;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #modal-select .modal-close-bottom,
  #modal-shinsta .modal-close-bottom {
    max-width: 140px;
    min-height: 44px;
  }
}
#modal-select .modal-close-bottom span,
#modal-shinsta .modal-close-bottom span {
  pointer-events: none;
  padding-left: 28px;
  background: url(../images/icn/icn_modal_close_blk.svg) no-repeat center left/26px auto;
}
#modal-select.modal-custom .modal-content,
#modal-shinsta.modal-custom .modal-content {
  max-width: 868px;
}
@media screen and (max-width: 767px) {
  #modal-select.modal-custom .modal-content,
  #modal-shinsta.modal-custom .modal-content {
    border-radius: 20px;
  }
}
#modal-select .modal-header-custom,
#modal-shinsta .modal-header-custom {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 8px 12px;
  background: #e83817;
}
@media screen and (max-width: 767px) {
  #modal-select .modal-header-custom,
  #modal-shinsta .modal-header-custom {
    font-size: 18px;
  }
}
#modal-select .modal-section,
#modal-shinsta .modal-section {
  padding: 32px 16px;
}
@media screen and (max-width: 767px) {
  #modal-select .modal-section,
  #modal-shinsta .modal-section {
    padding: 24px 16px;
  }
}
#modal-select .modal-section.bg-pnk,
#modal-shinsta .modal-section.bg-pnk {
  background: #fdebe8;
}
#modal-select .modal-tv-box,
#modal-shinsta .modal-tv-box {
  overflow: hidden;
  border-radius: 20px;
  border: 2px solid #e83817;
  background: #fff;
}
#modal-select .modal-tv-box > .inner,
#modal-shinsta .modal-tv-box > .inner {
  text-align: center;
  padding: 24px 16px;
}
#modal-select .modal-tv-box > .inner *:last-child,
#modal-shinsta .modal-tv-box > .inner *:last-child {
  margin-bottom: 0;
}
#modal-select .modal-tv-box .jcomstream-logo,
#modal-shinsta .modal-tv-box .jcomstream-logo {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #modal-select .modal-tv-box .jcomstream-logo,
  #modal-shinsta .modal-tv-box .jcomstream-logo {
    width: 53.3333333333vw;
  }
}
#modal-select .modal-tv-box-header,
#modal-shinsta .modal-tv-box-header {
  padding: 12px 12px;
  border-bottom: 2px solid #e83817;
  background: #fcd7d1;
}
#modal-select .modal-tv-box-header h3,
#modal-shinsta .modal-tv-box-header h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #modal-select .modal-tv-box-header h3,
  #modal-shinsta .modal-tv-box-header h3 {
    font-size: 18px;
  }
}
#modal-select .link-text-under,
#modal-shinsta .link-text-under {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #333 !important;
  padding-right: 20px;
  padding-bottom: 2px;
  border-bottom: 2px solid #333;
}
#modal-select .link-text-under::before,
#modal-shinsta .link-text-under::before {
  transition: 0.25s;
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 8.5px);
  width: 17px;
  height: 17px;
  background: url(../images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  #modal-select .link-text-under::before,
  #modal-shinsta .link-text-under::before {
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
  }
}

.lp-btn-wrap {
  max-width: 100%;
  margin: 32px auto 16px;
}
.lp-btn-wrap .lp-btn-row {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row {
    display: block;
  }
}
.lp-btn-wrap .lp-btn-row .lp-btn-col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row .lp-btn-col {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row .lp-btn-col + .lp-btn-col {
    margin-top: 16px;
  }
}
.lp-btn-wrap .lp-btn-row .lp-btn-col.is-center {
  margin-inline: auto;
}
.lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-tv,
.lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-mobile,
.lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-bd {
  font-size: 18px;
  font-weight: bold;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-tv,
  .lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-mobile,
  .lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-bd {
    font-size: 16px;
  }
}
.lp-btn-wrap .lp-btn-row .lp-btn-col [class*=btn-white-] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  border-width: 2px;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row .lp-btn-col [class*=btn-white-] {
    font-size: 16px;
    min-height: 50px;
  }
}

.lp-btn-bd,
.lp-btn-bd-sm,
.lp-btn-bd-xs {
  transition: 0.25s;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-inline: auto;
  padding-block: 6px;
  text-align: center;
  color: #333 !important;
  border-radius: 128px;
  border: 1px solid #333;
  background-color: #fff;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .lp-btn-bd:hover::after,
  .lp-btn-bd-sm:hover::after,
  .lp-btn-bd-xs:hover::after {
    width: 110%;
  }
  .lp-btn-bd:hover::before,
  .lp-btn-bd-sm:hover::before,
  .lp-btn-bd-xs:hover::before {
    transform: translateX(4px);
  }
}
.lp-btn-bd::after,
.lp-btn-bd-sm::after,
.lp-btn-bd-xs::after {
  transition: 0.25s;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -5%;
  width: 52.5%;
  height: 100%;
  transform: skew(-45deg);
  background: #ccc;
}
.lp-btn-bd[data-color=beg]::after,
.lp-btn-bd-sm[data-color=beg]::after,
.lp-btn-bd-xs[data-color=beg]::after {
  background: #FAEEE8;
}
.lp-btn-bd[data-color=net]::after,
.lp-btn-bd-sm[data-color=net]::after,
.lp-btn-bd-xs[data-color=net]::after {
  background: #E7F1F8;
}
.lp-btn-bd[data-color=mobile]::after,
.lp-btn-bd-sm[data-color=mobile]::after,
.lp-btn-bd-xs[data-color=mobile]::after {
  background: #E5F6F6;
}
.lp-btn-bd[data-color=tv]::after,
.lp-btn-bd-sm[data-color=tv]::after,
.lp-btn-bd-xs[data-color=tv]::after {
  background: #FFEDF6;
}

.lp-btn-bd {
  max-width: 390px;
  min-height: 70px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  padding-block: 8px;
}
@media screen and (max-width: 767px) {
  .lp-btn-bd {
    min-height: 50px;
  }
}
.lp-btn-bd::before {
  transition: 0.25s;
  content: "";
  position: absolute;
  right: 24px;
  top: calc(50% - 8.5px);
  width: 17px;
  height: 17px;
  background: url(../images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
.lp-btn-bd[href^="#anc-"]::before {
  transform: rotate(90deg);
}

.lp-btn-bd-sm {
  max-width: 330px;
  min-height: 50px;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lp-btn-bd-sm {
    font-size: 14px;
  }
}
.lp-btn-bd-sm > .icn-moving {
  padding: 4px 12px 4px 52px;
  background: url(../images/icn/icn_moving_2.svg) no-repeat left center/41px auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-bd-sm > .icn-moving {
    padding-inline: 40px 8px;
    background-size: 33px auto;
  }
}
.lp-btn-bd-sm::before {
  transition: 0.25s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(../images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-bd-sm::before {
    top: calc(50% - 7.5px);
    width: 15px;
    height: 15px;
  }
}

.lp-btn-bd-xs {
  max-width: 330px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 500;
}
.lp-btn-bd-xs::before {
  transition: 0.25s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background: url(../images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
.lp-btn-primary-sm,
.lp-btn-member-sm,
.lp-btn-white-primary-sm {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #333 !important;
  width: 100%;
  max-width: 330px;
  height: auto;
  min-height: 52px;
  margin-inline: auto;
  border-radius: 128px;
  border: 2px solid #e83817;
  background-color: #fff;
}
.lp-btn-primary-sm:not([target=_blank]),
.lp-btn-member-sm:not([target=_blank]),
.lp-btn-white-primary-sm:not([target=_blank]) {
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .lp-btn-primary-sm:not([target=_blank]):hover::after,
  .lp-btn-member-sm:not([target=_blank]):hover::after,
  .lp-btn-white-primary-sm:not([target=_blank]):hover::after {
    transform: translateX(4px);
  }
}
.lp-btn-primary-sm::after,
.lp-btn-member-sm::after,
.lp-btn-white-primary-sm::after {
  transition: 0.25s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8.5px);
  width: 17px;
  height: 17px;
  background: url(../images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
.lp-btn-primary-sm[target=_blank]::after,
.lp-btn-member-sm[target=_blank]::after,
.lp-btn-white-primary-sm[target=_blank]::after {
  width: 16px;
  height: 16px;
  background-image: url(/common_v10/images/icn-link-blank-black.svg);
}
@media screen and (max-width: 767px) {
  .lp-btn-primary-sm[target=_blank]::after,
  .lp-btn-member-sm[target=_blank]::after,
  .lp-btn-white-primary-sm[target=_blank]::after {
    right: 16px;
  }
}
.lp-btn-primary-sm > .icn-simu,
.lp-btn-member-sm > .icn-simu,
.lp-btn-white-primary-sm > .icn-simu {
  padding: 4px 0 4px 40px;
  background: url(/common_v10/images/icn-simulation.svg) no-repeat left center/32px auto;
}
.lp-btn-primary-sm > .icn-moving,
.lp-btn-member-sm > .icn-moving,
.lp-btn-white-primary-sm > .icn-moving {
  padding: 4px 0 4px 48px;
  background: url(../images/icn/icn_moving.svg) no-repeat left center/36px auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-primary-sm > .icn-moving,
  .lp-btn-member-sm > .icn-moving,
  .lp-btn-white-primary-sm > .icn-moving {
    background-size: 33px auto;
  }
}

.lp-btn-primary-sm {
  color: #fff !important;
  border: none;
  background: #d9161B;
}
.lp-btn-primary-sm::after {
  background: url(../images/icn/icn_arr_wht.svg) no-repeat 0 0/100% auto;
}

.lp-btn-member-sm {
  border-color: #F5D200;
  background: #F5D200 url(/common_v10/images/icn-member.svg) no-repeat 20px center/26px auto;
}

.lp-btn-net,
.lp-btn-mobile,
.lp-btn-tv {
  transition: 0.25s !important;
  position: relative;
  transition: 0.25s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 390px;
  height: auto;
  min-height: 70px;
  margin-inline: auto;
  font-size: 18px;
  font-weight: bold;
  color: #333 !important;
  text-align: center;
  border: 3px solid #e83817;
  border-radius: 128px;
  background: #fff url(../images/icn/icn_arr.svg) no-repeat right 32px center/17px auto;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (max-width: 767px) {
  .lp-btn-net,
  .lp-btn-mobile,
  .lp-btn-tv {
    font-size: 16px;
    min-height: 60px;
    background-position: right 24px center;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .lp-btn-net:hover,
  .lp-btn-mobile:hover,
  .lp-btn-tv:hover {
    background-position: right 28px center;
  }
}
.lp-btn-net > .icn,
.lp-btn-mobile > .icn,
.lp-btn-tv > .icn {
  width: 100%;
  display: block;
  padding-block: 6px;
}
@media screen and (max-width: 767px) {
  .lp-btn-net > .icn,
  .lp-btn-mobile > .icn,
  .lp-btn-tv > .icn {
    background-position: left 24px center !important;
    background-size: 34px auto !important;
  }
}

.lp-btn-net > .icn {
  background: url(../images/icn/icn_net_blk.svg?202410) no-repeat left 32px center/42px auto;
}

.lp-btn-mobile > .icn {
  background: url(../images/icn/icn_mobile_blk.svg?202410) no-repeat left 32px center/42px auto;
}

.lp-btn-tv > .icn {
  background: url(../images/icn/icn_tv_blk.svg?202410) no-repeat left 32px center/42px auto;
}

@media screen and (max-width: 767px) {
  .section-cv .container {
    width: calc(100% - 24px);
    margin: 0 12px;
  }
}
.section-cv .container .btn-primary:not(.btn-starterinq) {
  border-color: #d9161B;
  background-color: #d9161B !important;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] {
    padding-top: 0 !important;
  }
}
.section-cv[data-type=main] .container .cv-side .btn-simulation.is-custom,
.section-cv[data-type=main] .container .cv-side .btn-white-primary.is-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: bottom;
  padding: 0 40px;
  height: 68px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-side .btn-simulation.is-custom,
  .section-cv[data-type=main] .container .cv-side .btn-white-primary.is-custom {
    font-size: calc(16.2px + (18 - 16.2) * (100vw - 768px) / (1119 - 768));
    padding: 0 calc(24px + (40 - 24) * (100vw - 768px) / (1119 - 768));
  }
  .section-cv[data-type=main] .container .cv-side .btn-simulation.is-custom::after,
  .section-cv[data-type=main] .container .cv-side .btn-white-primary.is-custom::after {
    right: calc(8px + (24 - 8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-side .btn-simulation.is-custom,
  .section-cv[data-type=main] .container .cv-side .btn-white-primary.is-custom {
    padding: 0 16px;
    height: 60px;
    border-radius: 10px;
    border-width: 2px !important;
  }
}
.section-cv[data-type=main] .container .cv-side .btn-simulation.is-custom {
  padding: 0;
}
.section-cv[data-type=main] .container .cv-side .cv-item .cv-item-tit {
  font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-side .cv-item .cv-item-tit {
    font-size: calc(14.08px + (16 - 14.08) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board {
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .new-cv-ttl {
    font-size: calc(17.1px + (19 - 17.1) * (100vw - 768px) / (1119 - 768));
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom,
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: bottom;
  padding: 0 40px;
  height: 68px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom,
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom {
    font-size: calc(16.2px + (18 - 16.2) * (100vw - 768px) / (1119 - 768));
    padding: 0 calc(24px + (40 - 24) * (100vw - 768px) / (1119 - 768));
    background-position: calc(12px + (20 - 12) * (100vw - 768px) / (1119 - 768)) center;
    background-size: calc(28px + (32 - 28) * (100vw - 768px) / (1119 - 768)) auto;
  }
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom::after,
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom::after {
    right: calc(8px + (24 - 8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom,
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom {
    display: block;
    padding: 42px 0 0;
    height: 108px;
    background-position: center 8px;
    background-size: 30px auto;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom .fs-sm,
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom .fs-sm {
  display: block;
  font-size: 12px;
  margin-bottom: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom .fs-sm,
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom .fs-sm {
    font-size: calc(10.8px + (12 - 10.8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom .fs-sm,
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom .fs-sm {
    font-size: 12px;
    margin-bottom: -2px;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom.btn-blank::after,
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom.btn-blank::after {
    display: inline-block;
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.btn-starterinq.is-custom {
    font-size: calc(14.4px + (18 - 14.4) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.btn-starterinq.is-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    padding: 0;
    border-width: 2px;
  }
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.btn-starterinq.is-custom .fs-sm {
    margin-bottom: -6px;
  }
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.btn-starterinq.is-custom .icon-starter-sp {
    padding-top: 2px;
  }
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.btn-starterinq.is-custom .icon-starter-sp img {
    width: 18px;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .icn-starter:not(.btn-starterinq) {
  min-height: auto !important;
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: bottom;
  padding: 0 40px;
  height: 68px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom {
    font-size: calc(16.2px + (18 - 16.2) * (100vw - 768px) / (1119 - 768));
    padding: 0 calc(24px + (40 - 24) * (100vw - 768px) / (1119 - 768));
  }
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom::after {
    right: calc(8px + (24 - 8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom {
    padding: 0 16px;
    height: 64px;
    min-height: auto;
    border-width: 2px;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom[data-id=moving] {
  height: 58px;
  background: #fff url(../images/icn/icn_moving.svg) no-repeat left 24px center/31px auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom[data-id=moving] {
    font-size: calc(14.4px + (16 - 14.4) * (100vw - 768px) / (1119 - 768));
    background-position: left calc(16px + (24 - 16) * (100vw - 768px) / (1119 - 768)) center;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom[data-id=moving] {
    height: 66px;
    padding-left: 20px;
    background-size: 27px auto;
    background-position: left 8px center;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.btn-blank::after {
    display: inline-block;
    width: 14px;
    height: 14px;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone {
  padding: 0;
  min-height: auto;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone {
    line-height: 1.2;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}
@media screen and (max-width: 899px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body {
    display: inline-block;
    min-height: auto;
    padding-left: 30px;
    background: url(/common_v10/images/icn-phone-black.svg) no-repeat left center/24px auto;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body .phone-txt-1 {
  font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body .phone-txt-1 {
    font-size: calc(10.8px + (12 - 10.8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (min-width: 900px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body .phone-txt-1 {
    display: flex;
    align-items: center;
    min-height: 24px;
    padding-left: 28px;
    background: url(/common_v10/images/icn-phone-black.svg) no-repeat left center/24px auto;
    margin-right: 8px;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body .phone-txt-2 {
  font-size: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body .phone-txt-2 {
    font-size: calc(18px + (20 - 18) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone .phone-body .phone-txt-2 {
    font-size: 15px;
  }
}
.section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .phone-remarks {
  font-size: 12px;
  font-weight: normal;
  display: block;
  margin-top: -4px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .phone-remarks {
    font-size: calc(10.8px + (12 - 10.8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .phone-remarks {
    font-feature-settings: "palt" 1;
    font-size: 10px;
    margin-top: -4px;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .segment-sp::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 12px;
    right: -1.5px;
    width: 3px;
    height: calc(100% - 24px);
    background: #eeac9e;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type=main] .col-50.adjust-sp {
    width: calc(50% - 8px);
  }
}

.section-cv[data-type="1"] .cv-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.section-cv[data-type="1"] .cv-col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="1"] .cv-col {
    width: calc(50% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="1"] .cv-col [class*=btn-] {
    height: 68px;
  }
}
.section-cv[data-type="1"] .cv-col.col-center {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="1"] .cv-col.col-center {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="1"] .btn-primary,
  .section-cv[data-type="1"] .btn-white-dark {
    height: 98px !important;
  }
}
.section-cv[data-type="1"] .btn-primary .icn-starter,
.section-cv[data-type="1"] .btn-white-dark .icn-starter {
  width: 100%;
  display: block;
  padding-bottom: 4px;
  background-image: url(/common_v10/images/icn-think-white.svg);
  background-repeat: no-repeat;
  background-position: left 24px center;
  background-size: 32px 32px;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="1"] .btn-primary .icn-starter,
  .section-cv[data-type="1"] .btn-white-dark .icn-starter {
    background-image: none;
  }
  .section-cv[data-type="1"] .btn-primary .icn-starter .icn-starter-sp,
  .section-cv[data-type="1"] .btn-white-dark .icn-starter .icn-starter-sp {
    display: inline-block;
    min-height: 24px;
    padding: 4px 12px 0 28px;
    background-image: url(/common_v10/images/icn-think-white.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px;
  }
}
.section-cv[data-type="1"] .btn-white-dark .icn-starter {
  background-image: url(/common_v10/images/icn-think-black.svg);
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="1"] .btn-white-dark .icn-starter {
    background-image: none;
  }
  .section-cv[data-type="1"] .btn-white-dark .icn-starter .icn-starter-sp {
    background-image: url(/common_v10/images/icn-think-black.svg);
  }
}
.section-cv[data-type="2"] .cv-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.section-cv[data-type="2"] .cv-col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="2"] .cv-col {
    width: calc(50% - 6px);
  }
}
.section-cv[data-type="2"] .cv-col p {
  width: 100%;
}
.section-cv[data-type="2"] .btn-primary .icn-starter {
  width: 100%;
  display: block;
  padding-bottom: 4px;
  background-image: url(/common_v10/images/icn-think-white.svg);
  background-repeat: no-repeat;
  background-position: left 24px center;
  background-size: 32px 32px;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="2"] .btn-primary .icn-starter {
    display: inline-block;
    width: auto;
    padding: 0 12px 4px 32px;
    background-position: left center;
  }
}
.section-cv[data-type="3"] .cv-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="3"] .cv-row {
    flex-wrap: wrap;
  }
}
.section-cv[data-type="3"] .cv-col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="3"] .cv-col {
    width: 100%;
  }
}
.section-cv[data-type="3"] .cv-col p {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .section-cv[data-type="3"] .btn-simulation {
    max-width: 100%;
    border-radius: 100px;
  }
}

.kv {
  position: relative;
  max-width: 800px;
  margin: 0 auto 40px;
}
.kv .swiper-kv {
  opacity: 0;
}
.kv .swiper-kv.is-show {
  opacity: 1;
}
.kv .swiper-kv .swiper-slider .swiper-wrapper .swiper-slide img {
  aspect-ratio: 1856/700;
}
@media screen and (max-width: 767px) {
  .kv .swiper-kv .swiper-slider .swiper-wrapper .swiper-slide img {
    aspect-ratio: 606/710;
    width: 100%;
    border-radius: 32px;
  }
}
.kv .swiper-kv .swiper-footer .swiper-button-prev,
.kv .swiper-kv .swiper-footer .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: calc(50% - 40px);
  width: 40px;
  height: 40px;
  margin: auto;
  outline: none;
  background: url(/guide/starter/shinlife/images/swiper_btn_next.svg) no-repeat 0 0/100% auto;
}
.kv .swiper-kv .swiper-footer .swiper-button-prev::after,
.kv .swiper-kv .swiper-footer .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .kv .swiper-kv .swiper-footer .swiper-button-prev,
  .kv .swiper-kv .swiper-footer .swiper-button-next {
    display: none;
  }
}
.kv .swiper-kv .swiper-footer .swiper-button-prev.swiper-button-disabled,
.kv .swiper-kv .swiper-footer .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.kv .swiper-kv .swiper-footer .swiper-button-prev {
  left: -60px;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .kv .swiper-kv .swiper-footer .swiper-button-prev {
    left: 0;
  }
}
.kv .swiper-kv .swiper-footer .swiper-button-next {
  right: -60px;
}
@media screen and (max-width: 767px) {
  .kv .swiper-kv .swiper-footer .swiper-button-next {
    right: 0;
  }
}
.kv .swiper-kv .swiper-footer .swiper-pagination {
  position: relative;
  margin: 16px auto 40px;
}
@media screen and (max-width: 767px) {
  .kv .swiper-kv .swiper-footer .swiper-pagination {
    margin-top: 8px;
  }
}
.kv .swiper-kv .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 6px;
  height: 6px;
  margin: 0 8px;
  border-radius: 6px;
  background: #fff;
  opacity: 1;
}
.kv .swiper-kv .swiper-footer .swiper-pagination .swiper-pagination-bullet::after {
  transition: 0.25s;
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #745c5c;
  opacity: 0;
}
.kv .swiper-kv .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.swiper-campaign,
.swiper-other,
.swiper-charm {
  opacity: 0;
  position: relative;
  max-width: 100%;
  margin: 0 auto 20px;
}
.swiper-campaign.is-show,
.swiper-other.is-show,
.swiper-charm.is-show {
  opacity: 1;
}
.swiper-campaign .swiper-footer .swiper-button-prev,
.swiper-campaign .swiper-footer .swiper-button-next,
.swiper-other .swiper-footer .swiper-button-prev,
.swiper-other .swiper-footer .swiper-button-next,
.swiper-charm .swiper-footer .swiper-button-prev,
.swiper-charm .swiper-footer .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: calc(50% - 38px);
  width: 40px;
  height: 40px;
  margin: auto;
  outline: none;
  background: url(../images/swiper_btn_next.svg) no-repeat 0 0/100% auto;
}
.swiper-campaign .swiper-footer .swiper-button-prev::after,
.swiper-campaign .swiper-footer .swiper-button-next::after,
.swiper-other .swiper-footer .swiper-button-prev::after,
.swiper-other .swiper-footer .swiper-button-next::after,
.swiper-charm .swiper-footer .swiper-button-prev::after,
.swiper-charm .swiper-footer .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .swiper-campaign .swiper-footer .swiper-button-prev,
  .swiper-campaign .swiper-footer .swiper-button-next,
  .swiper-other .swiper-footer .swiper-button-prev,
  .swiper-other .swiper-footer .swiper-button-next,
  .swiper-charm .swiper-footer .swiper-button-prev,
  .swiper-charm .swiper-footer .swiper-button-next {
    display: none;
  }
}
.swiper-campaign .swiper-footer .swiper-button-prev.swiper-button-disabled,
.swiper-campaign .swiper-footer .swiper-button-next.swiper-button-disabled,
.swiper-other .swiper-footer .swiper-button-prev.swiper-button-disabled,
.swiper-other .swiper-footer .swiper-button-next.swiper-button-disabled,
.swiper-charm .swiper-footer .swiper-button-prev.swiper-button-disabled,
.swiper-charm .swiper-footer .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.swiper-campaign .swiper-footer .swiper-button-prev,
.swiper-other .swiper-footer .swiper-button-prev,
.swiper-charm .swiper-footer .swiper-button-prev {
  left: -16px;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .swiper-campaign .swiper-footer .swiper-button-prev,
  .swiper-other .swiper-footer .swiper-button-prev,
  .swiper-charm .swiper-footer .swiper-button-prev {
    left: 0;
  }
}
.swiper-campaign .swiper-footer .swiper-button-next,
.swiper-other .swiper-footer .swiper-button-next,
.swiper-charm .swiper-footer .swiper-button-next {
  right: -16px;
}
@media screen and (max-width: 767px) {
  .swiper-campaign .swiper-footer .swiper-button-next,
  .swiper-other .swiper-footer .swiper-button-next,
  .swiper-charm .swiper-footer .swiper-button-next {
    right: 0;
  }
}
.swiper-campaign .swiper-footer .swiper-pagination,
.swiper-other .swiper-footer .swiper-pagination,
.swiper-charm .swiper-footer .swiper-pagination {
  position: relative;
  margin-top: 8px;
}
.swiper-campaign .swiper-footer .swiper-pagination .swiper-pagination-bullet,
.swiper-other .swiper-footer .swiper-pagination .swiper-pagination-bullet,
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 6px;
  height: 6px;
  margin: 0 8px;
  border-radius: 6px;
  background: #D9D9D9;
  opacity: 1;
}
.swiper-campaign .swiper-footer .swiper-pagination .swiper-pagination-bullet::after,
.swiper-other .swiper-footer .swiper-pagination .swiper-pagination-bullet::after,
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet::after {
  transition: 0.25s;
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #745c5c;
  opacity: 0;
}
.swiper-campaign .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.swiper-other .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}

.swiper-other .swiper-container[data-slide="2"] {
  max-width: 768px;
}

.swiper-campaign {
  max-width: 1014px;
  padding-inline: 32px;
}
@media screen and (max-width: 767px) {
  .swiper-campaign {
    padding-inline: 0;
  }
}

.section-campaign .swiper .swiper-container .swiper-slide {
  border-radius: 0;
}
.section-campaign .swiper .swiper-container .swiper-slide img {
  max-width: 303px;
  width: 100%;
  height: auto;
  border-radius: 16px;
}
@media screen and (max-width: 1099px) {
  .section-campaign .swiper .swiper-container .swiper-slide img {
    max-width: 100%;
  }
}

.mfp-container {
  margin-top: 16px;
  padding: 0 16px;
}

.mfp-close-btn {
  cursor: pointer;
  position: relative;
  text-align: center;
  bottom: -24px;
}

.popup {
  border-radius: 24px;
  background-color: #fff;
}
.popup .btn-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
  width: 100%;
  height: 108px;
  padding: 16px;
  padding-left: 33px;
  border-radius: 12px;
  border: solid #E93817 2px;
}
@media screen and (max-width: 767px) {
  .popup .btn-contact {
    height: 98px;
    padding: 12px;
  }
}
.popup .btn-contact.web {
  background: #FDECEE url(../images/icn/icn_mail.png) no-repeat center left 16px/33px 33px;
}
.popup .btn-contact.tel {
  background: #FDECEE url(../images/icn/icn_tel.png) no-repeat center left 16px/33px 33px;
}

.popup-header {
  font-size: 22px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 24px 16px;
  border-radius: 24px 24px 0 0;
  background-color: #e83817;
}
@media screen and (max-width: 767px) {
  .popup-header {
    font-size: 20px;
    padding: 20px 12px;
  }
}

.popup-header-2 {
  font-size: 22px;
  text-align: left;
  border-bottom: solid #707070 1px;
  margin: 0 0 16px;
  padding: 0 0 12px;
}
@media screen and (max-width: 767px) {
  .popup-header-2 {
    font-size: 18px;
  }
}

.popup-body {
  padding: 32px 24px 12px;
}
@media screen and (max-width: 767px) {
  .popup-body {
    padding: 24px 16px 8px;
  }
}

/* Styles for dialog window */
#small-dialog {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

.gnav {
  position: relative;
  max-width: 1024px;
  margin: 32px auto 0;
  padding-inline: 16px;
}
@media screen and (max-width: 767px) {
  .gnav {
    margin: 24px auto 8px;
    padding-inline: 12px;
  }
}
.gnav .gnav-main {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto 24px;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main {
    margin-bottom: 12px;
  }
}
.gnav .gnav-main li {
  width: 30.5%;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li {
    width: calc(33% - 6px);
  }
}
.gnav .gnav-main li a {
  transition: 0.25s;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #333;
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: 3px 3px 0 #333;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .gnav .gnav-main li a {
    font-size: calc(21.12px + (24 - 21.12) * (100vw - 768px) / (1119 - 768));
    height: calc(70.4px + (80 - 70.4) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li a {
    font-size: 14px;
    height: 40px;
    border-radius: 4px;
    box-shadow: 2px 2px 0 #333;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .gnav .gnav-main li a:hover {
    box-shadow: 0 0 0 #333;
    transform: translate(3px, 3px);
  }
}
.gnav .gnav-main li a::before {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 11.5px);
  width: 23px;
  height: 23px;
  background: url(../images/icn/icn_arr_btm_23.svg) no-repeat right center/100% auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li a::before {
    right: 8px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}
.gnav .gnav-main li a > .icn {
  width: 100%;
  display: block;
  padding-block: 6px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .gnav .gnav-main li a > .icn {
    background-size: calc(36.96px + (42 - 36.96) * (100vw - 768px) / (1119 - 768)) auto !important;
  }
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li a > .icn {
    padding-left: 4px;
  }
}
.gnav .gnav-main li.net a > .icn {
  background: url(../images/icn/icn_net.svg?202410) no-repeat left 24px center/42px auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li.net a > .icn {
    background-position: left 8px center;
    background-size: 20px auto;
  }
}
.gnav .gnav-main li.mobile a > .icn {
  background: url(../images/icn/icn_mobile.svg?202410) no-repeat left 24px center/42px auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li.mobile a > .icn {
    background-position: left 8px center;
    background-size: 20px auto;
  }
}
.gnav .gnav-main li.tv a > .icn {
  background: url(../images/icn/icn_tv.svg?202410) no-repeat left 24px center/42px auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li.tv a > .icn {
    background-position: left 8px center;
    background-size: 20px auto;
  }
}
.gnav .gnav-sub,
.gnav .ps-gnav-sub {
  display: flex;
  justify-content: space-between;
  max-width: 490px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub,
  .gnav .ps-gnav-sub {
    max-width: 330px;
  }
}
.gnav .gnav-sub li,
.gnav .ps-gnav-sub li {
  width: 46.9387755102%;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub li,
  .gnav .ps-gnav-sub li {
    width: 47.8787878788%;
  }
}
.gnav .gnav-sub li a,
.gnav .ps-gnav-sub li a {
  transition: 0.25s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size: 17px;
  font-weight: bold;
  color: #333;
  border-radius: 128px;
  border: 1px solid #333;
  box-shadow: 3px 3px 0 #333;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .gnav .gnav-sub li a,
  .gnav .ps-gnav-sub li a {
    font-size: calc(14.96px + (17 - 14.96) * (100vw - 768px) / (1119 - 768));
    height: calc(56.32px + (64 - 56.32) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub li a,
  .gnav .ps-gnav-sub li a {
    font-size: 12px;
    height: 36px;
    box-shadow: 2px 2px 0 #333;
  }
}
.gnav .gnav-sub li a[href^="#"]::before,
.gnav .ps-gnav-sub li a[href^="#"]::before {
  transform: rotate(90deg);
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .gnav .gnav-sub li a:hover,
  .gnav .ps-gnav-sub li a:hover {
    box-shadow: 0 0 0 #333;
    transform: translate(3px, 3px);
  }
}
.gnav .gnav-sub li a::before,
.gnav .ps-gnav-sub li a::before {
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8.5px);
  width: 17px;
  height: 17px;
  background: url(../images/icn/icn_arr.svg) no-repeat right center/100% auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub li a::before,
  .gnav .ps-gnav-sub li a::before {
    right: 12px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}

body {
  counter-reset: number 0;
}

.lnav {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .lnav {
    margin-top: 16px;
  }
}
.lnav[data-color=net] ul li a::after, .lnav[data-color=net] ol li a::after {
  background: #E7F1F8;
}
.lnav[data-color=mobile] ul li a::after, .lnav[data-color=mobile] ol li a::after {
  background: #E5F6F6;
}
.lnav[data-color=tv] ul li a::after, .lnav[data-color=tv] ol li a::after {
  background: #FFEDF6;
}
.lnav[data-color=flow-navi] {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .lnav[data-color=flow-navi] {
    margin-top: 8px;
  }
}
.lnav[data-color=flow-navi] ul li a::after, .lnav[data-color=flow-navi] ol li a::after {
  background: #FAEEE8;
}
.lnav[data-color=flow-navi] ul.numbering li a, .lnav[data-color=flow-navi] ol.numbering li a {
  height: 64px;
}
@media screen and (max-width: 767px) {
  .lnav[data-color=flow-navi] ul.numbering li a, .lnav[data-color=flow-navi] ol.numbering li a {
    font-size: 14px;
    height: 56px;
  }
}
.lnav[data-color=flow-navi] ul.numbering li a::before, .lnav[data-color=flow-navi] ol.numbering li a::before {
  font-size: 32px;
  color: #E83316;
}
@media screen and (max-width: 767px) {
  .lnav[data-color=flow-navi] ul.numbering li a::before, .lnav[data-color=flow-navi] ol.numbering li a::before {
    font-size: 28px;
  }
}
.lnav[data-color=flow-navi] ul.numbering[data-col="3"], .lnav[data-color=flow-navi] ol.numbering[data-col="3"] {
  max-width: 632px;
  flex-wrap: wrap;
}
.lnav[data-color=flow-navi] ul.numbering[data-col="3"] li, .lnav[data-color=flow-navi] ol.numbering[data-col="3"] li {
  width: calc(33.3333% - 12px);
}
@media screen and (max-width: 767px) {
  .lnav[data-color=flow-navi] ul.numbering[data-col="3"] li, .lnav[data-color=flow-navi] ol.numbering[data-col="3"] li {
    width: calc(50% - 6px);
  }
  .lnav[data-color=flow-navi] ul.numbering[data-col="3"] li:nth-of-type(n+3), .lnav[data-color=flow-navi] ol.numbering[data-col="3"] li:nth-of-type(n+3) {
    margin-top: 12px;
  }
  .lnav[data-color=flow-navi] ul.numbering[data-col="3"] li.col-center-sp, .lnav[data-color=flow-navi] ol.numbering[data-col="3"] li.col-center-sp {
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .lnav[data-color=flow-navi] ul.numbering[data-col="3"] a, .lnav[data-color=flow-navi] ol.numbering[data-col="3"] a {
    font-size: 14px;
  }
}
.lnav ul,
.lnav ol {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 48px;
}
@media screen and (max-width: 767px) {
  .lnav ul,
  .lnav ol {
    margin-bottom: 24px;
  }
}
.lnav ul.numbering[data-col="2"] li a,
.lnav ol.numbering[data-col="2"] li a {
  height: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul.numbering[data-col="2"] li a,
  .lnav ol.numbering[data-col="2"] li a {
    font-size: calc(15px + (16 - 15) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul.numbering[data-col="3"] li a,
  .lnav ol.numbering[data-col="3"] li a {
    font-size: calc(15px + (16 - 15) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul.numbering[data-col="4"] li a,
  .lnav ol.numbering[data-col="4"] li a {
    font-size: calc(15px + (16 - 15) * (100vw - 768px) / (1119 - 768));
  }
}
.lnav ul.numbering li a,
.lnav ol.numbering li a {
  font-size: 16px;
  text-align: left;
  height: 80px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .lnav ul.numbering li a,
  .lnav ol.numbering li a {
    height: 60px;
    padding-left: 12px;
  }
}
.lnav ul.numbering li a::before,
.lnav ol.numbering li a::before {
  counter-increment: number 1;
  content: counter(number) " ";
  font-size: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial;
  margin-right: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul.numbering li a::before,
  .lnav ol.numbering li a::before {
    font-size: calc(36.8px + (40 - 36.8) * (100vw - 768px) / (1119 - 768));
    margin-right: calc(10px + (16 - 10) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .lnav ul.numbering li a::before,
  .lnav ol.numbering li a::before {
    font-size: 28px;
    margin-right: 8px;
  }
}
.lnav ul[data-col="2"],
.lnav ol[data-col="2"] {
  max-width: 420px;
}
.lnav ul[data-col="2"] li,
.lnav ol[data-col="2"] li {
  width: calc(50% - 12px);
}
@media screen and (max-width: 767px) {
  .lnav ul[data-col="2"] li,
  .lnav ol[data-col="2"] li {
    width: calc(50% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .lnav ul[data-col="2"] a,
  .lnav ol[data-col="2"] a {
    font-size: 12px;
    padding-right: 8px;
  }
}
.lnav ul[data-col="3"],
.lnav ol[data-col="3"] {
  max-width: 800px;
}
.lnav ul[data-col="3"] li,
.lnav ol[data-col="3"] li {
  width: calc(33.3333% - 26px);
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul[data-col="3"] li,
  .lnav ol[data-col="3"] li {
    width: calc(33.3333% - (12px + (26 - 12) * (100vw - 768px) / (1119 - 768)));
  }
}
@media screen and (max-width: 767px) {
  .lnav ul[data-col="3"] li,
  .lnav ol[data-col="3"] li {
    width: calc(33.3333% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .lnav ul[data-col="3"] a,
  .lnav ol[data-col="3"] a {
    font-size: 12px;
    padding-right: 8px;
  }
}
.lnav ul[data-col="4"],
.lnav ol[data-col="4"] {
  max-width: 940px;
  flex-wrap: wrap;
}
.lnav ul[data-col="4"] li,
.lnav ol[data-col="4"] li {
  width: calc(25% - 12px);
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul[data-col="4"] li,
  .lnav ol[data-col="4"] li {
    width: calc(25% - (8px + (12 - 8) * (100vw - 768px) / (1119 - 768)));
  }
}
@media screen and (max-width: 767px) {
  .lnav ul[data-col="4"] li,
  .lnav ol[data-col="4"] li {
    width: calc(50% - 6px);
  }
  .lnav ul[data-col="4"] li:nth-of-type(n+3),
  .lnav ol[data-col="4"] li:nth-of-type(n+3) {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .lnav ul[data-col="4"] li a,
  .lnav ol[data-col="4"] li a {
    font-size: 14px;
  }
}
.lnav ul li,
.lnav ol li {
  margin-bottom: 0;
}
.lnav ul li a,
.lnav ol li a {
  transition: 0.25s;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: 3px 3px 0 #333;
  background: #fff;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .lnav ul li a,
  .lnav ol li a {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .lnav ul li a,
  .lnav ol li a {
    height: 50px;
    border-radius: 4px;
    box-shadow: 2px 2px 0 #333;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .lnav ul li a:hover,
  .lnav ol li a:hover {
    opacity: 1;
    box-shadow: 0 0 0 #333;
    transform: translate(3px, 3px);
  }
  .lnav ul li a:hover::after,
  .lnav ol li a:hover::after {
    width: 128%;
  }
}
.lnav ul li a::after,
.lnav ol li a::after {
  transition: 0.25s;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -14%;
  width: 28%;
  height: 100%;
  transform: skew(-30deg);
  background: #ccc;
}
.lnav ul li a > .icn,
.lnav ol li a > .icn {
  width: 100%;
  display: block;
  padding-block: 6px;
}
.lnav ul li a > .icn::before,
.lnav ol li a > .icn::before {
  content: "";
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(../images/icn/icn_arr.svg) no-repeat right center/100% auto;
}
@media screen and (max-width: 767px) {
  .lnav ul li a > .icn::before,
  .lnav ol li a > .icn::before {
    right: 6px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}
.lnav ul li a[href^="#"] > .icn::before,
.lnav ol li a[href^="#"] > .icn::before {
  transform: rotate(90deg);
}

.lp .price-simu {
  position: relative;
}
.lp .tab-mobile-plan-wrap {
  margin: 8px 0 0;
  padding: 16px 20px;
  border-radius: 8px;
  background-color: #32a2f6;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan-wrap {
    margin-top: 0;
    padding: 12px 12px;
  }
}
.lp .tab-mobile-plan-wrap > .tit {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan-wrap > .tit {
    font-size: 16px;
  }
}
.lp .tab-mobile-plan {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 134px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan {
    flex-wrap: wrap;
    height: auto;
  }
}
.lp .tab-mobile-plan > li {
  transition: height 0.25s;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 118px;
  width: calc(25% - 12px);
  border-radius: 8px;
  background-color: #e1e1e1;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan > li {
    width: calc(50% - 6px);
    height: 98px;
    border-radius: 6px;
    margin-bottom: 12px;
  }
}
.lp .tab-mobile-plan > li .course,
.lp .tab-mobile-plan > li .data {
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.lp .tab-mobile-plan > li .course {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan > li .course {
    font-size: 16px;
  }
}
.lp .tab-mobile-plan > li .data {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan > li .data {
    font-size: 16px;
  }
}
.lp .tab-mobile-plan > li .data strong {
  position: relative;
  top: 1px;
  font-size: 133.3333333333%;
  font-weight: 700;
  color: #e83817;
}
.lp .tab-mobile-plan > li .add {
  width: 80px;
  height: 44px;
  margin: 4px auto 0;
  background: url(../images/datamoride.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan > li .add {
    width: 60px;
    height: 33px;
    margin: 6px auto 1px;
  }
}
.lp .tab-mobile-plan > li::after {
  transition: 0.25s;
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(50% - 30px);
  bottom: -58px;
  display: block;
  width: 60px;
  height: 24px;
  background: url(../images/arr_btm_hikari.svg) no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan > li::after {
    display: none;
  }
}
.lp .tab-mobile-plan > li.active {
  height: 134px;
  pointer-events: none;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan > li.active {
    height: 98px;
  }
}
.lp .tab-mobile-plan > li.active::after {
  z-index: 0;
  transform: translateY(16px);
}
.lp .tab-mobile-plan > li.active .add {
  background: url(../images/datamoride_active.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lp .tab-mobile-plan::after {
    content: "";
    position: absolute;
    left: calc(50% - 20px);
    bottom: -54px;
    display: block;
    width: 40px;
    height: 16px;
    background: url(../images/arr_btm_hikari.svg) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
  }
}
.lp .price-simu-tb[data-type=net_mobile] {
  margin-top: 40px;
  border-collapse: separate;
  border: none;
  border-top: solid #afafaf 1px;
  border-right: solid #afafaf 1px;
  border-bottom: solid #afafaf 1px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] {
    margin-top: 32px;
    border: solid #afafaf 1px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] th {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 8px 0;
  border-bottom: none;
  border-left: solid #afafaf 1px;
  background-color: #cce7f5;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] th {
    font-size: 16px;
    padding: 6px 0;
    border: none;
  }
}
.lp .price-simu-tb[data-type=net_mobile] td {
  text-align: center;
  width: 50%;
  padding: 10px 0;
  box-sizing: border-box;
  border-left: solid #afafaf 1px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] td {
    border: none;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-service,
.lp .price-simu-tb[data-type=net_mobile] .td-plan {
  padding: 0;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-service,
  .lp .price-simu-tb[data-type=net_mobile] .td-plan {
    width: 100%;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-service .col,
.lp .price-simu-tb[data-type=net_mobile] .td-plan .col {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-service .col,
  .lp .price-simu-tb[data-type=net_mobile] .td-plan .col {
    font-size: 16px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item,
.lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item {
  width: 50%;
  padding: 12px 0;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item,
  .lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item {
    padding: 10px 0;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item[data-color=net],
.lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item[data-color=net] {
  background-color: #32a2f6;
}
.lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item[data-color=mobile],
.lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item[data-color=mobile] {
  background-color: #00b57e;
}
.lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item[data-color=tv],
.lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item[data-color=tv] {
  background-color: #e40077;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item .space,
  .lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item .space {
    display: block;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-service .col .col-item:nth-of-type(1),
.lp .price-simu-tb[data-type=net_mobile] .td-plan .col .col-item:nth-of-type(1) {
  border-right: solid #fff 1px !important;
}
.lp .price-simu-tb[data-type=net_mobile] .td-price {
  position: relative;
  z-index: 0;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  width: calc(100% - 24px);
  margin: auto;
  padding: 18px 0 16px;
  border-top: 1px solid #afafaf;
  background: url(../images/arr_btm_gray.svg) no-repeat center top/48px 18px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-price {
    font-size: 20px;
    padding: 18px 0 14px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-price .fs-xl {
  position: relative;
  top: 2px;
  font-size: 42px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-price .fs-xl {
    font-size: 36px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-price .fs-sm {
  font-size: 14px;
}
.lp .price-simu-tb[data-type=net_mobile] .td-price .sup {
  top: 1.8em;
}
.lp .price-simu-tb[data-type=net_mobile] .td-price .del {
  text-decoration: line-through;
  text-decoration-color: #e93817;
  text-decoration-thickness: 2px;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake {
    font-size: 14px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake p {
  margin-bottom: 0;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-xl {
  position: relative;
  top: 2px;
  font-size: 36px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-xl {
    top: 1px;
    font-size: 24px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-lg {
  font-size: 22px;
  font-weight: bold;
  color: #e83817;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-lg {
    font-size: 18px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .td-header {
  font-size: 16px;
  padding: 10px 0;
  border-top: 1px solid #afafaf;
  background: #f3f3f3;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .td-header {
    font-size: 14px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-md {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: -2px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-md {
    font-size: 14px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-sm {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-sm {
    font-size: 12px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-xs {
  position: relative;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .fs-xs {
    font-size: 10px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .sup {
  position: absolute;
  z-index: 0;
  left: -14px;
  top: -8px;
  font-size: 11px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .sup {
    left: -12px;
    top: -6px;
    font-size: 9px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake [data-color=net] {
  color: #1F9AE5;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake [data-color=mobile] {
  color: #07a187;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake [data-color=gray] {
  color: #afafaf;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .col {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .col::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: calc(50% - 17px);
  left: calc(50% - 17px);
  width: 34px;
  height: 34px;
  background: url(../images/icn/icn_service_add_s.svg?2) no-repeat center center;
  background-size: 34px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .col::before {
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .col .col-item {
  align-self: center;
  width: 50%;
  padding: 8px 0 12px;
}
.lp .price-simu-tb[data-type=net_mobile] .td-uchiwake .col .col-item:nth-of-type(1) {
  width: calc(50% + 1px);
  border-right: solid #afafaf 1px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_mobile] td.price-uchiwake:nth-of-type(1) {
    border-right: solid #ddd 1px !important;
  }
}
.lp .price-simu-tb[data-type=net_tv] {
  margin-top: 16px;
  border-collapse: separate;
  border: none;
  border-right: solid #afafaf 1px;
  border-bottom: solid #afafaf 1px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] {
    margin-top: 8px;
    margin-bottom: 24px;
    border-left: solid #afafaf 1px;
  }
}
.lp .price-simu-tb[data-type=net_tv] th {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  padding: 8px 0;
  border-left: solid #afafaf 1px;
  border-top: solid #afafaf 1px;
  background-color: #EBEBEB;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] th {
    font-size: 16px;
    border-left: none;
  }
}
.lp .price-simu-tb[data-type=net_tv] td {
  text-align: center;
  padding: 12px 0;
  box-sizing: border-box;
  border-left: solid #afafaf 1px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] td {
    border: none;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-service,
.lp .price-simu-tb[data-type=net_tv] .td-plan {
  padding: 0;
  border-bottom: none;
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col,
.lp .price-simu-tb[data-type=net_tv] .td-plan .col {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-service .col,
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col {
    font-size: 15px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item,
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item {
  padding: 12px 0;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item,
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item {
    padding: 8px 0;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item[data-color=net],
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=net] {
  background-color: #32a2f6;
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item[data-color=mobile],
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=mobile] {
  background-color: #29a5a9;
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item[data-color=tv],
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] {
  background-color: #e40077;
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item:nth-of-type(1),
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item:nth-of-type(1) {
  width: 35%;
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item:nth-of-type(2),
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item:nth-of-type(2) {
  width: 65%;
}
.lp .price-simu-tb[data-type=net_tv] .td-service .col::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: calc(50% - 12px);
  left: calc(35% - 12px);
  width: 24px;
  height: 24px;
  background: url(../images/icn/icn_service_add_blk.svg) no-repeat center center;
  background-size: 24px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-service .col::before {
    top: calc(50% - 10px);
    left: calc(35% - 10px);
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-service .col .col-item {
    padding: 14px 0;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item {
  padding: 16px 0 14px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item {
    padding: 10px 0;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item p {
  margin: 0;
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=net] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e5f2ff;
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=net] .plan-name {
  font-size: 22px;
  color: #0085CD;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=net] .plan-name {
    font-size: 16px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=net] .sup {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=net] .sup {
    font-size: 12px;
    top: -6px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] {
  background-color: #FBD9EB;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] {
    border-right: 1px solid #ddd;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] .plan-name {
  font-size: 22px;
  color: #E40177;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] .plan-name {
    font-size: 16px;
    margin-top: 6px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] .plan-name .sm {
  font-size: 81.8181818182%;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] .plan-name .sm {
    font-size: 75%;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] .plan-desc {
  font-size: 16px;
  color: #222;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .col .col-item[data-color=tv] .plan-desc {
    font-size: 13px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-plan .plan-note {
  font-size: 14px;
  line-height: 1.6;
  font-weight: normal;
  color: #333;
  margin-top: 4px !important;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-plan .plan-note {
    font-size: 12px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-price {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  width: calc(100% - 24px);
  margin: auto;
  padding: 12px 0 18px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-price {
    font-size: 20px;
    line-height: 1.2;
    padding: 8px 0 16px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-price p {
  margin-bottom: 0;
}
.lp .price-simu-tb[data-type=net_tv] .td-price .xl {
  position: relative;
  top: 2px;
  font-size: 44px;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-price .xl {
    font-size: 40px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-price .md {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-price .md {
    font-size: 16px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-price .sm {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-price .sm {
    font-size: 14px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-price .price-org {
  font-size: 16px;
  font-weight: 400;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net_tv] .td-price .price-org {
    font-size: 14px;
    margin-top: 6px;
  }
}
.lp .price-simu-tb[data-type=net_tv] .td-price .sup {
  top: 1.8em;
}
.lp .price-simu-tb[data-type=net_tv] .td-price .del {
  text-decoration: line-through;
  text-decoration-color: #e93817;
  text-decoration-thickness: 2px;
}
.lp .price-simu-tb[data-type=net] {
  margin-top: 12px;
  border-collapse: separate;
  border: none;
  border-right: solid #afafaf 1px;
  border-bottom: solid #afafaf 1px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] {
    margin-top: 6px;
    margin-bottom: 24px;
    border-left: solid #afafaf 1px;
  }
}
.lp .price-simu-tb[data-type=net] th {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 6px 0;
  border-left: solid #afafaf 1px;
  border-top: solid #afafaf 1px;
  background-color: #ebebeb;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] th {
    font-size: 14px;
    border-left: none;
  }
}
.lp .price-simu-tb[data-type=net] td {
  text-align: center;
  padding: 12px 0;
  box-sizing: border-box;
  border-left: solid #afafaf 1px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] td {
    border: none;
  }
}
.lp .price-simu-tb[data-type=net] .td-header {
  font-size: 16px;
  font-weight: 700;
  padding: 8px 0;
  background: #f0f0f0;
}
.lp .price-simu-tb[data-type=net] .td-plan {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  padding: 10px 0;
  border-top: solid #afafaf 1px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-plan {
    font-size: 16px;
  }
}
.lp .price-simu-tb[data-type=net] .td-plan[data-color=hikari] {
  background-color: #32a2f6;
}
.lp .price-simu-tb[data-type=net] .td-price {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin: auto;
  padding: 12px 12px 18px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-price {
    font-size: 16px;
    padding: 12px 12px 18px;
  }
}
.lp .price-simu-tb[data-type=net] .td-price p {
  margin-bottom: 0;
}
.lp .price-simu-tb[data-type=net] .td-price .fs-xs {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-price .fs-xs {
    font-size: 12px;
  }
}
.lp .price-simu-tb[data-type=net] .td-price .fs-cashback {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-price .fs-cashback {
    font-size: 16px;
  }
}
.lp .price-simu-tb[data-type=net] .td-price .fs-lg {
  position: relative;
  top: 2px;
  font-size: 32px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-price .fs-lg {
    font-size: 24px;
  }
}
.lp .price-simu-tb[data-type=net] .td-price .fs-xl {
  position: relative;
  top: 2px;
  font-size: 46px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-price .fs-xl {
    font-size: 40px;
  }
}
.lp .price-simu-tb[data-type=net] .td-price sup {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .lp .price-simu-tb[data-type=net] .td-price sup {
    font-size: 12px;
  }
}
.lp .price-simu-tb[data-type=net] .td-price .del {
  text-decoration: line-through;
  text-decoration-color: #e93817;
  text-decoration-thickness: 2px;
}
.lp .netplan {
  margin-top: 0;
}
.lp .js-netplan-slider {
  margin-bottom: 0;
}
.lp .js-netplan-slider.slick-initialized {
  opacity: 1;
}
.lp .js-netplan-slider .slick-slide {
  margin-right: 10px;
  -webkit-user-select: text;
          user-select: text;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.lp .js-netplan-slider .slick-dots {
  display: none;
}
.lp .netplan-select {
  display: flex;
  justify-content: space-between;
  margin: 10px auto 0;
}
@media screen and (max-width: 767px) {
  .lp .netplan-select {
    width: 100%;
    margin-top: 0;
  }
}
.lp .netplan-select[data-id=mdu] {
  max-width: 500px;
}
.lp .netplan-select[data-id=mdu] li {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .lp .netplan-select[data-id=mdu] li {
    width: calc(50% - 6px);
  }
}
.lp .netplan-select li {
  cursor: pointer;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #32a2f6;
  width: calc(33.3333% - 10px);
  min-height: 50px;
  border: 2px solid #32a2f6;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .lp .netplan-select li {
    font-size: 16px;
    width: calc(33.3333% - 6px);
    min-height: 48px;
  }
}
.lp .netplan-select li.active {
  color: #fff;
  background-color: #32a2f6;
}
.lp .netplan-select li.active::after {
  content: "";
  position: absolute;
  left: calc(50% - 15px);
  bottom: -12px;
  display: block;
  width: 30px;
  height: 12px;
  background: url(../images/arr_btm_hikari.svg) no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .lp .netplan-select li.active::after {
    left: calc(50% - 14px);
    bottom: -14px;
    width: 28px;
    height: 14px;
  }
}
.lp .netplan-select li p {
  margin-bottom: 0;
}
.lp .price-kojihi {
  position: relative;
  padding: 0 16px 16px;
  border: 1px solid #afafaf;
  background: #fff;
}
.lp .price-kojihi p {
  font-size: 18px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .lp .price-kojihi p {
    font-size: 16px;
  }
}
.lp .price-kojihi .icn-add {
  position: relative;
  text-align: center;
  margin-top: -18px;
  margin-bottom: 8px;
}
.lp .price-kojihi .strong {
  position: relative;
  top: 2px;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  color: #e83817;
}
@media screen and (max-width: 767px) {
  .lp .price-kojihi .strong {
    font-size: 34px;
  }
}

.lp .net-price-discount .detail {
  margin: 0 auto 32px;
  padding: 24px 24px;
  background-color: #eef6ff;
}
@media screen and (max-width: 767px) {
  .lp .net-price-discount .detail {
    margin-block: 0 24px;
    padding: 12px 12px 16px;
  }
}
.lp .net-price-discount .detail > .item {
  position: relative;
}
.lp .net-price-discount .detail > .item + .item {
  margin-top: 24px;
}
.lp .net-price-discount .detail > .item .item-header {
  position: relative;
  z-index: 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 8px;
  padding: 6px 12px;
  background: #489CFF;
}
@media screen and (max-width: 899px) {
  .lp .net-price-discount .detail > .item .item-header {
    font-size: 15px;
    padding: 6px 4px;
  }
}
.lp .net-price-discount .detail > .item .item-body {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.lp .net-price-discount .detail > .item .item-body p {
  margin-bottom: 0;
}
.lp .net-price-discount .detail > .item .item-body .txt-1 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .lp .net-price-discount .detail > .item .item-body .txt-1 {
    font-size: 18px;
  }
}
.lp .net-price-discount .detail > .item .item-body .txt-1 .strong {
  position: relative;
  top: 2px;
  font-size: 140%;
  color: #d9161B;
}
@media screen and (max-width: 767px) {
  .lp .net-price-discount .detail > .item .item-body .txt-1 .strong {
    top: 1px;
    font-size: 24px;
  }
}
.lp .net-price-discount .detail > .item .item-body .txt-2 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .lp .net-price-discount .detail > .item .item-body .txt-2 {
    font-size: 18px;
  }
}
.lp .net-price-discount .detail > .item .item-body .txt-2 .strong {
  position: relative;
  top: 2px;
  font-size: 28px;
  color: #d9161B;
}
@media screen and (max-width: 767px) {
  .lp .net-price-discount .detail > .item .item-body .txt-2 .strong {
    top: 1px;
    font-size: 24px;
  }
}
.lp .net-price-discount .item-1 {
  max-width: 540px;
  margin: auto;
}
.lp .net-price-discount .item-2 {
  max-width: 540px;
  margin: 32px auto 0;
}
@media screen and (max-width: 767px) {
  .lp .net-price-discount .item-2 {
    margin-top: 24px;
  }
}

.swiper-charm {
  max-width: 1050px;
  margin-inline: auto;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .swiper-charm {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
.swiper-charm[data-id=net] .charm-item::before {
  background: #E7F1F8;
}
.swiper-charm[data-id=mobile] .charm-item::before {
  background: #E5F6F6;
}
.swiper-charm[data-id=tv] .charm-item::before {
  background: #FFEDF6;
}
.swiper-charm[data-id=tv] .charm-item .lp-btn-bd-xs {
  font-size: 12px;
}
.swiper-charm .charm-item {
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-align: center;
  padding: 16px 10px;
  border-radius: 6px;
  border: 1px solid #333;
  background: #fff;
}
.swiper-charm .charm-item > .inner {
  max-width: 290px;
  margin-inline: auto;
}
.swiper-charm .charm-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.swiper-charm .charm-item .num {
  margin-bottom: 20px;
}
.swiper-charm .charm-item .txt-14 {
  font-size: 14px;
}
@media screen and (min-width: 980px) and (max-width: 1089px) {
  .swiper-charm .charm-item .txt-14 {
    font-size: calc(12.6px + (14 - 12.6) * (100vw - 980px) / (1089 - 980));
  }
}
.swiper-charm .charm-item .h-14 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
@media screen and (min-width: 980px) and (max-width: 1089px) {
  .swiper-charm .charm-item .h-14 {
    font-size: calc(12.6px + (14 - 12.6) * (100vw - 980px) / (1089 - 980));
  }
}
.swiper-charm .charm-item .h-18 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (min-width: 980px) and (max-width: 1089px) {
  .swiper-charm .charm-item .h-18 {
    font-size: calc(16.2px + (18 - 16.2) * (100vw - 980px) / (1089 - 980));
  }
}
.swiper-charm .charm-item .h-20 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (min-width: 980px) and (max-width: 1089px) {
  .swiper-charm .charm-item .h-20 {
    font-size: calc(18px + (20 - 18) * (100vw - 980px) / (1089 - 980));
  }
}
.swiper-charm .charm-item .h-24 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (min-width: 980px) and (max-width: 1089px) {
  .swiper-charm .charm-item .h-24 {
    font-size: calc(21.6px + (24 - 21.6) * (100vw - 980px) / (1089 - 980));
  }
}
.swiper-charm .charm-item .h-24 .fs-sm {
  font-size: 66.6666666667%;
}
.swiper-charm .charm-item sup {
  top: -10px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .swiper-charm .charm-item sup {
    font-size: 10px;
  }
}
.swiper-charm .charm-item .list-note > li,
.swiper-charm .charm-item .list-note-num > li {
  padding-left: 24px;
  text-align: justify;
}
.swiper-charm .charm-item .shinsta-img {
  width: calc(100% + 36px);
  margin-left: -18px;
  margin-bottom: 16px;
}
.swiper-charm .charm-item .shinsta-summary {
  overflow: hidden;
  display: block;
  color: #333;
  border-radius: 6px;
  border: 1px solid #333;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .swiper-charm .charm-item .shinsta-summary:hover .link::before {
    transform: translateX(4px);
  }
}
.swiper-charm .charm-item .shinsta-summary > .header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  text-align: center;
  height: 58px;
  padding-inline: 6px;
  background: #333;
}
.swiper-charm .charm-item .shinsta-summary > .inner {
  text-align: center;
  font-weight: bold;
  padding: 6px 2px 8px;
  background: #ffe1f6;
}
.swiper-charm .charm-item .shinsta-summary > .inner .catch {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  min-height: 46px;
}
.swiper-charm .charm-item .shinsta-summary > .inner sup {
  top: -6px;
  font-size: 10px;
}
.swiper-charm .charm-item .shinsta-summary > .inner > .link {
  transition: 0.25s;
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #E4007F;
  margin-bottom: 0;
  padding: 0 16px 2px 2px;
  border-bottom: 1px solid #E4007F;
}
.swiper-charm .charm-item .shinsta-summary > .inner > .link::before {
  transition: 0.25s;
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  width: 11px;
  height: 11px;
  background: url(../images/icn/icn_arr_pnk.svg) no-repeat 0 0/100% auto;
}
.swiper-charm .charm-item .charm-tv-row {
  display: flex;
  margin-bottom: 16px;
}
.swiper-charm .charm-item .charm-tv-row .charm-tv-col:not(.icn) {
  width: 47.5862068966%;
}
.swiper-charm .charm-item .charm-tv-row .icn {
  position: relative;
  z-index: 1;
  width: 7.5862068966%;
  margin: 28% -4px 0;
}
.swiper-charm .charm-item .charm-box[data-color=beg] {
  border: 1px solid #eeac9e;
  background: #faeee8;
}
.swiper-charm .charm-item .charm-box[data-color=beg] .charm-box-body {
  background: #faeee8;
}
.swiper-charm .charm-item .charm-box .charm-box-header {
  padding: 10px;
  background: #fff;
}
.swiper-charm .charm-item .charm-box .charm-box-header .h-14 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.swiper-charm .charm-item .charm-box .charm-box-header .h-24 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
}
.swiper-charm .charm-item .charm-box .charm-box-body {
  padding: 16px 19px;
}
.swiper-charm .charm-item .catch-balloon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  max-width: 258px;
  height: 80px;
  margin: 0 auto 32px;
  border: 1px solid #eeac9e;
  background: #faeee8;
}
.swiper-charm .charm-item .catch-balloon::before, .swiper-charm .charm-item .catch-balloon::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin-inline: auto;
}
.swiper-charm .charm-item .catch-balloon::after {
  bottom: -14px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #faeee8;
}
.swiper-charm .charm-item .catch-balloon::before {
  bottom: -15px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 15px solid #eeac9e;
}
.swiper-charm .charm-item .catch-balloon p {
  margin-bottom: 0;
}

.net-charm-item {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 18px 32px 60px;
  border-radius: 10px;
  border: 1px solid #333;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .net-charm-item {
    padding: 16px 16px 32px;
  }
}
.net-charm-item + .net-charm-item {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .net-charm-item + .net-charm-item {
    margin-top: 40px;
  }
}
.net-charm-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: #E7F1F8;
}
@media screen and (max-width: 767px) {
  .net-charm-item::before {
    height: 40px;
  }
}
.net-charm-item .item-header {
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-header {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-header .num img {
    width: 100px;
  }
}
.net-charm-item .house-tab {
  width: calc(100% + 64px);
  margin: 32px -32px 48px;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .net-charm-item .house-tab {
    margin-left: -16px;
    margin-bottom: 24px;
    width: calc(100% + 32px);
  }
}
.net-charm-item .house-tab .house-tab-nav {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-inline: auto;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .net-charm-item .house-tab .house-tab-nav {
    padding: 0 16px;
  }
}
.net-charm-item .house-tab .house-tab-nav .house-tab-nav-item {
  width: calc(50% - 12px);
}
@media screen and (max-width: 767px) {
  .net-charm-item .house-tab .house-tab-nav .house-tab-nav-item {
    width: calc(50% - 6px);
  }
}
.net-charm-item .house-tab .house-tab-nav .house-tab-nav-item span {
  display: block;
  border: 1px solid #333;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  background: #333;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 12px 8px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .net-charm-item .house-tab .house-tab-nav .house-tab-nav-item span {
    font-size: 15px;
  }
}
.net-charm-item .house-tab .house-tab-nav .house-tab-nav-item.active {
  pointer-events: none;
}
.net-charm-item .house-tab .house-tab-nav .house-tab-nav-item.active span {
  background: #fff;
  color: #333;
  position: relative;
  padding-block: 18px;
}
.net-charm-item .house-tab .house-tab-nav .house-tab-nav-item.active span::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
.net-charm-item .item-body {
  max-width: 900px;
  margin-inline: auto;
}
.net-charm-item .item-body .net-charm-h-sm {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .net-charm-item .item-body .net-charm-h-sm {
    font-size: calc(22px + (24 - 22) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-h-sm {
    font-size: 14px;
    margin-bottom: 2px;
  }
}
.net-charm-item .item-body .net-charm-h {
  font-size: 44px;
  line-height: 1.4;
  margin: 0 0 32px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .net-charm-item .item-body .net-charm-h {
    font-size: calc(42px + (44 - 42) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-h {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.net-charm-item .item-body .net-charm-h sup {
  top: -18px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-h sup {
    top: -10px;
    font-size: 12px;
  }
}
.net-charm-item .item-body .net-charm-h-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 18px 0 40px;
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-h-row {
    margin-block: 4px 12px;
  }
}
.net-charm-item .item-body .net-charm-h-row .img {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-h-row .img {
    height: 42px;
    margin-right: 2px;
  }
  .net-charm-item .item-body .net-charm-h-row .img img {
    height: 100%;
    width: auto;
  }
}
.net-charm-item .item-body .net-charm-h-row > .txt {
  font-size: 42px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .net-charm-item .item-body .net-charm-h-row > .txt {
    font-size: calc(40px + (42 - 40) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-h-row > .txt {
    font-size: 22px;
  }
}
.net-charm-item .item-body .net-charm-h-row .fs-sm {
  font-size: 71.4285714286%;
}
.net-charm-item .item-body .net-charm-txt {
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .net-charm-item .item-body .net-charm-txt {
    font-size: calc(18px + (20 - 18) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .net-charm-txt {
    font-size: 16px;
  }
}
.net-charm-item .item-body [class*=btn-white-] {
  /*
  min-width: auto;
  max-width: 320px;

  @media screen and (max-width: 767px) {
  	font-size: 16px;
  	max-width: 250px;
  	min-height: 50px;
  	padding: 6px 12px;
  	border-width: 2px;
  }
  */
}
.net-charm-item .item-body .lp-btn-bd {
  /*
  max-width: 320px;
  min-height: 58px;

  &[data-width="lg"] {
  	max-width: 400px;

  	@media screen and (max-width: 767px) {
  		max-width: 254px;
  	}
  }

  @media screen and (max-width: 767px) {
  	font-size: 14px;
  	max-width: 254px;
  	min-height: 40px;
  }

  //三角アイコン
  &::before {
  	@media screen and (max-width: 767px) {
  		right: 12px;
  		top: calc(50% - 6px);
  		width: 12px;
  		height: 12px;
  	}
  }
  */
}
@media screen and (max-width: 767px) {
  .net-charm-item .item-body .lp-btn-bd {
    font-size: 16px;
  }
}

.bnr-pod {
  position: relative;
  margin-block: 56px 0;
  border: 1px solid #dac6bd;
}
@media screen and (max-width: 767px) {
  .bnr-pod {
    margin-block: 0 20px;
  }
}
.bnr-pod .label {
  position: absolute;
  z-index: 1;
  left: -8px;
  top: -34px;
}
@media screen and (max-width: 767px) {
  .bnr-pod .label {
    left: -1.6vw;
    top: -4.5333333333vw;
    width: 18.6666666667vw;
  }
  .bnr-pod .label img {
    width: 100%;
    height: auto;
  }
}

.net-price-900 {
  max-width: 750px;
  margin-inline: auto;
  padding: 24px 24px 32px;
  border-radius: 10px;
  background: #e7f1f8;
}
@media screen and (max-width: 767px) {
  .net-price-900 {
    padding: 0 0 8px;
    border-radius: 0;
    background: #fff;
  }
}
.net-price-900 .net-price-txt-1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .net-price-900 .net-price-txt-1 {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.net-price-900 .net-price-txt-1 span {
  padding-bottom: 4px;
  border-bottom: 1px solid #333;
}
.net-price-900 .net-price-txt-2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .net-price-900 .net-price-txt-2 {
    font-size: 20px;
  }
}
.net-price-900 .net-price-txt-2 .strong {
  position: relative;
  top: 1px;
  font-size: 56px;
  color: #d9161B;
}
@media screen and (max-width: 767px) {
  .net-price-900 .net-price-txt-2 .strong {
    font-size: 32px;
  }
}
.net-price-900 .net-price-txt-2 .fs-sm {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .net-price-900 .net-price-txt-2 .fs-sm {
    font-size: 16px;
  }
}
.net-price-900 .net-price-txt-2 .fs-xs {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .net-price-900 .net-price-txt-2 .fs-xs {
    font-size: 12px;
  }
}

.lp .net-speed-summary {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .lp .net-speed-summary {
    margin-top: 16px;
  }
}
.lp .net-speed-summary ul {
  max-width: 600px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .lp .net-speed-summary ul {
    max-width: 100%;
    padding: 16px 0 0;
  }
}
.lp .net-speed-summary ul li {
  display: flex;
  margin: 0;
  padding: 10px;
  border: 1px solid #8bcdf6;
  background-color: #e7f1f8;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .lp .net-speed-summary ul li {
    padding: calc(8px + (10 - 8) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .lp .net-speed-summary ul li {
    padding: 10px;
  }
}
.lp .net-speed-summary ul li + li {
  margin-top: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .lp .net-speed-summary ul li + li {
    margin-top: calc(10px + (12 - 10) * (100vw - 768px) / (1024 - 768));
  }
}
.lp .net-speed-summary ul li .col-1 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  width: 29%;
  margin-right: 10px;
  background-color: #32a2f6;
}
.lp .net-speed-summary ul li .col-1 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .lp .net-speed-summary ul li .col-1 {
    width: 30%;
    max-width: 108px;
  }
}
.lp .net-speed-summary ul li .col-2 {
  position: relative;
  flex: 1;
  color: #333;
}
.lp .net-speed-summary ul li .col-2 .txt-1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .lp .net-speed-summary ul li .col-2 .txt-1 {
    font-size: calc(14px + (16 - 14) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .lp .net-speed-summary ul li .col-2 .txt-1 {
    font-size: 15px;
  }
}
.lp .net-speed-summary ul li .col-2 .txt-2 {
  font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .lp .net-speed-summary ul li .col-2 .txt-2 {
    font-size: calc(11px + (14 - 11) * (100vw - 768px) / (1024 - 768));
  }
}
@media screen and (max-width: 767px) {
  .lp .net-speed-summary ul li .col-2 .txt-2 {
    font-size: 12px;
  }
}

.headline_4 {
  max-width: 210px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 6px;
  border-bottom: 1px solid #333;
}

.flow-tab {
  margin-top: 24px;
}
.flow-tab .flow-tab-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-nav {
    padding: 0 16px;
  }
}
.flow-tab .flow-tab-nav .flow-tab-nav-item {
  width: calc(50% - 16px);
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-nav .flow-tab-nav-item {
    width: calc(50% - 6px);
  }
}
.flow-tab .flow-tab-nav .flow-tab-nav-item span {
  display: block;
  border: 1px solid #333;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background: #333;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 16px 8px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-nav .flow-tab-nav-item span {
    font-size: 14px;
  }
}
.flow-tab .flow-tab-nav .flow-tab-nav-item.active {
  pointer-events: none;
}
.flow-tab .flow-tab-nav .flow-tab-nav-item.active span {
  background: #fff;
  color: #333;
  position: relative;
}
.flow-tab .flow-tab-nav .flow-tab-nav-item.active span::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
.flow-tab .flow-tab-inner {
  padding: 0 24px 40px;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner {
    padding: 16px 16px 24px;
  }
}
.flow-tab .flow-tab-inner .icn-card {
  display: inline-block;
  font-weight: 500;
  padding: 4px 0 4px 48px;
  background: url(../images/icon_card.svg) no-repeat center left/40px auto;
}
.flow-tab .flow-tab-inner .icn-qst {
  font-weight: 500;
  padding: 4px 0 4px 24px;
  border-bottom: 1px solid #333;
  background: url(../images/icn/icn_qst.svg) no-repeat center left/20px auto;
}
.flow-tab .flow-tab-inner .icn-check {
  display: inline-block;
  padding: 0 0 0 28px;
  background: url(/common_v10/images/icn-text-check-primary.svg) no-repeat top 3px left/20px auto;
}
.flow-tab .flow-tab-inner .flow-step.next {
  position: relative;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .flow-step.next {
    margin-bottom: 50px;
  }
}
.flow-tab .flow-tab-inner .flow-step.next::after {
  position: absolute;
  content: url(../images/icon_arr_step.svg);
  bottom: -32px;
  left: 50%;
  margin-left: -12.5px;
  display: block;
  width: 25px;
  height: 15px;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .flow-step.next::after {
    bottom: -20px;
  }
}
.flow-tab .flow-tab-inner .flow-step-header {
  text-align: center;
}
.flow-tab .flow-tab-inner .flow-step-header h3 {
  font-size: 20px;
  margin: 0 0 16px;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .flow-step-header h3 {
    font-size: 18px;
  }
}
.flow-tab .flow-tab-inner .flow-step-body {
  padding: 40px 0;
  border-radius: 10px;
  background: #FAEEE8;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .flow-step-body {
    padding: 34px 16px;
    margin-top: 80px;
    padding-top: 80px;
  }
}
.flow-tab .flow-tab-inner .flow-step-body > .inner {
  max-width: 540px;
  margin-inline: auto;
}
.flow-tab .flow-tab-inner .flow-step-body .flow-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .flow-step-body .flow-row {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .flow-tab .flow-tab-inner .flow-step-body .flow-row .flow-col:nth-of-type(1) {
    width: 33%;
    margin-right: 12px;
  }
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .flow-step-body .flow-row .flow-col:nth-of-type(1) {
    text-align: center;
    max-width: 128px;
    margin: -140px auto 16px;
  }
}
@media screen and (min-width: 768px) {
  .flow-tab .flow-tab-inner .flow-step-body .flow-row .flow-col:nth-of-type(2) {
    width: 67%;
  }
}
.flow-tab .flow-tab-inner .flow-step-body .flow-row.row-middle {
  align-items: center;
}
.flow-tab .flow-tab-inner .need {
  text-align: center;
  margin-block: 24px 12px;
  padding-bottom: 8px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #959595;
}
@media screen and (max-width: 767px) {
  .flow-tab .flow-tab-inner .need {
    margin-top: 16px;
  }
}
.flow-tab .flow-tab-inner .need .need-tit {
  font-weight: bold;
  text-align: center;
  padding: 12px 12px;
  border-bottom: 1px solid #959595;
}
.flow-tab .flow-tab-inner .flow-board-bd {
  background: #fff;
  border-radius: 6px;
  border: 1px solid #959595;
  padding: 12px 16px;
}
.flow-tab .flow-tab-inner .flow-board-bd.next {
  position: relative;
  margin-bottom: 32px;
}
.flow-tab .flow-tab-inner .flow-board-bd.next::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon_arr_step.svg);
  background-size: contain;
  width: 20px;
  height: 12px;
  bottom: -24px;
  left: 50%;
  margin-left: -10px;
  display: block;
}

.flow-tit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 80px;
  max-width: 400px;
  margin: 0 auto 48px;
  padding: 8px 12px;
  border-top: 3px solid #333;
  border-bottom: 3px solid #333;
}
@media screen and (max-width: 767px) {
  .flow-tit {
    max-width: 280px;
    font-size: 22px;
    height: 70px;
    margin-bottom: 32px;
    border-width: 2px;
  }
}
.flow-tit::after {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 0;
  right: 68.5px;
  bottom: -23px;
  width: 32px;
  height: 23px;
  background: url(../images/flow_tit_ballon.png) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .flow-tit::after {
    right: 20%;
    bottom: -16px;
    width: 22px;
    height: 16px;
  }
}
.flow-tit .icn {
  padding-left: 60px;
  background: url(../images/flow_tit_icn.svg) no-repeat left center/49px auto;
}
@media screen and (max-width: 767px) {
  .flow-tit .icn {
    padding-left: 42px;
    background-size: 34px auto;
  }
}

.flow-nav {
  position: relative;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .flow-nav {
    margin-bottom: 24px;
  }
}
.flow-nav .nav-main {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto 24px;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main {
    margin-bottom: 12px;
  }
}
.flow-nav .nav-main li {
  margin-bottom: 0;
}
.flow-nav .nav-main li.net-tv {
  width: 58.7301587302%;
}
.flow-nav .nav-main li.net-tv a > .icn-net {
  margin-right: 24px;
  background: url(../images/icn/icn_net.svg) no-repeat left center/42px auto;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main li.net-tv a > .icn-net {
    margin-right: 12px;
  }
}
.flow-nav .nav-main li.net-tv a > .icn-tv {
  background: url(../images/icn/icn_tv.svg) no-repeat left center/42px auto;
}
.flow-nav .nav-main li.mobile {
  width: 36.5079365079%;
}
.flow-nav .nav-main li.mobile a > .icn {
  background: url(../images/icn/icn_mobile.svg) no-repeat left center/42px auto;
}
.flow-nav .nav-main li a {
  transition: 0.25s;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding-right: 32px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #333;
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: 3px 3px 0 #333;
  background: #fff;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .flow-nav .nav-main li a {
    font-size: calc(21.12px + (24 - 21.12) * (100vw - 768px) / (1119 - 768));
    height: calc(70.4px + (80 - 70.4) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main li a {
    font-size: 14px;
    height: 40px;
    padding-right: 16px;
    border-radius: 6px;
    box-shadow: 2px 2px 0 #333;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .flow-nav .nav-main li a:hover {
    box-shadow: 0 0 0 #333;
    transform: translate(3px, 3px);
  }
}
.flow-nav .nav-main li a::before {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 11.5px);
  width: 23px;
  height: 23px;
  background: url(../images/icn/icn_arr_btm_23.svg) no-repeat right center/100% auto;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main li a::before {
    right: 8px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}
.flow-nav .nav-main li a > [class^=icn] {
  display: block;
  padding-block: 6px;
  padding-left: 52px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .flow-nav .nav-main li a > [class^=icn] {
    background-size: calc(36.96px + (42 - 36.96) * (100vw - 768px) / (1119 - 768)) auto !important;
  }
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main li a > [class^=icn] {
    padding-left: 24px;
    background-size: 20px auto !important;
  }
}
.flow-nav .nav-sub {
  max-width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-sub {
    max-width: 220px;
  }
}
.flow-nav .nav-sub li {
  margin-bottom: 0;
}
.flow-nav .nav-sub li a {
  transition: 0.25s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  font-size: 17px;
  font-weight: bold;
  color: #333;
  padding-right: 12px;
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: 3px 3px 0 #333;
  background: #fff;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .flow-nav .nav-sub li a {
    font-size: calc(14.96px + (17 - 14.96) * (100vw - 768px) / (1119 - 768));
    height: calc(56.32px + (64 - 56.32) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-sub li a {
    font-size: 12px;
    height: 36px;
    border-radius: 6px;
    box-shadow: 2px 2px 0 #333;
  }
}
.flow-nav .nav-sub li a[href^="#"]::before {
  transform: rotate(90deg);
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .flow-nav .nav-sub li a:hover {
    box-shadow: 0 0 0 #333;
    transform: translate(3px, 3px);
  }
}
.flow-nav .nav-sub li a::before {
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8.5px);
  width: 17px;
  height: 17px;
  background: url(../images/icn/icn_arr.svg) no-repeat right center/100% auto;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-sub li a::before {
    right: 12px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}

.flow-box {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #333;
  background: #fff;
}
.flow-box + .flow-box {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .flow-box + .flow-box {
    margin-top: 20px;
  }
}
.flow-box .flow-box-body {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-box-body {
    padding: 24px 12px 16px;
  }
}
.flow-box .flow-box-header {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.flow-box .flow-box-header[data-id=net-tv] > .box-col {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  color: #e83817;
  width: 50%;
  height: 70px;
  background: #f2f2f2;
}
.flow-box .flow-box-header[data-id=net-tv] > .box-col.net {
  padding-right: 24px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-box-header[data-id=net-tv] > .box-col.net {
    padding-right: 12px;
  }
}
.flow-box .flow-box-header[data-id=net-tv] > .box-col.net > .icn {
  margin-left: auto;
  padding-left: 44px;
  background: url(../images/icn/icn_net.svg?202410) no-repeat left center/34px auto;
}
.flow-box .flow-box-header[data-id=net-tv] > .box-col.tv {
  padding-left: 24px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-box-header[data-id=net-tv] > .box-col.tv {
    padding-left: 12px;
  }
}
.flow-box .flow-box-header[data-id=net-tv] > .box-col.tv > .icn {
  margin-right: auto;
  padding-left: 44px;
  background: url(../images/icn/icn_tv.svg?202410) no-repeat left center/36px auto;
}
.flow-box .flow-box-header[data-id=mobile] > .box-col {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  color: #e83817;
  width: 100%;
  height: 70px;
  background: #f2f2f2;
}
.flow-box .flow-box-header[data-id=mobile] > .box-col > .icn {
  padding-left: 44px;
  background: url(../images/icn/icn_mobile.svg?202410) no-repeat left center/36px auto;
}
.flow-box .flow-box-header[data-id=member] > .box-col {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #e83817;
  width: 100%;
  height: 70px;
  background: #f2f2f2;
}
.flow-box .flow-step-net-tv {
  display: flex;
  justify-content: space-between;
  max-width: 460px;
  margin: 40px auto 32px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv {
    margin-block: 32px 20px;
  }
}
.flow-box .flow-step-net-tv .step-item {
  text-align: center;
  padding: 0 4px 20px;
  width: calc(33.3333% - 26px);
  border: 1px dashed #333;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv .step-item {
    width: calc(33.3333% - 12px);
  }
}
.flow-box .flow-step-net-tv .step-item .num {
  position: relative;
  top: -25px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  width: 50px;
  height: 50px;
  margin: 0 auto -5px;
  border-radius: 50px;
  background: #333;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv .step-item .num {
    top: -20px;
    font-size: 10px;
    width: 40px;
    height: 40px;
  }
}
.flow-box .flow-step-net-tv .step-item .num p {
  margin-bottom: 0;
}
.flow-box .flow-step-net-tv .step-item .num span {
  display: block;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv .step-item .num span {
    font-size: 16px;
  }
}
.flow-box .flow-step-net-tv .step-item .icn {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv .step-item .icn {
    width: 26px;
    height: 26px;
  }
}
.flow-box .flow-step-net-tv .step-item .txt {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv .step-item .txt {
    font-size: 13px;
  }
}
.flow-box .flow-step-net-tv .step-next {
  position: relative;
  z-index: 1;
  min-width: 13px;
  min-height: auto;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-net-tv .step-next {
    min-width: auto;
    width: 9px;
  }
}
.flow-box .flow-step-mobile {
  display: flex;
  justify-content: space-between;
  max-width: 480px;
  margin: 0 auto 8px;
}
.flow-box .flow-step-mobile .step-item {
  width: calc(33.3333% - 13px);
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-mobile .step-item {
    max-width: calc(100% - 32px);
    margin: auto;
  }
}
.flow-box .flow-step-mobile .step-item .txt {
  font-weight: 500;
  text-align: center;
  margin-top: -8px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-mobile .step-item .txt {
    font-size: 13px;
  }
}
.flow-box .flow-step-mobile .step-next {
  position: relative;
  z-index: 1;
  min-width: 26px;
  min-height: 26px;
  align-self: center;
  margin-top: -32px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-step-mobile .step-next {
    min-width: auto;
    width: 18px;
    margin-top: -32px;
  }
}
.flow-box .flow-step-mobile .step-next.ml {
  left: 6px;
}
.flow-box .flow-step-mobile .step-next.mr {
  right: 6px;
}
.tv-plan {
  padding: 8px;
  border: 1px solid #afafaf;
}
@media screen and (max-width: 767px) {
  .tv-plan {
    padding: 10px;
  }
}
.tv-plan + .tv-plan {
  margin-top: 24px;
}

.tv-plan-row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .tv-plan-row {
    display: block;
  }
}

.tv-plan-col {
  text-align: center;
  width: 50%;
  padding: 16px;
}
@media screen and (max-width: 767px) {
  .tv-plan-col {
    width: 100%;
    padding: 10px;
  }
}
.tv-plan-col:nth-of-type(1) {
  position: relative;
  background: #FFE4F2;
}
@media screen and (max-width: 767px) {
  .tv-plan-col:nth-of-type(1) {
    width: calc(100% + 20px);
    margin-top: -10px;
    margin-left: -10px;
  }
}
.tv-plan-col:nth-of-type(1) .icn-modal {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
}
.tv-plan-col:nth-of-type(2) {
  align-self: center;
}
@media screen and (max-width: 767px) {
  .tv-plan-col:nth-of-type(2) {
    padding-block: 12px 0;
  }
}
.tv-plan-col .course {
  padding: 10px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .tv-plan-col .course {
    padding: 8px;
  }
}
.tv-plan-col .course-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tv-plan-col .course-item .icn-plus {
  margin: 0 10px;
}
.tv-plan-col .icn-cashback {
  margin-right: 4px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .tv-plan-col .icn-cashback {
    width: 38px;
    margin-right: 2px;
  }
}
.tv-plan-col .label,
.tv-plan-col .label-primary {
  position: relative;
  top: -2px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  margin-right: 8px;
  padding: 4px 10px;
  border-radius: 4px;
  background: #333;
}
@media screen and (max-width: 767px) {
  .tv-plan-col .label,
  .tv-plan-col .label-primary {
    padding: 3px 8px;
  }
}
.tv-plan-col .label-primary {
  background: #d9161B;
}
.tv-plan-col .fs-32,
.tv-plan-col .fs-36 {
  position: relative;
  top: 2px;
  line-height: 1.2;
}

.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}

.lp {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.img-bd {
  box-sizing: content-box;
  border: 1px solid #fff;
}

.hero {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-bottom: 32px;
  padding: 0 16px;
}
@media screen and (max-width: 767px) {
  .hero {
    margin-bottom: 0;
    padding: 0;
  }
}
.hero h1 {
  max-width: 1120px;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .hero h1 {
    margin-top: 12px;
  }
}
.hero img {
  aspect-ratio: 1120/422;
}
@media screen and (max-width: 767px) {
  .hero img {
    aspect-ratio: 606/710;
    border-radius: 0px;
  }
}

.sec-container {
  padding: 60px 16px 60px;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .sec-container {
    padding: 40px 12px;
  }
}
.charm-tit {
  position: relative;
  margin: -16px 0 16px;
}
@media screen and (max-width: 767px) {
  .charm-tit {
    margin: -12px 0 8px;
  }
}

.text-qst.blu::before {
  background: url(../images/icn-text-qst-blu.svg) no-repeat center center/contain;
}

.color-hikari {
  color: #32a2f6;
}

.color-ppl {
  color: #ec45b8;
}

.color-grn {
  color: #07a187;
}

.color-yel {
  color: #fff000;
}

.color-marker-skew {
  position: relative;
  z-index: 0;
}
.color-marker-skew::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  left: 0;
  bottom: 8px;
  width: 100%;
  height: 14%;
  transform: skew(-30deg);
  background: #fffe00;
}

.icn-arr-btm {
  display: inline-block;
  padding-right: 20px;
  background: url(../images/icn/icn_arr_btm_blk.svg) no-repeat center right/14px 8px;
}

.icn-q {
  color: #fff !important;
  display: inline-block;
  padding-left: 24px;
  padding-bottom: 2px;
  border-bottom: solid #fff 1px;
  background: url(../images/icn/icn_q.svg) no-repeat center left/20px 20px;
}
@media screen and (max-width: 767px) {
  .icn-q {
    padding-left: 20px;
    padding-bottom: 2px;
    background-size: 16px 16px;
  }
}

.bnr-800 {
  padding: 40px 16px;
}
@media screen and (max-width: 767px) {
  .bnr-800 {
    padding: 16px 16px;
  }
}
.bnr-800 > .inner {
  max-width: 800px;
  margin: 0 auto;
}

.tb th, .tb td {
  border: 1px solid #AFAFAF;
}

.lp .btn-mobile {
  display: block;
  text-align: center;
  min-width: auto;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  padding: 22px 0;
  border-radius: 100px;
  border: solid #00A4A8 2px;
  background: #D0E9E9 url(../images/icn/icn_arr_mobile.png) no-repeat center right 24px/30px 30px;
}
@media screen and (max-width: 767px) {
  .lp .btn-mobile {
    padding: 6px 0;
  }
}
.lp .btn-mobile p {
  font-size: 16px;
  margin: 3px 0;
}
.lp .btn-white {
  padding-left: 0;
  padding-right: 0;
  border: solid #fff 3px;
}
.lp .btn-white::after {
  background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}
.lp .btn-white.anchor-link::after {
  width: 14px;
  height: 8px;
  background: url(../images/icn/icn_arr_btm_blk.svg) no-repeat center right/14px 8px;
}
.lp .btn-white-hikari {
  padding-left: 0;
  padding-right: 0;
  border: solid #32a2f6 3px;
}
.lp .btn-white-hikari::after {
  background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}
.lp .btn-white-tv {
  padding-left: 0;
  padding-right: 0;
  border: solid #ec45b8 3px;
}
.lp .btn-white-tv::after {
  background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}
.lp .btn-white-mobile {
  width: 100%;
  max-width: 360px;
  padding-left: 0;
  padding-right: 0;
  border: solid #00b57e 3px;
}
.lp .btn-white-mobile::after {
  background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}

.bg-net {
  background-color: #32a2f6;
}

.bg-net-2 {
  background-color: #dfefff;
}

.bg-beg {
  background-color: #dac6bd;
}

.lp .icn-mdu {
  background: url(../images/icn/icn_mdu.svg) no-repeat center left 24px/34px auto;
}
.lp .icn-h-mdu {
  min-height: 32px;
  padding-left: 42px;
  background: url(../images/icn/icn_mdu.svg) no-repeat center left/32px auto;
}
@media screen and (max-width: 767px) {
  .lp .icn-h-mdu {
    min-height: 30px;
    background-size: 30px auto;
  }
}
.lp .icn-h-sdu {
  min-height: 32px;
  padding-left: 42px;
  background: url(../images/icn/icn_sdu.svg) no-repeat center left/32px auto;
}
@media screen and (max-width: 767px) {
  .lp .icn-h-sdu {
    min-height: 30px;
    background-size: 30px auto;
  }
}

.lp-box-wht {
  position: relative;
  border-radius: 8px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .lp-box-wht {
    background: #faeee8;
  }
}
.lp-box-wht a {
  color: #406FAF;
}
.lp-box-wht > .lp-box-wht-body {
  padding: 32px 24px;
}
@media screen and (max-width: 767px) {
  .lp-box-wht > .lp-box-wht-body {
    padding: 24px 12px;
  }
}

.balloon-top {
  position: relative;
}
.balloon-top::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -30px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 20px 30px 20px;
  border-color: transparent transparent #fff transparent;
}
@media screen and (max-width: 767px) {
  .balloon-top::before {
    top: -22px;
    border-width: 0 16px 24px 16px;
    border-color: transparent transparent #faeee8 transparent;
  }
}

.bnr-security {
  text-align: center;
  margin-block: 40px 16px;
}
.bnr-security .text-upper::before {
  left: -6px;
}
.bnr-security .text-upper::after {
  right: -6px;
}

.lp .fadein-bottom {
  animation: fadein-bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes fadein-bottom {
  0% {
    transform: translateY(48px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}