@charset "UTF-8";
/*
Theme Name: Planus
*/
/*
 * htmlのフォントサイズ
 * @args ベースの画面幅
 */
/*
   * ルートのフォントサイズを基準にフォントサイズを可変にする
   * @args 最大値（デザイン上の数値）
   */
/*
   * get_vwの設定
   */
/*
   * breakpointの設定
   */
/** --------------------------------
* cssの値を単位を除いて数字だけにしてくれる関数
*
* @param 数字と単位を含む値 10ox, 3remなど
*/
/** --------------------------------
* 値の「単位」を取得する関数
*
* @param $value 数字と単位を含む値 10ox, 3remなど
*/
/** --------------------------------
* pxやremをvwに変換してくれる関数
*
* @param $viewport pcデザインの横幅
* @param $fontSize フォントサイズ(pxでもremでも)
*/
/** --------------------------------
* フォントサイズをレスポンシブで調整する関数
*
* @param $pc pcのフォントサイズ
* @param $sp spのフォントサイズ
*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  position: relative;
  font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

body {
  line-height: 1.56;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  width: 100%;
}

img {
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  margin: 0;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
}

#root,
#__next {
  isolation: isolate;
}

ul {
  list-style: none;
}

.pc_contents,
.pc-only {
  display: block !important;
}
@media screen and (max-width: 425px) {
  .pc_contents,
  .pc-only {
    display: none !important;
  }
}

.pc_contentsInline {
  display: inline !important;
}
@media screen and (max-width: 425px) {
  .pc_contentsInline {
    display: none !important;
  }
}

.pc_contentsFlex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media screen and (max-width: 425px) {
  .pc_contentsFlex {
    display: none !important;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 425px) {
  .sp-only {
    display: block;
  }
}

.sp_contentsInline {
  display: none !important;
}
@media screen and (max-width: 425px) {
  .sp_contentsInline {
    display: inline !important;
  }
}

.sp_contentsFlex {
  display: none !important;
}
@media screen and (max-width: 425px) {
  .sp_contentsFlex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.flexCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justifyContentCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-click {
  pointer-events: none;
}

.no-hover {
  pointer-events: none;
}

.--mt300 {
  margin-top: 300px;
}
@media screen and (max-width: 425px) {
  .--mt300 {
    margin-top: 120px;
  }
}

.--mt120 {
  margin-top: 120px;
}
@media screen and (max-width: 425px) {
  .--mt120 {
    margin-top: 80px;
  }
}

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

@keyframes opacityAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mask-fade {
  80% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mask-animation {
  0% {
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    -webkit-mask-position: center 0%;
    -webkit-mask-size: auto 500%;
    mask-position: center 0%;
    mask-size: auto 500%;
    opacity: 1;
  }
}
@keyframes mask-animation {
  0% {
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    -webkit-mask-position: center 0%;
    -webkit-mask-size: auto 500%;
    mask-position: center 0%;
    mask-size: auto 500%;
    opacity: 1;
  }
}
a {
  color: #3C3C3C;
}

input[type=checkbox] {
  display: none;
}

.photo {
  position: relative;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: -25px;
  bottom: 0;
  text-align: right;
}
@media screen and (max-width: 425px) {
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    position: static;
  }
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 40px;
  height: 2px;
  border-radius: initial;
  margin: 0;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child) {
  margin-left: 4px;
}

.swiper-pagination-bullet-active {
  background: #3C3C3C;
}

.text-container {
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 425px) {
  .text-container {
    position: relative;
    margin-top: 0;
  }
}
.text-container .photo__text {
  opacity: 1;
  font-size: 18px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  margin-top: 0;
}
.text-container .photo__text.active {
  opacity: 1;
}

.project-single .swiper-slide {
  aspect-ratio: 16/9;
  height: clamp(1px, 56.25vw, 864px);
}

.wp-block-planus-slider-block {
  margin: clamp(1px, 10.4166666667vw, 160px) auto 0;
  width: clamp(1px, 65.1041666667vw, 1000px);
  max-width: 100%;
}
@media screen and (max-width: 425px) {
  .wp-block-planus-slider-block {
    margin: clamp(1px, 21.3333333333vw, 80px) 0 0;
    width: 100%;
  }
  .wp-block-planus-slider-block .swiper-pagination-bullets.swiper-pagination-horizontal {
    padding-right: 16px;
  }
}

.custom-slider .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-slider .swiper-slide img {
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 0;
  position: relative;
}

.wp-block-planus-slider-block-b {
  margin: clamp(1px, 10.4166666667vw, 160px) auto 0;
  width: clamp(1px, 37.890625vw, 582px);
  max-width: 100%;
}
@media screen and (max-width: 425px) {
  .wp-block-planus-slider-block-b {
    margin: clamp(1px, 21.3333333333vw, 80px) 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.custom-slider-b .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-slider-b .swiper-slide img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-slider-b .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 0;
  position: relative;
}

[data-scroll-trigger=mask] {
  position: relative;
  overflow: hidden;
}
[data-scroll-trigger=mask] img, [data-scroll-trigger=mask] video, [data-scroll-trigger=mask] iframe {
  z-index: 0;
  -webkit-mask-image: url(../assets/images/common/mask.webp);
          mask-image: url(../assets/images/common/mask.webp);
  mask-mode: alpha;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
          mask-size: auto 200%;
  opacity: 0;
}
[data-scroll-trigger=mask].visible img, [data-scroll-trigger=mask].visible video, [data-scroll-trigger=mask].visible iframe {
  -webkit-animation: 2.3s mask-animation cubic-bezier(0.115, 0.405, 0.24, 1) 0s forwards;
          animation: 2.3s mask-animation cubic-bezier(0.115, 0.405, 0.24, 1) 0s forwards;
}

.video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  scale: 1.3;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0s linear;
  transition: opacity 0.3s ease, visibility 0s linear;
}
.video.active {
  opacity: 1;
}
@media screen and (max-width: 425px) {
  .video {
    scale: 1;
  }
}
.video__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100vh;
  width: 177.78vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  border: none;
}

.top__block-pat01 {
  /* 最初は白で完全に覆う */
  /* 灰色のオーバーレイ */
}
.top__block-pat01 .image-container {
  position: relative;
  overflow: hidden;
}
.top__block-pat01 .image-container img {
  width: 100%;
  height: 100%;
  display: block;
}
.top__block-pat01 .white-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
}
.top__block-pat01 .gray-overlay {
  position: absolute;
  bottom: -100%; /* 初期状態では見えない */
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #efefef;
  z-index: 3;
}

.top__block-pat02 .image-container {
  z-index: 1;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

.swiper-section {
  position: relative;
  z-index: 1;
}
.swiper-section .top__block-pat02.photo {
  z-index: 0;
  -webkit-mask-image: url(../assets/images/common/mask.webp);
          mask-image: url(../assets/images/common/mask.webp);
  mask-mode: alpha;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
          mask-size: auto 200%;
  opacity: 0;
}
.swiper-section .top__block-pat02.photo .swiper-pagination {
  opacity: 1;
}
.swiper-section .top__block-pat02.photo.visible {
  -webkit-animation: 2.3s mask-animation cubic-bezier(0.115, 0.405, 0.24, 1) 0s forwards;
          animation: 2.3s mask-animation cubic-bezier(0.115, 0.405, 0.24, 1) 0s forwards;
}

.breadcrumb {
  font-family: "din-2014", sans-serif;
  font-size: clamp(1px, 0.8463541667vw, 13px);
  line-height: 1.3076923077;
  margin-top: 24px;
  padding: 0 70px;
}
@media screen and (max-width: 425px) {
  .breadcrumb {
    padding: 0 16px;
    font-size: clamp(1px, 3.4666666667vw, 13px);
    line-height: 1.3076923077;
  }
}
.breadcrumb__inner {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.breadcrumb__separator {
  margin: 0 8px;
}
.breadcrumb a {
  color: #000000;
}
.breadcrumb span {
  color: #9B9B9B;
}

.-pc-only {
  display: block;
}
@media screen and (max-width: 425px) {
  .-pc-only {
    display: none;
  }
}

.-sp-only {
  display: none;
}
@media screen and (max-width: 425px) {
  .-sp-only {
    display: block;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}
.modal.is-active .modal__image {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.modal__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__content {
  position: relative;
  max-width: 80vw;
  max-height: 90vh;
  padding: 0 16px;
}
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(36px, -36px);
          transform: translate(36px, -36px);
}
@media screen and (max-width: 425px) {
  .modal__close {
    -webkit-transform: translate(-16px, -34px);
            transform: translate(-16px, -34px);
  }
}
.modal__close img {
  width: 22px;
  height: 22px;
}
@media screen and (max-width: 425px) {
  .modal__close img {
    width: 20px;
    height: 20px;
  }
}
.modal__image {
  max-width: 90vw;
  max-height: 80vh;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.modal__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}
.modal__nav--prev {
  left: -58px;
}
@media screen and (max-width: 425px) {
  .modal__nav--prev {
    left: 7px;
  }
}
.modal__nav--next {
  right: -58px;
}
@media screen and (max-width: 425px) {
  .modal__nav--next {
    right: 7px;
  }
}
.modal__nav img {
  width: 26px;
  height: 60px;
}
@media screen and (max-width: 425px) {
  .modal__nav img {
    width: 14px;
    height: 34px;
  }
}
.modal__counter {
  position: absolute;
  bottom: -26px;
  line-height: 1;
  right: 0;
  color: #fff;
  font-size: 13px;
  z-index: 1;
  font-family: "din-2014", sans-serif;
}
@media screen and (max-width: 425px) {
  .modal__counter {
    right: 16px;
  }
}

@media screen and (max-width: 425px) {
  body.hamburger-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
}

/*====================================================================
		header
/*==================================================================*/
#header {
  padding: clamp(1px, 1.5625vw, 24px) clamp(1px, 0.78125vw, 12px);
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background: #fff;
}
@media screen and (max-width: 425px) {
  #header {
    padding: 0 clamp(1px, 3.2vw, 12px);
  }
}
#header .header_wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.0416666667vw, 16px);
  position: relative;
  z-index: 1;
}
#header .header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header_logo:hover {
  opacity: 0.7;
}
#header .header_logo.-hidden {
  opacity: 0;
  visibility: hidden;
}
#header .header_logo > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header_logo > a > img {
  width: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 425px) {
  #header .header_logo > a > img {
    width: clamp(1px, 32vw, 120px);
  }
}
#header .header_logo_ttl {
  font-size: 28px;
}
@media screen and (max-width: 425px) {
  #header .header_logo_ttl {
    font-size: clamp(1px, 7.4666666667vw, 28px);
  }
}
#header .header_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: responsiveValue(16.5rem, 4.5rem);
  height: 100%;
}
@media screen and (max-width: 425px) {
  #header .header_nav {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 7rem;
    height: calc(100vh - 5.9rem);
    width: 100vw;
    max-width: 37.5rem;
    z-index: 2;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    background-color: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    display: block;
    padding: 2rem 2.5rem;
    overflow-y: scroll;
    background-color: #f3f3f3;
  }
}
@media screen and (max-width: 425px) {
  #header .header_nav {
    overflow-y: scroll;
  }
}
#header .header_nav .header_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 4.1666666667vw, 64px);
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_list {
    display: block;
    margin-bottom: 4rem;
  }
}
#header .header_nav .header_nav_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_item {
    width: 100%;
  }
}
#header .header_nav .header_nav_item > p, #header .header_nav .header_nav_item > a {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_item > p, #header .header_nav .header_nav_item > a {
    font-size: 1.6rem;
    padding: 1.7rem 0;
    width: 100%;
    position: relative;
  }
}
#header .header_nav .header_nav_item > p > .-en, #header .header_nav .header_nav_item > a > .-en {
  color: #FBACAA;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.23;
  display: block;
  margin-bottom: 0.6rem;
  text-transform: capitalize;
  cursor: pointer;
}
@media screen and (min-width: 718px) {
  #header .header_nav .header_nav_item > p > .-en, #header .header_nav .header_nav_item > a > .-en {
    display: none;
  }
}
#header .header_nav .header_nav_item > p > .-jp, #header .header_nav .header_nav_item > a > .-jp {
  position: relative;
}
#header .header_nav .header_nav_item > p > .-jp:after, #header .header_nav .header_nav_item > a > .-jp:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 0.2rem;
  background-color: #FBACAA;
  left: 0;
  bottom: -0.3rem;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_item > p.-active {
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_item:after {
    content: "";
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
  }
}
@media screen and (min-width: 718px) {
  #header .header_nav .header_nav_item:hover > p .-jp::after, #header .header_nav .header_nav_item:hover > a .-jp::after {
    width: 100%;
  }
}
@media screen and (min-width: 718px) and (min-width: 718px) {
  #header .header_nav .header_nav_item:hover .header_nav_sub {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
  }
}
#header .header_nav .header_nav_sub {
  position: fixed;
  top: 7.2rem;
  left: 0;
  width: 100%;
  padding: 0 4rem;
  background-color: #f3f3f3;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media screen and (min-width: 718px) {
  #header .header_nav .header_nav_sub {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_sub {
    position: relative;
    top: 0;
    width: 100%;
    padding: 2rem 1.5rem 1.5rem;
    -webkit-transition: none;
    transition: none;
  }
}
#header .header_nav .header_nav_subList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(1px, 1.8229166667vw, 28px) clamp(1px, 5.5338541667vw, 85px);
  padding: 3.5rem 2.4rem 3rem;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subList {
    display: block;
    padding: 0;
  }
}
#header .header_nav .header_nav_subItem {
  display: block;
  position: relative;
  width: calc((100% - clamp(1px, 11.0677083333vw, 170px)) / 3);
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subItem {
    width: 100%;
    padding-bottom: 1.7rem;
  }
  #header .header_nav .header_nav_subItem:last-of-type {
    padding-bottom: 0;
  }
}
#header .header_nav .header_nav_subItem > a {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subItem > a {
    margin-bottom: 3.4rem;
  }
}
#header .header_nav .header_nav_subItem > a::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: #FBACAA;
  right: 0.5rem;
  top: 35%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subItem > a::before {
    display: none;
  }
}
#header .header_nav .header_nav_subItem > a:after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: url(../../image/common/icon_arrow_right_white_circle_blue.svg) no-repeat 50%/contain;
  right: 0.5rem;
  top: 35%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subItem > a:after {
    display: none;
  }
}
#header .header_nav .header_nav_subItem > a:hover::before {
  -webkit-transform: translateY(-50%) scale(1.33);
          transform: translateY(-50%) scale(1.33);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
}
#header .header_nav .header_nav_subItem > a > .-jp {
  display: block;
}
#header .header_nav .header_nav_subItem > a > .-en {
  color: #FBACAA;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.45;
  display: block;
  margin-bottom: 0.4rem;
  text-transform: capitalize;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subItem > a > .-en {
    display: none;
  }
}
#header .header_nav .header_nav_subItem:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background: #fff;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 425px) {
  #header .header_nav .header_nav_subItem:after {
    display: none;
  }
}
#header .header_btn {
  width: clamp(1px, 13.671875vw, 210px);
  height: 5.6rem;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  background: linear-gradient(45deg, #FBACAA, #FBACAA);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.65rem;
  padding: 0 1rem;
  border-radius: 500px;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 425px) {
  #header .header_btn {
    width: 100%;
    height: 6.2rem;
    font-size: 1.6rem;
  }
}
#header .header_btn:before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.6rem;
  background: url(../../image/common/icon_email.svg) no-repeat 50%/contain;
}
#header .header_btn:hover {
  opacity: 0.8;
}
#header .header_hamburger {
  display: none;
}
@media screen and (max-width: 425px) {
  #header .header_hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1px, 3.2vw, 12px);
    font-size: clamp(1px, 4.2666666667vw, 16px);
    font-weight: 700;
    color: #333;
    line-height: 1;
  }
}
#header .hamburger_btn {
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#header .hamburger_btn .hamburger_line {
  width: 2.4rem;
  height: 5px;
  background-color: #E25698;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
}
#header .hamburger_btn .hamburger_line:nth-child(1) {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
#header .hamburger_btn .hamburger_line:nth-child(3) {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
#header .hamburger_btn.active .hamburger_line:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(0.2rem, -0.2rem);
          transform: rotate(45deg) translate(0.2rem, -0.2rem);
}
#header .hamburger_btn.active .hamburger_line:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
}
#header .hamburger_btn.active .hamburger_line:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(0.2rem, 0.2rem);
          transform: rotate(-45deg) translate(0.2rem, 0.2rem);
}
#header .hamburger_menu {
  display: none;
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #header .hamburger_menu.active {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu_content {
    position: absolute;
    top: 0;
    right: 0;
    width: 80vw;
    max-width: 100vw;
    background-color: #FBF4F1;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    overflow-y: auto;
    -webkit-box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu.active .hamburger_menu_content {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu_close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 2rem 2rem 1rem;
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_close_btn {
    width: 3rem;
    height: 3rem;
    background: none;
    border: none;
    font-size: 2.4rem;
    cursor: pointer;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #header .hamburger_close_btn:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu_item {
    border-bottom: 1px solid #E25698;
  }
  #header .hamburger_menu_item:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu_link {
    display: block;
    padding: clamp(1px, 4.2666666667vw, 16px) clamp(1px, 6.4vw, 24px);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #header .hamburger_menu_link:hover {
    background-color: rgba(251, 172, 170, 0.1);
  }
}
@media screen and (max-width: 425px) {
  #header .hamburger_menu_text {
    font-size: clamp(1px, 4.2666666667vw, 16px);
    font-weight: 700;
    color: #FBACAA;
    line-height: 1.4;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
  }
}

.footer {
  background-color: #FBACAA;
  text-align: center;
  padding: clamp(1px, 7.8125vw, 120px) clamp(1px, 2.6041666667vw, 40px) clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .footer {
    padding: clamp(1px, 16vw, 60px) clamp(1px, 10.6666666667vw, 40px) clamp(1px, 8vw, 30px);
  }
}
.footer__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.footer__content {
  font-size: clamp(1px, 1.953125vw, 30px);
  font-weight: 600;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .footer__content {
    font-size: clamp(1px, 4.2666666667vw, 16px);
  }
}

.kv {
  background-image: url(../image/top/kv_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .kv {
    background-image: url(../image/top/kv_bg-sp.png);
    height: 400px;
  }
}
.kv__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.kv__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .kv__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.kv__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .kv__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.support {
  width: 100%;
  background-color: #FCF4F2;
}
.support__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .support__inner {
    padding-bottom: clamp(1px, 5.3333333333vw, 20px);
  }
}
.support__text {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #FBACAA;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .support__text {
    font-size: clamp(1px, 6.4vw, 24px);
    padding: clamp(1px, 4.8vw, 18px) 0;
  }
}
.support__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.5625vw, 24px);
}
@media screen and (max-width: 425px) {
  .support__list {
    gap: clamp(1px, 8vw, 30px) clamp(1px, 13.3333333333vw, 50px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.support__item {
  cursor: pointer;
}
.support__item img {
  width: clamp(1px, 20.8333333333vw, 320px);
}
@media screen and (max-width: 425px) {
  .support__item img {
    width: clamp(1px, 40vw, 150px);
  }
}

.method {
  width: 100%;
  background-color: #FCF4F2;
}
.method__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.method__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .method__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.method__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
}
@media screen and (max-width: 425px) {
  .method__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.method__text {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
  text-align: center;
  padding: clamp(1px, 3.90625vw, 60px) 0 clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .method__text {
    font-size: clamp(1px, 4.2666666667vw, 16px);
    padding: clamp(1px, 8vw, 30px) 0 clamp(1px, 5.3333333333vw, 20px);
  }
}
.method__text span {
  color: #E25698;
}

.what {
  width: 100%;
  background-color: #FCF4F2;
}
.what__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.what__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .what__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.what__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .what__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.what__img {
  text-align: center;
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 2.6041666667vw, 40px) 0;
}
@media screen and (max-width: 425px) {
  .what__img {
    padding: clamp(1px, 10.6666666667vw, 40px) clamp(1px, 13.3333333333vw, 50px) 0;
  }
}
.what__text {
  font-size: clamp(1px, 3.90625vw, 60px);
  font-weight: 900;
  color: #FBACAA;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  padding: clamp(1px, 3.90625vw, 60px) 0 clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .what__text {
    font-size: clamp(1px, 7.4666666667vw, 28px);
    padding: clamp(1px, 8vw, 30px) 0 clamp(1px, 5.3333333333vw, 20px);
  }
}

.change {
  width: 100%;
}
.change__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.change__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .change__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.change__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .change__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.change__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1px, 1.3020833333vw, 20px);
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 2.6041666667vw, 40px) 0;
}
@media screen and (max-width: 425px) {
  .change__flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: clamp(1px, 5.3333333333vw, 20px) clamp(1px, 2.6666666667vw, 10px) 0;
    gap: clamp(1px, 5.3333333333vw, 20px);
  }
}
.change__img {
  width: clamp(1px, 32.5520833333vw, 500px);
}
@media screen and (max-width: 425px) {
  .change__img {
    width: clamp(1px, 40vw, 150px);
  }
}
.change__text {
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #000;
  text-align: left;
}
@media screen and (max-width: 425px) {
  .change__text {
    margin-bottom: auto;
    font-size: clamp(1px, 2.9333333333vw, 11px);
    padding: 0 0 clamp(1px, 2.6666666667vw, 10px);
  }
}
.change__text span {
  color: #E25698;
  font-size: clamp(1px, 3.90625vw, 60px);
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  .change__text span {
    font-size: clamp(1px, 4.8vw, 18px);
  }
}

.answer {
  width: 100%;
}
.answer__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.answer__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.0833333333vw, 32px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .answer__ttl {
    font-size: clamp(1px, 3.2vw, 12px);
    letter-spacing: -0.01em;
  }
}
.answer__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .answer__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.answer__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.3020833333vw, 20px);
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 2.6041666667vw, 40px) 0;
}
@media screen and (max-width: 425px) {
  .answer__flex {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding: clamp(1px, 5.3333333333vw, 20px) clamp(1px, 2.6666666667vw, 10px) 0;
    gap: clamp(1px, 5.3333333333vw, 20px);
  }
}
.answer__img {
  width: clamp(1px, 45.5729166667vw, 700px);
}
@media screen and (max-width: 425px) {
  .answer__img {
    width: clamp(1px, 40vw, 150px);
  }
}
.answer__text {
  font-size: clamp(1px, 3.2552083333vw, 50px);
  font-weight: 600;
  color: #E25698;
  text-align: left;
}
@media screen and (max-width: 425px) {
  .answer__text {
    font-size: clamp(1px, 4.2666666667vw, 16px);
  }
}

.know {
  width: 100%;
  background-color: #FCF4F2;
}
.know__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.know__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .know__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.know__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .know__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.know__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 5.2083333333vw, 80px) 0;
}
@media screen and (max-width: 425px) {
  .know__list {
    padding: clamp(1px, 5.3333333333vw, 20px) clamp(1px, 10.6666666667vw, 40px) clamp(1px, 2.6666666667vw, 10px);
    gap: clamp(1px, 5.3333333333vw, 20px);
  }
}
.know__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 3.90625vw, 60px);
  background-color: #fff;
  padding: clamp(1px, 1.3020833333vw, 20px) clamp(1px, 3.90625vw, 60px) clamp(1px, 1.3020833333vw, 20px) clamp(1px, 7.8125vw, 120px);
  border-radius: 60px;
  border: 3px solid #FA93A0;
  -webkit-box-shadow: 5px 5px 0 0 rgb(251, 172, 170);
          box-shadow: 5px 5px 0 0 rgb(251, 172, 170);
  cursor: pointer;
}
@media screen and (max-width: 425px) {
  .know__item {
    padding: clamp(1px, 2.6666666667vw, 10px) 0 clamp(1px, 2.6666666667vw, 10px) clamp(1px, 10.6666666667vw, 40px);
    gap: clamp(1px, 5.3333333333vw, 20px);
  }
}
.know__item:hover {
  border-color: #fff;
  background-color: #FA93A0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.know__item:hover span {
  color: #FBACAA;
}
.know__item span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 900;
  color: #FBACAA;
}
@media screen and (max-width: 425px) {
  .know__item span {
    font-size: clamp(1px, 4.2666666667vw, 16px);
  }
}
.know__item-image {
  width: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .know__item-image {
    width: clamp(1px, 8vw, 30px);
  }
}

.contact {
  width: 100%;
  background-color: #FCF4F2;
  padding-bottom: clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .contact {
    padding-bottom: clamp(1px, 10.6666666667vw, 40px);
  }
}
.contact__inner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.contact__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 425px) {
  .contact__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.contact__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .contact__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.contact__content {
  text-align: center;
  padding: clamp(1px, 5.2083333333vw, 80px) clamp(1px, 2.6041666667vw, 40px) 0;
}
@media screen and (max-width: 425px) {
  .contact__content {
    padding: clamp(1px, 8vw, 30px) clamp(1px, 10.6666666667vw, 40px) 0;
  }
}
.contact__content span {
  display: block;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
  color: #FBACAA;
}
@media screen and (max-width: 425px) {
  .contact__content span {
    font-size: clamp(1px, 4.8vw, 18px);
  }
}
.contact__btn {
  display: block;
  margin: clamp(1px, 1.3020833333vw, 20px) auto 0;
  width: clamp(1px, 39.0625vw, 600px);
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #E25698;
  padding: clamp(1px, 1.3020833333vw, 20px) clamp(1px, 2.6041666667vw, 40px);
  border-radius: 60px;
  -webkit-box-shadow: 5px 5px 0 0 rgb(147, 1, 74);
          box-shadow: 5px 5px 0 0 rgb(147, 1, 74);
}
@media screen and (max-width: 425px) {
  .contact__btn {
    width: clamp(1px, 80vw, 300px);
    margin: clamp(1px, 2.6666666667vw, 10px) auto 0;
    font-size: clamp(1px, 4.2666666667vw, 16px);
    padding: clamp(1px, 2.6666666667vw, 10px) clamp(1px, 5.3333333333vw, 20px);
  }
}

.program {
  background-image: url(../image/about-program/program_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .program {
    background-image: url(../image/about-program/program_bg-sp.png);
    height: 400px;
  }
}
.program__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.program__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .program__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.program__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .program__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.program-01 {
  width: 100%;
  background-color: #FCF4F2;
}
.program-01__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.program-01__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .program-01__ttl {
    font-size: clamp(1px, 4.8vw, 18px);
    letter-spacing: -0.01em;
  }
}
.program-01__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .program-01__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.program-01__text {
  background-color: #FBF4F1;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #000000;
  text-align: center;
  padding: clamp(1px, 3.90625vw, 60px) 0 clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .program-01__text {
    font-size: clamp(1px, 4.8vw, 18px);
    padding: clamp(1px, 10.6666666667vw, 40px) 0 clamp(1px, 10.6666666667vw, 40px);
  }
}
.program-01__text img {
  width: clamp(1px, 40vw, 150px);
  margin: 0 auto clamp(1px, 5.3333333333vw, 20px);
}
@media screen and (max-width: 425px) {
  .program-01__text img {
    width: clamp(1px, 26.6666666667vw, 100px);
    margin: 0 auto clamp(1px, 8vw, 30px);
  }
}
.program-01__img {
  text-align: center;
  max-width: clamp(1px, 65.1041666667vw, 1000px);
  margin: 0 auto;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 2.6041666667vw, 40px) clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .program-01__img {
    padding: 0 0 clamp(1px, 5.3333333333vw, 20px);
  }
}

.program-02 {
  width: 100%;
  background-color: #FCF4F2;
}
.program-02__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .program-02__inner {
    padding-bottom: clamp(1px, 5.3333333333vw, 20px);
  }
}
.program-02__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .program-02__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.program-02__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .program-02__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.program-02__text {
  background-color: #FBF4F1;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #000000;
  text-align: center;
  padding: clamp(1px, 6.5104166667vw, 100px) 0 clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .program-02__text {
    font-size: clamp(1px, 4.8vw, 18px);
    padding: clamp(1px, 10.6666666667vw, 40px) 0 clamp(1px, 5.3333333333vw, 20px);
  }
}
.program-02__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 3.90625vw, 60px);
  padding: 0 clamp(1px, 5.2083333333vw, 80px);
}
.program-02__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .program-02__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(1px, 2.6666666667vw, 10px);
  }
  .program-02__item:not(:first-child) {
    margin-top: clamp(1px, 2.6666666667vw, 10px);
  }
}
.program-02__item-left {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.program-02__item-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 clamp(1px, 39.0625vw, 600px);
          flex: 1 0 clamp(1px, 39.0625vw, 600px);
}
@media screen and (max-width: 425px) {
  .program-02__item-right {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.program-02__item-right-ttl {
  display: inline-block;
  text-align: center;
  font-size: clamp(1px, 2.0833333333vw, 32px);
  font-weight: 900;
  color: #E25698;
  width: clamp(1px, 27.34375vw, 420px);
  padding: clamp(1px, 0.2604166667vw, 4px) clamp(1px, 2.6041666667vw, 40px);
  background-color: #fff;
  border-radius: 60px;
  border: 3px solid #FA93A0;
  -webkit-box-shadow: 5px 5px 0 0 rgb(251, 172, 170);
          box-shadow: 5px 5px 0 0 rgb(251, 172, 170);
}
@media screen and (max-width: 425px) {
  .program-02__item-right-ttl {
    font-size: clamp(1px, 4.2666666667vw, 16px);
    width: clamp(1px, 58.6666666667vw, 220px);
    margin: 0 auto;
    padding: clamp(1px, 1.0666666667vw, 4px) clamp(1px, 5.3333333333vw, 20px);
    border: 1px solid #FA93A0;
    -webkit-box-shadow: 2px 2px 0 0 rgb(251, 172, 170);
            box-shadow: 2px 2px 0 0 rgb(251, 172, 170);
  }
}
.program-02__item-right-ttl.-small {
  font-size: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 425px) {
  .program-02__item-right-ttl.-small {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.program-02__item-right-ttl a {
  color: #E25698;
  display: block;
}
.program-02__item-right-text {
  margin-top: clamp(1px, 1.3020833333vw, 20px);
  font-size: clamp(1px, 1.5625vw, 24px);
}
@media screen and (max-width: 425px) {
  .program-02__item-right-text {
    margin-top: clamp(1px, 2.6666666667vw, 10px);
    font-size: clamp(1px, 4.2666666667vw, 16px);
    text-align: left;
  }
}

.vision {
  background-image: url(../image/our-vision/vision_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .vision {
    background-image: url(../image/our-vision/vision_bg-sp.png);
    height: 400px;
  }
}
.vision__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.vision__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .vision__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.vision__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .vision__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.vision-about {
  width: 100%;
  background-color: #FCF4F2;
}
.vision-about__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .vision-about__inner {
    padding-bottom: clamp(1px, 5.3333333333vw, 20px);
  }
}
.vision-about__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .vision-about__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.vision-about__content {
  background-color: #FBF4F1;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #000000;
  text-align: center;
  padding: clamp(1px, 3.90625vw, 60px) 0 clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .vision-about__content {
    font-size: clamp(1px, 4.8vw, 18px);
    padding: clamp(1px, 5.3333333333vw, 20px) 0 0;
  }
}
.vision-about__image {
  width: clamp(1px, 23.4375vw, 360px);
  margin: 0 auto;
}
@media screen and (max-width: 425px) {
  .vision-about__image {
    width: clamp(1px, 40vw, 150px);
  }
}
.vision-about__content-text {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #000000;
  text-align: center;
  padding: clamp(1px, 3.90625vw, 60px) 0 clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .vision-about__content-text {
    font-size: clamp(1px, 3.7333333333vw, 14px);
    padding: clamp(1px, 5.3333333333vw, 20px) 0 0;
  }
}

.vision-company {
  width: 100%;
  background-color: #FBF4F1;
}
.vision-company__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.vision-company__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .vision-company__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.vision-company__content {
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 2.6041666667vw, 40px) clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .vision-company__content {
    padding: clamp(1px, 5.3333333333vw, 20px) clamp(1px, 5.3333333333vw, 20px) clamp(1px, 10.6666666667vw, 40px);
  }
}
.vision-company__item:not(:first-child) {
  margin-top: clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .vision-company__item:not(:first-child) {
    margin-top: clamp(1px, 5.3333333333vw, 20px);
  }
}
.vision-company__item-head {
  display: block;
  width: clamp(1px, 19.53125vw, 300px);
}
@media screen and (max-width: 425px) {
  .vision-company__item-head {
    width: clamp(1px, 40vw, 150px);
  }
}
.vision-company__item-ttl {
  font-size: clamp(1px, 1.6927083333vw, 26px);
  font-weight: 600;
  color: #E25698;
  padding-top: clamp(1px, 2.0833333333vw, 32px);
  padding-left: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 425px) {
  .vision-company__item-ttl {
    font-size: clamp(1px, 3.7333333333vw, 14px);
    padding-top: clamp(1px, 2.6666666667vw, 10px);
    padding-left: 0;
  }
}
.vision-company__item-text {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
  padding-top: clamp(1px, 2.6041666667vw, 40px);
  padding-left: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 425px) {
  .vision-company__item-text {
    font-size: clamp(1px, 3.7333333333vw, 14px);
    padding-top: clamp(1px, 5.3333333333vw, 20px);
    padding-left: 0;
  }
}
.vision-company__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.78125vw, 12px);
  margin-top: clamp(1px, 2.6041666667vw, 40px);
  padding-left: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 425px) {
  .vision-company__item-content {
    margin-top: clamp(1px, 5.3333333333vw, 20px);
    padding-left: 0;
  }
}
.vision-company__item-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.3020833333vw, 20px);
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .vision-company__item-content-item {
    font-size: clamp(1px, 3.7333333333vw, 14px);
    gap: clamp(1px, 2.6666666667vw, 10px);
  }
}
.vision-company__item-content-item-ttl {
  font-size: clamp(1px, 1.5625vw, 24px);
}
@media screen and (max-width: 425px) {
  .vision-company__item-content-item-ttl {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.vision-company__item-text-content {
  padding-top: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 425px) {
  .vision-company__item-text-content {
    font-size: clamp(1px, 3.2vw, 12px);
    padding-top: clamp(1px, 2.6666666667vw, 10px);
  }
}

.voice {
  background-image: url(../image/voice/voice_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .voice {
    background-image: url(../image/voice/voice_bg-sp.png);
    height: 400px;
  }
}
.voice__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.voice__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .voice__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.voice__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .voice__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.voice-content {
  width: 100%;
  background-color: #FCF4F2;
}
.voice-content__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .voice-content__inner {
    padding-bottom: clamp(1px, 5.3333333333vw, 20px);
  }
}
.voice-content__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .voice-content__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.voice-content__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .voice-content__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.voice-content__swiper {
  padding: clamp(1px, 1.3020833333vw, 20px) clamp(1px, 5.2083333333vw, 80px);
  height: calc(clamp(1px, 22.7864583333vw, 350px) + clamp(1px, 22.7864583333vw, 350px) + clamp(1px, 1.3020833333vw, 20px));
  overflow: hidden;
}
@media screen and (max-width: 425px) {
  .voice-content__swiper {
    height: calc(2 * clamp(1px, 66.6666666667vw, 250px) + clamp(1px, 4vw, 15px) + clamp(1px, 26.6666666667vw, 100px));
    padding: clamp(1px, 5.3333333333vw, 20px) clamp(1px, 5.3333333333vw, 20px);
  }
}
.voice-content__swiper .swiper-wrapper {
  height: 100%;
}
.voice-content__swiper .swiper-slide {
  height: auto !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.voice-content__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .voice-content__items {
    gap: clamp(1px, 2.6666666667vw, 10px);
  }
}
.voice-content__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .voice-content__nav {
    padding-top: clamp(1px, 8vw, 30px);
  }
}
.voice-content__nav.--down {
  padding-top: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 425px) {
  .voice-content__nav.--down {
    padding-top: clamp(1px, 2.6666666667vw, 10px);
  }
}
.voice-content__nav-btn {
  background: none;
  border: none;
  cursor: pointer;
}
.voice-content__nav-btn img {
  width: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .voice-content__nav-btn img {
    width: clamp(1px, 10.6666666667vw, 40px);
  }
}
.voice-content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 5.2083333333vw, 80px);
  border: 3px solid #E25698;
  border-radius: clamp(1px, 3.90625vw, 60px);
  padding: clamp(1px, 1.3020833333vw, 20px);
  min-height: clamp(1px, 18.2291666667vw, 280px);
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 425px) {
  .voice-content__item {
    min-height: clamp(1px, 66.6666666667vw, 250px);
    gap: clamp(1px, 10.6666666667vw, 40px);
    padding: clamp(1px, 4vw, 15px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.voice-content__item-image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 clamp(1px, 13.0208333333vw, 200px);
          flex: 1 0 clamp(1px, 13.0208333333vw, 200px);
}
.voice-content__item-text {
  width: auto;
}
.voice-content__item-text-ttl {
  font-size: clamp(1px, 1.5625vw, 24px);
  color: #E25698;
}
.voice-content__item-text-name {
  font-size: clamp(1px, 1.5625vw, 24px);
  color: #000;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
.voice-content__item-text-content {
  font-size: clamp(1px, 1.5625vw, 24px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
  color: #000;
}

.qanda {
  background-image: url(../image/qanda/qanda_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .qanda {
    background-image: url(../image/qanda/qanda_bg-sp.png);
    height: 400px;
  }
}
.qanda__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.qanda__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .qanda__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.qanda__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .qanda__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.qanda-about {
  width: 100%;
}
.qanda-about__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .qanda-about__inner {
    padding-bottom: clamp(1px, 5.3333333333vw, 20px);
  }
}
.qanda-about__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .qanda-about__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.qanda-about__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .qanda-about__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.qanda-about__contents-inner {
  padding: clamp(1px, 3.90625vw, 60px) clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .qanda-about__contents-inner {
    padding: clamp(1px, 5.3333333333vw, 20px) clamp(1px, 5.3333333333vw, 20px) 0;
  }
}
.qanda-about__contents {
  margin-bottom: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .qanda-about__contents {
    margin-bottom: clamp(1px, 10.6666666667vw, 40px);
  }
}
.qanda-about__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(1px, 1.3020833333vw, 20px);
  margin-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .qanda-about__question {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(1px, 2.6666666667vw, 10px);
    margin-bottom: clamp(1px, 2.6666666667vw, 10px);
  }
}
.qanda-about__question-img {
  width: clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .qanda-about__question-img {
    width: clamp(1px, 10.6666666667vw, 40px);
  }
  .qanda-about__question-img img {
    width: auto;
  }
}
.qanda-about__question-text {
  font-size: clamp(1px, 1.953125vw, 30px);
  font-weight: 600;
  color: #E25698;
}
@media screen and (max-width: 425px) {
  .qanda-about__question-text {
    font-size: clamp(1px, 4.2666666667vw, 16px);
  }
}
.qanda-about__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .qanda-about__answer {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(1px, 2.6666666667vw, 10px);
  }
}
.qanda-about__answer-img {
  width: clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .qanda-about__answer-img {
    width: clamp(1px, 10.6666666667vw, 40px);
  }
  .qanda-about__answer-img img {
    width: auto;
  }
}
.qanda-about__answer-text {
  font-size: clamp(1px, 1.953125vw, 30px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .qanda-about__answer-text {
    font-size: clamp(1px, 4.2666666667vw, 16px);
  }
}

.privacy {
  background-image: url(../image/privacy/privacy_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .privacy {
    background-image: url(../image/privacy/privacy_bg-sp.png);
    height: 400px;
  }
}
.privacy__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.privacy__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .privacy__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.privacy__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .privacy__ttl {
    font-size: clamp(1px, 7.4666666667vw, 28px);
    letter-spacing: -0.01em;
  }
}

.privacy-content {
  width: 100%;
}
.privacy-content__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.privacy-content__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .privacy-content__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.privacy-content__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .privacy-content__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.privacy-content__text-inner {
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 5.2083333333vw, 80px) clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .privacy-content__text-inner {
    padding: clamp(1px, 10.6666666667vw, 40px) clamp(1px, 5.3333333333vw, 20px) clamp(1px, 10.6666666667vw, 40px);
  }
}
.privacy-content__text {
  text-align: center;
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .privacy-content__text {
    font-size: clamp(1px, 3.2vw, 12px);
  }
}

.form {
  background-image: url(../image/contact/contact_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .form {
    background-image: url(../image/contact/contact_bg-sp.png);
    height: 400px;
  }
}
.form.form-thanks {
  background-image: url(../image/contact/thanks_bg.png);
}
@media screen and (max-width: 425px) {
  .form.form-thanks {
    background-image: url(../image/contact/thanks_bg-sp.png);
    height: 400px;
  }
}
.form__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.form__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .form__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.form__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .form__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.form-content {
  width: 100%;
}
.form-content__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.form-content__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .form-content__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.form-content__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .form-content__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.form-content__text-inner {
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 5.2083333333vw, 80px) clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .form-content__text-inner {
    padding: clamp(1px, 10.6666666667vw, 40px) clamp(1px, 10.6666666667vw, 40px) clamp(1px, 10.6666666667vw, 40px);
  }
}
.form-content__text {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .form-content__text {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.form-content__img {
  width: clamp(1px, 10.4166666667vw, 160px);
  height: clamp(1px, 10.4166666667vw, 160px);
}
@media screen and (max-width: 425px) {
  .form-content__img {
    width: clamp(1px, 21.3333333333vw, 80px);
    height: clamp(1px, 21.3333333333vw, 80px);
  }
}
.form-content__text-ttl {
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #E25698;
  margin-top: clamp(1px, 2.6041666667vw, 40px);
  line-height: 1;
}
@media screen and (max-width: 425px) {
  .form-content__text-ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    margin-top: clamp(1px, 5.3333333333vw, 20px);
  }
}
.form-content__text-ttl span {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .form-content__text-ttl span {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.form-content__form {
  padding: 0 clamp(1px, 5.2083333333vw, 80px) clamp(1px, 5.2083333333vw, 80px);
}
@media screen and (max-width: 425px) {
  .form-content__form {
    padding: 0 clamp(1px, 10.6666666667vw, 40px) clamp(1px, 10.6666666667vw, 40px);
  }
}
.form-content__form-group {
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
.form-content__form-group:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 425px) {
  .form-content__form-group {
    margin-top: clamp(1px, 5.3333333333vw, 20px);
  }
}
.form-content__form-label {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .form-content__form-label {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.form-content__form-input {
  width: 100%;
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  margin-top: clamp(1px, 0.6510416667vw, 10px);
  padding: clamp(1px, 0.6510416667vw, 10px);
  background: #fff;
  border: 1px solid #808080;
}
@media screen and (max-width: 425px) {
  .form-content__form-input {
    margin-top: clamp(1px, 2.6666666667vw, 10px);
    font-size: clamp(1px, 3.7333333333vw, 14px);
    padding: clamp(1px, 2.6666666667vw, 10px);
  }
}
.form-content__form-input::-webkit-input-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-input::-moz-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-input:-ms-input-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-input::-ms-input-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-input::placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
@media screen and (max-width: 425px) {
  .form-content__form-input::-webkit-input-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-input::-moz-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-input:-ms-input-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-input::-ms-input-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-input::placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.form-content select {
  color: #999999;
}
.form-content__form-textarea {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
  width: 100%;
  padding: clamp(1px, 0.6510416667vw, 10px);
  background: #fff;
  border: 1px solid #808080;
}
@media screen and (max-width: 425px) {
  .form-content__form-textarea {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.form-content__form-textarea::-webkit-input-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-textarea::-moz-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-textarea:-ms-input-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-textarea::-ms-input-placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
.form-content__form-textarea::placeholder {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #999999;
}
@media screen and (max-width: 425px) {
  .form-content__form-textarea::-webkit-input-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-textarea::-moz-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-textarea:-ms-input-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-textarea::-ms-input-placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
  .form-content__form-textarea::placeholder {
    font-size: clamp(1px, 3.7333333333vw, 14px);
  }
}
.form-content .wpcf7-submit {
  display: block;
  margin-top: clamp(1px, 2.6041666667vw, 40px);
  width: clamp(1px, 39.0625vw, 600px);
  font-size: clamp(1px, 2.0833333333vw, 32px);
  font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #E25698;
  padding: clamp(1px, 1.3020833333vw, 20px) clamp(1px, 2.6041666667vw, 40px);
  border-radius: 60px;
  -webkit-box-shadow: 5px 5px 0 0 rgb(147, 1, 74);
          box-shadow: 5px 5px 0 0 rgb(147, 1, 74);
  border: none;
}
@media screen and (max-width: 425px) {
  .form-content .wpcf7-submit {
    width: clamp(1px, 64vw, 240px);
    margin: clamp(1px, 5.3333333333vw, 20px) auto 0;
    font-size: clamp(1px, 4.2666666667vw, 16px);
    padding: clamp(1px, 2.6666666667vw, 10px) clamp(1px, 5.3333333333vw, 20px);
  }
}

.form-thanks .form-content__text-inner {
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 5.2083333333vw, 80px) clamp(1px, 9.1145833333vw, 140px);
}
.form-thanks .form-content__text {
  text-align: center;
}
.form-thanks .form-content__text .form-content__img {
  margin: 0 auto;
}

.cource {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  position: relative;
}
.cource.cource01 {
  background-image: url(../image/cource/cource01_bg.png);
}
.cource.cource02 {
  background-image: url(../image/cource/cource02_bg.png);
}
.cource.cource03 {
  background-image: url(../image/cource/cource03_bg.png);
}
.cource.cource04 {
  background-image: url(../image/cource/cource04_bg.png);
}
.cource.cource05 {
  background-image: url(../image/cource/cource05_bg.png);
}
.cource.cource06 {
  background-image: url(../image/cource/cource06_bg.png);
}
@media screen and (max-width: 425px) {
  .cource {
    height: 400px;
  }
  .cource.cource01 {
    background-image: url(../image/cource/cource01_bg-sp.png);
  }
  .cource.cource02 {
    background-image: url(../image/cource/cource02_bg-sp.png);
  }
  .cource.cource03 {
    background-image: url(../image/cource/cource03_bg-sp.png);
  }
  .cource.cource04 {
    background-image: url(../image/cource/cource04_bg-sp.png);
  }
  .cource.cource05 {
    background-image: url(../image/cource/cource05_bg-sp.png);
  }
  .cource.cource06 {
    background-image: url(../image/cource/cource06_bg-sp.png);
  }
}
.cource__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.cource__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1px, 8.4635416667vw, 130px) 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 425px) {
  .cource__text {
    padding: clamp(1px, 34.6666666667vw, 130px) 0;
  }
}
.cource__ttl {
  text-align: center;
  font-size: clamp(1px, 2.6041666667vw, 40px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 425px) {
  .cource__ttl {
    font-size: clamp(1px, 8.5333333333vw, 32px);
  }
}

.cource-content {
  width: 100%;
}
.cource-content__inner {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .cource-content__inner {
    padding-bottom: clamp(1px, 5.3333333333vw, 20px);
  }
}
.cource-content__ttl {
  background-color: #FBACAA;
  position: relative;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: clamp(1px, 1.171875vw, 18px) 0;
  font-family: "Noto Sans JP", sans-serif;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .cource-content__ttl {
    font-size: clamp(1px, 5.3333333333vw, 20px);
    letter-spacing: -0.01em;
  }
}
.cource-content__ttl img {
  position: absolute;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: clamp(1px, 5.3385416667vw, 82px);
  height: clamp(1px, 4.2317708333vw, 65px);
}
@media screen and (max-width: 425px) {
  .cource-content__ttl img {
    width: clamp(1px, 5.3333333333vw, 20px);
    bottom: -15px;
  }
}
.cource-content__text-inner {
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 5.2083333333vw, 80px) clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 425px) {
  .cource-content__text-inner {
    padding: clamp(1px, 10.6666666667vw, 40px) clamp(1px, 2.6666666667vw, 10px) clamp(1px, 5.3333333333vw, 20px);
  }
}
.cource-content__text {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 425px) {
  .cource-content__text {
    font-size: clamp(1px, 4.2666666667vw, 16px);
  }
}
.cource-content__text-img {
  width: clamp(1px, 9.1145833333vw, 140px);
  height: clamp(1px, 9.1145833333vw, 140px);
  margin: auto;
}
@media screen and (max-width: 425px) {
  .cource-content__text-img {
    width: clamp(1px, 16vw, 60px);
    height: clamp(1px, 16vw, 60px);
  }
}
.cource-content__text-ttl {
  font-size: clamp(1px, 3.90625vw, 60px);
  font-weight: 600;
  color: #E25698;
  text-align: center;
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .cource-content__text-ttl {
    font-size: clamp(1px, 7.4666666667vw, 28px);
    margin-top: clamp(1px, 5.3333333333vw, 20px);
  }
}
.cource-content__text-ttl.--small {
  font-size: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 425px) {
  .cource-content__text-ttl.--small {
    font-size: clamp(1px, 5.3333333333vw, 20px);
  }
}
.cource-content__text-text {
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 425px) {
  .cource-content__text-text {
    font-size: clamp(1px, 2.6666666667vw, 10px);
    margin-top: clamp(1px, 2.6666666667vw, 10px);
  }
}
.cource-content__swiper-container {
  margin-top: clamp(1px, 2.6041666667vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.3020833333vw, 20px);
  position: relative;
}
@media screen and (max-width: 425px) {
  .cource-content__swiper-container {
    gap: clamp(1px, 1.0666666667vw, 4px);
  }
}
.cource-content__swiper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  width: 100%;
}
.cource-content__swiper .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cource-content__swiper .swiper-slide {
  width: 100% !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.cource-content__nav-prev, .cource-content__nav-next {
  width: clamp(1px, 3.2552083333vw, 50px);
  height: clamp(1px, 3.2552083333vw, 50px);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
}
@media screen and (max-width: 425px) {
  .cource-content__nav-prev, .cource-content__nav-next {
    width: clamp(1px, 10.6666666667vw, 40px);
    height: clamp(1px, 10.6666666667vw, 40px);
  }
}
.cource-content__nav-prev:hover, .cource-content__nav-next:hover {
  background-color: rgba(251, 172, 170, 0.1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.cource-content__nav-prev img, .cource-content__nav-next img {
  width: clamp(1px, 2.0182291667vw, 31px);
  height: clamp(1px, 2.4739583333vw, 38px);
}
@media screen and (max-width: 425px) {
  .cource-content__nav-prev img, .cource-content__nav-next img {
    width: clamp(1px, 6.6666666667vw, 25px);
    height: clamp(1px, 8vw, 30px);
  }
}
.cource-content__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 0vw, 0px);
}
@media screen and (max-width: 425px) {
  .cource-content__items {
    gap: clamp(1px, 4vw, 15px);
  }
}
.cource-content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1px, 5.2083333333vw, 80px);
  border: 3px solid #E25698;
  border-radius: clamp(1px, 3.90625vw, 60px);
  padding: clamp(1px, 1.3020833333vw, 20px);
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 425px) {
  .cource-content__item {
    gap: clamp(1px, 10.6666666667vw, 40px);
    padding: clamp(1px, 4vw, 15px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 100%;
  }
}
.cource-content__item-image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 clamp(1px, 13.0208333333vw, 200px);
          flex: 1 0 clamp(1px, 13.0208333333vw, 200px);
}
@media screen and (max-width: 425px) {
  .cource-content__item-image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 clamp(1px, 26.6666666667vw, 100px);
            flex: 1 0 clamp(1px, 26.6666666667vw, 100px);
  }
}
.cource-content__item-text {
  width: auto;
}
.cource-content__item-text-ttl {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 400;
}
@media screen and (max-width: 425px) {
  .cource-content__item-text-ttl {
    font-size: clamp(1px, 2.6666666667vw, 10px);
  }
}
.cource-content__item-text-name {
  font-size: clamp(1px, 1.171875vw, 18px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
  font-weight: 400;
}
@media screen and (max-width: 425px) {
  .cource-content__item-text-name {
    font-size: clamp(1px, 2.6666666667vw, 10px);
    margin-top: clamp(1px, 2.6666666667vw, 10px);
  }
}
.cource-content__item-text-content {
  font-size: clamp(1px, 1.3020833333vw, 20px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
  font-weight: 400;
}
@media screen and (max-width: 425px) {
  .cource-content__item-text-content {
    font-size: clamp(1px, 2.6666666667vw, 10px);
    margin-top: clamp(1px, 2.6666666667vw, 10px);
  }
}