@charset "UTF-8";
/* singlelife.scss • v0.0.1 */
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/*==========================================================================

   mixin

===========================================================================*/
/*==========================================================================

   keyframes

===========================================================================*/
/* section
-----------------------------------------------------------------*/
.page-singlelife .m-contact {
  padding: 90px 0 0;
}
@media only screen and (max-width: 767px) {
  .page-singlelife .m-contact {
    padding: 70px 0 0;
  }
}
.page-singlelife :is(.sec-sl-mv, .sec-sl-lead, .sec-sl-type, .sec-sl-access, .sec-sl-life, .sec-sl-next) :is(h1, h2, h3, h4, p, figcaption, button) {
  text-box: trim-both cap alphabetic;
}
.page-singlelife .sec-sl-mv__tate,
.page-singlelife .sec-sl-mv__script,
.page-singlelife .sec-sl-lead__body p,
.page-singlelife .sec-sl-next__lead p {
  text-box: normal;
}
.page-singlelife :is(.sec-sl-lead__body, .sec-sl-next__lead) p:first-child {
  text-box: trim-start cap alphabetic;
}
.page-singlelife :is(.sec-sl-lead__body, .sec-sl-next__lead) p:last-child {
  text-box: trim-end cap alphabetic;
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* variable
-----------------------------------------------------------------*/
/* function
-----------------------------------------------------------------*/
/* mixin
-----------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   mv
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-sl-mv {
  position: relative;
  height: min(700px, 45.5729166667vw);
  overflow: hidden;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-mv {
    height: 740px;
  }
}
.sec-sl-mv__photo {
  position: absolute;
  top: 0;
  width: min(588px, 38.28125vw);
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.sec-sl-mv__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-sl-mv__photo::after {
  content: "";
  position: absolute;
  inset: 0;
}
.sec-sl-mv__photo._left {
  left: 0;
}
.sec-sl-mv__photo._left::after {
  background: linear-gradient(140.68deg, rgba(255, 255, 255, 0.2) 20.4%, rgba(255, 255, 255, 0) 43.4%);
}
.sec-sl-mv__photo._right {
  right: 0;
}
.sec-sl-mv__photo._right::after {
  background: linear-gradient(123.9deg, rgba(255, 255, 255, 0.4) 11%, rgba(255, 255, 255, 0) 49%);
}
@media only screen and (max-width: 767px) {
  .sec-sl-mv__photo {
    width: 100%;
    height: 290px;
  }
  .sec-sl-mv__photo::after {
    content: none;
  }
  .sec-sl-mv__photo._left img {
    -o-object-position: left center;
       object-position: left center;
  }
  .sec-sl-mv__photo._right {
    top: auto;
    bottom: 0;
  }
}
.sec-sl-mv__title {
  position: absolute;
  top: min(96px, 6.25vw);
  left: calc(50% + min(2px, 0.1302083333vw));
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(58px, 3.7760416667vw);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
  white-space: nowrap;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-mv__title .k1 {
  letter-spacing: 0.019em;
}
.sec-sl-mv__title .k2 {
  letter-spacing: -0.008em;
}
.sec-sl-mv__title .k3 {
  letter-spacing: -0.033em;
}
@media only screen and (max-width: 767px) {
  .sec-sl-mv__title {
    top: 321px;
    left: 18px;
    font-size: 38px;
    text-align: left;
    -webkit-transform: none;
            transform: none;
  }
  .sec-sl-mv__title .k1 {
    letter-spacing: 0.05em;
  }
  .sec-sl-mv__title .k2 {
    letter-spacing: -0.05em;
  }
  .sec-sl-mv__title .k3 {
    letter-spacing: -0.09em;
  }
}
.sec-sl-mv__script {
  position: absolute;
  top: min(260.75px, 16.9759114583vw);
  left: calc(50% + min(80.7px, 5.25390625vw));
  margin: 0;
  font-family: "WindSong", cursive;
  font-size: min(50px, 3.2552083333vw);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.05em;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%) rotate(-10.44deg);
          transform: translate(-50%, -50%) rotate(-10.44deg);
}
.sec-sl-mv__script span {
  display: inline-block;
  padding: 0.5em;
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-mv__script {
    top: 440px;
    left: 100.5px;
    font-size: 30px;
  }
}
.sec-sl-mv__tate {
  margin: 0;
}
.sec-sl-mv__tate span {
  position: absolute;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(30px, 1.953125vw);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  color: #222;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-sl-mv__tate span::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - min(27.5px, 1.7903645833vw));
  width: 1px;
  background: #222;
}
.sec-sl-mv__tate span._01 {
  top: min(349px, 22.7213541667vw);
  left: calc(50% + min(77.5px, 5.0455729167vw));
}
.sec-sl-mv__tate span._01::before {
  height: min(218px, 14.1927083333vw);
}
.sec-sl-mv__tate span._02 {
  top: min(349px, 22.7213541667vw);
  left: calc(50% + min(2.5px, 0.1627604167vw));
}
.sec-sl-mv__tate span._02::before {
  height: min(105px, 6.8359375vw);
}
.sec-sl-mv__tate span._03 {
  top: min(347px, 22.5911458333vw);
  left: calc(50% + max(-72.5px, -4.7200520833vw));
}
.sec-sl-mv__tate span._03::before {
  height: min(200px, 13.0208333333vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-mv__tate span {
    top: 321px;
    font-size: 23px;
  }
  .sec-sl-mv__tate span::before {
    left: calc(50% - 20px);
  }
  .sec-sl-mv__tate span._01 {
    top: 321px;
    left: calc(50% + 156.5px);
  }
  .sec-sl-mv__tate span._01::before {
    height: 167px;
  }
  .sec-sl-mv__tate span._02 {
    top: 321px;
    left: calc(50% + 114.2px);
  }
  .sec-sl-mv__tate span._02::before {
    height: 84px;
  }
  .sec-sl-mv__tate span._03 {
    top: 321px;
    left: calc(50% + 71.5px);
  }
  .sec-sl-mv__tate span._03::before {
    height: 158px;
  }
}
.sec-sl-mv__cap {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #222;
}
.sec-sl-mv__cap._white {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-mv__cap {
    font-size: 11px;
  }
}

/*--------------------------------------------------------------------------
   lead
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-sl-lead {
  padding-top: min(180px, 11.71875vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead {
    padding: 100px 20px 80px;
  }
}
.sec-sl-lead__intro {
  width: min(1024px, 66.6666666667vw);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__intro {
    width: 100%;
  }
}
.sec-sl-lead__hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(40px, 2.6041666667vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__hdg {
    font-size: 27px;
  }
}
.sec-sl-lead__body {
  margin-top: min(68px, 4.4270833333vw);
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(18px, 1.5625vw, 24px);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #242424;
}
.sec-sl-lead__body p {
  margin: 0;
}
.sec-sl-lead__body p + p {
  margin-top: 1.8em;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__body {
    margin-top: 50px;
    font-size: 18px;
  }
}
.sec-sl-lead {
  /* 購入という選択 */
}
.sec-sl-lead__balance {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: min(524px, 34.1145833333vw) min(80px, 5.2083333333vw) min(412px, 26.8229166667vw);
  grid-template-columns: min(524px, 34.1145833333vw) min(412px, 26.8229166667vw);
      grid-template-areas: "hdg price" "txt price";
  -ms-grid-rows: auto min(50px, 3.2552083333vw) 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: min(80px, 5.2083333333vw);
     -moz-column-gap: min(80px, 5.2083333333vw);
          column-gap: min(80px, 5.2083333333vw);
  row-gap: min(50px, 3.2552083333vw);
  width: min(1024px, 66.6666666667vw);
  margin: min(160px, 10.4166666667vw) auto 0;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 100%;
    margin-top: 100px;
  }
}
.sec-sl-lead__choice-hdg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: hdg;
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(34px, 2.2135416667vw);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__choice-hdg {
    font-size: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__choice-hdg {
    --mb: 60px;
  }
}
.sec-sl-lead__choice-txt {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: txt;
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(15px, 1.171875vw, 18px);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #242424;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__choice-txt {
    margin-top: 40px;
    font-size: 18px;
  }
}
.sec-sl-lead__price {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: price;
  position: relative;
  width: min(412px, 26.8229166667vw);
  height: min(258px, 16.796875vw);
  background: #fff;
  -webkit-filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.1));
  color: #222;
}
.sec-sl-lead__price p {
  margin: 0;
}
.sec-sl-lead__price::before {
  content: "";
  position: absolute;
  top: min(118px, 7.6822916667vw);
  left: min(40px, 2.6041666667vw);
  width: min(332px, 21.6145833333vw);
  height: 1px;
  background: #C7B19A;
}
.sec-sl-lead__price::after {
  content: "";
  position: absolute;
  top: min(20.5px, 1.3346354167vw);
  left: min(198px, 12.890625vw);
  width: min(16px, 1.0416666667vw);
  height: min(10px, 0.6510416667vw);
  background: url(../img/singlelife/price_tri.svg) no-repeat center/100% 100%;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__price {
    width: 290px;
    height: 211px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 0 6.5px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(0 0 6.5px rgba(0, 0, 0, 0.05));
  }
  .sec-sl-lead__price::before {
    top: 84.8px;
    left: 19.9px;
    width: 250.2px;
  }
  .sec-sl-lead__price::after {
    top: 14.4px;
    left: 139.4px;
    width: 11.3px;
    height: 7px;
  }
}
.sec-sl-lead__price-label {
  position: absolute;
  top: max(-20px, -1.3020833333vw);
  left: min(28px, 1.8229166667vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(356px, 23.1770833333vw);
  height: min(41px, 2.6692708333vw);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), to(#FFBC5D));
  background: linear-gradient(90deg, #8CA6DA 3%, #FFBC5D 100%);
  font-family: "Nanum Myeongjo", serif;
  font-size: min(20px, 1.3020833333vw);
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__price-label {
    top: -14px;
    left: 19.7px;
    width: 250.6px;
    height: 28.9px;
    font-size: 14px;
  }
}
.sec-sl-lead__price-month {
  position: absolute;
  top: min(49px, 3.1901041667vw);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-sl-lead__price-month > span {
  text-box: trim-both cap alphabetic;
}
.sec-sl-lead__price-month .k {
  margin-right: min(12.4px, 0.8072916667vw);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(20px, 1.3020833333vw);
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.sec-sl-lead__price-month .n {
  margin-right: min(3.5px, 0.2278645833vw);
  font-family: "Nanum Myeongjo", serif;
  font-size: min(61.9px, 4.0299479167vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-lead__price-month .u {
  font-family: "Noto Serif JP", serif;
  font-size: min(31px, 2.0182291667vw);
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__price-month {
    top: 29.4px;
  }
  .sec-sl-lead__price-month .k {
    margin-right: 10.8px;
    font-size: 17.3px;
  }
  .sec-sl-lead__price-month .n {
    margin-right: 3px;
    font-size: 53.6px;
  }
  .sec-sl-lead__price-month .u {
    font-size: 26.8px;
  }
}
.sec-sl-lead__price-zero {
  position: absolute;
  top: min(132px, 8.59375vw);
  left: min(37px, 2.4088541667vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(97px, 6.3151041667vw);
  height: min(97px, 6.3151041667vw);
  border-radius: 50%;
  background: url(../img/singlelife/price_circle.svg) no-repeat center/100% 100%;
  color: #fff;
}
.sec-sl-lead__price-zero .k,
.sec-sl-lead__price-zero .n,
.sec-sl-lead__price-zero .u {
  text-box: trim-both cap alphabetic;
}
.sec-sl-lead__price-zero .k {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(13px, 0.8463541667vw);
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.sec-sl-lead__price-zero .v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: min(2px, 0.1302083333vw);
  margin-top: min(9px, 0.5859375vw);
}
.sec-sl-lead__price-zero .n {
  font-family: "Nanum Myeongjo", serif;
  font-size: min(36px, 2.34375vw);
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.sec-sl-lead__price-zero .u {
  font-family: "Noto Serif JP", serif;
  font-size: min(14px, 0.9114583333vw);
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__price-zero {
    top: 100.4px;
    left: 19px;
    width: 84px;
    height: 84px;
  }
  .sec-sl-lead__price-zero .k {
    font-size: 11.3px;
  }
  .sec-sl-lead__price-zero .v {
    gap: 1.7px;
    margin-top: 7.8px;
  }
  .sec-sl-lead__price-zero .n {
    font-size: 31.2px;
  }
  .sec-sl-lead__price-zero .u {
    font-size: 12.1px;
  }
}
.sec-sl-lead__price-sale {
  position: absolute;
  top: min(158px, 10.2864583333vw);
  left: calc(50% + min(57px, 3.7109375vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-sl-lead__price-sale .k,
.sec-sl-lead__price-sale .n,
.sec-sl-lead__price-sale .u {
  text-box: trim-both cap alphabetic;
}
.sec-sl-lead__price-sale .k {
  margin-right: min(10px, 0.6510416667vw);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(16px, 1.0416666667vw);
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.sec-sl-lead__price-sale .v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: min(3px, 0.1953125vw);
}
.sec-sl-lead__price-sale .n {
  font-family: "Nanum Myeongjo", serif;
  font-size: min(50.92px, 3.3151041667vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-lead__price-sale .u {
  font-family: "Noto Serif JP", serif;
  font-size: min(25px, 1.6276041667vw);
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__price-sale {
    top: 116px;
    left: calc(50% + 49.3px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 7.3px;
  }
  .sec-sl-lead__price-sale .k {
    margin: 0;
    padding: 0;
    font-size: 12.1px;
  }
  .sec-sl-lead__price-sale .n {
    font-size: 44.1px;
  }
  .sec-sl-lead__price-sale .u {
    font-size: 19px;
  }
}
.sec-sl-lead {
  /* アンカー */
}
.sec-sl-lead__anchors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(26px, 1.6927083333vw);
  width: min(1022px, 66.5364583333vw);
  margin: min(100px, 6.5104166667vw) auto 0;
  padding: min(100px, 6.5104166667vw) 0 min(140px, 9.1145833333vw);
  border-top: 1px solid #9DA9C8;
  list-style: none;
}
.sec-sl-lead__anchors li + li {
  width: min(304px, 19.7916666667vw);
}
.sec-sl-lead__anchors a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(18px, 1.171875vw);
  height: 100%;
  padding-top: min(18px, 1.171875vw);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.1));
  color: #000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mode-pc .sec-sl-lead__anchors a:hover {
  opacity: 0.7;
}
.sec-sl-lead__anchors .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: min(33px, 2.1484375vw);
  padding: min(8px, 0.5208333333vw) min(62px, 4.0364583333vw);
  border-radius: 5px;
  background: linear-gradient(9deg, rgba(179, 197, 234, 0.3) 35.6%, rgba(255, 216, 162, 0.3) 73.3%), #fff;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.sec-sl-lead__anchors .label .l {
  font-size: min(20px, 1.3020833333vw);
}
.sec-sl-lead__anchors .label .s {
  font-size: min(16px, 1.0416666667vw);
}
.sec-sl-lead__anchors .txt {
  text-box: trim-both cap alphabetic;
  padding: 0 min(20px, 1.3020833333vw);
  white-space: nowrap;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(16px, 1.0416666667vw);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
.sec-sl-lead__anchors .bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: min(22px, 1.4322916667vw);
  margin-top: auto;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(-11.9deg, #AA93CF 25.6%, #FFD16E 100%);
}
.sec-sl-lead__anchors .bar::before {
  content: "";
  width: 10.67px;
  height: 10.67px;
  background: url(../img/singlelife/anchor_arrow.svg) no-repeat center/contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
  .sec-sl-lead__anchors {
    gap: 12px;
    width: 100%;
    margin-top: 80px;
    padding: 80px 0 0;
  }
  .sec-sl-lead__anchors li,
  .sec-sl-lead__anchors li + li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
  .sec-sl-lead__anchors a {
    gap: 12px;
    padding-top: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.15));
  }
  .sec-sl-lead__anchors .label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    width: calc(100% - 28px);
    height: auto;
    padding: 15px 4px;
    line-height: 1.4;
    background: linear-gradient(-55.57deg, rgba(170, 147, 207, 0.3) 25.6%, rgba(255, 209, 110, 0.3) 100%), #fff;
  }
  .sec-sl-lead__anchors .label .l {
    font-size: 20px;
  }
  .sec-sl-lead__anchors .label .s {
    font-size: 16px;
  }
  .sec-sl-lead__anchors .txt {
    width: 100%;
    margin-top: 2px;
    padding: 0 14px;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
  }
  .sec-sl-lead__anchors .bar {
    height: 18px;
    background: linear-gradient(-17.95deg, #AA93CF 25.6%, #FFD16E 100%);
  }
}

/*--------------------------------------------------------------------------
   type
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-sl-type {
  padding-bottom: min(180px, 11.71875vw);
  scroll-margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type {
    padding-bottom: 120px;
  }
}
.sec-sl-type {
  /* タイトル */
}
.sec-sl-type__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(46px, 2.9947916667vw);
  padding: min(180px, 11.71875vw) 20px min(100px, 6.5104166667vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__head {
    gap: 30px;
    padding: 120px 20px 60px;
  }
}
.sec-sl-type._c .sec-sl-type__head {
  padding-top: min(160px, 10.4166666667vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type._c .sec-sl-type__head {
    padding-top: 120px;
  }
}
.sec-sl-type__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0;
  padding: min(15.7px, 1.0221354167vw) min(32.75px, 2.1321614583vw);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #6181C0), to(#F39F29));
  background: linear-gradient(90deg, #6181C0 3%, #F39F29 100%);
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #fff;
  white-space: nowrap;
}
.sec-sl-type__badge .l,
.sec-sl-type__badge .s {
  text-box: trim-both cap alphabetic;
}
.sec-sl-type__badge .l {
  font-size: min(32px, 2.0833333333vw);
}
.sec-sl-type__badge .s {
  font-size: min(22.27px, 1.4498697917vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__badge {
    padding: 13px 26px;
  }
  .sec-sl-type__badge .l {
    font-size: 26.6px;
  }
  .sec-sl-type__badge .s {
    font-size: 18.6px;
  }
}
.sec-sl-type__hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(40px, 2.6041666667vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__hdg {
    font-size: 27px;
  }
}
.sec-sl-type {
  /* 帯写真 */
}
.sec-sl-type__band {
  position: relative;
  height: auto;
  margin: 0;
  overflow: hidden;
}
.sec-sl-type__band img {
  width: 100%;
  height: auto;
}
.sec-sl-type__band figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #222;
}
.sec-sl-type__band figcaption._white {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__band figcaption {
    font-size: 11px;
  }
}
.sec-sl-type__band figcaption {
  color: #fff;
}
.sec-sl-type {
  /* 間取りボード */
}
.sec-sl-type__board {
  position: relative;
  height: min(965px, 62.8255208333vw);
  margin-top: min(150px, 9.765625vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    margin-top: 80px;
  }
}
.sec-sl-type__spec {
  position: absolute;
  top: min(160px, 10.4166666667vw);
  left: calc(50% - min(568px, 36.9791666667vw));
  right: 0;
  height: min(130px, 8.4635416667vw);
  border-radius: 10px 0 0 10px;
  background: linear-gradient(12.8deg, rgba(179, 197, 234, 0.3) 35.6%, rgba(255, 216, 162, 0.3) 73.3%), #fff;
  color: #222;
}
.sec-sl-type__spec :where(p) {
  position: absolute;
  margin: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__spec {
    position: relative;
    top: auto;
    left: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(100% - 20px);
    height: 98px;
    margin-left: 20px;
    background: linear-gradient(34.08deg, rgba(179, 197, 234, 0.3) 35.6%, rgba(255, 216, 162, 0.3) 73.3%), #fff;
  }
  .sec-sl-type__spec::before {
    top: 89px;
    left: 30px;
    width: 325px;
  }
}
.sec-sl-type._c .sec-sl-type__spec {
  height: min(130px, 8.4635416667vw);
  background: linear-gradient(14.5deg, rgba(154, 176, 218, 0.3) 28.3%, rgba(239, 188, 115, 0.3) 75.7%), #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type._c .sec-sl-type__spec {
    height: 98px;
    background: linear-gradient(46.86deg, rgba(154, 176, 218, 0.3) 28.3%, rgba(239, 188, 115, 0.3) 75.7%), #fff;
  }
}
.sec-sl-type__layout, .sec-sl-type__wic, .sec-sl-type__area-label, .sec-sl-type__area {
  bottom: calc(100% - min(89px, 5.7942708333vw));
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__layout, .sec-sl-type__wic, .sec-sl-type__area-label, .sec-sl-type__area {
    bottom: calc(100% - 64px);
  }
}
.sec-sl-type__layout {
  left: min(52px, 3.3854166667vw);
  font-family: "Nanum Myeongjo", serif;
  font-size: min(66px, 4.296875vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-type__layout .ldk {
  font-size: 0.6818em;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__layout {
    left: 26px;
    font-size: 50px;
  }
  .sec-sl-type__layout .ldk {
    font-size: 0.5733em;
  }
}
.sec-sl-type__wic {
  left: min(192px, 12.5vw);
  font-family: "Nanum Myeongjo", serif;
  font-size: min(26px, 1.6927083333vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.035em;
}
.sec-sl-type__wic .p {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__wic {
    left: 122.2px;
    font-size: 18px;
  }
}
.sec-sl-type__area-label {
  left: min(334.5px, 21.77734375vw);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(14px, 0.9114583333vw);
  line-height: 1.38;
  letter-spacing: 0.05em;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__area-label {
    top: 25.3px;
    bottom: auto;
    left: 242.7px;
    font-size: 10px;
  }
}
.sec-sl-type__area {
  left: min(372px, 24.21875vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: min(8px, 0.5208333333vw);
  line-height: 1.3;
}
.sec-sl-type__area .num,
.sec-sl-type__area .unit {
  text-box: trim-both cap alphabetic;
}
.sec-sl-type__area .num {
  font-family: "Nanum Myeongjo", serif;
  font-size: min(45px, 2.9296875vw);
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-type__area .unit {
  font-family: "Noto Serif JP", serif;
  font-size: min(26px, 1.6927083333vw);
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__area {
    left: 211.8px;
    gap: 6px;
  }
  .sec-sl-type__area .num {
    font-size: 28.7px;
  }
  .sec-sl-type__area .unit {
    font-size: 18px;
  }
}
.sec-sl-type__spec-txt {
  top: min(148px, 9.6354166667vw);
  left: min(61px, 3.9713541667vw);
  width: min(461px, 30.0130208333vw);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(18px, 1.171875vw);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__spec-txt {
    top: 114px;
    left: 30px;
    width: 304px;
    font-size: 15px;
  }
}
.sec-sl-type__spec .sec-sl-type__spec-txt {
  white-space: normal;
}
.sec-sl-type__copy {
  position: absolute;
  top: min(422px, 27.4739583333vw);
  left: calc(50% - min(513px, 33.3984375vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(50px, 3.2552083333vw);
  width: min(525px, 34.1796875vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__copy {
    display: contents;
  }
}
.sec-sl-type._c .sec-sl-type__copy {
  top: min(403px, 26.2369791667vw);
}
.sec-sl-type__copy-hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(34px, 2.2135416667vw);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__copy-hdg {
    font-size: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__copy-hdg {
    --mt: 60px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-inline: 20px;
  }
}
.sec-sl-type__copy-txt {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(16px, 1.0416666667vw);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__copy-txt {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin: 30px 20px 0;
    font-size: 15px;
  }
}
.sec-sl-type {
  /* タブ */
}
.sec-sl-type__tabs {
  position: absolute;
  top: min(719px, 46.8098958333vw);
  left: calc(50% - min(513px, 33.3984375vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(15px, 0.9765625vw);
}
.sec-sl-type__tabs button {
  position: relative;
  isolation: isolate;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: min(23px, 1.4973958333vw) min(62px, 4.0364583333vw) min(23px, 1.4973958333vw) min(23px, 1.4973958333vw);
  border: 1px solid #90A6D5;
  border-radius: 5px;
  background: url(../img/singlelife/tab_arrow_off.svg) no-repeat right min(11px, 0.7161458333vw) center/min(38px, 2.4739583333vw) min(38px, 2.4739583333vw);
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(20px, 1.3020833333vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: border-color 0.4s;
  transition: border-color 0.4s;
}
.sec-sl-type__tabs button span {
  text-box: trim-both cap alphabetic;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  transition: -webkit-text-fill-color 0.4s, color 0.4s;
}
.sec-sl-type__tabs button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), to(#FFBC5D));
  background: linear-gradient(90deg, #8CA6DA 3%, #FFBC5D 100%);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.sec-sl-type__tabs button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(11px, 0.7161458333vw);
  width: min(38px, 2.4739583333vw);
  height: min(38px, 2.4739583333vw);
  background: url(../img/singlelife/tab_arrow_on.svg) no-repeat center/100% 100%;
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.sec-sl-type__tabs button.is-active, .mode-pc .sec-sl-type__tabs button:hover {
  border-color: transparent;
}
.sec-sl-type__tabs button.is-active span, .mode-pc .sec-sl-type__tabs button:hover span {
  -webkit-text-fill-color: #fff;
  color: #fff;
}
.sec-sl-type__tabs button.is-active::before, .sec-sl-type__tabs button.is-active::after, .mode-pc .sec-sl-type__tabs button:hover::before, .mode-pc .sec-sl-type__tabs button:hover::after {
  opacity: 1;
}
.sec-sl-type__tabs button.is-active {
  cursor: default;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__tabs {
    position: static;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 15px;
    margin: 30px 20px 0;
  }
  .sec-sl-type__tabs button {
    padding: 20px 63px 20px 20px;
    font-size: 14px;
    line-height: 1.26;
    letter-spacing: 0.05em;
    background-position: right 10px center;
    background-size: 38px 38px;
  }
  .sec-sl-type__tabs button::after {
    right: 10px;
    width: 38px;
    height: 38px;
  }
  .sec-sl-type__tabs button.is-active::after {
    background-image: url(../img/singlelife/tab_arrow_up.svg);
  }
}
.sec-sl-type._c .sec-sl-type__tabs {
  top: min(779px, 50.7161458333vw);
}
.sec-sl-type {
  /* 間取り図 */
}
.sec-sl-type__visual {
  position: absolute;
  top: 0;
  left: calc(50% + min(97px, 6.3151041667vw));
  width: min(588px, 38.28125vw);
  height: min(965px, 62.8255208333vw);
  border-radius: 10px;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.1));
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__visual {
    position: relative;
    left: auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: calc(100% - 40px);
    height: 608px;
    margin: 30px 20px 0;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 0 3.75px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 0 3.75px rgba(0, 0, 0, 0.1));
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-type._c .sec-sl-type__visual {
    height: 607px;
  }
}
.sec-sl-type__plan {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.6s, visibility 0.6s;
  transition: opacity 0.6s, visibility 0.6s;
}
.sec-sl-type__plan.is-active {
  opacity: 1;
  visibility: visible;
}
.sec-sl-type__plan._stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-sl-type__plan._stage::before {
  content: "画像準備中";
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #9DA9C8;
}
.sec-sl-type__plan-img {
  position: absolute;
  top: min(58px, 3.7760416667vw);
  left: calc(50% - min(2px, 0.1302083333vw));
  width: min(360px, 23.4375vw);
  height: min(745px, 48.5026041667vw);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__plan-img {
    top: 33px;
    left: calc(50% + 0.5px);
    width: 262px;
    height: 542px;
  }
}
.sec-sl-type._c .sec-sl-type__plan-img {
  top: min(67px, 4.3619791667vw);
  left: calc(50% + min(0.5px, 0.0325520833vw));
  width: min(373px, 24.2838541667vw);
  height: min(744px, 48.4375vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type._c .sec-sl-type__plan-img {
    top: 33px;
    left: 50%;
    width: 271px;
    height: 541px;
  }
}
.sec-sl-type__plan-compass {
  position: absolute;
  top: min(812px, 52.8645833333vw);
  left: min(402.3px, 26.19140625vw);
  width: min(69.6px, 4.53125vw);
  height: min(96px, 6.25vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__plan-compass {
    top: 436.5px;
    left: auto;
    right: calc(50% - 150.5px);
    width: 34.8px;
    height: 48px;
  }
}
.sec-sl-type {
  /* スライド */
}
.sec-sl-type__story {
  width: calc(50% + min(512px, 33.3333333333vw));
  margin: min(110px, 7.1614583333vw) 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__story {
    width: 100%;
    margin-top: 100px;
    padding-left: 20px;
  }
}
.sec-sl-type__story-hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(34px, 2.2135416667vw);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__story-hdg {
    font-size: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__story-hdg {
    padding-right: 20px;
  }
}
.sec-sl-type__story-txt {
  margin: min(40px, 2.6041666667vw) 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(18px, 1.171875vw);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .sec-sl-type__story-txt {
    margin-top: 35px;
    padding-right: 20px;
    font-size: 16px;
  }
}

.sec-sl-slide {
  margin-top: min(50px, 3.2552083333vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide {
    margin-top: 40px;
  }
}
.sec-sl-slide .swiper-slide {
  width: min(413px, 26.8880208333vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide .swiper-slide {
    width: 315px;
  }
}
.sec-sl-slide__img {
  position: relative;
  aspect-ratio: 1/1;
  margin: 0;
  overflow: hidden;
}
.sec-sl-slide__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-sl-slide__img figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #222;
}
.sec-sl-slide__img figcaption._white {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide__img figcaption {
    font-size: 11px;
  }
}
.sec-sl-slide__img figcaption {
  z-index: 1;
}
.sec-sl-slide__img._d01::after {
  content: "";
  position: absolute;
  right: -13px;
  bottom: -7px;
  width: 121px;
  height: 37px;
  background: #96725C;
  -webkit-filter: blur(35px);
          filter: blur(35px);
}
.sec-sl-slide__img._c01 img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.sec-sl-slide__img._c01::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-28.3deg, rgba(0, 0, 0, 0.2) 13.73%, rgba(102, 102, 102, 0) 15.46%);
}
/* .sec-sl-slide__img._c02 img {
  top: -12.06%;
  left: -7.82%;
  width: 168.01%;
  height: 112.06%;
  -o-object-fit: fill;
     object-fit: fill;
} */
.sec-sl-slide__img._c03 img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.sec-sl-slide__img._c05::after {
  content: "";
  position: absolute;
  left: 65.5%;
  top: 82.8%;
  width: 36.3%;
  height: 26.5%;
  background: rgba(146, 127, 102, 0.8);
  -webkit-filter: blur(30px);
          filter: blur(30px);
}
.sec-sl-slide__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-top: min(29px, 1.8880208333vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide__txt {
    margin-top: 28px;
  }
}
.sec-sl-slide__label {
  margin: 0;
  padding: 10px 15px;
  border: 1px solid #AA93CF;
  font-family: "Nanum Myeongjo", serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.07em;
  white-space: nowrap;
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #9E7FD2), to(#D99A00));
  background: linear-gradient(90deg, #9E7FD2 3%, #D99A00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide__label {
    padding: 10px 16px;
  }
}
.sec-sl-slide__hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(18px, 1.4322916667vw, 22px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide__hdg {
    font-size: 20px;
  }
}
.sec-sl-slide__body {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(14px, 1.0416666667vw, 16px);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide__body {
    font-size: 15px;
  }
}
.sec-sl-slide .swiper-pagination {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  width: min(400px, 26.0416666667vw);
  height: 3px;
  margin-top: min(50px, 3.2552083333vw);
  border-radius: 60px;
  background: linear-gradient(-2.27deg, #AA93CF 25.6%, #FFD16E 100%);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .sec-sl-slide .swiper-pagination {
    width: 220px;
    margin-top: 40px;
  }
}
.sec-sl-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.sec-sl-slide .swiper-pagination-progressbar-fill {
  border-radius: 100px;
  background: #242424;
}

/*--------------------------------------------------------------------------
   access
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-sl-access {
  padding-top: min(180px, 11.71875vw);
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access {
    padding: 120px 20px 0;
  }
}
.sec-sl-access__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: min(1025px, 66.7317708333vw);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__inner {
    width: 100%;
  }
}
.sec-sl-access__sub {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(22px, 1.4322916667vw);
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__sub {
    font-size: 18px;
  }
}
.sec-sl-access__hdg {
  --mt: min(37px, 2.4088541667vw);
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(40px, 2.6041666667vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__hdg {
    font-size: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__hdg {
    --mt: 28px;
  }
}
.sec-sl-access__photo {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  height: min(500px, 32.5520833333vw);
  margin: min(70px, 4.5572916667vw) 0 0;
}
.sec-sl-access__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 90%;
     object-position: center 90%;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__photo {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    height: auto;
    aspect-ratio: 1/1;
    margin-top: 40px;
  }
  .sec-sl-access__photo img {
    -o-object-position: center;
       object-position: center;
  }
}
.sec-sl-access__txt {
  margin-top: min(50px, 3.2552083333vw);
  color: #222;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__txt {
    margin-top: 40px;
  }
}
.sec-sl-access__body {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(15px, 1.171875vw, 18px);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__body {
    font-size: 18px;
  }
}
.sec-sl-access__note {
  margin: 25px 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .sec-sl-access__note {
    font-size: 11px;
  }
}

/*--------------------------------------------------------------------------
   life
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-sl-life {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(80px, 5.2083333333vw);
  padding: min(140px, 9.1145833333vw) 0 min(180px, 11.71875vw);
  overflow: hidden;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life {
    gap: 40px;
    padding: 80px 0 120px;
  }
}
.sec-sl-life__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(37px, 2.4088541667vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__head {
    gap: 28px;
    padding: 0 20px;
  }
}
.sec-sl-life__en {
  margin: 0;
  font-family: "Nanum Myeongjo", serif;
  font-size: min(22px, 1.4322916667vw);
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__en {
    font-size: 18px;
  }
}
.sec-sl-life__hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(40px, 2.6041666667vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__hdg {
    font-size: 27px;
  }
}
.sec-sl-life__block {
  position: relative;
  width: min(1025px, 66.7317708333vw);
  margin: 0 auto;
}
.sec-sl-life__block + .sec-sl-life__block {
  margin-top: min(80px, 5.2083333333vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__block {
    width: calc(100% - 40px);
  }
  .sec-sl-life__block + .sec-sl-life__block {
    margin-top: 40px;
  }
}
.sec-sl-life__card {
  position: relative;
  z-index: 1;
  padding: min(70px, 4.5572916667vw) min(60px, 3.90625vw) min(100px, 6.5104166667vw);
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__card {
    padding: 60px 10px 50px;
  }
}
.sec-sl-life__card-hdg {
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(30px, 1.953125vw);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__card-hdg {
    width: 293px;
    max-width: 100%;
    padding-left: 9.5px;
    font-size: 21px;
    line-height: 1.5;
  }
}
.sec-sl-life__steps {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(60px, 3.90625vw) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: min(60px, 3.90625vw);
  margin: min(50px, 3.2552083333vw) 0 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps {
    gap: 40px 10px;
    margin-top: 40px;
  }
}
.sec-sl-life__steps li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sec-sl-life__steps li:nth-child(odd)::before {
  content: "";
  position: absolute;
  top: 14px;
  left: min(50px, 3.2552083333vw);
  width: min(849px, 55.2734375vw);
  height: 1px;
  background: url(../img/singlelife/life_line_01.svg) no-repeat left center/100% 100%;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps li:nth-child(odd)::before {
    left: 2px;
    width: calc(200% + 10px - 4px);
    background-image: url(../img/singlelife/life_line_01_sp.svg);
  }
}
.sec-sl-life__steps li:nth-child(3)::before {
  top: 9.5px;
  width: min(852px, 55.46875vw);
  height: 8px;
  background-image: url(../img/singlelife/life_line_02.svg);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps li:nth-child(3)::before {
    top: 10.5px;
    left: 0;
    width: calc(200% + 10px + 2px);
    background-image: url(../img/singlelife/life_line_02_sp.svg);
  }
}
.sec-sl-life__steps .time {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 8px 14px;
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), to(#FFBC5D));
  background: linear-gradient(90deg, #8CA6DA 3%, #FFBC5D 100%);
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  -webkit-box-shadow: 0 0 0 5px #fff;
          box-shadow: 0 0 0 5px #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps .time {
    font-size: 14px;
  }
}
.sec-sl-life__steps .pic {
  position: relative;
  width: 100%;
  aspect-ratio: 290/190;
  margin: min(26px, 1.6927083333vw) 0 0;
  overflow: hidden;
}
.sec-sl-life__steps .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-sl-life__steps .pic figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #222;
}
.sec-sl-life__steps .pic figcaption._white {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps .pic figcaption {
    font-size: 11px;
  }
}
.sec-sl-life__steps .pic figcaption {
  z-index: 1;
}
.sec-sl-life__steps .pic._dark::after, .sec-sl-life__steps .pic._light::after, .sec-sl-life__steps .pic._dark2::after {
  content: "";
  position: absolute;
  inset: 0;
}
.sec-sl-life__steps .pic._dark::after {
  background: linear-gradient(162.05deg, rgba(0, 0, 0, 0) 74.8%, rgba(0, 0, 0, 0.4) 92.6%);
}
.sec-sl-life__steps .pic._light::after {
  background: linear-gradient(168.58deg, rgba(255, 255, 255, 0) 52.7%, rgba(255, 255, 255, 0.5) 89.3%);
}
.sec-sl-life__steps .pic._dark2::after {
  background: linear-gradient(167.23deg, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.4) 87.4%);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps .pic {
    margin-top: 10px;
  }
}
.sec-sl-life__steps h4 {
  --mt: min(26px, 1.6927083333vw);
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(20px, 1.3020833333vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps h4 {
    --mt: 20px;
    font-size: 18px;
  }
}
.sec-sl-life__steps .txt {
  margin: min(22px, 1.4322916667vw) 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(12px, 0.9114583333vw, 14px);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__steps .txt {
    margin-top: 20px;
    font-size: 14px;
  }
}
.sec-sl-life__num {
  position: absolute;
  z-index: 0;
  top: max(-58px, -3.7760416667vw);
  left: max(-224.3px, -14.6028645833vw);
  margin: 0;
  font-family: "Nanum Myeongjo", serif;
  font-size: min(300px, 19.53125vw);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.05em;
  mix-blend-mode: multiply;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__num {
    z-index: 2;
  }
}
.sec-sl-life__num span {
  display: block;
  opacity: 0.12;
  -webkit-transform: skewX(-8deg);
          transform: skewX(-8deg);
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8D78A1), to(#65B3E3));
  background: linear-gradient(90deg, #8D78A1 3%, #65B3E3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__num {
    top: -15px;
    left: 211px;
    font-size: 150px;
  }
}
.sec-sl-life__block._02 .sec-sl-life__num {
  top: max(-48px, -3.125vw);
  left: auto;
  right: max(-224.3px, -14.6028645833vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__block._02 .sec-sl-life__num {
    top: -18px;
    left: 204px;
    right: auto;
  }
}
.sec-sl-life__deco {
  position: absolute;
  z-index: 1;
  height: auto;
  pointer-events: none;
}
.sec-sl-life__deco._tr {
  top: max(-4px, -0.2604166667vw);
  right: max(-29px, -1.8880208333vw);
  width: min(112px, 7.2916666667vw);
}
.sec-sl-life__deco._bl {
  left: max(-48px, -3.125vw);
  bottom: max(-43px, -2.7994791667vw);
  width: min(100px, 6.5104166667vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__deco._tr {
    display: none;
  }
  .sec-sl-life__deco._bl {
    left: -35px;
    bottom: -43px;
    width: 99.7px;
    -webkit-transform: rotate(70.9deg);
            transform: rotate(70.9deg);
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-life__block._02 .sec-sl-life__deco._bl {
    left: auto;
    right: -21.7px;
    bottom: -17px;
    -webkit-transform: none;
            transform: none;
  }
}

/*--------------------------------------------------------------------------
   next
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* function
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-sl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(80px, 5.2083333333vw);
  padding: min(180px, 11.71875vw) 0;
  background: linear-gradient(46.29deg, rgba(168, 187, 223, 0.4) 35.6%, rgba(255, 221, 173, 0.4) 73.3%), #fff;
}
@media only screen and (max-width: 767px) {
  .sec-sl-next {
    gap: 80px;
    padding: 120px 20px 100px;
    background: linear-gradient(80.32deg, rgba(168, 187, 223, 0.4) 35.6%, rgba(255, 221, 173, 0.4) 73.3%), #fff;
  }
}
.sec-sl-next__txt {
  width: min(1024px, 66.6666666667vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__txt {
    width: 100%;
  }
}
.sec-sl-next__en {
  margin: 0;
  font-family: "Nanum Myeongjo", serif;
  font-size: min(22px, 1.4322916667vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__en {
    font-size: 18px;
  }
}
.sec-sl-next__hdg {
  --mt: min(37px, 2.4088541667vw);
  margin: 0;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: min(40px, 2.6041666667vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #678AD0), to(#EFA844));
  background: linear-gradient(90deg, #678AD0 3%, #EFA844 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__hdg {
    font-size: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__hdg {
    --mt: 28px;
  }
}
.sec-sl-next__lead {
  margin-top: min(68px, 4.4270833333vw);
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(18px, 1.5625vw, 24px);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #242424;
}
.sec-sl-next__lead p {
  margin: 0;
}
.sec-sl-next__lead p + p {
  margin-top: 1.8em;
}
.sec-sl-next__lead ._spgap {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__lead {
    margin-top: 50px;
    font-size: 18px;
  }
  .sec-sl-next__lead ._spgap {
    display: block;
    height: 1.8em;
  }
}
.sec-sl-next__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: min(1025px, 66.7317708333vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sec-sl-next__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 100%;
  }
  .sec-sl-next__list li {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.sec-sl-next__bubble {
  position: relative;
  margin: 0;
  padding: 30px min(60px, 3.90625vw);
  border-radius: 50px;
  background: #fff;
  -webkit-filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.05));
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #242424;
  white-space: nowrap;
}
.sec-sl-next__bubble::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: -14px;
  width: 17.32px;
  height: 15px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__bubble {
    padding: 26px 20px;
  }
}
.sec-sl-next__card {
  --u: min(1px, calc(100vw / 1536));
  --oy: 0px;
  position: relative;
  display: block;
  width: min(412px, 26.8229166667vw);
  height: min(306px, 19.921875vw);
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(145.14deg, #fff 10.8%, #DFDBE5 85.2%);
  color: #222;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mode-pc .sec-sl-next__card:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-box-shadow: 0 28px 70px rgba(0, 0, 0, 0.12);
          box-shadow: 0 28px 70px rgba(0, 0, 0, 0.12);
}
.sec-sl-next__card > span {
  position: absolute;
  display: block;
  line-height: 1;
  white-space: nowrap;
}
.sec-sl-next__card .type {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Nanum Myeongjo", serif;
}
.sec-sl-next__card .type > span {
  position: absolute;
  text-box: trim-both cap alphabetic;
}
.sec-sl-next__card .type .main {
  top: calc(35 * var(--u) + var(--oy));
  left: calc(43 * var(--u));
  font-size: calc(65 * var(--u));
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #65B3E3), to(#917EB1));
  background: linear-gradient(90deg, #65B3E3 3%, #917EB1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-next__card .type .basic {
  top: calc(59 * var(--u) + var(--oy));
  left: calc(97 * var(--u));
  font-size: calc(14 * var(--u));
  font-weight: 800;
  line-height: 1.8;
  letter-spacing: 0.05em;
  -webkit-transform: translateY(calc(-100% + 0.6em));
          transform: translateY(calc(-100% + 0.6em));
  padding-block: 0.3em;
  margin-block: calc(var(--mt, 0px) - 0.3em) calc(var(--mb, 0px) - 0.3em);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #65B3E3), to(#917EB1));
  background: linear-gradient(90deg, #65B3E3 3%, #917EB1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sec-sl-next__card .type .t {
  top: calc(84 * var(--u) + var(--oy));
  left: calc(98 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: 1.3;
  letter-spacing: 0.05em;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.sec-sl-next__card .layout {
  top: calc(108 * var(--u) + var(--oy));
  left: calc(49 * var(--u));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(13 * var(--u));
  font-family: "Nanum Myeongjo", serif;
}
.sec-sl-next__card .layout .ldk,
.sec-sl-next__card .layout .wic {
  text-box: trim-both cap alphabetic;
  line-height: 1.3;
}
.sec-sl-next__card .layout .ldk {
  font-size: calc(55 * var(--u));
  letter-spacing: 0.05em;
}
.sec-sl-next__card .layout .n {
  margin-right: calc(3 * var(--u));
}
.sec-sl-next__card .layout .l {
  font-size: 0.5455em;
}
.sec-sl-next__card .layout .wic {
  font-size: calc(20 * var(--u));
  letter-spacing: 0.05em;
}
.sec-sl-next__card .line {
  top: calc(201 * var(--u) + var(--oy));
  left: calc(40 * var(--u));
  width: calc(128 * var(--u));
  height: 1px;
  background: #917EB1;
}
.sec-sl-next__card .area {
  top: calc(224 * var(--u) + var(--oy));
  left: calc(44 * var(--u));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(12 * var(--u));
  width: calc(110 * var(--u));
}
.sec-sl-next__card .area .ja,
.sec-sl-next__card .area .n,
.sec-sl-next__card .area .u {
  text-box: trim-both cap alphabetic;
}
.sec-sl-next__card .area .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 * var(--u));
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.sec-sl-next__card .area .v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: calc(2 * var(--u));
  color: #000;
}
.sec-sl-next__card .area .n {
  font-family: "Nanum Myeongjo", serif;
  font-size: calc(35 * var(--u));
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.sec-sl-next__card .area .u {
  font-family: "Noto Serif JP", serif;
  font-size: calc(16 * var(--u));
  font-weight: 500;
}
.sec-sl-next__card .img {
  top: min(10px, 0.6510416667vw);
  left: min(208px, 13.5416666667vw);
  width: min(194px, 12.6302083333vw);
  height: min(286px, 18.6197916667vw);
  border-radius: 10px;
  background: #fff;
}
.sec-sl-next__card .img img {
  position: absolute;
  top: min(15.75px, 1.025390625vw);
  left: min(35.93px, 2.3391927083vw);
  width: min(122.77px, 7.9928385417vw);
  height: min(254px, 16.5364583333vw);
}
.sec-sl-next__card .img._c img {
  top: min(16.75px, 1.0904947917vw);
  left: min(34.93px, 2.2740885417vw);
  width: min(124.1px, 8.0794270833vw);
  height: min(254.17px, 16.5475260417vw);
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__card {
    --u: 0.8131px;
    --oy: 22px;
    width: 100%;
    height: 293px;
    border-radius: 8.13px;
    background: linear-gradient(140.64deg, #fff 10.8%, #DFDBE5 85.2%);
  }
  .sec-sl-next__card .img {
    top: 8px;
    left: auto;
    right: 8px;
    width: 158px;
    height: 277px;
    border-radius: 8.13px;
  }
  .sec-sl-next__card .img img, .sec-sl-next__card .img._c img {
    top: 14.26px;
    left: 19.58px;
    width: 120px;
    height: 248.27px;
  }
  .sec-sl-next__card .img._c img {
    height: 245.77px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-sl-next__list li:nth-child(2) .sec-sl-next__card {
    height: 290px;
  }
  .sec-sl-next__list li:nth-child(2) .sec-sl-next__card .img {
    height: 274px;
  }
}

/*--------------------------------------------------------------------------
   custom animation
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
/*# sourceMappingURL=singlelife.css.map */