@charset "UTF-8";
sup {
  font-weight: normal;
}

.text-upper::before, .text-upper::after,
.text-upper::before,
.text-upper::after {
  top: 5%;
  border-color: currentColor;
  height: 85%;
}
.text-upper::before,
.text-upper::before {
  left: 0;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media screen and (max-width: 767px) {
  .text-upper::before,
  .text-upper::before {
    left: 8px;
  }
}
.text-upper::after,
.text-upper::after {
  right: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media screen and (max-width: 767px) {
  .text-upper::after,
  .text-upper::after {
    right: 8px;
  }
}

.section.section-note .collapse-trigger {
  border-radius: 0;
}

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

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

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

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

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

.color-link {
  color: #4B6FAA;
}

.color-wht {
  color: #FFF;
}

.color-grn {
  color: #02BF9E;
}

.color-ppl {
  color: #b558ff;
}

.color-yel {
  color: #F5D200;
}

.color-ele {
  color: #ff7e00;
}

.color-marker-org {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.1em, transparent), color-stop(1.1em, #ffaa3b), color-stop(1.35em, #ffaa3b), color-stop(1.35em, transparent));
  background: linear-gradient(transparent 1.1em, #ffaa3b 1.1em, #ffaa3b 1.35em, transparent 1.35em);
}

.color-marker-yel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.1em, transparent), color-stop(1.1em, #F5D200), color-stop(1.35em, #F5D200), color-stop(1.35em, transparent));
  background: linear-gradient(transparent 1.1em, #F5D200 1.1em, #F5D200 1.35em, transparent 1.35em);
}

.color-marker-wht {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.1em, transparent), color-stop(1.1em, #ffffff), color-stop(1.35em, #ffffff), color-stop(1.35em, transparent));
  background: linear-gradient(transparent 1.1em, #ffffff 1.1em, #ffffff 1.35em, transparent 1.35em);
}

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

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

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

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

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

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

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

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

/*幅指定*/
.w-full {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

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

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

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

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

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

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

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

body.fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.fixed-layer {
  content: "";
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
}
.fixed-layer.active {
  z-index: 101;
}

header .container-header nav.gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1120px;
  margin-inline: auto;
}
header .container-header nav.gnav .lp-label-starter,
header .container-header nav.gnav .lp-label-member {
  width: 220px;
}
header .container-header nav.gnav .lp-label-starter a,
header .container-header nav.gnav .lp-label-member a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  width: 100%;
  min-height: 60px;
  border-radius: 128px;
  background: #d9161B;
}
header .container-header nav.gnav .lp-label-starter a .fs-sm,
header .container-header nav.gnav .lp-label-member a .fs-sm {
  font-size: 12px;
}
header .container-header nav.gnav .lp-label-member {
  margin-left: 16px;
}
header .container-header nav.gnav .lp-label-member a {
  color: #333;
  background: #F5D200;
}

nav.gnav-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.gnav-sp .gnav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}
nav.gnav-sp .gnav-list li {
  margin-bottom: 0;
}
nav.gnav-sp .gnav-list li.lp-label-starter {
  width: 122px;
  margin-top: -2px;
}
nav.gnav-sp .gnav-list li.lp-label-starter a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  width: 100%;
  min-height: 40px;
  padding: 2px 8px;
  border-radius: 128px;
  background: #d9161B;
}
nav.gnav-sp .gnav-list li.lp-label-starter a .fs-sm {
  font-size: 11px;
}
nav.gnav-sp .gnav-list li.lp-label-menu {
  width: 38px;
  margin-bottom: 0;
  margin-left: 16px;
}
nav.gnav-sp .gnav-list li.lp-label-menu button.spmenu-trigger {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
nav.gnav-sp .gnav-list li.lp-label-menu button.spmenu-trigger:focus {
  outline: none;
}
nav.gnav-sp .gnav-list li.lp-label-menu button.spmenu-trigger > .icn {
  display: block;
  width: 30px;
  height: 21px;
  margin: 0 auto -2px;
  background: url(../images/icn/icn_gnav_menu.svg) no-repeat 0 0/100% auto;
}
nav.gnav-sp .gnav-list li.lp-label-menu button.spmenu-trigger > .txt {
  display: inline-block;
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  color: #E93817;
}

.spmenu {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 0;
  width: 100%;
  display: none;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  display: none;
}
@media screen and (max-width: 767px) {
  .spmenu {
    display: block;
  }
}
.spmenu.active {
  z-index: 102;
  height: 100%;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .spmenu {
    display: block;
  }
}
.spmenu .spmenu-gnav {
  position: relative;
  padding-top: 68px;
  padding-inline: 16px;
}
.spmenu .spmenu-gnav-list {
  max-width: 480px;
  margin: 0 auto 12px;
}
.spmenu .spmenu-gnav-list li {
  margin-bottom: 12px;
}
.spmenu .spmenu-gnav-list li a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #000 !important;
  text-align: center;
  padding: 14px 12px;
  border-radius: 128px;
  background: #ff7c00 url(../images/lnav_bg.svg) no-repeat left 50% center/auto 100%;
}
.spmenu .spmenu-gnav-list li a::before {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
.spmenu .spmenu-close {
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 16px;
  margin: 0 auto;
  padding: 0;
  max-width: none;
  border: none;
  border-radius: 0;
  background: none;
}
.spmenu .spmenu-close > .icn {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/icn/icn_gnav_menu_close.svg) no-repeat 0 0/100% auto;
}
.spmenu button:focus {
  outline: none;
}
.spmenu p {
  margin-bottom: 12px;
}
.spmenu p .lp-btn-primary,
.spmenu p .lp-btn-member {
  font-size: 16px;
  max-width: 480px;
}

/* @media screen and (max-width: 767px) {
  #fixed-nav {
    display: block;
  }
} */
/* #fixed-nav .nav-jcom .nav-menu .menu-bar {
  padding-inline: 24px;
} */
/* @media screen and (max-width: 1110px) {
  #fixed-nav .nav-jcom .nav-menu .menu-bar {
    padding-inline: 0;
  }
}
#fixed-nav .nav-jcom .nav-menu .menu-bar .container {
  max-width: 1120px;
  min-width: auto;
} */
/* #fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
} */
/* #fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-starter,
#fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-member {
  width: 200px;
  margin-bottom: 18px;
}
#fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-starter a,
#fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-member a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  width: 100%;
  min-height: 58px;
  border-radius: 128px;
  background: #d9161B;
} */
/* @media screen and (max-width: 1110px) {
  #fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-starter a,
  #fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-member a {
    font-size: 18px;
  }
}
#fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-starter a .fs-sm,
#fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-member a .fs-sm {
  font-size: 12px;
}
#fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-member {
  margin-left: 16px;
} */
/* #fixed-nav .nav-jcom .nav-menu .menu-bar .container nav.gnav .lp-label-member a {
  color: #333;
  background: #F5D200;
} */
/* #fixed-nav .nav-jcom .nav-menu .menu-bar .container .gnav-sp {
  padding: 6px 0;
} */

.cv {
  /*
  .cv-simu-link {
  	margin-bottom: 4px;

  	a {
  		font-size: 14px;
  		color: #333;
  		text-decoration: underline;

  		@media screen and (min-width: 768px) and (max-width: 1119px) {
  			font-size: common.flexSize(13, 14, 768, 1119);
  		}

  		@include common.mq-sp {
  			font-size: 13px;
  		}
  	}

  	.icn-atn {
  		display: inline-block;
  		padding-left: 20px;
  		background: url(../images/icn/icn_atn.svg) no-repeat left top 6px / 16px auto;
  	}
  }
  */
}
.cv .mq-md {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .mq-md {
    display: block;
  }
}
.cv .mq-md-down {
  display: none;
}
@media screen and (max-width: 1119px) {
  .cv .mq-md-down {
    display: block;
  }
}
.cv [class*=cv-btn-] {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  text-align: center;
  max-width: 390px;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .cv [class*=cv-btn-] {
    border-radius: 12px;
  }
}
.cv [class*=cv-btn-] a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.4;
  min-height: 64px;
}
.cv [class*=cv-btn-] + [class*=cv-btn-] {
  margin-top: 12px;
}
.cv .cv-btn-primary,
.cv .cv-btn-member {
  font-size: 18px;
  font-weight: 700;
  background: #d9161B;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .cv-btn-primary,
  .cv .cv-btn-member {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-primary,
  .cv .cv-btn-member {
    min-height: 98px;
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-primary .fs-lg,
  .cv .cv-btn-member .fs-lg {
    font-size: 18px;
  }
}
.cv .cv-btn-primary .fs-sm,
.cv .cv-btn-member .fs-sm {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-primary .fs-sm,
  .cv .cv-btn-member .fs-sm {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.cv .cv-btn-primary a,
.cv .cv-btn-member a {
  color: #fff;
  min-height: 68px;
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-primary a,
  .cv .cv-btn-member a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.cv .cv-btn-primary p,
.cv .cv-btn-member p {
  margin-bottom: 0;
}
.cv .cv-btn-primary::before,
.cv .cv-btn-member::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 24px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(../images/icn/icn_arr_wht.svg) no-repeat 0 0/100% auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .cv-btn-primary::before,
  .cv .cv-btn-member::before {
    right: calc(12px + (24 - 12) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-primary::before,
  .cv .cv-btn-member::before {
    display: none;
    /*
    width: 14px;
    height: 14px;
    right: 8px;
    */
  }
}
.cv .cv-btn-primary .icn-starter,
.cv .cv-btn-member .icn-starter {
  background: url(../images/icn/icn_starter.svg) no-repeat left 32px center/32px auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .cv-btn-primary .icn-starter,
  .cv .cv-btn-member .icn-starter {
    background-position: left calc(16px + (32 - 16) * (100vw - 768px) / (1119 - 768)) center;
    background-size: calc(28px + (32 - 28) * (100vw - 768px) / (1119 - 768)) auto;
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-primary .icn-starter,
  .cv .cv-btn-member .icn-starter {
    padding-top: 46px;
    background-position: top 10px center;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .cv .cv-btn-primary:hover,
  .cv .cv-btn-member:hover {
    opacity: 0.8;
  }
}
.cv .cv-btn-primary:not(.cv .cv-btn-primary.is-blank,
.cv .cv-btn-member.is-blank),
.cv .cv-btn-member:not(.cv .cv-btn-primary.is-blank,
.cv .cv-btn-member.is-blank) {
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .cv .cv-btn-primary:not(.cv .cv-btn-primary.is-blank,
  .cv .cv-btn-member.is-blank):hover::before,
  .cv .cv-btn-member:not(.cv .cv-btn-primary.is-blank,
  .cv .cv-btn-member.is-blank):hover::before {
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
}
.cv .cv-btn-primary.is-disabled,
.cv .cv-btn-member.is-disabled {
  background: #bbb;
  pointer-events: none;
}
.cv .cv-btn-member {
  background: #F5D200;
}
.cv .cv-btn-member a {
  color: #333;
}
.cv .cv-btn-member::before {
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
.cv .cv-btn-member.is-blank::before {
  background: url(/common_v10/images/icn-link-blank-black.svg) no-repeat 0 0/100% auto;
}
.cv .cv-btn-member .icn-member {
  background: url(../images/icn/icn_member.svg) no-repeat left 32px center/32px auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .cv-btn-member .icn-member {
    background-position: left calc(16px + (32 - 16) * (100vw - 768px) / (1119 - 768)) center;
    background-size: calc(28px + (32 - 28) * (100vw - 768px) / (1119 - 768)) auto;
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-member .icn-member {
    padding-top: 46px;
    background-position: top 10px center;
  }
}
.cv[data-cv-type="1"] {
  margin-inline: auto;
  padding: 24px 16px;
  background: #fdecee;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] {
    padding: 0;
    background: #FFD8D8;
  }
}
.cv[data-cv-type="1"] .cv-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1120px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
  }
}
.cv[data-cv-type="1"] .cv-main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 68.2142857143%;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-main {
    width: 100%;
  }
}
.cv[data-cv-type="1"] .cv-main::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -22px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #F7A99C;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-main::after {
    display: none;
  }
}
.cv[data-cv-type="1"] .cv-main .cv-label {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-main .cv-label {
    font-size: calc(16px + (20 - 16) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-main .cv-label {
    font-size: 16px;
  }
}
.cv[data-cv-type="1"] .cv-main .cv-col {
  position: relative;
  width: 48.9528795812%;
  padding: 16px 12px 16px;
  border-radius: 16px;
  background: #FFD8D8;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-main .cv-col {
    width: 50%;
    padding-bottom: 12px;
    background: none;
  }
  .cv[data-cv-type="1"] .cv-main .cv-col:first-of-type::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: -1px;
    top: 12px;
    width: 2px;
    height: calc(100% - 24px);
    background: #F7A99C;
  }
}
.cv[data-cv-type="1"] .cv-side {
  position: relative;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: center;
  padding-left: 18px;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-side {
    width: 100%;
    padding: 16px 12px;
    background: #FDECEE;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic {
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #939393;
  background: #fff;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-basic {
    font-size: calc(15px + (18 - 15) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic {
    font-size: 14px;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] a {
  background: url(/common_v10/images/icn-think-black.svg) no-repeat left 32px center/32px auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] a {
    background-position: left calc(16px + (32 - 16) * (100vw - 768px) / (1119 - 768)) center;
    background-size: calc(28px + (32 - 28) * (100vw - 768px) / (1119 - 768)) auto;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] a {
    background: none;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact]::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] {
    background-size: 18px auto;
    background-position: left center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] .fs-lg {
    font-size: calc(15px + (18 - 15) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] .fs-lg {
    font-size: 13px;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] .fs-sm {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic[data-btn-type=starter-contact] .fs-sm {
    font-size: 12px;
    padding-left: 20px;
    background: url(/common_v10/images/icn-think-black.svg) no-repeat left center/18px auto;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic a {
  color: #333;
}
.cv[data-cv-type="1"] .cv-btn-basic::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 24px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-basic::before {
    right: calc(12px + (24 - 12) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-basic::before {
    width: 14px;
    height: 14px;
    right: 6px;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic .icn-moving {
  min-height: 54px;
  background: url(../images/icn/icn_moving.svg) no-repeat left 24px center/31px auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-basic .icn-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) {
  .cv[data-cv-type="1"] .cv-btn-basic .icn-moving {
    height: 66px;
    padding-left: 0;
    background-size: 24px auto;
    background-position: left 8px center;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic.is-blank::before {
  background: url(/common_v10/images/icn-link-blank-black.svg) no-repeat 0 0/100% auto;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .cv[data-cv-type="1"] .cv-btn-basic:hover {
    opacity: 0.8;
  }
}
.cv[data-cv-type="1"] .cv-btn-basic:not(.cv[data-cv-type="1"] .cv-btn-basic.is-blank) {
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .cv[data-cv-type="1"] .cv-btn-basic:not(.cv[data-cv-type="1"] .cv-btn-basic.is-blank):hover::before {
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
}
.cv[data-cv-type="1"] .cv-btn-phone {
  font-size: 18px;
  font-weight: 700;
  border: 2px solid transparent;
}
.cv[data-cv-type="1"] .cv-btn-phone a {
  color: #333;
  min-height: 54px;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-phone a {
    text-align: left;
    min-height: 66px;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-phone {
    font-size: 16px;
    border: #FFC2C0;
    background: #FFC2C0;
  }
}
.cv[data-cv-type="1"] .cv-btn-phone .phone-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  min-height: 28px;
  padding-left: 36px;
  background: url(../images/icn/icn_phone.svg) no-repeat left center/28px auto;
}
@media screen and (max-width: 999px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-body {
    padding-left: 36px;
    display: inline-block;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-body {
    padding-left: 28px;
    background-size: 22px auto;
    background-position: left top 100%;
  }
}
.cv[data-cv-type="1"] .cv-btn-phone .phone-body .fs-sm {
  font-size: 12px;
  font-weight: 500;
  margin-right: 8px;
}
@media screen and (max-width: 999px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-body .fs-sm {
    display: block;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-body .fs-sm {
    font-size: 12px;
    margin-right: 0;
  }
}
.cv[data-cv-type="1"] .cv-btn-phone .phone-body .fs-lg {
  font-size: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-body .fs-lg {
    font-size: calc(18px + (20 - 18) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-body .fs-lg {
    font-size: 16px;
  }
}
.cv[data-cv-type="1"] .cv-btn-phone .phone-remarks {
  font-size: 12px;
  font-weight: normal;
  display: block;
  margin-top: 3px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-remarks {
    font-size: calc(11px + (12 - 11) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-btn-phone .phone-remarks {
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    font-size: 8.5px;
    margin-top: 1px;
    margin-left: 34px;
  }
}
.cv[data-cv-type="1"] .cv-catch {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-catch {
    font-size: 13px;
    line-height: 1.3;
  }
}
.cv[data-cv-type="1"] .cv-remarks {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-size: 14px;
  text-align: center;
  margin: 6px 0 0;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="1"] .cv-remarks {
    font-size: 10px;
  }
}
.cv .cv-simu-catch {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .cv-simu-catch {
    font-size: calc(13px + (16 - 13) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-simu-catch {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.cv .cv-btn-simu,
.cv .cv-btn-simu-ele {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #E93817;
  background: #fff;
  text-align: center;
  max-width: 390px;
  margin-inline: auto;
  padding-inline: 40px 24px;
  border-radius: 100px;
  background: #fff url(../images/icn/icn_denki.svg) no-repeat left 24px center/22px auto;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .cv .cv-btn-simu,
  .cv .cv-btn-simu-ele {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-simu,
  .cv .cv-btn-simu-ele {
    font-size: 16px;
    margin-bottom: 8px;
    border-radius: 100px !important;
  }
}
.cv .cv-btn-simu a,
.cv .cv-btn-simu-ele a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333;
  min-height: 64px;
}
@media screen and (max-width: 767px) {
  .cv .cv-btn-simu a,
  .cv .cv-btn-simu-ele a {
    min-height: 54px !important;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .cv .cv-btn-simu:hover,
  .cv .cv-btn-simu-ele:hover {
    opacity: 0.8;
  }
}
.cv .cv-btn-simu {
  background: #fff url(/common_v10/images/icn-simulation.svg) no-repeat left 24px center/32px auto;
}

.cv[data-cv-type="2"] {
  margin-inline: auto;
  padding: 20px 16px;
  background: #fdecee;
}
.cv[data-cv-type="2"] .cv-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}
.cv[data-cv-type="2"] .cv-row + .cv-row {
  margin-top: 16px;
}
.cv[data-cv-type="2"] .cv-row .cv-col {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="2"] .cv-row .cv-col {
    width: calc(50% - 6px);
  }
}
.cv[data-cv-type="2"] .cv-row .cv-col.col-center {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="2"] .cv-row .cv-col.col-center {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="2"] .cv-btn-simu-ele {
    width: 88%;
    margin-inline: auto;
  }
}
.cv[data-cv-type="3"] {
  margin-inline: auto;
  padding: 32px 16px;
  background: #fdecee;
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="3"] {
    padding: 24px 16px;
  }
}
@media screen and (min-width: 768px) {
  .cv[data-cv-type="3"] .cv-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .cv[data-cv-type="3"] .cv-row .cv-col {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="3"] .cv-row .cv-col + .cv-col {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .cv[data-cv-type="3"] .cv-btn-primary {
    min-height: 58px;
    margin-inline: auto;
    border-radius: 128px;
  }
  .cv[data-cv-type="3"] .cv-btn-primary a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 58px;
  }
  .cv[data-cv-type="3"] .cv-btn-primary::before {
    display: inline-block;
    right: 24px;
    width: 16px;
    height: 16px;
  }
  .cv[data-cv-type="3"] .cv-btn-primary .icn-starter {
    padding-top: 0;
    background: url(../images/icn/icn_starter.svg) no-repeat left 26px center/32px auto;
  }
}

.charm-catch {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
  .charm-catch {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.charm-catch .fs-sm {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .charm-catch .fs-sm {
    font-size: 14px;
  }
}

.catch-28 {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
  .catch-28 {
    font-size: 22px;
    margin-bottom: 32px;
  }
}
.catch-28 .fs-sm {
  font-size: 18px;
}

.catch-26 {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 12px;
}
@media screen and (max-width: 767px) {
  .catch-26 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}

.catch-24 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 32px;
}
@media screen and (max-width: 767px) {
  .catch-24 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}

.catch-16 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 16px;
}
@media screen and (max-width: 767px) {
  .catch-16 {
    font-size: 13px;
    margin-bottom: 8px;
  }
}

.text-link {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.4;
  color: #333 !important;
  padding-right: 16px;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .text-link {
    padding-right: 14px;
  }
}
.text-link::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 6.5px);
  width: 13px;
  height: 13px;
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .text-link::before {
    top: calc(50% - 5.5px);
    width: 11px;
    height: 11px;
  }
}

.text-link-atn {
  margin-bottom: 32px;
}
.text-link-atn a {
  font-size: 14px;
  color: #333;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .text-link-atn a {
    font-size: 14px;
  }
}
.text-link-atn .icn-atn {
  display: inline-block;
  padding-left: 20px;
  background: url(../images/icn/icn_atn.svg) no-repeat left top 6px/16px auto;
}

.text-upper.bd-bold::before, .text-upper.bd-bold::after {
  border-width: 2px;
  border-color: currentColor;
}

.text-18 {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .text-18 {
    font-size: 14px;
  }
}

.h2-label {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  text-shadow: 1px 1px 0 #313652, -1px -1px 0 #313652, -1px 1px 0 #313652, 1px -1px 0 #313652, 0px 1px 0 #313652, -1px 0 #313652, -1px 0 0 #313652, 1px 0 0 #313652;
  text-align: center;
  max-width: 680px;
  min-height: 110px;
  margin: 0 auto 44px;
  padding-bottom: 8px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .h2-label {
    font-size: 24px;
    width: 88%;
    max-width: 386px;
    min-height: 68px;
    margin-bottom: 24px;
  }
}
.h2-label::before, .h2-label::after {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  margin-left: 2px;
  border-radius: 12px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
@media screen and (max-width: 767px) {
  .h2-label::before, .h2-label::after {
    border-radius: 8px;
  }
}
.h2-label::before {
  left: 4px;
  top: 4px;
  background: #fe7d00 url(../images/h2_bg.svg) no-repeat left center/172px 100%;
}
@media screen and (max-width: 767px) {
  .h2-label::before {
    left: 3px;
    top: 3px;
    background-size: 76px 100%;
  }
}
.h2-label::after {
  left: -4px;
  top: -4px;
  border: 3px solid #313652;
}
@media screen and (max-width: 767px) {
  .h2-label::after {
    left: -3px;
    top: -3px;
    border-width: 2px;
  }
}

.h3-label {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  max-width: 288px;
  min-height: 42px;
  margin: 0 auto 16px;
}
@media screen and (max-width: 767px) {
  .h3-label {
    font-size: 16px;
    width: 70%;
    max-width: 320px;
    min-height: 32px;
  }
}
.h3-label::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(-24deg);
          transform: skew(-24deg);
  background: #313652;
}

.h-balloon {
  position: relative;
  max-width: 680px;
  font-size: 28px;
  line-height: 1.4;
  color: #fff;
  margin: 0 auto 24px;
  padding: 16px 12px;
  border-radius: 12px;
  background: #313652;
}
@media screen and (max-width: 767px) {
  .h-balloon {
    font-size: 18px;
    padding-inline: 0;
    border-radius: 8px;
  }
}
.h-balloon::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: -12px;
  width: 0;
  height: 0;
  margin-inline: auto;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid #313652;
}
.h-18 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px;
}
@media screen and (max-width: 767px) {
  .h-18 {
    font-size: 14px;
  }
}

.h-20 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 12px;
}
@media screen and (max-width: 767px) {
  .h-20 {
    font-size: 16px;
  }
}

.h-32 {
  font-size: 32px;
  margin: 0 0 32px;
}
@media screen and (max-width: 767px) {
  .h-32 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

.h-36 {
  font-size: 36px;
  margin: 0 0 32px;
}

[class*=sec-] {
  padding-inline: 16px;
}
.sec-green {
  text-align: center;
  width: 100%;
  max-width: 1012px;
  margin-inline: auto;
  padding: 48px 16px 48px;
}
@media screen and (max-width: 767px) {
  .sec-green {
    padding: 32px 16px 16px;
  }
}

.sec-charm {
  width: 100%;
  max-width: 1012px;
  margin-inline: auto;
  padding: 0 16px 72px;
}
@media screen and (max-width: 767px) {
  .sec-charm {
    padding: 0 16px 40px;
  }
}

.sec-price {
  width: 100%;
  max-width: 1012px;
  margin-inline: auto;
  padding: 72px 16px;
}
@media screen and (max-width: 767px) {
  .sec-price {
    padding: 40px 16px 40px;
  }
}

.sec-app {
  max-width: 1012px;
  margin-inline: auto;
  padding: 72px 16px;
}
@media screen and (max-width: 767px) {
  .sec-app {
    padding: 52px 16px 40px;
  }
}

.sec-service {
  width: 100%;
  max-width: 1012px;
  margin-inline: auto;
  padding: 72px 16px 40px;
}
@media screen and (max-width: 767px) {
  .sec-service {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .container-sm-sp {
      width: calc(100% - 32px);
      margin: 0 16px;
  }
}

.sec-flow {
  width: 100%;
  max-width: 1012px;
  margin-inline: auto;
  padding: 40px 16px 0;
}
.sec-faq {
  width: 100%;
  max-width: 1012px;
  margin-inline: auto;
  padding: 48px 16px 12px;
}
@media screen and (max-width: 767px) {
  .sec-faq {
    padding: 32px 16px 12px;
  }
}

@media screen and (min-width: 768px) {
  .lp-btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .lp-btn-row .lp-btn-col {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 767px) {
  .lp-btn-row .lp-btn-col + .lp-btn-col {
    margin-top: 12px;
  }
}

.lp-btn-white-ele,
.lp-btn-white-nav,
.lp-btn-white-primary,
.lp-btn-dark {
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #333 !important;
  text-align: center;
  max-width: 390px;
  min-height: 58px;
  margin-inline: auto;
  border-radius: 100px;
  background: #fff;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (max-width: 767px) {
  .lp-btn-white-ele,
  .lp-btn-white-nav,
  .lp-btn-white-primary,
  .lp-btn-dark {
    font-size: 14px;
    min-height: 48px;
  }
}
.lp-btn-white-ele::before,
.lp-btn-white-nav::before,
.lp-btn-white-primary::before,
.lp-btn-dark::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-white-ele::before,
  .lp-btn-white-nav::before,
  .lp-btn-white-primary::before,
  .lp-btn-dark::before {
    right: 16px;
    top: calc(50% - 6.5px);
    width: 13px;
    height: 13px;
  }
}
.lp-btn-white-ele .icn-denki,
.lp-btn-white-nav .icn-denki,
.lp-btn-white-primary .icn-denki,
.lp-btn-dark .icn-denki {
  padding: 4px 0 4px 32px;
  background: url(../images/icn/icn_denki.svg) no-repeat left center/16px auto;
}
.lp-btn-white-ele[href^="#anc-"]::before,
.lp-btn-white-nav[href^="#anc-"]::before,
.lp-btn-white-primary[href^="#anc-"]::before,
.lp-btn-dark[href^="#anc-"]::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.lp-btn-white-ele[target=_blank],
.lp-btn-white-nav[target=_blank],
.lp-btn-white-primary[target=_blank],
.lp-btn-dark[target=_blank] {
  padding-right: 24px;
  background: #fff url(/common_v10/images/icn-link-blank-black.svg) no-repeat right 16px center/16px auto;
}
.lp-btn-white-ele[target=_blank]::before,
.lp-btn-white-nav[target=_blank]::before,
.lp-btn-white-primary[target=_blank]::before,
.lp-btn-dark[target=_blank]::before {
  display: none;
}
.lp-btn-white-ele[target=_blank]::after,
.lp-btn-white-nav[target=_blank]::after,
.lp-btn-white-primary[target=_blank]::after,
.lp-btn-dark[target=_blank]::after {
  right: 16px;
}
.lp-btn-white-ele.icn-none::before,
.lp-btn-white-nav.icn-none::before,
.lp-btn-white-primary.icn-none::before,
.lp-btn-dark.icn-none::before {
  display: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .lp-btn-white-ele:hover,
  .lp-btn-white-nav:hover,
  .lp-btn-white-primary:hover,
  .lp-btn-dark:hover {
    opacity: 0.8;
  }
  .lp-btn-white-ele:hover:not[href^="#anc-"]::before,
  .lp-btn-white-nav:hover:not[href^="#anc-"]::before,
  .lp-btn-white-primary:hover:not[href^="#anc-"]::before,
  .lp-btn-dark:hover:not[href^="#anc-"]::before {
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
}

.lp-btn-white-ele {
  border: 2px solid #ff7c00;
}

.lp-btn-white-nav {
  border: 2px solid #313652;
}

.lp-btn-white-primary {
  border: 2px solid #E93817;
}

.lp-btn-dark {
  color: #fff !important;
  border: none;
  background: #333;
}

.lp-btn-net,
.lp-btn-mobile,
.lp-btn-tv,
.lp-btn-gas {
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
  max-width: 390px;
  min-height: 48px;
  margin-inline: auto;
  border-radius: 100px;
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (max-width: 767px) {
  .lp-btn-net,
  .lp-btn-mobile,
  .lp-btn-tv,
  .lp-btn-gas {
    font-size: 14px;
    min-height: 48px;
  }
}
.lp-btn-net[href^="#anc-"]::before,
.lp-btn-mobile[href^="#anc-"]::before,
.lp-btn-tv[href^="#anc-"]::before,
.lp-btn-gas[href^="#anc-"]::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.lp-btn-net[target=_blank]::before,
.lp-btn-mobile[target=_blank]::before,
.lp-btn-tv[target=_blank]::before,
.lp-btn-gas[target=_blank]::before {
  display: none;
}
.lp-btn-net[target=_blank]::after,
.lp-btn-mobile[target=_blank]::after,
.lp-btn-tv[target=_blank]::after,
.lp-btn-gas[target=_blank]::after {
  right: 16px;
}
.lp-btn-net::before,
.lp-btn-mobile::before,
.lp-btn-tv::before,
.lp-btn-gas::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(../images/icn/icn_arr_wht.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-net::before,
  .lp-btn-mobile::before,
  .lp-btn-tv::before,
  .lp-btn-gas::before {
    right: 12px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .lp-btn-net:hover,
  .lp-btn-mobile:hover,
  .lp-btn-tv:hover,
  .lp-btn-gas:hover {
    opacity: 0.8;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .lp-btn-net:hover:not[href^="#anc-"]::before,
  .lp-btn-mobile:hover:not[href^="#anc-"]::before,
  .lp-btn-tv:hover:not[href^="#anc-"]::before,
  .lp-btn-gas:hover:not[href^="#anc-"]::before {
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
}

.lp-btn-net {
  background: #313652;
}

.lp-btn-mobile {
  background: #313652;
}

.lp-btn-tv {
  background: #313652;
}

.lp-btn-gas {
  background: #313652;
}

.lp-btn-primary,
.lp-btn-member {
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
  max-width: 390px;
  min-height: 52px;
  margin-inline: auto;
  border-radius: 100px;
}
.lp-btn-primary .fs-sm,
.lp-btn-member .fs-sm {
  font-size: 12px;
  display: block;
}
.lp-btn-primary[href^="#anc-"]::before,
.lp-btn-member[href^="#anc-"]::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.lp-btn-primary::before,
.lp-btn-member::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
}

.lp-btn-primary {
  background: #d9161B;
}
.lp-btn-primary::before {
  background: url(../images/icn/icn_arr_wht.svg) no-repeat 0 0/100% auto;
}

.lp-btn-member {
  color: #333 !important;
  background: #F5D200;
}
.lp-btn-member::before {
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}

.lnav {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 72px;
  padding: 0 16px;
}
@media screen and (max-width: 767px) {
  .lnav {
    margin-bottom: 40px;
  }
}
.lnav .lnav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lnav .lnav-list li {
  width: calc(33.3333% - 12px);
  margin: 0;
  border: 2px solid #333;
  border-radius: 8px;
  background: #ff7c00 url(../images/lnav_bg.svg) no-repeat left 50% center/auto 100%;
}
@media screen and (max-width: 767px) {
  .lnav .lnav-list li {
    border-width: 1px;
    background-image: url(../images/lnav_bg_sp.svg);
  }
}
.lnav .lnav-list li:nth-of-type(n+4) {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .lnav .lnav-list li:nth-of-type(n+4) {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .lnav .lnav-list li {
    width: calc(33.3333% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .lnav .lnav-list li:nth-of-type(3) a {
    line-height: 1;
  }
}
.lnav .lnav-list li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 78px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lnav .lnav-list li a {
    min-height: 56px;
    font-size: 15px;
    line-height: 1.3;
  }
}
.lnav .lnav-list li a::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 24px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lnav .lnav-list li a::before {
    right: 4px;
    top: calc(50% - 5px);
    background-size: 10px auto;
  }
}

.table-price {
  margin-bottom: 32px;
}
.table-price tr th,
.table-price tr td {
  font-size: 16px;
  text-align: center;
  border: 1px solid #313652;
}
@media screen and (max-width: 767px) {
  .table-price tr th,
  .table-price tr td {
    font-size: 14px;
  }
}
.table-price tr th {
  color: #fff;
  padding: 8px 12px;
  background: #313652;
}
@media screen and (max-width: 767px) {
  .table-price tr th {
    padding: 8px 8px;
  }
}
.table-price tr th:first-of-type {
  border-right-color: rgba(255, 255, 255, 0.6);
}
.table-price tr td {
  padding: 16px 12px;
}
@media screen and (max-width: 767px) {
  .table-price tr td {
    padding: 10px 8px;
  }
}
.table-price tr .plan-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .table-price tr .plan-name {
    font-size: 14px;
  }
}
.table-price tr a {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .table-price tr a {
    font-size: 12px;
  }
}

nav.tab {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  width: 100%;
  margin: 32px 0 0;
  padding-inline: 24px;
}
nav.tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  max-width: 640px;
  margin: auto;
  height: 60px;
}
@media screen and (max-width: 767px) {
  nav.tab ul {
    max-width: 100%;
  }
}
nav.tab ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  min-height: 44px;
  margin-bottom: 0;
  padding: 0;
  border: 1px solid #333;
  border-bottom: none;
  background-color: #fff;
}
nav.tab ul li:nth-of-type(1) {
  border-radius: 12px 0 0 0;
}
@media screen and (max-width: 767px) {
  nav.tab ul li:nth-of-type(1) {
    border-radius: 8px 0 0 0;
  }
}
nav.tab ul li:nth-of-type(2) {
  border-radius: 0 12px 0 0;
}
@media screen and (max-width: 767px) {
  nav.tab ul li:nth-of-type(2) {
    border-radius: 0 8px 0 0;
  }
}
nav.tab ul li a {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  nav.tab ul li a {
    font-size: 14px;
  }
}
nav.tab ul li.active {
  pointer-events: none;
  top: 1px;
  z-index: 2;
  min-height: 60px;
  border-radius: 12px 12px 0 0;
  background: #fe7d00;
}
@media screen and (max-width: 767px) {
  nav.tab ul li.active {
    border-radius: 8px 8px 0 0;
  }
}
nav.tab ul li.active a {
  color: #333 !important;
}
nav.tab ul li.active:nth-of-type(1) {
  left: 1px;
}
nav.tab ul li.active:nth-of-type(2) {
  right: 1px;
}

.tab-inner {
  margin: auto;
}

.tabpanel {
  margin-bottom: 16px;
  padding: 32px 32px;
  border: 1px solid #333;
  border-radius: 12px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .tabpanel {
    padding: 24px 16px;
    border-radius: 8px;
  }
}
.tabpanel .panel-hidden {
  visibility: hidden;
  height: 0 !important;
}
.tabpanel .panel-hidden > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.tabpanel .panel-hidden * {
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.acc {
  overflow: hidden;
  margin-bottom: 32px;
  border-radius: 10px;
  border: 1px solid #333;
  background: #fff;
}
.acc.acc-sm {
  border-radius: 8px;
  margin-bottom: 16px;
}
.acc.acc-sm .acc-trigger {
  font-size: 16px;
  padding: 12px 16px;
}
@media screen and (max-width: 767px) {
  .acc.acc-sm .acc-trigger {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .acc {
    margin-bottom: 24px;
  }
}
.acc .acc-trigger {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding: 18px 12px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .acc .acc-trigger {
    font-size: 16px;
  }
}
.acc .acc-trigger > .inner {
  position: relative;
  display: block;
  width: auto;
  max-width: auto;
  padding-right: 24px;
  background: url(../images/icn/icn_acc_open_blk.svg) no-repeat center right/25px auto;
}
.acc .acc-trigger:has(.brand) {
  padding: 14px 12px;
}
.acc .acc-trigger .brand {
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .acc .acc-trigger .brand {
    font-size: 20px;
  }
}
.acc .acc-trigger .brand .brand-label {
  display: block;
  font-size: 16px;
  text-align: center;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .acc .acc-trigger .brand .brand-label {
    font-size: 14px;
  }
}
.acc .acc-trigger .brand .brand-label img.logo {
  width: 34px;
  margin-right: 8px;
  margin-top: -4px;
}
.acc .acc-trigger.open {
  border-bottom: none;
}
.acc .acc-trigger.open > .inner {
  background-image: url(../images/icn/icn_acc_close_blk.svg);
}
.acc .acc-body > .inner {
  padding: 16px 16px 32px;
}
.acc .acc-close {
  padding: 16px 8px 0;
  margin-top: 32px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #333;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .acc .acc-close {
    padding: 10px 10px 0;
    font-size: 16px;
  }
}
.acc .acc-close span {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 180px;
  background: url(../images/icn/icn_acc_close_blk.svg) no-repeat center right/25px auto;
}
@media screen and (max-width: 767px) {
  .acc .acc-close span {
    max-width: 120px;
  }
}

.flow-box {
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #333;
  background: #fff;
}
.flow-box .flow-box-header {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 20px 12px;
  background: #313652;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-box-header {
    font-size: 16px;
    padding: 18px 8px;
  }
}
.flow-box .flow-box-body {
  max-width: 692px;
  margin-inline: auto;
  padding: 32px 16px 48px;
}
@media screen and (max-width: 767px) {
  .flow-box .flow-box-body {
    padding: 16px 12px 32px;
  }
}
.flow-box.mt {
  margin-top: 48px;
}
.flow-box .btn-primary.is-custom,
.flow-box .btn-member.is-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: bottom;
  margin-inline: auto;
  padding: 0 40px;
  min-height: 68px;
}
@media screen and (max-width: 767px) {
  .flow-box .btn-primary.is-custom,
  .flow-box .btn-member.is-custom {
    font-size: 16px;
    min-height: 52px;
  }
}
.flow-box .btn-primary.is-custom .fs-sm,
.flow-box .btn-member.is-custom .fs-sm {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .flow-box .btn-primary.is-custom .fs-sm,
  .flow-box .btn-member.is-custom .fs-sm {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.flow-box .btn-primary {
  border-color: #d9161B;
  background-color: #d9161B;
}

.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 800px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .flow-list {
    margin-bottom: 4px;
  }
}
.flow-list .next {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 25px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .flow-list .next {
    width: 18px;
    margin: 6px auto;
  }
}
.flow-list .list-item {
  position: relative;
  text-align: center;
  width: calc(33.3333% - 20px);
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .flow-list .list-item {
    width: calc(33.3333% - 10px);
  }
}
.flow-list .list-item p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .flow-list .list-item p {
    font-size: 12px;
  }
}
.flow-list .list-item + .list-item::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -32px;
  top: 35%;
  width: 32px;
  height: 32px;
  background: url(../images/swiper_btn_sm_next.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .flow-list .list-item + .list-item::before {
    top: 20%;
    left: -20px;
    width: 20px;
    height: 20px;
  }
}

.icn-circle-starter,
.icn-circle-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icn-circle-starter::before,
.icn-circle-member::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 30px;
  background: #E93817 url(../images/icn/icn_starter.svg) no-repeat center center/20px auto;
}

.icn-circle-starter::before {
  background: #E93817 url(../images/icn/icn_starter.svg) no-repeat center center/20px auto;
}

.icn-circle-member::before {
  background: #F5D200 url(../images/icn/icn_member.svg) no-repeat center center/20px auto;
}

.faq-list dt,
.faq-list dd {
  margin-bottom: 0;
}
.faq-list .acc {
  margin-bottom: 16px;
}
.faq-list .acc .acc-trigger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  padding: 16px 40px 16px 16px;
  background: url(../images/icn/icn_acc_open_blk.svg) no-repeat center right 12px/25px auto;
}
@media screen and (max-width: 767px) {
  .faq-list .acc .acc-trigger {
    font-size: 14px;
    padding: 12px 32px 12px 12px;
  }
}
.faq-list .acc .acc-trigger.open {
  background-image: url(../images/icn/icn_acc_close_blk.svg);
}
.faq-list .acc .acc-trigger::before {
  content: "Q";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  color: #fff;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  padding-bottom: 3px;
  border-radius: 100px;
  background: #313652;
}
@media screen and (max-width: 767px) {
  .faq-list .acc .acc-trigger::before {
    font-size: 14px;
    width: 26px;
    height: 26px;
  }
}
.faq-list .acc .acc-trigger .txt-q {
  padding-top: 4px;
}
@media screen and (max-width: 767px) {
  .faq-list .acc .acc-trigger .txt-q {
    font-size: 14px;
  }
}
.faq-list .acc .acc-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-inline: 16px;
  padding-block: 16px;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .faq-list .acc .acc-body {
    margin-inline: 12px;
    padding-block: 12px;
  }
}
.faq-list .acc .acc-body::before {
  content: "A";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  color: #fe7c00;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  padding-bottom: 3px;
  border-radius: 100px;
  border: 1px solid #fe7c00;
}
@media screen and (max-width: 767px) {
  .faq-list .acc .acc-body::before {
    font-size: 14px;
    width: 26px;
    height: 26px;
  }
}
.faq-list .acc .acc-body .txt-a {
  padding-top: 4px;
}
@media screen and (max-width: 767px) {
  .faq-list .acc .acc-body .txt-a {
    font-size: 14px;
  }
}

.swiper-topics {
  opacity: 0;
  position: relative;
  max-width: 664px;
  margin: 48px auto 60px;
  padding-inline: 16px;
}
.swiper-topics.is-show {
  opacity: 1;
}
.swiper-topics.is-show .swiper-slide {
  height: auto !important;
}
@media screen and (max-width: 767px) {
  .swiper-topics {
    margin-block: 40px 40px;
  }
}
.swiper-topics .swiper-button-prev,
.swiper-topics .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 40px;
  height: 40px;
  outline: none;
  background: url(../images/swiper_btn_next.svg) no-repeat 0 0/100% auto;
}
.swiper-topics .swiper-button-prev::after,
.swiper-topics .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .swiper-topics .swiper-button-prev,
  .swiper-topics .swiper-button-next {
    display: none;
  }
}
.swiper-topics .swiper-button-prev.swiper-button-disabled,
.swiper-topics .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.swiper-topics .swiper-button-prev {
  left: -32px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 979px) {
  .swiper-topics .swiper-button-prev {
    left: -16px;
  }
}
.swiper-topics .swiper-button-next {
  right: -32px;
}
@media screen and (max-width: 979px) {
  .swiper-topics .swiper-button-next {
    right: -16px;
  }
}
.swiper-topics .swiper-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px auto 0;
}
.swiper-topics .swiper-footer .swiper-pagination {
  position: relative;
  height: 28px;
}
.swiper-topics .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 2px;
  padding: 14px;
  border-radius: 0;
  background: none;
  opacity: 1;
}
.swiper-topics .swiper-footer .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #d9d9d9;
}
.swiper-topics .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  top: 8px;
  left: 8px;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background-color: #666;
}

.topics-catch {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
}
@media screen and (max-width: 767px) {
  .topics-catch {
    font-size: 16px;
    margin-bottom: 8px;
  }
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.loader {
  margin: 60px auto 0;
  font-size: 4px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid #ffaa3b;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #ffaa3b;
  border-left: 3px solid transparent;
  border-radius: 100px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: kf-load 0.6s infinite linear;
          animation: kf-load 0.6s infinite linear;
}

@-webkit-keyframes kf-load {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes kf-load {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-charm {
  opacity: 0;
  position: relative;
  margin: 0 auto 24px;
}
.swiper-charm.is-show {
  opacity: 1;
}
.swiper-charm.is-show .swiper-slide {
  height: auto !important;
}
.swiper-charm .swiper-button-prev,
.swiper-charm .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  outline: none;
  background: url(../images/swiper_btn_next.svg?2) no-repeat 0 0/100% auto;
}
.swiper-charm .swiper-button-prev::after,
.swiper-charm .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .swiper-charm .swiper-button-prev,
  .swiper-charm .swiper-button-next {
    display: block;
    width: 32px;
    height: 32px;
  }
}
.swiper-charm .swiper-button-prev.swiper-button-disabled,
.swiper-charm .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.swiper-charm .swiper-button-prev {
  left: -56px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 979px) {
  .swiper-charm .swiper-button-prev {
    left: -16px;
  }
}
.swiper-charm .swiper-button-next {
  right: -56px;
}
@media screen and (max-width: 979px) {
  .swiper-charm .swiper-button-next {
    right: -16px;
  }
}
.swiper-charm .swiper-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 24px auto 0;
}
.swiper-charm .swiper-footer .swiper-pagination {
  position: relative;
  height: 28px;
}
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 2px;
  padding: 14px;
  border-radius: 0;
  background: none;
  opacity: 1;
}
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #d9d9d9;
}
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  top: 8px;
  left: 8px;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background-color: #666;
}

.swiper-charm {
  max-width: 648px;
  margin: 0 auto 24px;
  /*
  @media screen and (min-width: 480px) and (max-width: 767px) {
  	width: calc(100% + 32px);
  	margin-left: -16px;
  }
  */
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .swiper-charm {
    max-width: 520px;
  }
}
@media screen and (max-width: 767px) {
  .swiper-charm {
    margin-bottom: 24px;
  }
}
.swiper-charm[data-id=net] .charm-item::before {
  background: #FFE5E0;
}
.swiper-charm[data-id=mobile] .charm-item::before {
  background: #FFE5E0;
}
.swiper-charm[data-id=tv] .charm-item::before {
  background: #FFE5E0;
}
.swiper-charm[data-id=tv] .charm-item .lp-btn-bd-xs {
  font-size: 12px;
}
.swiper-charm[data-id=gas] .charm-item::before {
  background: #FFE5E0;
}
.swiper-charm .charm-item {
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-align: center;
  padding: 16px 10px;
  border-radius: 10px;
  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 .txt-16 {
  font-size: 16px;
}
@media screen and (min-width: 980px) and (max-width: 1089px) {
  .swiper-charm .charm-item .txt-16 {
    font-size: calc(14.4px + (16 - 14.4) * (100vw - 980px) / (1089 - 980));
  }
}
.swiper-charm .charm-item .h-14 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.swiper-charm .charm-item .h-16 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.swiper-charm .charm-item .h-18 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
.swiper-charm .charm-item .h-20 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
.swiper-charm .charm-item .h-24 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 12px;
}
.swiper-charm .charm-item .h-24 .fs-sm {
  font-size: 66.6666666667%;
}
.swiper-charm .charm-item .paramount-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* min-height: 102px; */
  margin-bottom: 12px;
  border-radius: 8px;
  background: #0064ff;
}
.swiper-charm .charm-item .paramount-summary > .catch {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.swiper-charm .charm-item .paramount-summary > .media {
  margin-left: 6px;
  width: 56.5517241379%;
}
.swiper-charm .charm-item .paramount-summary > .media img {
  border-radius: 6px;
}
.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 {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
.swiper-charm .charm-item .shinsta-summary > .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: #FFEDF6;
}
.swiper-charm .charm-item .shinsta-summary > .inner .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #E93817;
  margin-bottom: 0;
  padding: 0 16px 2px 2px;
  border-bottom: 1px solid #E93817;
}
.swiper-charm .charm-item .shinsta-summary > .inner > .link::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  width: 11px;
  height: 11px;
  background: url(../images/icn/icn_arr_red.svg) no-repeat 0 0/100% auto;
}
.swiper-charm .charm-item .charm-tv-row {
  display: -webkit-box;
  display: -ms-flexbox;
  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 #f7b6ab;
  background: #FFF2F0;
}
.swiper-charm .charm-item .charm-box[data-color=beg] .charm-box-body {
  background: #FFF2F0;
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: bold;
  max-width: 258px;
  height: 80px;
  margin: 0 auto 32px;
  border: 1px solid #f7b6ab;
  background: #FFF2F0;
}
.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 #FFF2F0;
}
.swiper-charm .charm-item .catch-balloon::before {
  bottom: -15px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 15px solid #f7b6ab;
}
.swiper-charm .charm-item .catch-balloon p {
  margin-bottom: 0;
}
.swiper-charm .charm-item .check-list[data-color=gas] {
  text-align: left;
  max-width: 252px;
  margin-top: 16px;
}
.swiper-charm .charm-item .check-list[data-color=gas] li {
  font-size: 14px;
  padding: 10px 16px 10px 44px;
}
.swiper-charm .charm-item .check-list[data-color=gas] li + li {
  margin-top: 12px;
}
.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: 16px;
  text-align: justify;
}

.lp-btn-bd-xs {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  z-index: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #333 !important;
  width: 100%;
  height: auto;
  margin-inline: auto;
  padding-block: 6px;
  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-xs:hover::before {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
.lp-btn-bd-xs[data-color=net] {
  border: 2px solid #E93817;
}
.lp-btn-bd-xs[data-color=mobile] {
  border: 2px solid #E93817;
}
.lp-btn-bd-xs[data-color=tv] {
  border: 2px solid #E93817;
}

.lp-btn-bd-xs {
  max-width: 330px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 500;
}
.lp-btn-bd-xs::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background: url(../images/icn/icn_arr_xs_blk.svg) no-repeat 0 0/100% auto;
}

/*
@use "usage";
@use "price";
*/
/* #header,
#fixed-nav,
.fixed-nav-sp,
.spmenu,
.lp {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
} */

#main {
  margin-top: 24px;
}

.bg-ivy {
  background: #FFF7EB;
}

.bg-org {
  background: #ffaa3b;
}

.mv {
  margin-bottom: 32px;
  padding-inline: 16px;
}
@media screen and (max-width: 767px) {
  .mv {
    margin: 0;
    padding-inline: 0;
  }
}
.mv .mv-inner {
  position: relative;
  max-width: 1120px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .mv .mv-inner {
    width: 100%;
    margin: auto;
  }
}

.check-list {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .check-list {
    width: 82%;
    max-width: 320px;
  }
}
.check-list li {
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 12px 16px 12px 56px;
}
@media screen and (max-width: 767px) {
  .check-list li {
    font-size: 14px;
  }
}
.check-list li + li {
  margin-top: 16px;
}
.check-list[data-color=ele] li {
  background: #ffe7c8 url(../images/icn/icn_check_nav.svg) no-repeat left 16px center/26px auto;
}
.check-list[data-color=gas] li {
  background: #F2F2F2 url(../images/icn/icn_check_blk.svg) no-repeat left 12px center/19px auto;
}

.app-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 800px;
  margin: 24px auto 32px;
  padding: 10px 24px;
  border-radius: 12px;
  border: 1px solid #333;
  background-color: #ffaa3b;
}
@media screen and (max-width: 767px) {
  .app-link {
    margin-bottom: 48px;
    padding: 8px 8px;
    border-radius: 8px;
  }
}
.app-link .col:nth-of-type(1) {
  width: 180px;
  margin-right: 24px;
}
@media screen and (max-width: 767px) {
  .app-link .col:nth-of-type(1) {
    width: 48%;
    margin-right: 10px;
  }
}
.app-link .col:nth-of-type(1) .app-screen {
  overflow: hidden;
  text-align: center;
  width: 100%;
  max-width: 360px;
  border-radius: 10px;
  background: #fff;
}
.app-link .col:nth-of-type(2) {
  text-align: center;
  width: auto;
}
@media screen and (max-width: 767px) {
  .app-link .col:nth-of-type(2) {
    width: calc(52% - 10px);
  }
}
.app-link .col:nth-of-type(2) .app-catch {
  margin-bottom: 4px;
}
.app-link .col:nth-of-type(2) .app-catch > .bg {
  display: inline;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.9;
  padding: 1px 6px 2px;
  color: #fff;
  background: #313652;
}
@media screen and (min-width: 768px) {
  .app-link .col:nth-of-type(2) .app-catch > .bg.pl-0-pc {
    margin-left: -6px;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .app-link .col:nth-of-type(2) .app-catch > .bg {
    font-size: 15px;
    line-height: 1.8;
    padding: 1px 4px 2px;
  }
}
.app-link .col:nth-of-type(2) .link {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #333;
  max-width: 330px;
  margin: auto;
  padding: 4px 8px;
  border: 2px solid #333;
  border-radius: 4px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .app-link .col:nth-of-type(2) .link {
    font-size: 13px;
    padding: 3px 6px;
  }
}
.app-link .col:nth-of-type(2) .link::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: url(../images/icn/icn_arr_blk.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .app-link .col:nth-of-type(2) .link::before {
    right: 12px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
  }
}

.box-bd {
  width: 100%;
  padding: 48px 40px;
  border-radius: 12px;
  border: 1px solid #333;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .box-bd {
    padding: 24px 16px 24px;
    border-radius: 8px;
  }
}
.box-bd.mt {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .box-bd.mt {
    margin-top: 32px;
  }
}
.box-bd.mb {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .box-bd.mb {
    margin-bottom: 24px;
  }
}
.box-bd .h3-label {
  margin-top: -68px;
}
@media screen and (max-width: 767px) {
  .box-bd .h3-label {
    margin-top: -40px;
    margin-bottom: 12px;
  }
}

.ballon-label-ele {
  position: relative;
  font-weight: 700;
  text-align: center;
  max-width: 300px;
  margin: 32px auto 16px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #feaa3b;
}
@media screen and (max-width: 767px) {
  .ballon-label-ele {
    max-width: 268px;
    font-size: 14px;
    padding: 6px 8px;
  }
}
.ballon-label-ele::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: -12px;
  width: 0;
  height: 0;
  margin-inline: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #feaa3b;
}
.arrow-label {
  position: relative;
  z-index: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  width: 450px;
  height: 24px;
  padding: 12px 8px 0;
  margin: 0 auto 80px;
  background: #313652;
}
@media screen and (max-width: 767px) {
  .arrow-label {
    font-size: 14px;
    line-height: 1.3;
    width: 240px;
    height: 24px;
    padding-top: 6px;
    margin-bottom: 52px;
  }
}
.arrow-label::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 450px;
  height: 48px;
  bottom: -48px;
  right: 0;
  border-style: solid;
  border-width: 48px 225px 0 225px;
  border-color: #313652 transparent;
}
@media screen and (max-width: 767px) {
  .arrow-label::after {
    width: 240px;
    height: 32px;
    bottom: -32px;
    border-width: 32px 120px 0 120px;
  }
}

.green-catch {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
}
@media screen and (max-width: 767px) {
  .green-catch {
    font-size: 16px;
    margin-bottom: 8px;
  }
}

.green-bnr {
  display: block;
  max-width: 600px;
  margin: 0 auto 8px;
}
.green-bnr img {
  border-radius: 16px;
}

.bnr-648 {
  display: block;
  max-width: 648px;
  margin: 0 auto 8px;
}
.bnr-648 img {
  border-radius: 16px;
}

.add-mobile-980 {
  overflow: hidden;
  text-align: center;
  max-width: 580px;
  margin-inline: auto;
  border-radius: 12px;
  background: #FFE7C8;
}

.otoku {
  max-width: 680px;
  margin: 60px auto 24px;
}
@media screen and (max-width: 767px) {
  .otoku {
    margin-top: 32px;
  }
}
.otoku .otoku-discount {
  text-align: center;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #000;
  background: #ffa93b;
}
.otoku .otoku-discount .catch {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 4px;
  border-radius: 8px;
  background: #fff;
}
.otoku .otoku-discount .catch .strong {
  font-size: 30px;
  color: #E93817;
}