@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;
  }
}

sup {
  font-weight: normal;
}

.text-upper::before, .text-upper::after {
  top: 5%;
  border-color: currentColor;
  height: 80%;
}
.text-upper::before {
  transform: rotate(-30deg);
}
.text-upper::after {
  transform: rotate(30deg);
}

/*テキスト*/
.text-del {
  text-decoration: line-through;
}

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

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

.fs-36 {
  font-size: 36px;
}

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

.color-wht {
  color: #FFF;
}

.color-yel {
  color: #FFFF00;
}

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

.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;
}

.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: "★";
}

/*ボード*/
.board-lg {
  padding: 32px 24px;
  border-radius: 32px;
}

/*角丸*/
.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%;
  transform: translateX(-50%);
}

.mw-390 {
  max-width: 390px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*CVエリア タブレット時に幅が小さくなるのを回避*/
.section.section-cv .container .cv-guide[data-max-width="764"] {
  max-width: 764px;
  width: 100%;
}

@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-cv-type=main] {
    padding-top: 0 !important;
  }
}
.section-cv[data-cv-type=main] .container .cv-side .btn-simulation.is-custom,
.section-cv[data-cv-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-cv-type=main] .container .cv-side .btn-simulation.is-custom,
  .section-cv[data-cv-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-cv-type=main] .container .cv-side .btn-simulation.is-custom::after,
  .section-cv[data-cv-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-cv-type=main] .container .cv-side .btn-simulation.is-custom,
  .section-cv[data-cv-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-cv-type=main] .container .cv-side .btn-simulation.is-custom {
  padding: 0;
}
.section-cv[data-cv-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-cv-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-cv-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-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom,
.section-cv[data-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom,
  .section-cv[data-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom::after,
  .section-cv[data-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom,
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom {
    display: block;
    padding: 42px 0 0;
    height: 98px;
    border-radius: 10px;
    background-position: center 8px;
    background-size: 30px auto;
  }
}
.section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom .fs-sm,
.section-cv[data-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom .fs-sm,
  .section-cv[data-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom .fs-sm,
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-member.is-custom .fs-sm {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-primary.is-custom.btn-blank::after,
  .section-cv[data-cv-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-cv-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-cv-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;
    min-height: auto;
    height: 50px;
    padding: 0;
    border-width: 2px;
  }
  .section-cv[data-cv-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-cv-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-cv-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-cv-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-cv-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-cv-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-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-white-dark.is-custom {
    padding: 0 16px;
    height: 50px;
    min-height: auto;
    border-width: 2px;
    border-radius: 10px;
  }
}
.section-cv[data-cv-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(/guide/starter/shinlife/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-cv-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-cv-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-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom {
  padding: 6px 12px;
  min-height: auto;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 66px;
    padding: 0;
    border-radius: 10px;
    background-color: #FFC2C0;
  }
}
.section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 28px;
  padding-left: 36px;
  background: url(/guide/starter/shinlife/images/icn/icn_phone.svg) no-repeat left 12px center/28px auto;
}
@media screen and (max-width: 999px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body {
    padding-left: 36px;
    display: inline-block;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body {
    padding-left: 28px;
    background-size: 22px auto;
    background-position: left top 100%;
  }
}
.section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-1 {
  font-size: 12px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-1 {
    font-size: calc(10.8px + (12 - 10.8) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 999px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-1 {
    display: block;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-1 {
    font-size: 10px;
  }
}
.section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-2 {
  font-size: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-2 {
    font-size: calc(18px + (20 - 18) * (100vw - 768px) / (1119 - 768));
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .btn-phone-custom .phone-body .phone-txt-2 {
    font-size: 14px;
  }
}
.section-cv[data-cv-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: 3px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .section-cv[data-cv-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-cv-type=main] .container .cv-guide .cv-box.new-cv-box .new-cv-board .phone-remarks {
    font-feature-settings: "palt" 1;
    font-size: 8px;
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .section-cv[data-cv-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-cv-type=main] .col-50.adjust-sp {
    width: calc(50% - 8px);
  }
}
.section-cv[data-cv-type=main] .btn-simulation.h-lg {
  height: 70px;
}

.section-cv[data-cv-type="2"] .cv-row {
  width: 100%;
  max-width: 810px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.section-cv[data-cv-type="2"] .cv-row + .cv-row {
  margin-top: 16px;
}
.section-cv[data-cv-type="2"] .cv-col {
  width: calc(50% - 10px);
  /*
  &.col-center {
  	margin-inline: auto;

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

.lp-btn-wrap,
.lp-btn-wrap-lg {
  max-width: 810px;
  margin: 48px auto 0;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap,
  .lp-btn-wrap-lg {
    margin-top: 32px;
  }
}
.lp-btn-wrap .lp-btn-row,
.lp-btn-wrap-lg .lp-btn-row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row,
  .lp-btn-wrap-lg .lp-btn-row {
    display: block;
  }
}
.lp-btn-wrap .lp-btn-row .lp-btn-col,
.lp-btn-wrap-lg .lp-btn-row .lp-btn-col {
  width: calc(50% - 15px);
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row .lp-btn-col,
  .lp-btn-wrap-lg .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,
  .lp-btn-wrap-lg .lp-btn-row .lp-btn-col + .lp-btn-col {
    margin-top: 16px;
  }
}
.lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-bd,
.lp-btn-wrap-lg .lp-btn-row .lp-btn-col .lp-btn-bd {
  font-size: 16px;
  font-weight: bold;
  background-size: 15px auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap .lp-btn-row .lp-btn-col .lp-btn-bd,
  .lp-btn-wrap-lg .lp-btn-row .lp-btn-col .lp-btn-bd {
    font-size: 14px;
  }
}
.lp-btn-wrap .lp-btn-row .lp-btn-col.col-center,
.lp-btn-wrap-lg .lp-btn-row .lp-btn-col.col-center {
  margin-inline: auto;
}

.lp-btn-wrap-lg {
  max-width: 100%;
}
.lp-btn-wrap-lg .lp-btn-row .lp-btn-col .lp-btn-bd {
  font-size: 20px;
  font-weight: 500;
  max-width: 100%;
  background-size: 15px auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap-lg .lp-btn-row .lp-btn-col .lp-btn-bd {
    font-size: 14px;
  }
}
.lp-btn-wrap-lg .lp-btn-row .lp-btn-col [class*=btn-white-] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: 100%;
  min-height: 70px;
}
@media screen and (max-width: 767px) {
  .lp-btn-wrap-lg .lp-btn-row .lp-btn-col [class*=btn-white-] {
    font-size: 14px;
    min-height: 40px;
  }
}

.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[data-color=electricity]::after,
.lp-btn-bd-sm[data-color=electricity]::after,
.lp-btn-bd-xs[data-color=electricity]::after {
  background: #FFF3E4;
}

.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(/guide/starter/shinlife/images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
.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(/guide/starter/shinlife/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(/guide/starter/shinlife/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(/guide/starter/shinlife/images/icn/icn_arr.svg) no-repeat 0 0/100% auto;
}
.lp-btn-primary-sm,
.lp-btn-white-primary-sm {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #e83817 !important;
  width: 100%;
  max-width: 330px;
  height: auto;
  min-height: 50px;
  margin-inline: auto;
  border-radius: 128px;
  border: 2px solid #e83817;
  background-color: #fff;
}
.lp-btn-primary-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-white-primary-sm:not([target=_blank]):hover::after {
    transform: translateX(4px);
  }
}
.lp-btn-primary-sm.color-black,
.lp-btn-white-primary-sm.color-black {
  color: #333 !important;
}
.lp-btn-primary-sm.color-black::after,
.lp-btn-white-primary-sm.color-black::after {
  background-image: url(/guide/starter/shinlife/images/icn/icn_arr.svg);
}
.lp-btn-primary-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(/guide/starter/shinlife/images/icn/icn_arr_primary.svg) no-repeat 0 0/100% auto;
}
@media screen and (max-width: 767px) {
  .lp-btn-primary-sm::after,
  .lp-btn-white-primary-sm::after {
    top: calc(50% - 7.5px);
    width: 15px;
    height: 15px;
  }
}
.lp-btn-primary-sm[target=_blank]::after,
.lp-btn-white-primary-sm[target=_blank]::after {
  width: 16px;
  height: 16px;
  background-image: url(/guide/starter/shinlife/images/icn/icn-link-blank-red.svg);
}
@media screen and (max-width: 767px) {
  .lp-btn-primary-sm[target=_blank]::after,
  .lp-btn-white-primary-sm[target=_blank]::after {
    right: 16px;
  }
}
.lp-btn-primary-sm .icn-denki,
.lp-btn-white-primary-sm .icn-denki {
  padding: 4px 0 4px 32px;
  background: url(../images/icn/icn_denki.svg) no-repeat left center/16px auto;
}
.lp-btn-primary-sm > .icn-moving,
.lp-btn-white-primary-sm > .icn-moving {
  padding: 4px 0 4px 48px;
  background: url(/guide/starter/shinlife/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-white-primary-sm > .icn-moving {
    background-size: 33px auto;
  }
}
.lp-btn-primary-sm.icn-none::after,
.lp-btn-white-primary-sm.icn-none::after {
  display: none;
}

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

.lp-btn-net,
.lp-btn-mobile,
.lp-btn-tv,
.lp-btn-electricity {
  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(/guide/starter/shinlife/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,
  .lp-btn-electricity {
    font-size: 16px;
    min-height: 60px;
    border-width: 2px;
    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,
  .lp-btn-electricity:hover {
    background-position: right 28px center;
  }
}
.lp-btn-net > .icn,
.lp-btn-mobile > .icn,
.lp-btn-tv > .icn,
.lp-btn-electricity > .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,
  .lp-btn-electricity > .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;
}

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

.gnav {
  position: relative;
}
.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[data-col="4"] {
  flex-wrap: wrap;
  max-width: 1024px;
}
.gnav .gnav-main[data-col="4"] li {
  width: 23.4375%;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main[data-col="4"] li {
    width: calc(50% - 6px);
  }
  .gnav .gnav-main[data-col="4"] li:nth-of-type(n+3) {
    margin-top: 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(/guide/starter/shinlife/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(/guide/starter/shinlife/images/icn/icn_net.svg) 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(/guide/starter/shinlife/images/icn/icn_mobile.svg) 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(/guide/starter/shinlife/images/icn/icn_tv.svg) 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-main li.ele a > .icn {
  background: url(/guide/starter/shinlife/images/icn/icn_electricity.svg) no-repeat left 24px center/42px auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-main li.ele a > .icn {
    background-position: left 8px center;
    background-size: 20px auto;
  }
}
.gnav .gnav-sub {
  display: flex;
  justify-content: center;
  max-width: 490px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub {
    max-width: 330px;
  }
}
.gnav .gnav-sub li {
  width: 57.1428571429%;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .gnav .gnav-sub li {
    width: 50.9090909091%;
  }
}
.gnav .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 {
    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 {
    font-size: 12px;
    height: 36px;
    box-shadow: 2px 2px 0 #333;
  }
}
.gnav .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 {
    box-shadow: 0 0 0 #333;
    transform: translate(3px, 3px);
  }
}
.gnav .gnav-sub li a::before {
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 8.5px);
  width: 17px;
  height: 17px;
  background: url(/guide/starter/shinlife/images/icn/icn_arr.svg) no-repeat right center/100% auto;
}
@media screen and (max-width: 767px) {
  .gnav .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=electricity] ul li a::after, .lnav[data-color=electricity] ol li a::after {
  background: #FFF3E4;
}
.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 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 + (18 - 15) * (100vw - 768px) / (1119 - 768));
  }
}
.lnav ul.numbering li a,
.lnav ol.numbering li a {
  font-size: 18px;
  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"] {
  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);
}

.swiper-charm,
.swiper-campaign,
.swiper-recommend {
  opacity: 0;
  position: relative;
  max-width: 1000px;
  margin: 0 auto 20px;
}
.swiper-charm.is-show,
.swiper-campaign.is-show,
.swiper-recommend.is-show {
  opacity: 1;
}
.swiper-charm .swiper-footer .swiper-button-prev,
.swiper-charm .swiper-footer .swiper-button-next,
.swiper-campaign .swiper-footer .swiper-button-prev,
.swiper-campaign .swiper-footer .swiper-button-next,
.swiper-recommend .swiper-footer .swiper-button-prev,
.swiper-recommend .swiper-footer .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: calc(50% - 38px);
  width: 40px;
  height: 40px;
  margin: auto;
  outline: none;
  background: url(/guide/starter/shinlife/images/swiper_btn_next.svg) no-repeat 0 0/100% auto;
}
.swiper-charm .swiper-footer .swiper-button-prev::after,
.swiper-charm .swiper-footer .swiper-button-next::after,
.swiper-campaign .swiper-footer .swiper-button-prev::after,
.swiper-campaign .swiper-footer .swiper-button-next::after,
.swiper-recommend .swiper-footer .swiper-button-prev::after,
.swiper-recommend .swiper-footer .swiper-button-next::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .swiper-charm .swiper-footer .swiper-button-prev,
  .swiper-charm .swiper-footer .swiper-button-next,
  .swiper-campaign .swiper-footer .swiper-button-prev,
  .swiper-campaign .swiper-footer .swiper-button-next,
  .swiper-recommend .swiper-footer .swiper-button-prev,
  .swiper-recommend .swiper-footer .swiper-button-next {
    display: none;
  }
}
.swiper-charm .swiper-footer .swiper-button-prev.swiper-button-disabled,
.swiper-charm .swiper-footer .swiper-button-next.swiper-button-disabled,
.swiper-campaign .swiper-footer .swiper-button-prev.swiper-button-disabled,
.swiper-campaign .swiper-footer .swiper-button-next.swiper-button-disabled,
.swiper-recommend .swiper-footer .swiper-button-prev.swiper-button-disabled,
.swiper-recommend .swiper-footer .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.swiper-charm .swiper-footer .swiper-button-prev,
.swiper-campaign .swiper-footer .swiper-button-prev,
.swiper-recommend .swiper-footer .swiper-button-prev {
  left: -20px;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .swiper-charm .swiper-footer .swiper-button-prev,
  .swiper-campaign .swiper-footer .swiper-button-prev,
  .swiper-recommend .swiper-footer .swiper-button-prev {
    left: 0;
  }
}
.swiper-charm .swiper-footer .swiper-button-next,
.swiper-campaign .swiper-footer .swiper-button-next,
.swiper-recommend .swiper-footer .swiper-button-next {
  right: -20px;
}
@media screen and (max-width: 767px) {
  .swiper-charm .swiper-footer .swiper-button-next,
  .swiper-campaign .swiper-footer .swiper-button-next,
  .swiper-recommend .swiper-footer .swiper-button-next {
    right: 0;
  }
}
.swiper-charm .swiper-footer .swiper-pagination,
.swiper-campaign .swiper-footer .swiper-pagination,
.swiper-recommend .swiper-footer .swiper-pagination {
  position: relative;
  margin-top: 8px;
}
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet,
.swiper-campaign .swiper-footer .swiper-pagination .swiper-pagination-bullet,
.swiper-recommend .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 6px;
  height: 6px;
  margin: 0 8px;
  border-radius: 6px;
  background: #D9D9D9;
  opacity: 1;
}
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet::after,
.swiper-campaign .swiper-footer .swiper-pagination .swiper-pagination-bullet::after,
.swiper-recommend .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-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.swiper-campaign .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.swiper-recommend .swiper-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.swiper-campaign,
.swiper-recommend {
  max-width: 1014px;
  padding-inline: 32px;
}
@media screen and (max-width: 767px) {
  .swiper-campaign,
  .swiper-recommend {
    padding-inline: 0;
  }
}
@media screen and (min-width: 980px) {
  .swiper-campaign .swiper-slider[data-slide="1"],
  .swiper-recommend .swiper-slider[data-slide="1"] {
    max-width: 465px;
  }
}
.swiper-charm .swiper-footer .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}

#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(/guide/starter/shinlife/images/icn/icn_mail.png) no-repeat center left 16px/33px 33px;
}
#modal-contact .btn-contact.icn-tel {
  background: #FDECEE url(/guide/starter/shinlife/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(/guide/starter/shinlife/price/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(/guide/starter/shinlife/price/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(/guide/starter/shinlife/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;
  }
}
#modal-select .board-pink-custom,
#modal-shinsta .board-pink-custom {
  background: #FDECEE;
}
@media screen and (max-width: 767px) {
  #modal-select .board-pink-custom,
  #modal-shinsta .board-pink-custom {
    padding: 16px 8px;
  }
}
#modal-select .list-channelitem-modal svg,
#modal-shinsta .list-channelitem-modal svg {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 767px) {
  #modal-select .list-channelitem-modal svg,
  #modal-shinsta .list-channelitem-modal svg {
    width: 42px;
    height: 42px;
  }
}

.swiper-charm {
  max-width: 1024px;
  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[data-id=electricity] .charm-item::before {
  background: #FFF3E4;
}
.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(/guide/starter/shinlife/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;
}
.swiper-charm .charm-item .check-list {
  width: 88%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .swiper-charm .charm-item .check-list {
    max-width: 320px;
  }
}
.swiper-charm .charm-item .check-list li {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 10px 12px 10px 44px;
  background: #FCE5C6 url(/guide/starter/shinlife/images/icn/icn_check.svg) no-repeat left 16px center/19px auto;
}
@media screen and (max-width: 767px) {
  .swiper-charm .charm-item .check-list li {
    font-size: 14px;
  }
}
.swiper-charm .charm-item .check-list li + li {
  margin-top: 12px;
}

.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;
}

.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(/guide/starter/shinlife/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(/guide/starter/shinlife/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;
  }
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main[data-col="3"] {
    flex-wrap: wrap;
    max-width: 75.8017492711%;
  }
}
.flow-nav .nav-main[data-col="3"] li.net-tv {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main[data-col="3"] li.net-tv {
    width: 100%;
  }
}
.flow-nav .nav-main[data-col="3"] li.mobile, .flow-nav .nav-main[data-col="3"] li.electricity {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .flow-nav .nav-main[data-col="3"] li.mobile, .flow-nav .nav-main[data-col="3"] li.electricity {
    width: calc(50% - 6px);
    margin-top: 12px;
  }
}
.flow-nav .nav-main[data-col="3"] li a::before {
  right: 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(/guide/starter/shinlife/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(/guide/starter/shinlife/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(/guide/starter/shinlife/images/icn/icn_mobile.svg) no-repeat left center/42px auto;
}
.flow-nav .nav-main li.electricity a > .icn {
  background: url(/guide/starter/shinlife/images/icn/icn_electricity.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(/guide/starter/shinlife/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(/guide/starter/shinlife/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 .inner {
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .flow-box .inner {
    padding: 24px 12px 16px;
  }
}
.flow-box .icn-qst {
  font-weight: 500;
  padding: 4px 0 4px 24px;
  border-bottom: 1px solid #333;
  background: url(../price/images/icn/icn_qst.svg) no-repeat center left/20px auto;
}
.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(/guide/starter/shinlife/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(/guide/starter/shinlife/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(/guide/starter/shinlife/images/icn/icn_mobile.svg?202410) no-repeat left center/36px auto;
}
.flow-box .flow-box-header[data-id=electricity] > .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=electricity] > .box-col > .icn {
  padding-left: 44px;
  padding-block: 2px;
  background: url(/guide/starter/shinlife/images/icn/icn_electricity.svg?202410) no-repeat left center/40px 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;
}
.section-cm {
  padding: 120px 20px;
  background: url(/guide/starter/shinlife/images/bg-cm.jpg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .section-cm {
    padding: 68px 20px;
    background: url(/guide/starter/shinlife/images/bg-cm-sp.webp) no-repeat bottom center/cover;
  }
}
.section-cm .container .btn-white-primary {
  transition: 0.3s;
  border-color: #fff;
  background: rgba(219, 22, 28, 0.75);
  /*
  @media (hover: none) {
  	&:active {
  		@content;
  	}
  }
  */
}
@media screen and (max-width: 767px) {
  .section-cm .container .btn-white-primary {
    top: -12px;
    max-width: 290px;
  }
}
.section-cm .container .btn-white-primary span {
  color: #fff;
}
.section-cm .container .btn-white-primary::after {
  transition: 0.3s;
  background: url(/common_v10/images/icn-bullet-white.svg) no-repeat center center/contain;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .section-cm .container .btn-white-primary:hover {
    opacity: 1;
    background: rgba(219, 22, 28, 0);
  }
  .section-cm .container .btn-white-primary:hover::after {
    transform: translateX(6px);
  }
}

.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;
}

.section.section-lg {
  padding-block: 60px 80px;
}
@media screen and (max-width: 767px) {
  .section.section-lg {
    padding-block: 40px;
  }
}
.section.section-md {
  padding-block: 48px;
}
@media screen and (max-width: 767px) {
  .section.section-md {
    padding-block: 40px;
  }
  .section.section-md:has(.gnav) {
    padding-block: 24px;
  }
}
.section.section-sm {
  padding-block: 32px;
}
@media screen and (max-width: 767px) {
  .section.section-sm {
    padding-block: 24px;
  }
}

.bg-beg {
  background: #DAC6BD;
}

.bg-pnk {
  background: #FFC2C0;
}

.bg-ppl {
  background: #FF5BCB;
}

.balloon-1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: bold;
  max-width: 450px;
  min-height: 68px;
  margin: 0 auto 32px;
  border-radius: 128px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .balloon-1 {
    font-size: 20px;
    min-height: 50px;
    margin-bottom: 24px;
  }
}
.balloon-1::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 0;
  height: 0;
  margin-inline: auto;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 22px solid #fff;
}
@media screen and (max-width: 767px) {
  .balloon-1::after {
    bottom: -16px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 18px solid #fff;
  }
}

.balloon-2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  max-width: 500px;
  min-height: 70px;
  margin: 0 auto 32px;
  border-radius: 20px;
  border: 1px solid #DEC5BC;
  background: #FAEEE8;
}
@media screen and (max-width: 767px) {
  .balloon-2 {
    max-width: 290px;
    min-height: 80px;
    margin-bottom: 24px;
  }
}
.balloon-2::before, .balloon-2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin-inline: auto;
}
.balloon-2::after {
  bottom: -14px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid #FAEEE8;
}
.balloon-2::before {
  z-index: -1;
  bottom: -15px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 17px solid #DEC5BC;
}
.balloon-2 p {
  margin-bottom: 0;
}

.bnr-480,
.bnr-security {
  text-align: center;
  margin-block: 40px;
}
@media screen and (max-width: 767px) {
  .bnr-480,
  .bnr-security {
    margin-bottom: 32px;
  }
}
.bnr-480 .text-upper::before,
.bnr-security .text-upper::before {
  left: -4px;
}
.bnr-480 .text-upper::after,
.bnr-security .text-upper::after {
  right: -4px;
}