@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
}

body {
  min-width: 375px;
  width: 100%;
  margin: 0;
  background: #ffffff;
  color: rgb(19, 29, 52);
  font-family: "Noto Sans JP", sans-serif;
}

a {
  text-decoration: none;
  transition: 0.3s;
  color: inherit;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  a:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s ease;
  }
}

picture,
img,
a,
span {
  display: inline-block;
}

ul, ol {
  list-style-type: none;
}

video,
img,
svg {
  width: 100%;
  height: 100%;
}

button {
  font: inherit;
  color: inherit;
  background: transparent;
  background: none;
  border: none;
}

input,
textarea,
select {
  font: inherit;
}

button,
input {
  cursor: pointer;
}

.l-footer {
  width: auto;
  max-width: 1440px;
  margin-inline: auto;
}

.l-header {
  width: auto;
}

.l-main {
  width: auto;
  margin-inline: auto;
}

.c-btn--primary {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #FCE65C;
  box-shadow: 5px 5px 0px 0px #131D34;
  transition: 0.3s;
}

.c-btn--secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: rgb(43, 184, 217);
  box-shadow: 5px 5px 0px 0px #131D34;
  transition: 0.3s;
}

.c-btn--primary:hover,
.c-btn--secondary:hover {
  transform: translateY(5px);
  box-shadow: 2px 2px 0 0 #131D34;
  opacity: 1;
}

.c-btn--shiny {
  display: block;
  position: relative;
  border-radius: 10px;
  transition: 0.3s;
  overflow: hidden;
}

.c-btn--shiny::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -50px;
  left: -50px;
  width: 50px;
  height: 100%;
  background-color: #ffffff;
  transition: 0.3s;
  -webkit-animation: shinyshiny 3s ease-in-out infinite;
          animation: shinyshiny 3s ease-in-out infinite;
}
@media screen and (min-width: 834px) {
  .c-btn--shiny::before {
    top: -100px;
    left: -50px;
    width: 50px;
    height: 100%;
    transition: 0.3s;
    -webkit-animation: shinyshiny 3s ease-in-out infinite;
            animation: shinyshiny 3s ease-in-out infinite;
  }
}

@-webkit-keyframes shinyshiny {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@keyframes shinyshiny {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.c-text--white {
  color: #ffffff;
}

.c-text--skyblue {
  color: rgb(43, 184, 217);
}

.c-text--blue {
  color: rgb(6, 149, 238);
}

.c-text--underline__blue {
  border-bottom: 5px solid rgb(43, 184, 217);
  display: inline;
}
@media screen and (min-width: 834px) {
  .c-text--underline__blue {
    display: inline-block;
  }
}

.c-text--bold {
  font-weight: 600;
}

.c-text--underline__link {
  -webkit-text-decoration: underline rgb(43, 184, 217);
          text-decoration: underline rgb(43, 184, 217);
  text-underline-offset: 4px;
}

.c-text--brSP {
  display: block;
}
@media screen and (min-width: 834px) {
  .c-text--brSP {
    display: none;
  }
}

.c-bg-color--white {
  background-color: #ffffff;
}

.c-bg-color--navy {
  background-color: #131D34;
}

.c-bg-color--sky {
  background-color: rgb(238, 252, 255);
}

.c-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 112;
}

.c-display--pc {
  display: none;
}
@media screen and (min-width: 834px) {
  .c-display--pc {
    display: inline-block;
  }
}

.c-display--pcOnly {
  display: none;
}
@media screen and (min-width: 1000px) {
  .c-display--pcOnly {
    display: inline-block;
  }
}

.c-display--sp {
  display: inline-block;
}
@media screen and (min-width: 834px) {
  .c-display--sp {
    display: none;
  }
}

.c-display--tab {
  display: none;
}
@media screen and (min-width: 834px) {
  .c-display--tab {
    display: inline-block;
  }
}
@media screen and (min-width: 1000px) {
  .c-display--tab {
    display: none;
  }
}

.c-trigger__opacity {
  opacity: 0;
}

.c-trigger__opacity.is-show {
  opacity: 1;
}

.c-trigger__fadeIn {
  opacity: 0;
  translate: 0 40px;
  transition: opacity 0.3s ease, translate 0.3s ease;
}
.c-trigger__fadeIn.js-show {
  opacity: 1;
  translate: 0 0;
}

.c-trigger__clipView {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.c-trigger__clipView.js-show {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}

.c-trigger__fadeIn--circle {
  opacity: 0;
  translate: 0 40px;
  transition: opacity 0.3s ease, translate 0.3s ease;
}
.c-trigger__fadeIn--circle.js-show {
  opacity: 1;
  translate: 0 0;
}

.c-trigger__text .char {
  opacity: 0;
}

.c-trigger__textBg.--bg1 {
  -webkit-animation: 0.8s 0.2s ease forwards slideLeft;
          animation: 0.8s 0.2s ease forwards slideLeft;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.c-trigger__textBg.--bg2 {
  -webkit-animation: 0.8s 0.7s ease forwards slideLeft;
          animation: 0.8s 0.7s ease forwards slideLeft;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.c-trigger__textBg.--bg3 {
  -webkit-animation: 0.8s 1.2s ease forwards slideLeft;
          animation: 0.8s 1.2s ease forwards slideLeft;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

@-webkit-keyframes slideLeft {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}

@keyframes slideLeft {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.c-trigger__fadeInImg {
  -webkit-animation: 1.5s 0.2s ease forwards fadeIn;
          animation: 1.5s 0.2s ease forwards fadeIn;
  opacity: 0;
}

.c-trigger__fadeInImg--sp {
  -webkit-animation: 1.5s 1s ease forwards fadeIn;
          animation: 1.5s 1s ease forwards fadeIn;
  opacity: 0;
}

.c-trigger__fadeInImg--tekkun {
  -webkit-animation: 1s 2s ease forwards fadeIn;
          animation: 1s 2s ease forwards fadeIn;
  opacity: 0;
}

.c-trigger__fadeInBtn {
  -webkit-animation: 1s 2.3s ease forwards fadeIn;
          animation: 1s 2.3s ease forwards fadeIn;
  opacity: 0;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-trigger__fadeInHeader {
  -webkit-animation: 0.8s 2s ease-in-out forwards slideTop;
          animation: 0.8s 2s ease-in-out forwards slideTop;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}

@-webkit-keyframes slideTop {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}

@keyframes slideTop {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.c-trigger__floating {
  opacity: 1;
  animation: floating-y-sp 1.8s ease-in-out infinite alternate-reverse;
}
@media screen and (min-width: 834px) {
  .c-trigger__floating {
    opacity: 1;
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  }
}

@-webkit-keyframes floating-y-sp {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes floating-y-sp {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes floating-y {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
.p-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 112;
  width: 100%;
  height: auto;
  background: #ffffff;
  padding: 15px 38px;
}
@media screen and (min-width: 834px) {
  .p-header {
    font-size: clamp(16px, 5.3333333333vw, 20px);
    font-weight: 600;
    line-height: 1.362;
    font-size: clamp(14px, 1.3888888889vw, 20px);
    display: flex;
    padding-block: min(2.22vw, 32px);
    padding-inline: min(5.49vw, 79px);
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-header {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 1200px) {
  .p-header {
    padding-block: min(2.22vw, 32px);
    padding-inline: min(5.49vw, 79px);
  }
}
@media screen and (min-width: 1441px) {
  .p-header {
    justify-content: space-around;
  }
}

.p-header__logo {
  width: 100px;
  position: relative;
  z-index: 113;
}
@media screen and (min-width: 834px) {
  .p-header__logo {
    width: min(16.25vw, 234px);
  }
}

.p-nav__listBox {
  display: none;
}
@media screen and (min-width: 834px) {
  .p-nav__listBox {
    display: flex;
    align-items: center;
    gap: min(4.44vw, 64px);
  }
}

.p-nav__list--btn {
  display: none;
}
@media screen and (min-width: 834px) {
  .p-nav__list--btn {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 1.3620833333;
    display: flex;
    padding: min(1.39vw, 20px);
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-nav__list--btn {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-hero {
  position: relative;
  min-height: 629px;
}
@media screen and (min-width: 834px) {
  .p-hero {
    overflow: hidden;
    aspect-ratio: 1440/754;
    min-height: auto;
    max-width: 1440px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-hero {
    background-position: top;
    background-size: contain;
  }
}

.p-hero__imgPc {
  display: none;
}
@media screen and (min-width: 834px) {
  .p-hero__imgPc {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    z-index: -1;
  }
}

.p-hero__imgSp {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .p-hero__imgSp {
    width: 55%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 834px) {
  .p-hero__imgSp {
    display: none;
  }
}

.p-hero__title {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 9px 0 17px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  font-size: clamp(25.6px, 8.5333333333vw, 32px);
  font-weight: 600;
  line-height: 1.361875;
}
@media screen and (min-width: 834px) {
  .p-hero__title {
    font-size: clamp(22.4px, 2.2222222222vw, 32px);
  }
}
@media screen and (min-width: 834px) {
  .p-hero__title {
    padding-top: min(3.47vw, 50px);
    padding-bottom: 0;
    margin-left: min(9.72vw, 140px);
    gap: min(11.67vw, 24px);
    align-self: stretch;
    font-size: clamp(38.4px, 12.8vw, 48px);
    font-weight: 600;
    line-height: 1.3620833333;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-hero__title {
    font-size: clamp(33.6px, 3.3333333333vw, 48px);
  }
}

.p-hero__title--navy {
  padding: 0 4px 0 10px;
  background-color: #131D34;
}
@media screen and (min-width: 834px) {
  .p-hero__title--navy {
    padding: 0 16px 0 20px;
  }
}

.p-hero__title--navy--secondary {
  padding: 0 11px 0 10px;
  background-color: #131D34;
}
@media screen and (min-width: 834px) {
  .p-hero__title--navy--secondary {
    padding: 0 22px 0 20px;
  }
}

.p-hero__title--en {
  font-family: "Noto Sans", sans-serif;
  font-size: clamp(27.2px, 9.0666666667vw, 34px);
  font-weight: 600;
  line-height: 1.3620588235;
  letter-spacing: 0.06em;
  padding: 0 0 0 3px;
}
@media screen and (min-width: 834px) {
  .p-hero__title--en {
    font-size: clamp(23.8px, 2.3611111111vw, 34px);
  }
}
@media screen and (min-width: 834px) {
  .p-hero__title--en {
    font-size: clamp(40px, 13.3333333333vw, 50px);
    font-weight: 600;
    line-height: 1.362;
    padding: 0px 2px 7px 2px;
    letter-spacing: 0.04em;
    line-height: 1.1;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-hero__title--en {
    font-size: clamp(35px, 3.4722222222vw, 50px);
  }
}

.p-hero__title--cricle {
  position: absolute;
  top: 43px;
  left: 15px;
  color: rgb(19, 29, 52);
  font-size: 0.83em;
  letter-spacing: 0.18em;
}
@media screen and (min-width: 834px) {
  .p-hero__title--cricle {
    top: 33.5%;
    left: 4.5%;
    font-size: 0.9em;
    letter-spacing: 0.14em;
  }
}

.p-hero__title--letter {
  padding: 0px 12px 0 10px;
}
@media screen and (min-width: 834px) {
  .p-hero__title--letter {
    font-size: clamp(38.4px, 12.8vw, 48px);
    font-weight: 600;
    line-height: 1.2708333333;
    padding: 0px 25px 3px 19px;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-hero__title--letter {
    font-size: clamp(33.6px, 3.3333333333vw, 48px);
  }
}

.p-hero__title--btn {
  width: 335px;
  margin-inline: auto;
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
  z-index: 110;
  position: absolute;
  bottom: 38px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 834px) {
  .p-hero__title--btn {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-hero__title--btn {
    width: min(30vw, 432px);
    margin-top: min(6.94vw, 100px);
    margin-left: min(9.72vw, 140px);
    font-size: clamp(25.6px, 8.5333333333vw, 32px);
    font-weight: 600;
    line-height: 1.361875;
    font-size: clamp(22.6px, 2.2222222222vw, 32px);
    position: initial;
    transform: initial;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-hero__title--btn {
    font-size: clamp(22.4px, 2.2222222222vw, 32px);
  }
}

.p-hero__button {
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
@media screen and (min-width: 834px) {
  .p-hero__button {
    padding: min(1.39vw, 20px);
  }
}

.p-hero__image01 {
  position: absolute;
  top: 0;
  left: min(29.44vw, 432px);
  width: min(67.5vw, 972px);
  z-index: 100;
}

.p-hero__image02 {
  position: absolute;
  top: min(5.14vw, 74px);
  left: min(57.29vw, 825px);
  width: min(34.93vw, 503px);
  height: min(47.64vw, 686px);
  z-index: 103;
}

.p-hero__image03 {
  position: absolute;
  top: min(50.13vw, 188px);
  right: min(14.93vw, 56px);
  width: min(16.53vw, 62px);
  height: min(19.2vw, 72px);
  z-index: 101;
}
@media screen and (min-width: 834px) {
  .p-hero__image03 {
    top: min(4.58vw, 66px);
    right: min(5.83vw, 84px);
    width: min(8.61vw, 124px);
    height: min(10.63vw, 153px);
  }
}

.p-hero__image04 {
  position: absolute;
  top: min(114.67vw, 430px);
  left: min(9.07vw, 34px);
  width: min(19.47vw, 73px);
  height: min(15.47vw, 58px);
  z-index: 101;
}
@media screen and (min-width: 834px) {
  .p-hero__image04 {
    top: min(36.67vw, 528px);
    left: min(45.97vw, 662px);
    width: min(11.67vw, 168px);
    height: min(9.31vw, 134px);
  }
}

.p-problem {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 2;
  padding: 40px 37px 46px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 23px;
}
@media screen and (min-width: 834px) {
  .p-problem {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 834px) {
  .p-problem {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 2;
    gap: 0px;
    padding: 0;
    max-width: 1440px;
    margin: 0 auto;
    background-image: url(../images/problem_bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-problem {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-problem__title {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
}
@media screen and (min-width: 834px) {
  .p-problem__title {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-problem__title {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-top: min(5.56vw, 80px);
    margin-bottom: min(2.78vw, 40px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-problem__title {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}

.p-problem__listBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16.5px;
  margin-left: 20px;
}
@media screen and (min-width: 834px) {
  .p-problem__listBox {
    margin-left: 0;
    gap: min(1.15vw, 16.5px);
    margin-left: max(-0.69vw, -10px);
  }
}

.p-problem__list {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-problem__list {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
.p-problem__list::before {
  content: " ";
  position: absolute;
  top: 28%;
  left: -20px;
  width: 15px;
  height: 15px;
  background-image: url(../images/el_check.webp);
  background-size: 15px;
}
@media screen and (min-width: 834px) {
  .p-problem__list {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 2;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-problem__list {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-problem__list::before {
    top: min(0.69vw, 10px);
    left: min(-2.57vw, -37px);
    left: -41px;
    width: min(2.08vw, 30px);
    height: min(2.08vw, 30px);
    background-size: min(2.08vw, 30px);
  }
}

.p-problem__list--line {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 2;
}
@media screen and (min-width: 834px) {
  .p-problem__list--line {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 834px) {
  .p-problem__list--line {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 2;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-problem__list--line {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-problem__arrow {
  display: none;
}
@media screen and (min-width: 834px) {
  .p-problem__arrow {
    display: block;
    margin-block: min(1.88vw, 27px);
    width: min(6.11vw, 88px);
  }
}

.p-problem__arrowSP {
  display: block;
  width: 311px;
  margin: 0 auto -8px;
}
@media screen and (min-width: 834px) {
  .p-problem__arrowSP {
    display: none;
  }
}

.p-problem__text {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 2.3;
  padding-bottom: 9px;
  border-bottom: 5px solid rgb(43, 184, 217);
  display: inline;
}
@media screen and (min-width: 834px) {
  .p-problem__text {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-problem__text {
    display: inline-block;
    font-size: clamp(28.8px, 9.6vw, 36px);
    font-weight: 600;
    line-height: 1.3619444444;
    padding-bottom: min(0.69vw, 10px);
    margin-bottom: min(5.56vw, 80px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-problem__text {
    font-size: clamp(25.2px, 2.5vw, 36px);
  }
}

.p-session {
  display: flex;
  padding: 40px 37px;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 834px) {
  .p-session {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 2;
    gap: 0;
    padding: 0;
    justify-content: center;
    background-image: url(../images/session_bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-session {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-session__title {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
  margin-bottom: 32px;
}
@media screen and (min-width: 834px) {
  .p-session__title {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-session__title {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-top: min(5.56vw, 80px);
    margin-bottom: min(4.17vw, 60px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-session__title {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}

.p-session__box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  margin-bottom: 40px;
}
.p-session__box::before {
  content: " ";
  position: absolute;
  width: 65px;
  height: 70px;
  background-image: url(../images/session_boy01.webp);
  background-size: 65px;
  top: -26px;
  right: 3px;
}
.p-session__box::after {
  content: " ";
  position: absolute;
  width: 51px;
  height: 71px;
  background-image: url(../images/session_tekkun01.webp);
  background-size: 51px;
  bottom: -20px;
  right: -15px;
}
@media screen and (min-width: 834px) {
  .p-session__box {
    width: min(63.89vw, 920px);
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: min(4.38vw, 63px);
  }
  .p-session__box::before {
    width: min(8.19vw, 118px);
    height: min(8.82vw, 127px);
    background-image: url(../images/session_boy01.webp);
    background-size: min(8.19vw, 118px);
    top: max(-1.94vw, -28px);
    left: max(-8.61vw, -124px);
  }
  .p-session__box::after {
    width: min(6.88vw, 99px);
    height: min(9.44vw, 136px);
    background-image: url(../images/session_tekkun01.webp);
    background-size: min(6.88vw, 99px);
    bottom: min(-3.96vw, -57px);
    right: min(-3.33vw, -48px);
  }
}

.p-session__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (min-width: 834px) {
  .p-session__inner {
    width: min(30.56vw, 440px);
    gap: min(0.83vw, 12px);
    margin-top: min(1.67vw, 24px);
  }
}

.p-session__subTitle {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
}
@media screen and (min-width: 834px) {
  .p-session__subTitle {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-session__subTitle {
    font-size: clamp(28.8px, 9.6vw, 36px);
    font-weight: 600;
    line-height: 1.3619444444;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-session__subTitle {
    font-size: clamp(25.2px, 2.5vw, 36px);
  }
}

.p-session__listBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-session__list {
  font-size: clamp(11.2px, 3.7333333333vw, 14px);
  font-weight: 600;
  line-height: 2;
}
@media screen and (min-width: 834px) {
  .p-session__list {
    font-size: clamp(9.8px, 0.9722222222vw, 14px);
  }
}
@media screen and (min-width: 834px) {
  .p-session__list {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 600;
    line-height: 2;
    position: relative;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-session__list {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

.p-session__image {
  width: 300px;
}
@media screen and (min-width: 834px) {
  .p-session__image {
    width: min(30.56vw, 440px);
  }
}

.p-session__text {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
  margin-top: 6px;
  margin-bottom: 11px;
}
@media screen and (min-width: 834px) {
  .p-session__text {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-session__text {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 1.3620833333;
    margin: 0;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-session__text {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

@media screen and (min-width: 834px) {
  .p-session__slide {
    margin-bottom: min(7.78vw, 112px);
    width: min(63.89vw, 920px);
    position: relative;
  }
  .p-session__slide::before {
    content: " ";
    position: absolute;
    width: min(9.65vw, 139px);
    height: min(7.99vw, 115px);
    background-image: url(../images/session_tekkun02.webp);
    background-size: min(9.65vw, 139px);
    left: min(27.36vw, 394px);
    bottom: max(-2.57vw, -37px);
  }
}

.p-session__slidelistBox {
  margin-top: 14.5px;
}
@media screen and (min-width: 834px) {
  .p-session__slidelistBox {
    margin-top: min(1.67vw, 24px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: min(0.83vw, 12px);
  }
}

.p-session__slidelist {
  width: 300px;
  margin-bottom: 8px;
  margin-inline: auto;
}
.p-session__slidelist:last-of-type {
  margin-bottom: 0px;
}
@media screen and (min-width: 834px) {
  .p-session__slidelist {
    margin-bottom: 0px;
    width: min(31.25vw, 450px);
  }
}

.p-organizer {
  display: flex;
  padding: 30px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 834px) {
  .p-organizer {
    padding-inline: min(1.88vw, 27px);
    gap: 0;
    background-image: url(../images/organizer_bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
  }
}

.p-organizer__title {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
}
@media screen and (min-width: 834px) {
  .p-organizer__title {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__title {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-top: min(5.56vw, 80px);
    margin-bottom: min(2.78vw, 40px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__title {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}

.p-organizer__contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 834px) {
  .p-organizer__contents {
    flex-direction: row;
    width: min(65.28vw, 940px);
    margin-bottom: min(2.08vw, 30px);
    align-items: flex-start;
    min-height: min(38.68vw, 557px);
    gap: min(3.47vw, 50px);
  }
}

.p-organizer__contents--second {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 834px) {
  .p-organizer__contents--second {
    flex-direction: row;
    width: min(63.89vw, 920px);
    margin-bottom: min(2.22vw, 32px);
    gap: min(3.47vw, 50px);
  }
}

.p-organizer__inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 300px;
}
@media screen and (min-width: 834px) {
  .p-organizer__inner {
    width: min(30.56vw, 440px);
  }
}

.p-organizer__name {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
  margin-bottom: 8px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-organizer__name {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
.p-organizer__name::before {
  content: " ";
  position: absolute;
  width: 37px;
  height: 52px;
  background-image: url(../images/organizer_tekkun02.webp);
  background-size: 37px;
  background-position: top;
  left: 15.5%;
  top: -3px;
}
@media screen and (min-width: 834px) {
  .p-organizer__name {
    font-size: clamp(25.6px, 8.5333333333vw, 32px);
    font-weight: 600;
    line-height: 1.361875;
    line-height: 0.2em;
    height: 44px;
    margin-left: -10px;
    margin-bottom: 0;
    position: relative;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__name {
    font-size: clamp(22.4px, 2.2222222222vw, 32px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__name::before {
    content: " ";
    position: absolute;
    width: min(4.31vw, 62px);
    height: min(6.04vw, 87px);
    background-image: url(../images/organizer_tekkun02.webp);
    background-size: min(4.31vw, 62px);
    background-position: top;
    background-repeat: no-repeat;
    top: max(-0.28vw, -4px);
    left: min(3.47vw, 50px);
  }
}

.p-organizer__profile {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media screen and (min-width: 834px) {
  .p-organizer__profile {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__profile {
    font-size: clamp(16px, 5.3333333333vw, 20px);
    font-weight: 500;
    line-height: 2;
    margin-left: -10px;
    margin-top: -10px;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__profile {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}

.p-organizer__subTitle {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 2.15;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-organizer__subTitle {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
.p-organizer__subTitle::before {
  content: " ";
  position: absolute;
  width: 60px;
  height: 60px;
  background-image: url(../images/organizer_tekkun01.webp);
  background-size: 60px;
  background-position: top;
  background-repeat: no-repeat;
  top: 6px;
  right: -25px;
}
@media screen and (min-width: 834px) {
  .p-organizer__subTitle {
    font-size: clamp(17.6px, 5.8666666667vw, 22px);
    font-weight: 600;
    line-height: 1.8181818182;
    margin-bottom: min(2.5vw, 36px);
    margin-top: min(2.99vw, 43px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__subTitle {
    font-size: clamp(15.4px, 1.5277777778vw, 22px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__subTitle::before {
    width: min(8.47vw, 122px);
    height: min(8.47vw, 122px);
    background-image: url(../images/organizer_tekkun01.webp);
    background-size: min(8.47vw, 122px);
    top: max(-1.39vw, -20px);
    right: max(-6.39vw, -92px);
  }
}
@media screen and (min-width: 1000px) {
  .p-organizer__subTitle {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 1.75;
  }
}
@media screen and (min-width: 1000px) and (min-width: 834px) {
  .p-organizer__subTitle {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-organizer__subTitle--second {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
  margin-bottom: 8px;
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-organizer__subTitle--second {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
.p-organizer__subTitle--second::before {
  content: " ";
  position: absolute;
  width: 40px;
  height: 55px;
  background-image: url(../images/organizer_girl01.webp);
  background-size: 40px;
  background-position: top;
  background-repeat: no-repeat;
  top: -16px;
  right: -15px;
}
@media screen and (min-width: 834px) {
  .p-organizer__subTitle--second {
    font-size: clamp(28.8px, 9.6vw, 36px);
    font-weight: 600;
    line-height: 1.3619444444;
    margin-bottom: min(1.04vw, 15px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__subTitle--second {
    font-size: clamp(25.2px, 2.5vw, 36px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__subTitle--second::before {
    width: min(5.83vw, 84px);
    height: min(7.92vw, 114px);
    background-image: url(../images/organizer_girl01.webp);
    background-size: min(5.83vw, 84px);
    top: max(-2.15vw, -31px);
    left: max(-6.39vw, -92px);
  }
}

.p-organizer__text {
  margin-bottom: 32px;
  text-align: center;
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  padding-inline: 60px;
  padding-block: 13px;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 834px) {
  .p-organizer__text {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
.p-organizer__text::before {
  content: " ";
  position: absolute;
  width: 122px;
  height: 78px;
  background-image: url(../images/organizer_triangle.webp);
  background-size: 122px;
  background-position: top;
  background-repeat: no-repeat;
  top: 66%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1;
}
@media screen and (min-width: 834px) {
  .p-organizer__text {
    font-size: clamp(16px, 5.3333333333vw, 20px);
    font-weight: 600;
    line-height: 1.362;
    padding-inline: min(4.17vw, 60px);
    padding-block: min(0.9vw, 13px);
    margin-bottom: min(2.5vw, 36px);
    text-align: left;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__text {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__text::before {
    width: min(10.56vw, 152px);
    height: min(6.81vw, 98px);
    background-image: url(../images/organizer_triangle.webp);
    background-size: min(10.56vw, 152px);
    background-position: top;
    background-repeat: no-repeat;
    top: max(-1.39vw, -20px);
    left: min(1.39vw, 20px);
    z-index: -1;
    translate: initial;
  }
}

.p-organizer__text--second {
  font-size: clamp(11.2px, 3.7333333333vw, 14px);
  font-weight: 600;
  line-height: 2;
  margin-bottom: 4px;
}
@media screen and (min-width: 834px) {
  .p-organizer__text--second {
    font-size: clamp(9.8px, 0.9722222222vw, 14px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__text--second {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 500;
    line-height: 2;
    margin-bottom: min(1.04vw, 15px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__text--second {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

.p-organizer__text--third {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.775;
}
@media screen and (min-width: 834px) {
  .p-organizer__text--third {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__text--third {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 1.8333333333;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__text--third {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-organizer__listBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.p-organizer__list {
  font-size: clamp(11.2px, 3.7333333333vw, 14px);
  font-weight: 500;
  line-height: 2;
  position: relative;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 834px) {
  .p-organizer__list {
    font-size: clamp(9.8px, 0.9722222222vw, 14px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__list {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 500;
    line-height: 2;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__list {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

@media screen and (min-width: 834px) {
  .p-organizer__image {
    width: 100%;
    position: relative;
    margin-top: 7px;
    padding-right: 11px;
  }
}

.p-organizer__image--enami {
  width: 336px;
  position: relative;
  left: -19px;
}
@media screen and (min-width: 834px) {
  .p-organizer__image--enami {
    width: 100%;
    left: initial;
    margin-top: 7px;
    padding-right: 11px;
  }
}

.p-organizer__image--second {
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-organizer__image--second {
    width: min(30.56vw, 440px);
  }
  .p-organizer__image--second::before {
    content: " ";
    position: absolute;
    width: min(7.22vw, 104px);
    height: min(8.4vw, 121px);
    background-image: url(../images/organizer_tekkun03.webp);
    background-size: min(7.22vw, 104px);
    background-position: top;
    background-repeat: no-repeat;
    bottom: max(-3.26vw, -47px);
    right: max(-1.39vw, -20px);
  }
}

.p-organizer__btn {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
  width: 335px;
  padding: 20px;
  text-align: center;
}
@media screen and (min-width: 834px) {
  .p-organizer__btn {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-organizer__btn {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 500;
    line-height: 1.3620833333;
    width: 320px;
    margin-bottom: min(5.56vw, 80px);
    padding: 20px 40px;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-organizer__btn {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}

.p-voice {
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-bottom: 42px;
}
@media screen and (min-width: 834px) {
  .p-voice {
    display: flex;
    padding-inline: min(1.88vw, 27px);
    gap: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../images/voice_bg.webp);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: top;
    max-width: 1440px;
    margin: 0 auto;
    padding-block: 0;
  }
}

.p-voice__title {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
}
@media screen and (min-width: 834px) {
  .p-voice__title {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-voice__title {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-top: min(5.56vw, 80px);
    margin-bottom: min(2.78vw, 40px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-voice__title {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}

.p-voice__card {
  position: relative;
  z-index: 0;
}
.p-voice__card::before {
  content: " ";
  position: absolute;
  width: 39px;
  height: 61px;
  background-image: url(../images/voice_girl01.webp);
  background-size: 39px;
  background-position: top;
  background-repeat: no-repeat;
  top: -50px;
  left: -15px;
  z-index: 1;
}
.p-voice__card::after {
  content: " ";
  position: absolute;
  width: 54px;
  height: 60px;
  background-image: url(../images/voice_boy01.webp);
  background-size: 54px;
  background-position: top;
  background-repeat: no-repeat;
  bottom: -10px;
  right: -20px;
  z-index: 1;
}
@media screen and (min-width: 834px) {
  .p-voice__card {
    justify-content: space-evenly;
    flex-direction: row;
    width: min(76.39vw, 1100px);
    margin-bottom: min(9.03vw, 130px);
  }
  .p-voice__card::before {
    content: " ";
    position: absolute;
    width: min(6.53vw, 94px);
    height: min(10.14vw, 146px);
    background-image: url(../images/voice_girl01.webp);
    background-size: min(6.53vw, 94px);
    background-position: top;
    background-repeat: no-repeat;
    top: max(-8.82vw, -127px);
    left: min(2.85vw, 41px);
    z-index: 1;
  }
  .p-voice__card::after {
    content: " ";
    position: absolute;
    width: min(8.82vw, 127px);
    height: min(9.86vw, 142px);
    background-image: url(../images/voice_boy01.webp);
    background-size: min(8.82vw, 127px);
    background-position: top;
    background-repeat: no-repeat;
    bottom: max(-6.6vw, -95px);
    right: max(-1.74vw, -25px);
    z-index: 1;
  }
}

.p-voice__card__inner {
  width: 280px;
  margin-inline: auto;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 834px) {
  .p-voice__card__inner {
    width: min(600px, 100%);
  }
}
@media screen and (min-width: 1200px) {
  .p-voice__card__inner {
    width: min(920px, 100%);
  }
}

.p-present {
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 834px) {
  .p-present {
    gap: 0;
    padding-inline: min(1.88vw, 27px);
    background-image: url(../images/present_bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    max-width: 1440px;
    margin: 0 auto;
    padding-block: 0;
    padding-bottom: min(2.78vw, 40px);
  }
}

.p-present__title {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
}
@media screen and (min-width: 834px) {
  .p-present__title {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__title {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-top: min(5.56vw, 80px);
    margin-bottom: min(2.78vw, 40px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__title {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}

.p-present__contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: min(92.8vw, 348px);
}
@media screen and (min-width: 834px) {
  .p-present__contents {
    display: block;
    width: initial;
  }
}

.p-present__wrapper {
  background-color: #ffffff;
  padding: 24px 24px 0;
}
@media screen and (min-width: 834px) {
  .p-present__wrapper {
    display: flex;
    width: min(63.89vw, 920px);
    align-items: flex-start;
    gap: min(7.64vw, 110px);
    margin-bottom: min(2.78vw, 40px);
    margin-inline: 0;
    padding-inline: min(2.78vw, 40px);
    padding-block: min(1.39vw, 20px);
  }
}

.p-present__wrapper--add {
  background-color: #ffffff;
  margin: 0 13px;
}
@media screen and (min-width: 834px) {
  .p-present__wrapper--add {
    display: flex;
    width: min(63.89vw, 920px);
    align-items: flex-start;
    margin-bottom: min(2.78vw, 40px);
    margin-inline: 0;
  }
}

.p-present__inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 11px;
}
@media screen and (min-width: 834px) {
  .p-present__inner {
    width: min(30.56vw, 440px);
    gap: min(0.83vw, 12px);
  }
}

.p-present__inner--add {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  padding: 24px 24px 5px;
}
@media screen and (min-width: 834px) {
  .p-present__inner--add {
    width: min(30.56vw, 440px);
    gap: min(0.83vw, 12px);
    padding-block: min(2.78vw, 40px);
    padding-inline: min(2.78vw, 40px);
    margin-left: min(2.78vw, 40px);
  }
}

.p-present__subTitle {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
  text-align: center;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 834px) {
  .p-present__subTitle {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
.p-present__subTitle::before {
  content: " ";
  position: absolute;
  width: 140px;
  height: 79px;
  background-image: url(../images/present_triangle.webp);
  background-size: 140px;
  background-position: top;
  background-repeat: no-repeat;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (min-width: 834px) {
  .p-present__subTitle {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-bottom: min(2.78vw, 40px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__subTitle {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__subTitle::before {
    width: min(9.72vw, 140px);
    height: min(5.49vw, 79px);
    background-image: url(../images/present_triangle.webp);
    background-size: min(9.72vw, 140px);
    background-position: top;
    background-repeat: no-repeat;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}

.p-present__number {
  font-size: clamp(22.4px, 7.4666666667vw, 28px);
  font-weight: 700;
  line-height: 1.3621428571;
}
@media screen and (min-width: 834px) {
  .p-present__number {
    font-size: clamp(19.6px, 1.9444444444vw, 28px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__number {
    font-size: clamp(38.4px, 12.8vw, 48px);
    font-weight: 700;
    line-height: 1.3620833333;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__number {
    font-size: clamp(33.6px, 3.3333333333vw, 48px);
  }
}

.p-present__add {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
}
@media screen and (min-width: 834px) {
  .p-present__add {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__add {
    font-size: clamp(38.4px, 12.8vw, 48px);
    font-weight: 600;
    line-height: 1.3620833333;
    margin-bottom: min(0.14vw, 2px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__add {
    font-size: clamp(33.6px, 3.3333333333vw, 48px);
  }
}

.p-present__inner-title {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
}
@media screen and (min-width: 834px) {
  .p-present__inner-title {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__inner-title {
    font-size: clamp(25.6px, 8.5333333333vw, 32px);
    font-weight: 600;
    line-height: 1.361875;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__inner-title {
    font-size: clamp(22.4px, 2.2222222222vw, 32px);
  }
}

.p-present__inner-text {
  font-size: clamp(11.2px, 3.7333333333vw, 14px);
  font-weight: 500;
  line-height: 2;
  margin-bottom: 24px;
}
@media screen and (min-width: 834px) {
  .p-present__inner-text {
    font-size: clamp(9.8px, 0.9722222222vw, 14px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__inner-text {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 500;
    line-height: 2;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__inner-text {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

.p-present__text {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 2;
  margin-inline: 37.5px;
}
@media screen and (min-width: 834px) {
  .p-present__text {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__text {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 600;
    line-height: 1.361875;
    margin-bottom: min(2.78vw, 40px);
    margin-inline: 0;
    text-align: center;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__text {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

.p-present__text--add {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  margin-inline: -2px;
}
@media screen and (min-width: 834px) {
  .p-present__text--add {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 834px) {
  .p-present__text--add {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 600;
    line-height: 1.361875;
    margin-bottom: min(2.78vw, 40px);
    margin-inline: 0;
    text-align: center;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-present__text--add {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

.p-present__image01 {
  width: 190px;
  position: relative;
  margin: 0 auto;
  padding-block: 15.5px;
}
@media screen and (min-width: 834px) {
  .p-present__image01 {
    width: min(16.94vw, 244px);
    padding-block: 0;
  }
}

.p-present__image02 {
  width: 216px;
  position: relative;
  margin: 0 auto;
  padding: 1px 0 11px;
}
@media screen and (min-width: 834px) {
  .p-present__image02 {
    width: min(18.19vw, 262px);
    padding: 0;
  }
}

.p-present__image03 {
  width: 349px;
  margin: 0 auto;
}

.p-present__tekkun01 {
  position: relative;
  z-index: 0;
}
.p-present__tekkun01::before {
  content: " ";
  position: absolute;
  width: 63px;
  height: 51px;
  background-image: url(../images/present_tekkun01.webp);
  background-size: 63px;
  background-position: top;
  background-repeat: no-repeat;
  top: 27px;
  right: 37px;
  z-index: 1;
}
@media screen and (min-width: 834px) {
  .p-present__tekkun01::before {
    width: min(8.47vw, 122px);
    height: min(6.94vw, 100px);
    background-size: min(8.47vw, 122px);
    top: max(-4.17vw, -60px);
    left: max(-4.24vw, -61px);
    right: initial;
    z-index: 1;
  }
}

.p-present__tekkun02 {
  position: relative;
  z-index: 0;
}
.p-present__tekkun02::before {
  content: " ";
  position: absolute;
  width: 63px;
  height: 56px;
  background-image: url(../images/present_tekkun02.webp);
  background-size: 63px;
  background-position: top;
  background-repeat: no-repeat;
  top: 24px;
  right: 24px;
  z-index: 1;
}
@media screen and (min-width: 834px) {
  .p-present__tekkun02::before {
    width: min(7.57vw, 109px);
    height: min(6.74vw, 97px);
    background-size: min(7.57vw, 109px);
    top: max(-5vw, -72px);
    right: max(-2.78vw, -40px);
    z-index: 1;
  }
}

@media screen and (min-width: 834px) {
  .p-present__tekkun03 {
    position: relative;
    z-index: 0;
  }
  .p-present__tekkun03::after {
    content: " ";
    position: absolute;
    width: min(6.04vw, 87px);
    height: min(8.89vw, 128px);
    background-image: url(../images/present_tekkun03.webp);
    background-size: min(6.04vw, 87px);
    background-position: top;
    background-repeat: no-repeat;
    bottom: max(-3.54vw, -51px);
    left: max(-1.94vw, -28px);
    z-index: 1;
  }
}

.p-present__tekkun04 {
  position: relative;
  z-index: 0;
}
.p-present__tekkun04::before {
  content: " ";
  position: absolute;
  width: 65px;
  height: 57px;
  background-image: url(../images/present_tekkun04.webp);
  background-size: 65px;
  background-position: top;
  background-repeat: no-repeat;
  top: 2px;
  right: 33px;
  z-index: 1;
}
@media screen and (min-width: 834px) {
  .p-present__tekkun04::before {
    width: min(7.64vw, 110px);
    height: min(6.74vw, 97px);
    background-size: min(7.64vw, 110px);
    top: max(-3.82vw, -55px);
    right: max(-3.82vw, -55px);
    z-index: 1;
  }
}

.p-contact {
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin: 0 auto;
}
@media screen and (min-width: 834px) {
  .p-contact {
    padding-inline: min(1.88vw, 27px);
    padding-bottom: min(5.56vw, 80px);
    padding-top: 0;
    gap: 0;
    background-image: url(../images/contact_bg01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    max-width: 1440px;
    margin: 0 auto;
  }
}

.p-contact__title {
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
  text-align: center;
}
@media screen and (min-width: 834px) {
  .p-contact__title {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-contact__title {
    font-size: clamp(32px, 10.6666666667vw, 40px);
    font-weight: 600;
    line-height: 1.362;
    margin-top: min(5.49vw, 79px);
    margin-bottom: min(3.47vw, 50px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-contact__title {
    font-size: clamp(28px, 2.7777777778vw, 40px);
  }
}

.p-contact__text {
  font-size: clamp(11.2px, 3.7333333333vw, 14px);
  font-weight: 600;
  line-height: 2;
  margin-inline: 33.5px;
}
@media screen and (min-width: 834px) {
  .p-contact__text {
    font-size: clamp(9.8px, 0.9722222222vw, 14px);
  }
}
@media screen and (min-width: 834px) {
  .p-contact__text {
    font-size: clamp(16px, 5.3333333333vw, 20px);
    font-weight: 600;
    line-height: 1.362;
    margin-inline: 0;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-contact__text {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}

.p-contact__inner {
  width: min(480px, 100%);
  margin-inline: auto;
}
@media screen and (min-width: 834px) {
  .p-contact__inner {
    margin-bottom: 50px;
  }
}

.p-contact__rowBox {
  display: flex;
  padding: 42.5px 20px 40px;
  flex-direction: column;
  gap: 26.5px;
  position: relative;
  z-index: 0;
}
.p-contact__rowBox::before {
  content: " ";
  position: absolute;
  width: 68px;
  height: 68px;
  background-image: url(../images/contact_boy01_sp.webp);
  background-size: 68px;
  background-position: top;
  background-repeat: no-repeat;
  bottom: -25px;
  left: -37px;
  z-index: 1;
}
.p-contact__rowBox::after {
  content: " ";
  position: absolute;
  width: 65px;
  height: 66px;
  background-image: url(../images/contact_girl01_sp.webp);
  background-size: 65px;
  background-position: top;
  background-repeat: no-repeat;
  top: -27px;
  right: -21px;
  z-index: 1;
}
@media screen and (min-width: 834px) {
  .p-contact__rowBox {
    padding: 40px;
    row-gap: 40px;
  }
  .p-contact__rowBox::before {
    content: " ";
    position: absolute;
    width: min(10.56vw, 152px);
    height: min(14.1vw, 203px);
    background-image: url(../images/contact_boy01.webp);
    background-size: min(10.56vw, 152px);
    background-position: top;
    background-repeat: no-repeat;
    bottom: initial;
    top: min(3.33vw, 48px);
    left: max(-13.4vw, -193px);
    z-index: 1;
  }
  .p-contact__rowBox::after {
    content: " ";
    position: absolute;
    width: min(9.72vw, 140px);
    height: min(14.79vw, 213px);
    background-image: url(../images/contact_girl01.webp);
    background-size: min(9.72vw, 140px);
    background-position: top;
    background-repeat: no-repeat;
    top: min(3.06vw, 44px);
    right: max(-12.5vw, -180px);
    z-index: 1;
  }
}

.p-contact__form {
  margin-inline: 37.5px;
}
@media screen and (min-width: 834px) {
  .p-contact__form {
    margin-inline: 0;
  }
}

.p-contact__row {
  display: flex;
  flex-direction: column;
  row-gap: 26.5px;
}
@media screen and (min-width: 834px) {
  .p-contact__row {
    row-gap: 24px;
  }
}

.p-contact__head {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
}
@media screen and (min-width: 834px) {
  .p-contact__head {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
@media screen and (min-width: 834px) {
  .p-contact__head {
    font-size: clamp(19.2px, 6.4vw, 24px);
    font-weight: 600;
    line-height: 1.3620833333;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-contact__head {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
.p-contact__head span.--must {
  position: relative;
  display: inline-block;
}
.p-contact__head span.--must::after {
  content: "必須";
  position: absolute;
  top: calc(50% + 1px);
  translate: 0 -50%;
  left: calc(100% + 20px);
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background: rgb(43, 184, 217);
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (min-width: 834px) {
  .p-contact__head span.--must::after {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

input[type=text],
input[type=email] {
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  width: 100%;
  padding: 3px;
  background: #ffffff;
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 2;
}
@media screen and (min-width: 834px) {
  input[type=text],
input[type=email] {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder {
  color: #BEBEBE;
}
input[type=text]::placeholder,
input[type=email]::placeholder {
  color: #BEBEBE;
}
@media screen and (min-width: 834px) {
  input[type=text],
input[type=email] {
    padding: 6px;
  }
}

.p-contact__submit__btn {
  width: 300px;
  margin-top: 32px;
  margin-inline: auto;
  padding: 20px;
  border: none;
  color: #ffffff;
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
}
@media screen and (min-width: 834px) {
  .p-contact__submit__btn {
    font-size: clamp(16.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 834px) {
  .p-contact__submit__btn {
    margin-top: min(3.47vw, 50px);
    width: 398px;
  }
}

.p-footer {
  padding: 40px 25px;
  margin-bottom: 85px;
}
@media screen and (min-width: 834px) {
  .p-footer {
    padding: min(2.78vw, 40px);
    margin-bottom: 0;
  }
}

.p-footer__inner {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 834px) {
  .p-footer__inner {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 834px) {
  .p-footer__inner {
    font-size: clamp(16px, 5.3333333333vw, 20px);
    font-weight: 600;
    line-height: 1.362;
    margin-bottom: min(2.78vw, 40px);
    flex-direction: row;
    gap: min(13.82vw, 199px);
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-footer__inner {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}

.p-footer__logo {
  width: 200px;
}
@media screen and (min-width: 834px) {
  .p-footer__logo {
    width: min(13.26vw, 191px);
  }
}

.p-footer__listBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 834px) {
  .p-footer__listBox {
    flex-direction: row;
    gap: min(5.56vw, 80px);
  }
}

.p-footer__copyright {
  font-size: clamp(9.6px, 3.2vw, 12px);
  font-weight: 600;
  line-height: 1.3616666667;
  display: block;
  text-align: center;
  margin-top: 32px;
}
@media screen and (min-width: 834px) {
  .p-footer__copyright {
    font-size: clamp(8.4px, 0.8333333333vw, 12px);
  }
}
@media screen and (min-width: 834px) {
  .p-footer__copyright {
    font-size: clamp(12.8px, 4.2666666667vw, 16px);
    font-weight: 600;
    line-height: 1.361875;
    margin-top: 0;
  }
}
@media screen and (min-width: 834px) and (min-width: 834px) {
  .p-footer__copyright {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}

.p-drawer__icon {
  position: fixed;
  z-index: 112;
  top: 15px;
  right: 38px;
  width: 25px;
  height: 19px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 834px) {
  .p-drawer__icon {
    display: none;
  }
}

.p-drawer__icon--bar {
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background: rgb(43, 184, 217);
  transition: all 0.3s ease;
}
@media screen and (min-width: 834px) {
  .p-drawer__icon--bar {
    display: none;
  }
}

.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(1) {
  rotate: 45deg;
  translate: 0 7px;
}
.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(2) {
  display: none;
}
.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(3) {
  rotate: -45deg;
  translate: 0 -9.5px;
}

.p-drawer {
  position: fixed;
  z-index: 111;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  background: #ffffff;
  overflow-y: scroll;
}
@media screen and (min-width: 834px) {
  .p-drawer {
    display: none;
  }
}

.p-drawer__body {
  width: 100%;
  padding-top: 51px;
}
@media screen and (min-width: 834px) {
  .p-drawer__body {
    display: none;
  }
}

.p-drawer__listBox {
  display: flex;
  flex-direction: column;
}

.p-drawer__list a {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
  display: flex;
  height: 60px;
  padding: 16.5px 107.5px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgb(19, 29, 52);
  background: #ffffff;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-drawer__list a {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}
.p-drawer__list a::after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../images/ham_arrow.png);
  background-size: 30px;
  top: 13px;
  right: 32px;
}

.drawer__icon--bar {
  transition: all 0.5s ease;
}

.p-drawer {
  translate: -101%;
  transition: translate 0.5s ease;
}
.p-drawer.js-show {
  translate: 0%;
}

.p-button {
  background-color: #FCE65C;
  position: fixed;
  width: 100%;
  bottom: 0px;
  font-size: 0;
  z-index: 111;
}

.p-button__title {
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
}
@media screen and (min-width: 834px) {
  .p-button__title {
    font-size: clamp(14px, 1.3888888889vw, 20px);
  }
}

.p-button__subTitle {
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  position: relative;
}
@media screen and (min-width: 834px) {
  .p-button__subTitle {
    font-size: clamp(11.2px, 1.1111111111vw, 16px);
  }
}
.p-button__subTitle::before {
  content: " ";
  position: absolute;
  width: 4px;
  height: 30px;
  transform: rotate(-45deg);
  background: rgb(19, 29, 52);
  top: -2px;
  left: -22px;
}
.p-button__subTitle::after {
  content: " ";
  position: absolute;
  width: 4px;
  height: 30px;
  transform: rotate(45deg);
  background: rgb(19, 29, 52);
  top: -2px;
  right: -22px;
}

.p-button__body {
  display: flex;
  padding: 30px 35px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.p-button__body::before {
  content: " ";
  position: absolute;
  width: 49px;
  height: 44px;
  background-image: url(../images/btnSP_tekkun.webp);
  background-size: 49px;
  background-position: top;
  background-repeat: no-repeat;
  top: -25%;
  left: 10px;
  z-index: 1;
}
.p-button__body::after {
  content: " ";
  position: absolute;
  width: 53px;
  height: 54px;
  background-image: url(../images/btnSp_boy.webp);
  background-size: 53px;
  background-position: top;
  background-repeat: no-repeat;
  top: -35%;
  right: 10px;
  z-index: 1;
}
@media screen and (min-width: 600px) {
  .p-button__body::before {
    left: 25%;
  }
  .p-button__body::after {
    right: 25%;
  }
}

.p-swiper__container,
.p-swiper__inner,
.p-swiper__wrapper,
.p-swiper__slide {
  position: relative;
}

.p-swiper__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: auto;
  background: #ffffff;
  border: 1px solid #bebebe;
  border-radius: 12px;
  padding: 3px;
}

/* 位置のreset */
.p-swiper-button-prev,
.p-swiper-button-next,
.p-swiper-pagination-bullets.p-swiper-pagination-horizontal {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  padding: 0;
}

/* =============================
    ナビゲーションボタン
============================= */
/* デフォルトのボタンを初期化 */
.p-swiper-button-prev::after,
.p-swiper-button-next::after {
  content: "";
}

/* 各ボタンのカスタマイズ */
.p-swiper-button-prev,
.p-swiper-button-next {
  top: 50%;
  translate: 0 -50%;
  width: 25px;
  height: 50px;
}
@media screen and (min-width: 834px) {
  .p-swiper-button-prev,
.p-swiper-button-next {
    width: 50px;
    height: 100px;
  }
}
.p-swiper-button-prev svg,
.p-swiper-button-next svg {
  width: 100%;
  height: 100%;
}

.p-swiper-button-prev {
  left: -37px;
}
@media screen and (min-width: 834px) {
  .p-swiper-button-prev {
    left: -90px;
  }
}

.p-swiper-button-next {
  right: -37px;
}
@media screen and (min-width: 834px) {
  .p-swiper-button-next {
    right: -90px;
  }
}

/* =============================
    ページネーション (bullets)
============================= */
/* 位置の設定 (枠組み) */
.p-swiper-pagination {
  top: calc(100% + 32px);
}
@media screen and (min-width: 834px) {
  .p-swiper-pagination {
    top: calc(100% + 40px);
  }
}

/* それぞれのページネーション */
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  opacity: 1;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgb(19, 29, 52);
  margin-inline: 12px;
}

/* activeな部分 */
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background: rgb(43, 184, 217);
}

.p-body--fixed {
  height: 100%;
  overflow: hidden;
}

.u-mg-left0 {
  margin-left: 0;
}

.u-mg-bottom32 {
  margin-bottom: min(2.22vw, 32px);
}

.wpcf7-form{
  margin-inline: 37.5px;
}

@media screen and (min-width: 834px) {
  .wpcf7-form{
    margin-inline: 0;
  }
}

.wpcf7-form-control-wrap{
  display: block;
}

.Form--seminar__inner{
  display: flex;
  flex-direction: column;
  gap: 26.5px;
  position: relative;
}

.Form--seminar__inner dl{
  display: flex;
  flex-direction: column;
  gap: 26.5px;
  padding: 42.5px 20px 40px;
  background-color: rgb(238, 252, 255);
  position: relative;
}

@media screen and (min-width: 834px) {
  .Form--seminar__inner dl{
    gap: 30px;
    padding: 40px;
  }
}

.Form--seminar__inner dl::before{
  content: " ";
  position: absolute;
  width: 68px;
  height: 68px;
  background-image: url(../images/contact_boy01_sp.webp);
  background-size: 68px;
  background-position: top;
  background-repeat: no-repeat;
  bottom: -25px;
  left: -37px;
  z-index: 1;
}

@media screen and (min-width: 834px) {
  .Form--seminar__inner dl::before{
    width: min(10.56vw, 152px);
    height: min(14.1vw, 203px);
    background-image: url(../images/contact_boy01.webp);
    background-size: min(10.56vw, 152px);
    background-position: top;
    background-repeat: no-repeat;
    bottom: initial;
    top: min(3.33vw, 48px);
    left: max(-13.4vw, -193px);
  }
}

.Form--seminar__inner dl::after{
  content: " ";
  position: absolute;
  width: 65px;
  height: 66px;
  background-image: url(../images/contact_girl01_sp.webp);
  background-size: 65px;
  background-position: top;
  background-repeat: no-repeat;
  top: -27px;
  right: -21px;
  z-index: 1;
}

@media screen and (min-width: 834px) {
  .Form--seminar__inner dl::after{
    width: min(9.72vw, 140px);
    height: min(14.79vw, 213px);
    background-image: url(../images/contact_girl01.webp);
    background-size: min(9.72vw, 140px);
    background-position: top;
    background-repeat: no-repeat;
    top: min(3.06vw, 44px);
    right: max(-12.5vw, -180px);
  }
}


.Form--seminar__inner dl dt{
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: clamp(16px, 5.3333333333vw, 20px);
  font-weight: 600;
  line-height: 1.362;
}

.Form--seminar__inner dl dt span{
  font-size: clamp(12.8px, 4.2666666667vw, 16px);
  font-weight: 600;
  line-height: 1.361875;
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
  background: rgb(43, 184, 217);
  color: #ffffff;
  
}

.wpcf7-submit{
  width: 300px;
  margin-inline: auto;
  padding: 20px;
  border: none;
  color: #ffffff;
  font-size: clamp(19.2px, 6.4vw, 24px);
  font-weight: 600;
  line-height: 1.3620833333;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: rgb(43, 184, 217);
  box-shadow: 5px 5px 0px 0px #131D34;
  transition: 0.3s;
}

@media screen and (min-width: 834px) {
  .wpcf7-submit{
    width: 398px;
  }
}

.wp-submit:hover{
  transform: translateY(5px);
  box-shadow: 2px 2px 0 0 #131D34;
  opacity: 1;
}

.confirm{
  width: 310px; 
  font-size: clamp(14px, 1.3888888889vw, 20px);
  font-weight: 600;
  line-height: 2;
  margin: 0 auto;
}

@media screen and (min-width: 834px) {
  .confirm{
    width: 100%; 
    line-height: 1.3;
  }
}


.confirm a{
  text-decoration: underline rgb(43, 184, 217);
  text-underline-offset: 4px;
  color: rgb(43, 184, 217);
}

.p-present .c-btn--primary{
  margin: 0 auto min(5.56vw, 80px);
}

.c-trigger__text .char {
  opacity: 0;
  display: inline-block;
  transform: translateY(20px);
}

.c-trigger__text {
  visibility: hidden;
}

/*# sourceMappingURL=style.css.map */