@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  scroll-padding-top: 80px;
}

body {
  position: relative;
  margin: 0 auto !important;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #000;
  background-color: #F5F8FC;
}

main {
  padding-bottom: 20%;
}

img {
  width: -webkit-fill-available;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  /* Safari, Chrome */
  image-rendering: optimizeQuality;
  width: -moz-available;
  pointer-events: none;
  width: 100%;
}

a {
  display: block;
  transition: 0.3s;
}

a:hover {
  transition: 0.3s;
  opacity: 0.7;
}

iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.fade {
  opacity: 0;
}

.fade-in {
  opacity: 1;
  transition: all 2s;
}

.prompt {
  font-family: "Prompt", sans-serif;
}

.mincho {
  font-family: "Zen Old Mincho", serif;
}

.ttl-wrapper span.chapter {
  width: 20.134%;
  display: block;
  margin: 0 auto;
}

.ttl {
  display: inline-block;
  /* or block */
  padding-bottom: 2.5%;
  /* ボーダー分のスペース */
  font-weight: bold;
  font-size: clamp(0.1rem, 9.0666vw, 6.8rem);
  position: relative;
}
.ttl::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1vw;
  /* 線の太さ */
  border-radius: 50px;
  width: 100%;
  background: linear-gradient(135deg, #3299F8, #5BF5B7);
}
.ttl span {
  color: #27B7AD;
  display: inline-block;
}

.ttl + .ttl {
  margin-top: 2%;
}

.txt {
  font-size: clamp(0.1rem, 3.7333vw, 2.8rem);
  line-height: 1.8;
}

.header {
  position: fixed;
  z-index: 3;
  width: 100%;
}
.header__ttl {
  text-align: center;
  font-size: 7rem;
  font-weight: bold;
  text-shadow: 1px 2px 3px #808080;
}
.header__logo {
  display: flex;
  position: fixed;
  padding: 4% 6%;
  background-color: #fff;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 73%;
  border-radius: 0 0 15px;
}

.menu {
  position: fixed;
  top: 1.75%;
  right: 3%;
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
  width: 19vw;
  height: 9.5vw;
  transition: transform 250ms ease;
  cursor: pointer;
  z-index: 200;
  border-radius: 500px;
  background-color: #000000;
}
.menu p {
  position: absolute;
  color: #fff;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: clamp(0.1rem, 2.6666vw, 2rem);
  font-weight: bold;
}
.menu span {
  position: absolute;
  display: block;
  width: 45%;
  height: 2px;
  background-color: #FF6B6B;
  transform-origin: center center;
  transition: transform 250ms ease;
  z-index: 200;
  left: 50%;
  top: 70%;
  transform: translate(-50%, -50%);
}
.menu span:nth-of-type(1) {
  transform: translate(-50%, calc(-50% - 0.9vw));
  /* 上にずらす */
}
.menu span:nth-of-type(2) {
  width: 32%;
  transform: translate(-50%, -50%);
  left: 43.7%;
}
.menu span:nth-of-type(3) {
  width: 38%;
  transform: translate(-50%, calc(-50% + 0.9vw));
  left: 46.8%;
}

#menu {
  display: none;
}
#menu:checked ~ .menu {
  transition: transform 250ms ease;
}
#menu:checked ~ .menu span {
  transition: transform 250ms ease;
  width: 42%;
  left: 31%;
}
#menu:checked ~ .menu span:nth-of-type(1) {
  transform: rotate(15deg);
}
#menu:checked ~ .menu span:nth-of-type(2) {
  display: none;
}
#menu:checked ~ .menu span:nth-of-type(3) {
  transform: rotate(-15deg);
}
#menu:checked ~ .nav {
  right: 0px;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 0 50px;
}
#menu:checked ~ main {
  transform: translateX(250px);
}
#menu:checked ~ .hamburger-demo-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 97;
  background: rgba(3, 3, 3, 0.5);
  display: block;
  transition: 0.4s;
}

.nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  background: rgb(255, 255, 255);
  z-index: 99;
}
.nav__list {
  position: relative;
  list-style-type: none;
  width: 78.8%;
  margin: 10% auto 0;
  padding: 0;
}
.nav__list li {
  position: relative;
  display: block;
}
.nav__list li a {
  position: relative;
  display: block;
  margin: 0;
  font-size: clamp(0.1rem, 4.2666vw, 3.2rem);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.nav__list li a span {
  display: block;
  font-weight: normal;
  font-size: clamp(0.1rem, 2.5333vw, 1.9rem);
  margin-bottom: 2%;
}
.nav__list li + li {
  margin-top: 8%;
}
.nav__btnList {
  width: 78.8%;
  margin: 8.5% auto 0;
}
.nav__btnList li {
  position: relative;
  border-radius: 6px;
  font-weight: bold;
  background-color: #27B7AD;
}
.nav__btnList li a {
  padding: 8% 0;
  font-size: clamp(0.1rem, 3.6vw, 2.7rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4%;
}
.nav__btnList li a span {
  font-weight: normal;
  font-size: clamp(0.1rem, 2.26666vw, 1.7rem);
}
.nav__btnList li::after {
  content: "";
  position: absolute;
  width: 3.2vw;
  height: 2.134vw;
  background-image: url(../img/menu-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.nav__btnList li + li {
  margin-top: 5.5%;
  background-color: #fff;
}
.nav__btnList li + li img {
  width: 70%;
}
.nav__btnList li + li::after {
  background-image: url(../img/menu-icon-green.png);
}

.fv {
  position: relative;
}
.fv__line {
  position: absolute;
  top: 0;
}
.fv__human {
  position: absolute;
  top: 0;
}
.fv__humanTxt {
  position: absolute;
  top: 0;
}
.fv__ttl {
  font-size: clamp(0.1rem, 10vw, 7.5rem);
  font-weight: bold;
}
.fv__ttlWrapper {
  padding-top: 120%;
  line-height: 1.5;
  position: relative;
  padding-left: 4%;
}
.fv__txt {
  font-size: clamp(0.1rem, 4.26666vw, 3.2rem);
  font-weight: 500;
}

.fv__line,
.fv__human,
.fv__humanTxt,
.fv__ttlWrapper {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 1.35s ease, transform 1.35s ease;
}

/* 順番にアニメーション */
.fv__line.active {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0s;
}

.fv__human.active {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.75s;
}

.fv__humanTxt.active {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.75s;
}

.fv__ttlWrapper.active {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 2.75s;
}

.chapter00 {
  text-align: center;
  margin-top: 3%;
  position: relative;
}
.chapter00__top {
  animation: floatUpDown 3s ease-in-out infinite;
}
.chapter00__topLine {
  position: absolute;
  top: 0;
  z-index: -3;
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.chapter00__ttlWrapper {
  margin-top: -3%;
}
.chapter00__txt {
  margin-top: 7%;
  font-weight: 500;
}
.chapter00__subTtl {
  font-size: clamp(0.1rem, 4.6666vw, 3.5rem);
  font-weight: bold;
  color: #27B7AD;
  margin-top: 7%;
  line-height: 1.8;
}
.chapter00__content {
  width: 90.7%;
  margin: 7% auto 0;
}
.chapter00__contentTtl {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 2.5% 0;
  border-radius: 6px;
  font-size: clamp(0.1rem, 3.2vw, 2.4rem);
}
.chapter00__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chapter00__item {
  padding: 2% 0 9.556%;
  margin-top: 3%;
  width: 48%;
  background-color: #fff;
  border-radius: 8px;
}
.chapter00__itemImg {
  width: 84.896%;
  margin: 0 auto;
}
.chapter00__itemTxt {
  margin-top: 23%;
  font-size: clamp(0.1rem, 3.333vw, 2.5rem);
  line-height: 1.5;
  font-weight: 500;
}
.chapter00__guide {
  width: 90.7%;
  margin: 39.334% auto 0;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 45.3% 9.334% 8%;
  text-align: left;
}
.chapter00__guideImg {
  position: absolute;
  width: 84.822%;
  top: -13%;
  left: -5%;
}
.chapter00__guideTtl {
  font-size: clamp(0.1rem, 7.8666vw, 5.9rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  position: relative;
  padding-left: 7%;
}
.chapter00__guideTtl::before {
  content: "";
  position: absolute;
  width: 11.8vw;
  height: 13.5vw;
  background-image: url(../img/chapter00-icon02.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -80%;
  left: 0;
}
.chapter00__guideCompany {
  margin-top: 3.607%;
  font-weight: bold;
  font-size: clamp(0.1rem, 3.2vw, 2.4rem);
}
.chapter00__guideName {
  margin-top: 3.2788%;
  font-weight: bold;
  font-size: clamp(0.1rem, 7.333333vw, 5.5rem);
}
.chapter00__guideName span {
  color: #AEAEAE;
  margin-left: 2%;
  font-size: clamp(0.1rem, 3.4666vw, 2.6rem);
}
.chapter00__guideTxt {
  margin-top: 6.558%;
  line-height: 1.8;
  font-size: clamp(0.1rem, 3.4666vw, 2.6rem);
}
.chapter00__intro {
  width: 90.7%;
  margin: 8% auto 0;
}
.chapter00__introIcon {
  width: 23.3%;
  margin: 0 auto;
}
.chapter00__introList {
  margin-top: 8%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chapter00__introItem {
  width: 48%;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.chapter00__introItem:nth-child(n+3) {
  margin-top: 5%;
}

.chapter01 {
  text-align: center;
  margin-top: 11%;
}
.chapter01__txt {
  margin-top: 8%;
  font-weight: 500;
}
.chapter01__img {
  width: 90.7%;
  margin: 6% auto 0;
}
.chapter01__img + .chapter01__txt {
  margin-top: 6%;
}
.chapter01__column {
  background-color: #FF7184;
  margin-top: 11.334%;
  position: relative;
  padding: 8.667% 0 12.4%;
}
.chapter01__columnBg {
  position: absolute;
  width: 90.7%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.chapter01__columnTtl {
  color: #fff;
  font-size: clamp(0.1rem, 8.6666vw, 6.5rem);
  letter-spacing: 0.05em;
  font-weight: 600;
}
.chapter01__columnContent {
  position: relative;
  background-color: #fff;
  width: 90.7%;
  margin: 22% auto 0;
  padding: 9% 5% 8%;
  border-radius: 8px;
  text-align: left;
}
.chapter01__columnImg {
  position: absolute;
  width: 27.785%;
  top: -26%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.chapter01__columnSubTtl {
  color: #FF7184;
  font-size: clamp(0.1rem, 4.4vw, 3.3rem);
  font-weight: bold;
  line-height: 1.5;
}
.chapter01__columnTxt {
  margin-top: 3%;
  font-weight: 500;
}
.chapter01__column::before {
  position: absolute;
  content: "";
  top: -0.5%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4vw 6vw 0 6vw;
  border-color: #F5F8FC transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.chapter02 {
  text-align: center;
  margin-top: 13%;
}
.chapter02__txt {
  margin-top: 7.334%;
  font-weight: 500;
}
.chapter02__list {
  width: 90.7%;
  margin: 8% auto 0;
}
.chapter02__item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
  padding: 5.44% 6% 10.291%;
}
.chapter02__itemTtl {
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  padding: 2% 0;
  font-size: clamp(0.1rem, 3.2vw, 2.4rem);
}
.chapter02__itemList {
  margin-top: 10.525%;
}
.chapter02__itemList li {
  display: flex;
  align-items: center;
  gap: 4%;
}
.chapter02__itemList li + li {
  margin-top: 4%;
}
.chapter02__itemListImg {
  width: 17%;
}
.chapter02__itemListTtl {
  font-weight: bold;
  text-align: left;
}
.chapter02__itemListTxt {
  margin-top: 2%;
  font-size: clamp(0.1rem, 2.4vw, 1.8rem);
}
.chapter02__itemImg {
  margin: 10.525% auto 0;
  width: 82.3%;
}
.chapter02__itemSubTtl {
  font-weight: bold;
}
.chapter02 .cross-button {
  position: relative;
  width: 13vw;
  height: 13vw;
  display: inline-block;
  margin: 2% 0;
}
.chapter02 .cross-button::before,
.chapter02 .cross-button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 5px;
  background: linear-gradient(135deg, #5BF5B7, #3299F8);
  transform-origin: center;
}
.chapter02 .cross-button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.chapter02 .cross-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.chapter03 {
  padding-top: 10.667%;
  text-align: center;
  background-color: #fff;
  margin-top: 14%;
}
.chapter03__subTtl {
  font-size: clamp(0.1rem, 4.6666vw, 3.5rem);
  margin-top: 6.667%;
  line-height: 1.5;
  font-weight: bold;
}
.chapter03__subTtl span {
  color: #27B7AD;
}
.chapter03__txt {
  margin: 6.667% auto 0;
  text-align: left;
  width: 90.7%;
  font-weight: 500;
}
.chapter03__list {
  width: 90.7%;
  margin: 11.4% auto 0;
  text-align: left;
}
.chapter03__item {
  position: relative;
}
.chapter03__itemContent {
  margin-top: 5.5%;
  line-height: 1.5;
}
.chapter03__itemTtl {
  font-size: clamp(0.1rem, 4.8vw, 3.6rem);
  font-weight: bold;
}
.chapter03__itemTxt {
  margin-top: 3%;
  font-weight: 500;
}
.chapter03__itemIcon {
  position: absolute;
  top: 24%;
  right: 0;
  width: 49%;
}
.chapter03__itemInner {
  background-color: #F5F8FC;
  border-radius: 6px;
  margin-top: 7.351%;
  padding: 4.852% 4.999%;
  display: flex;
  align-items: center;
  gap: 4%;
}
.chapter03__itemIconTxt {
  color: #27B7AD;
  background-color: #fff;
  width: 50.33vw;
  height: 17.2vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
}
.chapter03__itemList {
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  gap: 7%;
  font-size: clamp(0.1rem, 3.333vw, 2.5rem);
  line-height: 2;
}
.chapter03__itemList li {
  display: flex;
  gap: 3%;
  white-space: nowrap;
}
.chapter03__itemList li span {
  width: 4vw;
  margin-right: 1.5vw;
}
.chapter03__item:first-child .chapter03__itemContent {
  margin-top: 18.376%;
}
.chapter03__item:nth-child(n+1) {
  margin-top: 10%;
}
.chapter03__point {
  background-color: #FF7184;
  margin-top: 11.334%;
  position: relative;
  padding: 8.667% 0 12.4%;
}
.chapter03__pointBg {
  position: absolute;
  width: 90.7%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.chapter03__pointTtl {
  color: #fff;
  font-size: clamp(0.1rem, 8.6666vw, 6.5rem);
  letter-spacing: 0.05em;
  font-weight: 600;
}
.chapter03__pointContent {
  position: relative;
  background-color: #fff;
  width: 90.7%;
  margin: 22% auto 0;
  padding: 9% 5% 8%;
  border-radius: 8px;
  text-align: left;
}
.chapter03__pointImg {
  position: absolute;
  width: 27.785%;
  top: -26%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.chapter03__pointSubTtl {
  color: #FF7184;
  font-size: clamp(0.1rem, 4.4vw, 3.3rem);
  font-weight: bold;
  line-height: 1.5;
}
.chapter03__pointTxt {
  margin-top: 3%;
  font-weight: 500;
}
.chapter03__point::before {
  position: absolute;
  content: "";
  top: -0.5%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4vw 6vw 0 6vw;
  border-color: #FFF transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.chapter04 {
  text-align: center;
}
.chapter04__inner {
  background-image: url(../img/chapter04-bg-sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 19.6% 0 6%;
  color: #fff;
}
.chapter04__txt {
  margin-top: 5%;
  font-weight: 500;
}
.chapter04__list {
  width: 90.7%;
  margin: 5% auto 0;
  padding: 6% 0 6.6% 8%;
  background-color: #fff;
  color: #333;
  border-radius: 6px;
}
.chapter04__itemTtl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
  font-size: clamp(0.1rem, 3.333vw, 2.5rem);
}
.chapter04__itemTtl span {
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.7vw;
  height: 8.7vw;
  font-size: clamp(0.1rem, 2.8vw, 2.1rem);
}
.chapter04__itemImg {
  margin-top: 3.225%;
  width: 89.32%;
}
.chapter04__item:nth-child(2) .chapter04__itemImg {
  width: 96.25%;
}
.chapter04__item + .chapter04__item {
  margin-top: 4.838%;
}
.chapter04__list + .chapter04__txt {
  margin-top: 6%;
}
.chapter04__workList {
  display: flex;
  flex-wrap: wrap;
}
.chapter04__workItem {
  width: 50%;
  position: relative;
}
.chapter04__workItemTtl {
  position: absolute;
  font-size: clamp(0.1rem, 5.86666vw, 4.4rem);
  font-weight: bold;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.chapter04__workItemTtl span {
  display: block;
  margin-top: 12%;
  font-size: clamp(0.1rem, 1.73333vw, 1.3rem);
}
.chapter04__content {
  width: 90.7%;
  position: relative;
  margin: -5% auto 0;
  background-color: #fff;
  border-radius: 6px;
  text-align: left;
  padding: 5% 6%;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.chapter04__contentTtl {
  line-height: 1.5;
  font-weight: bold;
  font-size: clamp(0.1rem, 6vw, 4.5rem);
}
.chapter04__contentTtl span {
  color: #FF7184;
}
.chapter04__contentTxt {
  margin-top: 3%;
  font-weight: 500;
}
.chapter04__content + .chapter04__txt {
  width: 90.7%;
  margin: 5% auto 0;
  text-align: left;
}
.chapter04__btn {
  background-color: #fff;
  padding: 8% 4%;
  margin: 10% auto 0;
  width: 90.7%;
}
.chapter04__btn__txt {
  font-weight: 500;
}
.chapter04__btnList {
  margin-top: 7.417%;
}
.chapter04__btnList li {
  position: relative;
  border-radius: 6px;
  font-weight: bold;
  background-color: #27B7AD;
}
.chapter04__btnList li a {
  padding: 8% 0;
  font-size: clamp(0.1rem, 3.6vw, 2.7rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4%;
}
.chapter04__btnList li a span {
  font-weight: normal;
  font-size: clamp(0.1rem, 2.26666vw, 1.7rem);
}
.chapter04__btnList li::after {
  content: "";
  position: absolute;
  width: 3.2vw;
  height: 2.134vw;
  background-image: url(../img/menu-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.chapter04__btnList li + li {
  border: 2px solid #E2E2E2;
  margin-top: 5.5%;
  background-color: #fff;
}
.chapter04__btnList li + li img {
  width: 70%;
}
.chapter04__btnList li + li::after {
  background-image: url(../img/menu-icon-green.png);
}

.chapter05 {
  margin-top: 14%;
  text-align: center;
}
.chapter05__ttl.ttl {
  font-size: clamp(0.1rem, 8vw, 6rem);
}
.chapter05__txt {
  width: 90.7%;
  margin: 3% auto 0;
  text-align: left;
  font-weight: 500;
}
.chapter05__list {
  margin: 5% auto 0;
  width: 90.7%;
  text-align: left;
}
.chapter05__item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.chapter05__itemContent {
  padding: 4.852% 6.616% 9%;
}
.chapter05__itemTtl {
  font-weight: bold;
}
.chapter05__itemTxt {
  font-size: clamp(0.1rem, 3.4666vw, 2.6rem);
  line-height: 1.5;
  font-weight: 500;
}
.chapter05__itemBox {
  background-color: #EEEEEE;
  border-radius: 6px;
  padding: 4%;
  line-height: 1.8;
  margin-top: 6%;
  font-size: clamp(0.1rem, 3.2vw, 2.4rem);
}
.chapter05__itemBtn {
  margin-top: 6%;
  background-color: #27B7AD;
  border-radius: 150px;
  text-align: center;
  position: relative;
}
.chapter05__itemBtn a {
  padding: 6% 0;
}
.chapter05__itemBtn::after {
  content: "";
  position: absolute;
  width: 3.2vw;
  height: 2.134vw;
  background-image: url(../img/menu-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.chapter05__item + .chapter05__item {
  margin-top: 7%;
}
.chapter05__form {
  margin: 5.5% auto 0;
  width: 100%;
}
.chapter05__form iframe {
  aspect-ratio: 9/16;
}
.chapter05__mv {
  margin: 14% auto 0;
  width: 90.7%;
}
.chapter05__mvTtl {
  font-size: clamp(0.1rem, 4.8vw, 3.6rem);
}
.chapter05__mvList {
  margin-top: 6.616%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.chapter05__mvItem {
  width: 90%;
  max-width: 1000px;
}
.chapter05__mvItem:nth-child(n+3) {
  margin-top: 4%;
}

.footer {
  background-color: #000;
  padding: 11.334% 0 10%;
  text-align: center;
}
.footer__top {
  padding-bottom: 14%;
  border-bottom: 1px solid #fff;
}
.footer__topTxt {
  font-size: clamp(0.1rem, 4vw, 3rem);
  color: #fff;
}
.footer__topBtn {
  position: relative;
  background-color: #27B7AD;
  width: 79%;
  margin: 4% auto 0;
  border-radius: 6px;
  font-weight: bold;
}
.footer__topBtn a {
  color: #fff;
  padding: 8% 0;
  font-size: clamp(0.1rem, 3.6vw, 2.7rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4%;
}
.footer__topBtn a span {
  font-weight: normal;
  font-size: clamp(0.1rem, 2.26666vw, 1.7rem);
}
.footer__topBtn::after {
  content: "";
  position: absolute;
  width: 3.2vw;
  height: 2.134vw;
  background-image: url(../img/menu-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.footer__bottom {
  margin-top: 10.667%;
}
.footer__bottom .footer__logo {
  width: 63%;
  margin: 0 auto;
}
.footer__bottom small {
  display: block;
  color: #fff;
  margin-top: 5%;
  font-size: clamp(0.1rem, 3.2vw, 2.4rem);
}

.pcBr {
  display: none;
}

@media screen and (min-width: 768px) {
  html {
    scroll-padding-top: 40px;
  }
  .header__logo {
    width: 26.4065%;
    padding: 1.823% 2%;
  }
  main {
    padding-bottom: 10%;
  }
  .menu {
    width: 7.448vw;
    height: 2.5vw;
    top: 2vw;
  }
  .menu p {
    font-size: clamp(0.1rem, 0.78125vw, 1.5rem);
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .menu span {
    top: 50%;
    left: 69%;
    width: 25%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .menu span:nth-of-type(1) {
    transform: translate(-50%, calc(-50% - 0.3vw));
  }
  .menu span:nth-of-type(2) {
    width: 17%;
    left: 65.08%;
  }
  .menu span:nth-of-type(3) {
    width: 22%;
    transform: translate(-50%, calc(-50% + 0.3vw));
    left: 67.5%;
  }
  #menu:checked ~ .menu span {
    width: 22%;
    left: 59%;
  }
  .nav {
    width: 25%;
    border-radius: 0 0 0 36px;
    height: auto;
  }
  .nav__list {
    width: 76.459%;
    margin: 26.876% auto 0;
  }
  .nav__list li a {
    font-size: clamp(0.1rem, 1.041666vw, 2rem);
  }
  .nav__list li a span {
    font-size: clamp(0.1rem, 0.625vw, 1.2rem);
  }
  .nav__btnList {
    margin: 10.5% auto 14%;
  }
  .nav__btnList li a {
    font-size: clamp(0.1rem, 1.09375vw, 2.1rem);
  }
  .nav__btnList li a span {
    font-size: clamp(0.1rem, 0.6770833vw, 1.3rem);
  }
  .nav__btnList li::after {
    width: 1.042vw;
    height: 0.7vw;
    top: 52%;
  }
  .ttl-wrapper {
    position: relative;
    z-index: 1;
    margin: 0;
  }
  .ttl-wrapper span.chapter {
    width: 5.625%;
  }
  .ttl {
    font-size: clamp(0.1rem, 3.541666vw, 6.8rem);
    padding-bottom: 1.25%;
  }
  .ttl::after {
    height: 0.417vw;
  }
  .txt {
    font-size: clamp(0.1rem, 1.0416667vw, 2rem);
  }
  .fv__human {
    z-index: 1;
  }
  .fv__ttl {
    font-size: clamp(0.1rem, 4.94791667vw, 9.5rem);
  }
  .fv__ttlWrapper {
    display: flex;
    align-items: end;
    padding-top: 25.5%;
    padding-left: 7%;
    line-height: 1.4;
    position: relative;
  }
  .fv__txt {
    font-size: clamp(0.1rem, 1.458333vw, 2.8rem);
    position: absolute;
    bottom: 2%;
    left: 31%;
  }
  .chapter00 {
    margin-top: 8%;
  }
  .chapter00__top {
    position: absolute;
    z-index: -1;
  }
  .chapter00__txt {
    margin-top: 3.542%;
  }
  .chapter00__subTtl {
    margin-top: 2%;
    font-size: clamp(0.1rem, 1.5625vw, 3rem);
  }
  .chapter00__subTtl + .chapter00__txt {
    margin-top: 2.4%;
  }
  .chapter00__content {
    width: 68.75%;
    max-width: 1320px;
  }
  .chapter00__contentTtl {
    font-size: clamp(0.1rem, 1.25vw, 2.4rem);
    padding: 1.5% 0;
  }
  .chapter00__item {
    padding: 1% 0 3%;
    margin-top: 3%;
    width: 23%;
  }
  .chapter00__itemImg {
    width: 91%;
  }
  .chapter00__itemTxt {
    margin-top: 14%;
    font-size: clamp(0.1rem, 1.1458333vw, 2.2rem);
  }
  .chapter00__guide {
    width: 84.375%;
    max-width: 1620px;
    margin: 12.334% 0 0;
    padding: 5.125% 3.125% 4.4795% 52.396%;
  }
  .chapter00__guideImg {
    width: 44.9386%;
    top: -10%;
    left: 11%;
  }
  .chapter00__guideTtl {
    font-size: clamp(0.1rem, 2.34375vw, 4.5rem);
    padding-left: 6%;
  }
  .chapter00__guideTtl::before {
    width: 3.4378vw;
    height: 3.999vw;
    top: -78%;
  }
  .chapter00__guideCompany {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .chapter00__guideName {
    font-size: clamp(0.1rem, 2.34375vw, 4.5rem);
  }
  .chapter00__guideName span {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .chapter00__guideTxt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .chapter00__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 68.75%;
    max-width: 1320px;
    margin: 3.646% auto 0;
  }
  .chapter00__introIcon {
    width: 10%;
    margin: 0;
  }
  .chapter00__introList {
    margin: 0;
    width: 85.5308%;
  }
  .chapter00__introItem {
    width: 23%;
  }
  .chapter00__introItem:nth-child(n+3) {
    margin-top: 0;
  }
  .chapter01 {
    margin-top: 7.917%;
  }
  .chapter01__txt {
    margin-top: 3.125%;
  }
  .chapter01__img {
    margin-top: 1.5626%;
    width: 68.75%;
    max-width: 1320px;
  }
  .chapter01__img + .chapter01__txt {
    margin-top: 2.7086%;
    font-size: clamp(0.1rem, 1.5625vw, 3rem);
    font-weight: bold;
  }
  .chapter01__column {
    margin-top: 3.2813%;
    padding: 3.2814% 0 4.844%;
  }
  .chapter01__columnBg {
    width: 100%;
  }
  .chapter01__column::before {
    border-width: 2.1vw 5vw 0 5vw;
  }
  .chapter01__columnTtl {
    font-size: clamp(0.1rem, 3.6458333vw, 7rem);
  }
  .chapter01__columnContent {
    margin: 1.5627% auto 0;
    padding: 1.719% 2.917% 2.1878% 4.896%;
    width: 48.9065%;
    border-radius: 6px;
  }
  .chapter01__columnImg {
    width: 16.827%;
    top: 50%;
    left: -12%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .chapter01__columnSubTtl {
    font-size: clamp(0.1rem, 1.458333vw, 2.8rem);
  }
  .chapter01__columnTxt {
    font-size: clamp(0.1rem, 0.8333vw, 1.6rem);
    margin-top: 1%;
  }
  .chapter02 {
    margin-top: 5%;
  }
  .chapter02__txt {
    margin-top: 3%;
  }
  .chapter02__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
    margin-top: 5%;
    width: 68.75%;
    max-width: 1320px;
  }
  .chapter02__item {
    width: 42.273%;
    padding: 2.273%;
  }
  .chapter02__itemTtl {
    font-size: clamp(0.1rem, 1.0416667vw, 2rem);
    padding: 2% 0 2.5%;
  }
  .chapter02__itemList {
    margin-top: 5.377%;
  }
  .chapter02__itemList li {
    gap: 0;
    justify-content: space-between;
  }
  .chapter02__itemListImg {
    width: 16.266%;
  }
  .chapter02__itemListContent {
    width: 79%;
  }
  .chapter02__itemListTtl {
    font-size: clamp(0.1rem, 1.145833vw, 2.2rem);
  }
  .chapter02__itemListTxt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
    text-align: left;
    line-height: 1.5;
  }
  .chapter02 .cross-button {
    width: 3.594vw;
  }
  .chapter02 .cross-button::before, .chapter02 .cross-button::after {
    height: 3px;
  }
  .chapter03 {
    margin-top: 8.8545%;
    padding-top: 5.3125%;
    width: 93.75%;
    max-width: 1800px;
    border-radius: 0 50px 0 0;
  }
  .chapter03__ttlWrapper {
    margin-left: 6.5%;
  }
  .chapter03__subTtl {
    margin-top: 2%;
    margin-left: 6.5%;
    font-size: clamp(0.1rem, 1.458333vw, 2.8rem);
  }
  .chapter03__txt {
    text-align: center;
    margin-top: 2%;
    width: 100%;
    margin-left: 4%;
  }
  .chapter03__list {
    width: 73.3334%;
    max-width: 1320px;
    margin-top: 3%;
    margin-left: 16%;
  }
  .chapter03__item {
    display: flex;
    align-items: center;
  }
  .chapter03__itemImg {
    width: 50%;
  }
  .chapter03__itemIcon {
    width: 21.364%;
    top: 20%;
    right: auto;
    left: 37%;
  }
  .chapter03__itemTtl {
    font-size: clamp(0.1rem, 1.66666vw, 3.2rem);
  }
  .chapter03__itemTxt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .chapter03__itemContent {
    width: 50%;
    margin: 0;
  }
  .chapter03__itemInner {
    padding: 3% 1.999%;
    margin-top: 3%;
  }
  .chapter03__itemIconTxt {
    width: 21.595%;
    height: 4.167vw;
  }
  .chapter03__itemList {
    gap: 2%;
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .chapter03__itemList li {
    gap: 0;
  }
  .chapter03__itemList li span {
    width: 0.98vw;
    margin-right: 0.3vw;
  }
  .chapter03__item:first-child .chapter03__itemContent {
    margin: 0 0 0 auto;
    width: 39%;
  }
  .chapter03__item:nth-child(n+1) {
    margin-top: 0;
  }
  .chapter03__item:nth-child(n+2) {
    margin-top: 3%;
  }
  .chapter03__item:nth-child(2) {
    flex-direction: row-reverse;
  }
  .chapter03__item:nth-child(2) .chapter03__itemImg {
    width: 46.364%;
    margin-left: auto;
  }
  .chapter03__item:nth-child(3) .chapter03__itemContent {
    width: 38.561%;
    margin: 0 auto;
  }
  .chapter03__point {
    padding: 3.2814% 0 4.844%;
    width: 100vw;
  }
  .chapter03__pointContent {
    margin: 1.5627% auto 0;
    padding: 1.719% 2.917% 2.1878% 4.896%;
    width: 48.9065%;
    border-radius: 6px;
  }
  .chapter03__pointImg {
    width: 16.827%;
    top: 50%;
    left: -12%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .chapter03__pointBg {
    width: 100%;
  }
  .chapter03__pointTtl {
    font-size: clamp(0.1rem, 3.6458333vw, 7rem);
  }
  .chapter03__pointSubTtl {
    font-size: clamp(0.1rem, 1.458333vw, 2.8rem);
  }
  .chapter03__pointTxt {
    font-size: clamp(0.1rem, 0.8333vw, 1.6rem);
    margin-top: 1%;
  }
  .chapter03__point::before {
    border-width: 2.1vw 5vw 0 5vw;
  }
  .chapter04 {
    position: relative;
  }
  .chapter04__inner {
    padding: 5.625% 0 6.042%;
    background-image: url(../img/chapter04-bg.jpg);
  }
  .chapter04__txt {
    margin-top: 1.9273%;
  }
  .chapter04__list {
    width: 68.75%;
    max-width: 1320px;
    display: flex;
    justify-content: center;
    gap: 3%;
    padding: 2.0834% 3.073% 2.6045%;
    margin-top: 1.9273%;
  }
  .chapter04__item {
    width: 48%;
  }
  .chapter04__itemTtl span {
    width: 3.2295vw;
    height: 3.2295vw;
  }
  .chapter04__itemImg {
    width: 100%;
  }
  .chapter04__item + .chapter04__item {
    margin-top: 0;
  }
  .chapter04__item:nth-child(2) .chapter04__itemImg {
    width: 100%;
  }
  .chapter04__list + .chapter04__txt.txt {
    margin-top: 1.9273%;
    font-weight: bold;
    font-size: clamp(0.1rem, 1.5625vw, 3rem);
  }
  .chapter04__workList {
    position: relative;
  }
  .chapter04__workList::after {
    position: absolute;
    content: "";
    display: block;
    bottom: -5%;
    width: 100%;
    height: 5.5vw;
    background-color: #F5F8FC;
    border-radius: 100%;
  }
  .chapter04__workItem {
    width: 33.3333%;
  }
  .chapter04__workItemTtl {
    font-size: clamp(0.1rem, 4.0625vw, 7.8rem);
  }
  .chapter04__workItemTtl span.chapter04__workItemTtlSub {
    margin-top: 5%;
  }
  .chapter04__workItemTtl span {
    font-size: clamp(0.1rem, 1.25vw, 2.4rem);
  }
  .chapter04__workItem:nth-child(n+4) {
    margin-top: 10.75%;
  }
  .chapter04__content {
    position: absolute;
    bottom: 42.8%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5626% 0;
    width: 100%;
    border-radius: 0;
    box-shadow: unset;
    gap: 4%;
  }
  .chapter04__contentTtl {
    font-size: clamp(0.1rem, 2.34375vw, 4.5rem);
  }
  .chapter04__contentTxt {
    margin-top: 0;
  }
  .chapter04__content + .chapter04__txt {
    text-align: center;
    margin-top: 3.6045%;
    font-weight: bold;
  }
  .chapter04__btn {
    width: 68.75%;
    max-width: 1320px;
    margin-top: 3.125%;
    padding: 3.3856% 5.573%;
  }
  .chapter04__btnTxt.txt {
    font-weight: bold;
    font-size: clamp(0.1rem, 1.25vw, 2.4rem);
  }
  .chapter04__btnList {
    margin-top: 4.069%;
    display: flex;
    justify-content: space-between;
  }
  .chapter04__btnList li {
    width: 48%;
  }
  .chapter04__btnList li a {
    line-height: 1.5;
    font-size: clamp(0.1rem, 1.302vw, 2.5rem);
  }
  .chapter04__btnList li a span {
    font-size: clamp(0.1rem, 0.8333vw, 1.6rem);
  }
  .chapter04__btnList li::after {
    width: 1.042vw;
    height: 0.7vw;
  }
  .chapter04__btnList li + li {
    margin-top: 0;
  }
  .chapter04__btnList li + li img {
    width: 67%;
  }
  .chapter05 {
    margin-top: 10.7294%;
  }
  .chapter05__ttl.ttl {
    font-size: clamp(0.1rem, 3.54167vw, 6.8rem);
  }
  .chapter05__txt {
    text-align: center;
    margin-top: 2.344%;
  }
  .chapter05__list {
    margin-top: 2.5%;
    width: 68.75%;
    max-width: 1320px;
    display: flex;
    gap: 3%;
  }
  .chapter05__item {
    width: 100%;
    padding: 3.5% 3%;
    display: flex;
    gap: 3%;
  }
  .chapter05__itemImg {
    width: 58%;
  }
  .chapter05__itemContent {
    padding: 0;
  }
  .chapter05__itemTtl.txt {
    font-size: clamp(0.1rem, 1.25vw, 2.4rem);
    line-height: 1.3;
    margin-top: 0;
  }
  .chapter05__itemTxt {
    font-size: clamp(0.1rem, 0.8333vw, 1.6rem);
    margin-top: 4%;
  }
  .chapter05__itemBox {
    margin-top: 3%;
    font-size: clamp(0.1rem, 0.8333vw, 1.6rem);
  }
  .chapter05__itemBtn.txt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .chapter05__itemBtn.txt::after {
    width: 1.042vw;
    height: 0.7vw;
  }
  .chapter05__item + .chapter05__item {
    margin-top: 0;
  }
  .chapter05__form {
    margin: 3.5% auto 0;
    width: 68.75%;
    max-width: 1320px;
  }
  .chapter05__form iframe {
    aspect-ratio: 16/9;
  }
  .chapter05__mv {
    margin-top: 5%;
    width: 68.75%;
    max-width: 1320px;
  }
  .chapter05__mvTtl {
    font-size: clamp(0.1rem, 1.5625vw, 3rem);
    font-weight: bold;
  }
  .chapter05__mvList {
    margin-top: 3.5%;
  }
  .chapter05__mvItem {
    width: 65%;
  }
  .chapter05__mvItem:nth-child(n+3) {
    margin-top: 0;
  }
  .footer {
    padding: 3.667% 0 2.6045%;
  }
  .footer__top {
    display: flex;
    align-items: center;
    gap: 4%;
    justify-content: center;
    padding-bottom: 4%;
  }
  .footer__topTxt {
    font-size: clamp(0.1rem, 1.5625vw, 3rem);
  }
  .footer__topBtn {
    margin: 0;
    width: 41.042%;
  }
  .footer__topBtn a {
    font-size: clamp(0.1rem, 1.3020833vw, 2.5rem);
  }
  .footer__topBtn::after {
    width: 1.042vw;
    height: 0.7vw;
  }
  .footer__bottom {
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4.4274%;
  }
  .footer__bottom .footer__logo {
    margin: 0;
    width: 23.429%;
  }
  .footer__bottom small {
    margin-top: 0;
    font-size: clamp(0.1rem, 0.8333vw, 1.6rem);
  }
  .pcBr {
    display: block;
  }
  .spBr {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */