@charset "UTF-8";
/*
Theme Name: theme name
Description: description
Author:yashibous
Author URI: https://yashibous.com
*/
/*
 * sec01
 */
.sec01 {
  background-image: url(../image/sec01-bg.webp);
  background-size: clamp(58px, 58px + 58 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 116px);
  background-repeat: no-repeat;
  background-position: top left calc(50% - clamp(130px, 130px + 130 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 260px));
  background-color: #f0f1f4;
  padding-block: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px) clamp(40px, 40px + 40 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 80px);
}
@media screen and (min-width: 950px) {
  .sec01 {
    padding-block: 40px 50px;
  }
}

.sec01__title.c-title {
  margin-block-end: clamp(30px, 30px + 30 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 60px);
}
@media screen and (min-width: 950px) {
  .sec01__title.c-title {
    margin-block-end: 70px;
  }
}

.sec01__list.c-stack {
  gap: clamp(10px, 10px + 10 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 20px);
  align-items: flex-start;
}
@media screen and (min-width: 950px) {
  .sec01__list.c-stack {
    gap: 100px 30px;
  }
}

.sec01__item {
  background-color: var(--color-base);
  border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(290px, 290px + 290 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 580px);
  height: clamp(65px, 65px + 65 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 130px);
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  line-height: 1.33;
  color: var(--color-text);
  font-feature-settings: "palt";
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 950px) {
  .sec01__item {
    width: 340px;
    height: 180px;
  }
}
.sec01__item .sub1 {
  color: var(--color-primary);
}
.sec01__item:nth-child(1)::after {
  background-image: url(../image/sec01__item-after1.svg);
  width: clamp(35px, 35px + 35 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 70px);
  height: clamp(64px, 64px + 64 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 128px);
  top: 80px;
  left: 5px;
}
@media screen and (min-width: 950px) {
  .sec01__item:nth-child(1)::after {
    width: 82px;
    height: 148px;
    top: 130px;
    left: 5px;
  }
}
.sec01__item:nth-child(2) {
  border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) 0 clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  align-self: flex-end;
}
.sec01__item:nth-child(2)::after {
  background-image: url(../image/sec01__item-after2.svg);
  width: clamp(35px, 35px + 35 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 70px);
  height: clamp(58px, 58px + 58 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 116px);
  top: 80px;
  right: 15px;
}
@media screen and (min-width: 950px) {
  .sec01__item:nth-child(2) {
    margin-block-start: 50px;
    border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) 0;
  }
  .sec01__item:nth-child(2)::after {
    width: 89px;
    height: 148px;
    top: 130px;
    left: 5px;
  }
}
.sec01__item:nth-child(3) {
  margin-inline-start: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
}
.sec01__item:nth-child(3)::after {
  background-image: url(../image/sec01__item-after3.svg);
  width: clamp(38.5px, 38.5px + 38.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 77px);
  height: clamp(69px, 69px + 69 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 138px);
  top: 50px;
  left: 5px;
}
@media screen and (min-width: 950px) {
  .sec01__item:nth-child(3) {
    margin-inline-start: 0;
  }
  .sec01__item:nth-child(3)::after {
    width: 91px;
    height: 165px;
    top: 130px;
    left: 5px;
  }
}
.sec01__item::before {
  content: "“";
  position: absolute;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: clamp(40px, 40px + 40 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 80px);
  line-height: 1;
  color: var(--color-text);
  font-feature-settings: "palt";
  text-align: center;
  top: calc(clamp(12px, 12px + 12 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 24px) * -1);
  left: clamp(10px, 10px + 10 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 20px);
  background: var(--color-gradient-secondary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec01__item::after {
  content: "";
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}

/*
 * sec02
 */
.sec02 {
  overflow: hidden;
  background-color: #f0f1f4;
  background-image: url(../image/sec02-bg.webp);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.sec02 .l-section__contents {
  padding-block-start: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
}
@media screen and (min-width: 950px) {
  .sec02 {
    background-image: url(../image/sec02-bg-pc.webp);
  }
  .sec02 .l-section__contents {
    padding-block-start: 80px;
  }
}

.sec02__title {
  margin-block-end: clamp(33px, 33px + 33 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 66px);
}
@media screen and (min-width: 950px) {
  .sec02__title {
    margin-block-end: 38px;
  }
}

.sec02__title-img {
  width: clamp(345.5px, 345.5px + 345.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 691px);
  margin-inline: auto;
}
@media screen and (min-width: 950px) {
  .sec02__title-img {
    width: 980px;
  }
}

.sec02__text1 {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: clamp(13px, 13px + 13 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 26px);
  line-height: 2;
  color: var(--color-base);
  letter-spacing: 0.05em;
  text-align: center;
  margin-block-end: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
}
.sec02__text1 .strong {
  color: #f2ef01;
}
@media screen and (min-width: 950px) {
  .sec02__text1 {
    margin-block-end: 60px;
  }
}

.sec02__animation {
  position: relative;
  padding-inline: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  width: 100%;
  height: clamp(345px, 345px + 345 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 690px);
  background-image: url(../image/sec02__animation-bg.webp);
  background-size: clamp(270px, 270px + 270 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 540px);
  background-repeat: no-repeat;
  background-position: center top clamp(50px, 50px + 50 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 100px);
  filter: drop-shadow(0 0 clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px) rgba(255, 255, 255, 0.5));
  margin-block-end: clamp(30px, 30px + 30 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 60px);
}
@media screen and (min-width: 950px) {
  .sec02__animation {
    height: 965px;
    background-size: 780px;
    background-position: center top 140px;
    padding-inline: 90px;
    margin-block-end: 100px;
  }
}

.sec02__list1 {
  position: relative;
  width: 100%;
  height: 100%;
}

.sec02__item1 {
  width: clamp(110.5px, 110.5px + 110.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 221px);
  height: clamp(110.5px, 110.5px + 110.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 221px);
  position: absolute;
  z-index: 5;
  filter: drop-shadow(2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 -2px 0 #fff);
  opacity: 0.9;
}
.sec02__item1:nth-child(1) {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sec02__item1:nth-child(2) {
  top: clamp(80px, 80px + 80 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 160px);
  right: 0;
}
.sec02__item1:nth-child(3) {
  bottom: 0;
  right: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
}
.sec02__item1:nth-child(4) {
  bottom: 0;
  left: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
}
.sec02__item1:nth-child(5) {
  top: clamp(80px, 80px + 80 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 160px);
  left: 0;
}
.sec02__item1:nth-child(6) {
  width: clamp(182px, 182px + 182 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 364px);
  height: clamp(182.5px, 182.5px + 182.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 365px);
  inset: clamp(35px, 35px + 35 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 70px) 0 0 0;
  margin: auto;
  z-index: 4;
  filter: none;
}
.sec02__item1 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (min-width: 950px) {
  .sec02__item1 {
    width: 327px;
    height: 327px;
  }
  .sec02__item1:nth-child(1) {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .sec02__item1:nth-child(2) {
    top: 240px;
    right: 0;
  }
  .sec02__item1:nth-child(3) {
    bottom: 0;
    right: 100px;
  }
  .sec02__item1:nth-child(4) {
    bottom: 0;
    left: 100px;
  }
  .sec02__item1:nth-child(5) {
    top: 240px;
    left: 0;
  }
  .sec02__item1:nth-child(6) {
    width: 550px;
    height: 550px;
    inset: 100px 0 0 0;
    margin: auto;
    z-index: 4;
  }
}

.sec02__item-title {
  color: transparent;
  position: absolute;
  z-index: -1;
}

.sec02__item-text1 {
  color: transparent;
  position: absolute;
  z-index: -1;
}

.sec02__box1 {
  width: clamp(315px, 315px + 315 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 630px);
  max-width: 100%;
  margin-inline: auto;
  background-color: var(--color-base);
  border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  padding-block: clamp(45px, 45px + 45 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 90px) clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
}
@media screen and (min-width: 950px) {
  .sec02__box1 {
    width: 100%;
  }
}

.sec02__title2.c-title {
  margin-block-end: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
}
.sec02__title2.c-title .c-title__sub {
  margin-block-end: 0;
}

.sec02__box1-text1.c-text {
  margin-block-end: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
  text-align: justify;
  font-weight: 700;
  padding-inline: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
}
.sec02__box1-text1.c-text .strong {
  font-weight: 900;
}
@media screen and (min-width: 950px) {
  .sec02__box1-text1.c-text {
    text-align: center;
    line-height: 1.67;
    margin-block-end: 20px;
  }
}

.sec02__slider {
  width: 100%;
  overflow: hidden;
}

.sec02__slider-title {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: clamp(17px, 17px + 17 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 34px);
  line-height: 1;
  color: var(--color-base);
  font-feature-settings: "palt";
  text-align: left;
}
@media screen and (min-width: 950px) {
  .sec02__slider-title {
    font-size: 24px;
  }
}

.sec02__slider-text1 {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: clamp(12px, 12px + 12 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 24px);
  line-height: 1.67;
  color: var(--color-base);
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (min-width: 950px) {
  .sec02__slider-text1 {
    font-size: 16px;
  }
}

/*
 * sec03
 */
.sec03 {
  overflow: hidden;
  padding-block: 0 clamp(27.5px, 27.5px + 27.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 55px);
  background-color: #f0f1f4;
}

/*
 * sec04
 */
.sec04 {
  padding-block: 0 clamp(35px, 35px + 35 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 70px);
  background-color: #f0f1f4;
  overflow: hidden;
}
@media screen and (min-width: 950px) {
  .sec04 {
    padding-block: 30px;
  }
}

.sec04__title {
  margin-block-end: clamp(100px, 100px + 100 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 200px);
}
@media screen and (min-width: 950px) {
  .sec04__title {
    margin-block-end: 90px;
  }
}

.sec04__list1 {
  padding-inline: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  margin-block-end: clamp(42.5px, 42.5px + 42.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 85px);
  counter-reset: sec04-counter;
}
.sec04__list1.c-stack {
  gap: clamp(70px, 70px + 70 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 140px);
}
@media screen and (min-width: 950px) {
  .sec04__list1.c-stack {
    gap: 50px;
  }
}

.sec04__item1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  padding-block: clamp(150px, 150px + 150 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 300px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  padding-inline: clamp(37px, 37px + 37 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 74px) clamp(10px, 10px + 10 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 20px);
  position: relative;
  z-index: 1;
}
.sec04__item1::before {
  content: "";
  background-color: var(--color-base);
  border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) 0 0 clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  width: calc(100% + (100vw - 100%) / 2);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.sec04__item1::after {
  content: "";
  position: absolute;
  z-index: 2;
  background-size: 100%;
}
.sec04__item1:nth-child(1)::after {
  background-image: url(../image/sec04__item1-after1.svg);
  width: clamp(260px, 260px + 260 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 520px);
  height: clamp(199.5px, 199.5px + 199.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 399px);
  top: calc(clamp(70px, 70px + 70 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 140px) * -1);
  left: clamp(38px, 38px + 38 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 76px);
}
.sec04__item1:nth-child(2) {
  padding-inline: clamp(10px, 10px + 10 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 20px) clamp(37px, 37px + 37 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 74px);
}
.sec04__item1:nth-child(2)::after {
  background-image: url(../image/sec04__item1-after2.svg);
  width: clamp(242px, 242px + 242 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 484px);
  height: clamp(177px, 177px + 177 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 354px);
  top: calc(clamp(45px, 45px + 45 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 90px) * -1);
  left: clamp(33px, 33px + 33 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 66px);
}
.sec04__item1:nth-child(2)::before {
  border-radius: 0 clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px) 0;
  width: calc(100% + (100vw - 100%) / 2);
  left: auto;
  right: 0;
}
.sec04__item1:nth-child(3)::after {
  background-image: url(../image/sec04__item1-after3.svg);
  width: clamp(242px, 242px + 242 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 484px);
  height: clamp(179.5px, 179.5px + 179.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 359px);
  top: calc(clamp(39px, 39px + 39 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 78px) * -1);
  left: clamp(48px, 48px + 48 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 96px);
}
@media screen and (min-width: 950px) {
  .sec04__item1 {
    padding-block: 50px 60px;
    padding-inline: 420px 0;
    gap: 20px;
  }
  .sec04__item1::before {
    width: calc(100% + (100vw - 100%) / 2 - 300px);
    left: 300px;
  }
  .sec04__item1:nth-child(1)::after {
    width: 456px;
    height: 350px;
    top: 90px;
    left: -54px;
  }
  .sec04__item1:nth-child(2) {
    padding-inline: 0 420px;
  }
  .sec04__item1:nth-child(2) .sec04__item-title::before {
    top: 0px;
    left: 590px;
  }
  .sec04__item1:nth-child(2)::after {
    width: 485px;
    height: 354px;
    top: 80px;
    left: unset;
    right: -60px;
  }
  .sec04__item1:nth-child(2)::before {
    width: calc(100% + (100vw - 100%) / 2 - 300px);
    left: unset;
    right: 300px;
  }
  .sec04__item1:nth-child(3)::after {
    width: 482px;
    height: 359px;
    top: 90px;
    left: -80px;
  }
}

.sec04__item-title {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  line-height: 1.45;
  color: var(--color-text);
  text-align: left;
  letter-spacing: 0.02em;
}
.sec04__item-title::before {
  counter-increment: sec04-counter;
  content: "0" counter(sec04-counter);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(90px, 90px + 90 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 180px);
  line-height: 1;
  color: var(--color-text);
  font-feature-settings: "palt";
  text-align: center;
  position: absolute;
  top: calc(clamp(60px, 60px + 60 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 120px) * -1);
  left: clamp(40px, 40px + 40 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 80px);
  z-index: 2;
  background: linear-gradient(to right, var(--color-secondary-pale1), var(--color-secondary) 58%, #1ac2e2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
@media screen and (min-width: 950px) {
  .sec04__item-title {
    font-size: 32px;
    line-height: 1.55;
  }
  .sec04__item-title::before {
    top: 0px;
    left: 190px;
  }
}

.sec04__item-text1.c-text {
  text-align: justify;
}
@media screen and (min-width: 950px) {
  .sec04__item-text1.c-text {
    line-height: 1.8;
  }
}
.sec04__item-text1 .strong {
  font-weight: 700;
}

/*
 * sec05
 */
.sec05 {
  background-image: url(../image/sec05-bg.webp);
  background-size: cover;
  background-position: center top;
}
.sec05 .l-section__contents {
  padding-inline: clamp(30px, 30px + 30 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 60px);
  padding-block: clamp(52.5px, 52.5px + 52.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 105px) clamp(35px, 35px + 35 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 70px);
}
@media screen and (min-width: 950px) {
  .sec05 .l-section__contents {
    padding-inline: 0;
  }
}

.sec05__title {
  margin-block-end: clamp(17.5px, 17.5px + 17.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 35px);
}
@media screen and (min-width: 950px) {
  .sec05__title {
    padding-inline: 60px;
  }
}

.sec05__text1.c-text {
  margin-block-end: clamp(22.5px, 22.5px + 22.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 45px);
}
@media screen and (min-width: 950px) {
  .sec05__text1.c-text {
    align-self: flex-start;
    padding-inline: 60px;
    text-align: left;
  }
}

.sec05__list {
  margin-block-end: clamp(60px, 60px + 60 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 120px);
}
.sec05__list.c-stack {
  gap: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
}
.sec05__item {
  position: relative;
}
.sec05__item::before {
  content: var(--m-bg-text);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(40px, 40px + 40 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 80px);
  line-height: 1;
  color: var(--color-base);
  letter-spacing: 0.05em;
  opacity: 0.17;
  text-align: left;
  position: absolute;
  top: calc(clamp(5px, 5px + 5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 10px) * -1);
  left: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  z-index: 1;
}
@media screen and (min-width: 950px) {
  .sec05__item {
    width: 490px;
    height: 120px;
  }
  .sec05__item::before {
    top: -7px;
    font-size: 60px;
  }
}
.sec05__item:nth-child(1) {
  --m-button-icon: url(../image/sec05__item-link-icon1.webp);
  --m-bg-text: "FORM";
}
.sec05__item:nth-child(2) {
  --m-button-icon: url(../image/sec05__item-link-icon2.webp);
  --m-bg-text: "LIST";
}
.sec05__item:nth-child(3) {
  --m-button-icon: url(../image/sec05__item-link-icon3.webp);
  --m-bg-text: "STEP MAIL";
}
.sec05__item:nth-child(4) {
  --m-button-icon: url(../image/sec05__item-link-icon4.webp);
  --m-bg-text: "MAGAZINE";
}

@media screen and (min-width: 950px) {
  .sec05__item-link.c-button {
    height: 120px;
    padding-block: 0;
  }
}

/*
 * sec06
 */
.sec06 {
  background-color: var(--color-base);
}
.sec06 .l-section__contents {
  padding-inline: clamp(30px, 30px + 30 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 60px);
}
@media screen and (min-width: 950px) {
  .sec06 .l-section__contents {
    padding-inline: 0;
  }
}

.sec06__box1 {
  border: clamp(1px, 1px + 1 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 2px) solid var(--color-secondary);
  border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  padding-inline: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  padding-block: clamp(40px, 40px + 40 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 80px);
  width: 100%;
  box-shadow: 0 0 clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px) rgba(115, 134, 153, 0.2509803922);
}
@media screen and (min-width: 950px) {
  .sec06__box1 {
    padding-block: 70px;
  }
}

.sec06__title {
  margin-block-end: clamp(22px, 22px + 22 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 44px);
}
@media screen and (min-width: 950px) {
  .sec06__title {
    margin-block-end: 30px;
  }
}

.sec06__text1 {
  margin-block-end: clamp(30px, 30px + 30 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 60px);
}
@media screen and (min-width: 950px) {
  .sec06__text1 {
    margin-block-end: 50px;
  }
  .sec06__text1.c-text {
    text-align: center;
  }
}

@media screen and (min-width: 950px) {
  .sec06__box2.c-stack {
    gap: 45px;
  }
}

.sec06__item {
  border-radius: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  padding-inline: clamp(17px, 17px + 17 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 34px);
  padding-block: clamp(17.5px, 17.5px + 17.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 35px) clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 950px) {
  .sec06__item {
    padding-block: 20px 30px;
  }
}
.sec06__item.c-stack {
  gap: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
}
@media screen and (min-width: 950px) {
  .sec06__item.c-stack {
    gap: 20px;
    width: 490px;
  }
}
.sec06__item img {
  width: clamp(171px, 171px + 171 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 342px);
  margin-inline: auto;
}
.sec06__item:nth-child(1) {
  background-image: url(../image/sec06__item-bg1.webp);
}
.sec06__item:nth-child(2) {
  background-image: url(../image/sec06__item-bg2.webp);
}

.sec06__item-link {
  --m-font-size: var(--font-size-m);
  padding-inline: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px) clamp(4px, 4px + 4 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 8px);
}
@media screen and (min-width: 950px) {
  .sec06__item-link {
    --m-font-size: 24px;
  }
}

/*
 * sec07
 */
.sec07 {
  background-color: #f0f1f4;
}
.sec07 .l-section__contents {
  padding-inline: clamp(30px, 30px + 30 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 60px);
}
@media screen and (min-width: 950px) {
  .sec07 .l-section__contents {
    padding-inline: 0;
  }
}

.sec07__box1 {
  border-radius: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  padding-inline: clamp(25px, 25px + 25 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 50px);
  padding-block: clamp(40px, 40px + 40 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 80px);
  width: 100%;
}
@media screen and (min-width: 950px) {
  .sec07__box1 {
    padding-block: 40px;
  }
}

.sec07__title {
  font-family: var(--font-family-sans-serif);
  font-weight: 900;
  font-size: clamp(22px, 22px + 22 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  line-height: 1.4;
  color: var(--color-text);
  font-feature-settings: "palt";
  text-align: center;
  letter-spacing: 0.05em;
  display: block;
}

.sec07__text1 {
  margin-block-end: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  font-family: var(--font-family-sans-serif);
  font-weight: 400;
  font-size: var(--m-font-size);
  line-height: 1.67;
  color: var(--m-color);
}
@media screen and (min-width: 950px) {
  .sec07__text1 {
    margin-block-end: 40px;
  }
  .sec07__text1.c-text {
    text-align: center;
  }
}

@media screen and (min-width: 950px) {
  .sec07__box2.c-stack {
    gap: 45px;
  }
}

.sec07__item {
  background-color: var(--color-base);
  border-radius: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
  padding-inline: clamp(17px, 17px + 17 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 34px);
  padding-block: clamp(17.5px, 17.5px + 17.5 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 35px) clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 950px) {
  .sec07__item {
    padding-block: 20px 30px;
    width: 498px;
  }
}
.sec07__item.c-stack {
  gap: clamp(15px, 15px + 15 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 30px);
}
@media screen and (min-width: 950px) {
  .sec07__item.c-stack {
    gap: 20px;
    width: 490px;
  }
}
.sec07__item img {
  width: clamp(171px, 171px + 171 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 342px);
  margin-inline: auto;
}

.sec07__item-link {
  --m-font-size: var(--font-size-m);
  padding-inline: clamp(20px, 20px + 20 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 40px) clamp(4px, 4px + 4 / (var(--fluid-max) - var(--fluid-min)) * (100vw - var(--fluid-min) * 1px), 8px);
}
@media screen and (min-width: 950px) {
  .sec07__item-link {
    --m-font-size: 24px;
  }
}/*# sourceMappingURL=top-page.css.map */