@charset "UTF-8";
/* ==============================
全体設定
============================== */
html {
  font-size: 62.5%;
  height: 100%;
  scroll-behavior: smooth;
}

@media screen and (max-width: 1439px) and (min-width: 768px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.5641025641vw;
  }
}
body {
  font-size: 1.6rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
body.js-fixed {
  width: 100%;
  position: fixed;
  overflow: hidden;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a[href^="tel:"] {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}
.p-top {
  overflow-x: hidden;
}
.p-top .l-header__title a {
  color: #fff;
}
.p-top .l-header__title a.js-active {
  color: #3a3a3a;
}
.p-top .l-header__nav-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.p-top .l-header__nav-title span {
  margin: 0;
}
.p-top__mv {
  background-image: url(../img/top/mv-overlay-gray.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__mv {
    background-image: url(../img/top/mv-overlay-gray-sp.png);
  }
}
.p-top__mv::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/top/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  animation: mv-move 10s ease infinite;
}
@keyframes mv-move {
  0% {
    transform: translate(0, 0);
  }
  17% {
    transform: translate(-50rem, 0);
  }
  33% {
    transform: translate(-50rem, -50rem);
  }
  50% {
    transform: translate(0, 50rem);
  }
  67% {
    transform: translate(50rem, 50rem);
  }
  84% {
    transform: translate(0, 50rem);
  }
}
@media screen and (max-width: 767px) {
  .p-top__mv::before {
    width: calc(100% + 20rem);
    height: calc(100vh + 20rem);
    background-image: url(../img/top/mv-bg-sp.jpg);
    inset: -5rem;
    animation: mv-move-sp 10s ease infinite;
  }
  @keyframes mv-move-sp {
    0% {
      transform: translate(0, 0);
    }
    17% {
      transform: translate(-5rem, 0);
    }
    33% {
      transform: translate(-5rem, -5rem);
    }
    50% {
      transform: translate(0, 5rem);
    }
    67% {
      transform: translate(5rem, 5rem);
    }
    84% {
      transform: translate(0, 5rem);
    }
  }
}
.p-top__mv::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/mv-overlay-white.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-top__mv::after {
    background-image: url(../img/top/mv-overlay-white-sp.png);
  }
}
.p-top__mv-catch {
  height: 68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.8;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-top__mv-catch {
    height: 45rem;
    font-size: 3.4rem;
    line-height: 1.4;
  }
}
.p-top__mv-catch::before {
  content: "";
  display: block;
  width: 24rem;
  height: 63rem;
  background-image: url(../img/top/mv-title-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-top__mv-catch::before {
    height: 40rem;
  }
}
.p-top__mv-slide {
  max-width: 100%;
}
.p-top__mv-slide .swiper-wrapper {
  transition-timing-function: linear;
}
.p-top__mv-slide .swiper-wrapper .swiper-slide {
  width: auto !important;
  height: 39rem !important;
  margin: 0 1vw;
}
@media screen and (max-width: 767px) {
  .p-top__mv-slide .swiper-wrapper .swiper-slide {
    height: 22rem !important;
    margin: 0 0.8rem;
  }
}
.p-top__mv-slide .swiper-wrapper .swiper-slide img {
  width: auto;
  height: 100%;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-top__mv-slide .swiper-wrapper .swiper-slide img {
    border-radius: 1rem;
  }
}
.p-top__mv-foot {
  margin: 10rem auto 0;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-top__mv-foot {
    margin: 5rem 0 0;
  }
}
.p-top__mv-foot-text {
  color: #343434;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.08em;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-top__mv-foot-text {
    font-size: 1.6rem;
    margin: 2.4rem 0 0;
  }
}
.p-top__mv-foot .c-btn {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-top__mv-foot .c-btn {
    margin: 3.2rem auto 0;
  }
}
.p-top__sec01 {
  background: #fff;
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  .p-top__sec01 {
    padding: 5rem 0;
  }
}
.p-top__sec01-title {
  color: #343434;
  font-size: 3.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-top__sec01-title {
    font-size: 2.4rem;
  }
}
.p-top__sec01-list {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin: 4rem 12rem 0;
}
@media screen and (max-width: 767px) {
  .p-top__sec01-list {
    flex-direction: column;
    gap: 3.2rem;
    margin: 3.2rem 1.6rem 0;
  }
}
.p-top__sec01-list-item {
  text-align: left;
}
.p-top__sec01-list-item-img {
  border-radius: 2rem;
  overflow: hidden;
}
.p-top__sec01-list-item-img img {
  transition: 0.3s;
}
.p-top__sec01-list-item-title {
  width: fit-content;
  color: #3a3a3a;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 0 0 0.4rem;
  margin: 1.6rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__sec01-list-item-title {
    font-size: 1.8rem;
    margin: 1.2rem 0 0;
  }
}
.p-top__sec01-list-item-title.c-link--line {
  --line-h: 0.1rem;
}
.p-top__sec01-list-item-desc {
  color: #3a3a3a;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-top__sec01-list-item-desc {
    margin: 0.8rem 0 0;
    position: relative;
  }
  .p-top__sec01-list-item-desc::before {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border: solid 0.1rem #3a3a3a;
    border-radius: 50%;
    position: absolute;
    top: -3.2rem;
    right: 0;
  }
  .p-top__sec01-list-item-desc::after {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../img/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -2.4rem;
    right: 0.8rem;
  }
}
.p-top__sec01-list-item:hover .p-top__sec01-list-item-img img {
  transform: scale(1.1);
}
.p-top__sec01-list-item:hover .c-link--line {
  animation: line-slide var(--duration) ease 1;
}
.p-top__sec01-list-item:hover .c-link--line::after {
  display: none;
}
.p-top__sec02 {
  display: flex;
  justify-content: center;
  background: #fafafa;
  padding: 10rem 8rem;
}
@media screen and (max-width: 767px) {
  .p-top__sec02 {
    flex-direction: column;
    padding: 5rem 1.6rem;
  }
}
.p-top__sec02-title {
  flex: 0 0 32rem;
  text-align: left;
  color: #343434;
  font-size: 3.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-title {
    flex: auto;
    text-align: center;
    font-size: 2.4rem;
  }
}
.p-top__sec02-title-sub {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-title-sub {
    margin: 2.4rem 0 0;
  }
}
.p-top__sec02-body {
  border-left: solid 0.1rem #e5e5e5;
  padding: 0 0 0 12rem;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-body {
    border-left: 0;
    padding: 0;
    margin: 2.4rem 0 0;
  }
}
.p-top__sec02-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
.p-top__sec02-list-item {
  text-align: left;
}
.p-top__sec02-list-item-img {
  border: solid 0.1rem #e5e5e5;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-list-item-img {
    border-radius: 1rem;
  }
}
.p-top__sec02-list-item-img img {
  transition: 0.3s;
}
.p-top__sec02-list-item-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-list-item-flex {
    margin: 0.8rem 0 0;
  }
}
.p-top__sec02-list-item-time {
  color: #acacac;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}
.p-top__sec02-list-item-cate {
  width: 7.4rem;
  text-align: center;
  color: #000;
  background: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 2.2rem;
  border: solid 0.1rem #e5e5e5;
  border-radius: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-list-item-cate {
    width: fit-content;
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 0 0.8rem;
  }
}
.p-top__sec02-list-item-title {
  text-align: left;
  color: #3a3a3a;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.6;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-top__sec02-list-item-title {
    font-size: 1.2rem;
  }
}
.p-top__sec02-list-item-title .c-link--line {
  --line-h: 0.1rem;
  --line-color: transparent;
  --line-hover-color: #3a3a3a;
  --duration: .6s;
}
.p-top__sec02-list-item:hover .p-top__sec02-list-item-img img {
  transform: scale(1.1);
}
.p-top__sec02-list-item:hover .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-top__sec02 .c-btn {
  margin: 4rem 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-top__sec02 .c-btn {
    margin: 3.2rem auto 0;
  }
}
.p-top__sec03 {
  background: #fff;
  overflow-x: hidden;
}
.p-top__sec03-title {
  display: flex;
  align-items: center;
  gap: 4rem;
  color: #343434;
  font-size: 3.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-top__sec03-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    font-size: 2.4rem;
  }
}
.p-top__sec03-title-sub {
  text-align: left;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-top__sec03-title-sub {
    width: 26rem;
  }
}
.p-top__sec03-link {
  display: flex;
  align-items: center;
  height: 26rem;
  padding: 0 12rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__sec03-link {
    height: auto;
    border-top: solid 0.1rem #707070;
    padding: 3.2rem 1.6rem;
  }
}
.p-top__sec03-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  animation: sec03-link 1.5s ease alternate infinite;
}
.p-top__sec03-link:hover::after {
  opacity: 0.2;
}
@keyframes sec03-link {
  0% {
    background-position: center bottom;
  }
  100% {
    background-position: center top;
  }
}
.p-top__sec03-link .c-icon-arrow {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  right: 12rem;
  transform: translateY(-50%);
  z-index: 1;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__sec03-link .c-icon-arrow {
    width: 2.4rem;
    height: 2.4rem;
    top: 3.6rem;
    right: 1.6rem;
    transform: translateY(0);
  }
}
.p-top__sec03-link:hover .c-icon-arrow {
  background: #3a3a3a;
}
.p-top__sec03-link:hover .c-icon-arrow::after {
  background-image: url(../img/icon-arrow-right-white.svg);
  animation: sec03-link-icon-arrow-hover 0.3s ease-out;
}
@keyframes sec03-link-icon-arrow-hover {
  0% {
    opacity: 1;
    background-position: left center;
  }
  80% {
    opacity: 0;
    background-position: center right -100%;
  }
  81% {
    opacity: 0;
    background-position: left -10% center;
  }
  100% {
    opacity: 1;
    background-position: left center;
  }
}
.p-top__sec03-img {
  width: 30rem;
  position: absolute;
  bottom: 0;
  right: 24rem;
}
@media screen and (max-width: 767px) {
  .p-top__sec03-img {
    width: 17rem;
    right: -2.7rem;
  }
}
.p-top .l-footer__title {
  flex-direction: row;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .p-top .l-footer__title {
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top .l-footer__foot {
    text-align: center;
  }
}

.p-db .l-header__title a {
  color: #fff;
  flex-direction: column;
  align-items: unset;
}
.p-db .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #fff;
}
.p-db .l-header__cta .c-btn:first-of-type {
  color: #fff;
  background: #DE528C;
}
.p-db .l-header__cta .c-btn:last-of-type {
  background: #FFE762;
}
.p-db .l-header__cta .c-btn:hover {
  box-shadow: 0 0 0 0.15rem #fff;
}
@media screen and (max-width: 767px) {
  .p-db .l-header__nav-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .p-db .l-header__nav-cta .c-btn {
    margin: 0;
  }
}
.p-db .l-header__nav-cta-inner:first-of-type .c-btn {
  width: 12rem;
  color: #fff;
  background: #DE528C;
}
@media screen and (max-width: 767px) {
  .p-db .l-header__nav-cta-inner:first-of-type .c-btn {
    width: 100%;
  }
}
.p-db .l-header__nav-cta-inner:last-of-type .c-btn {
  width: 21rem;
  background: #FFE762;
}
@media screen and (max-width: 767px) {
  .p-db .l-header__nav-cta-inner:last-of-type .c-btn {
    width: 100%;
  }
}
.p-db .l-header.js-scroll .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-db .l-header__fixed {
    justify-content: right;
    gap: 1.6rem;
  }
}
.p-db .l-header__fixed-cta.c-btn {
  white-space: nowrap;
  padding: 0.2rem 1.4rem;
}
.p-db .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #fff;
  background: #DE528C;
}
.p-db .l-header__fixed-cta.c-btn:last-of-type {
  background: #FFE762;
}
.p-db__mv {
  background-image: url(../img/db/mv-overlay-gray.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .p-db__mv {
    background-image: url(../img/db/mv-overlay-gray-sp.png);
  }
}
.p-db__mv::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
}
@keyframes mv-move {
  0% {
    transform: translate(0, 0);
  }
  17% {
    transform: translate(-50rem, 0);
  }
  33% {
    transform: translate(-50rem, -50rem);
  }
  50% {
    transform: translate(0, 50rem);
  }
  67% {
    transform: translate(50rem, 50rem);
  }
  84% {
    transform: translate(0, 50rem);
  }
}
@media screen and (max-width: 767px) {
  .p-db__mv::before {
    width: calc(100% + 10rem);
    background-image: url(../img/db/mv-bg-sp.jpg);
    inset: -5rem;
    animation: mv-move-sp 10s linear infinite;
  }
  @keyframes mv-move-sp {
    0% {
      transform: translate(0, 0);
    }
    17% {
      transform: translate(-5rem, 0);
    }
    33% {
      transform: translate(-5rem, -5rem);
    }
    50% {
      transform: translate(0, 5rem);
    }
    67% {
      transform: translate(5rem, 5rem);
    }
    84% {
      transform: translate(0, 5rem);
    }
  }
}
.p-db__mv-imgs-img {
  width: 92rem;
  position: absolute;
  top: 13rem;
  right: -12rem;
  z-index: 1;
  opacity: 0;
  animation: fadeSlide 16s infinite;
}
@media screen and (max-width: 767px) {
  .p-db__mv-imgs-img {
    width: 45rem;
    top: 23rem;
    right: calc(50% - 22.5rem);
  }
}
.p-db__mv-imgs-img:nth-child(2) {
  animation-delay: 4s;
}
.p-db__mv-imgs-img:nth-child(3) {
  animation-delay: 8s;
}
.p-db__mv-imgs-img:nth-child(4) {
  animation-delay: 12s;
}
.p-db__mv-imgs-img:nth-child(5) {
  animation-delay: 16s;
}
@keyframes fadeSlide {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.p-db__mv-catch {
  text-align: left;
  height: 105rem;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  padding: 24rem 0 0 4rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-db__mv-catch {
    height: 69rem;
    font-size: 1.5rem;
    padding: 14rem 0 0 1.6rem;
  }
}
.p-db__mv .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 25rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-db__mv .c-marquee {
    top: 15rem;
  }
}
.p-db__mv .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 20s linear infinite;
}
.p-db__mv .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-db__mv .c-marquee span {
    font-size: 10rem;
  }
}
.p-db__mv-info {
  position: absolute;
  top: 70rem;
  right: 4rem;
  z-index: 1;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info {
    position: fixed;
    top: auto;
    bottom: 6rem;
    right: 1.6rem;
    z-index: 10;
  }
  .p-db__mv-info.is-scrolled {
    opacity: 0;
    visibility: hidden;
  }
}
.p-db__mv-info-wrap {
  width: 36rem;
  color: #343434;
  background: #fff;
  box-shadow: 0 0 0 0.1rem #4A3F39;
  border-radius: 8.6rem;
  padding: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-wrap {
    width: 20rem;
    padding: 1.4rem 0 1rem;
  }
  .p-db__mv-info-wrap::before, .p-db__mv-info-wrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .p-db__mv-info-wrap::before {
    bottom: -0.8rem;
    width: 1.6rem;
    height: 0.8rem;
    background: #3a3a3a;
    clip-path: polygon(0 0, 100% 0%, 0 100%);
  }
  .p-db__mv-info-wrap::after {
    bottom: -0.6rem;
    width: 1.4rem;
    height: 0.7rem;
    background: #fff;
    clip-path: polygon(0 0, 100% 0%, 0 100%);
  }
}
.p-db__mv-info-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 4rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-head {
    font-size: 1rem;
    line-height: 1.7rem;
    gap: 0.32rem;
  }
}
.p-db__mv-info-head::before, .p-db__mv-info-head::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  background: #343434;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-head::before, .p-db__mv-info-head::after {
    height: 0.9rem;
  }
}
.p-db__mv-info-head::before {
  transform: rotate(-20deg);
}
.p-db__mv-info-head::after {
  transform: rotate(20deg);
}
.p-db__mv-info-title {
  font-size: 2.4rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-title {
    font-size: 1.6rem;
  }
}
.p-db__mv-info-desc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.p-db__mv-info-next {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0.5rem 0.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-next {
    font-size: 1.3rem;
    margin: 0 0.25rem 0.4rem 0;
  }
}
.p-db__mv-info-date {
  display: flex;
  align-items: flex-end;
  font-size: 4.6rem;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-date {
    font-size: 2.8rem;
  }
}
.p-db__mv-info-date span {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 0 0.8rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info-date span {
    font-size: 1.2rem;
    margin: 0 0 0.4rem 0.4rem;
  }
}
.p-db__mv-info .c-link--line {
  --line-h: .1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0 0 0.8rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-db__mv-info .c-link--line {
    display: none;
  }
}
.p-db__mv-info:hover {
  transform: scale(1.1);
}
.p-db__mv-info:hover .p-db__mv-info-wrap {
  box-shadow: 0 0 0 0.15rem #4A3F39;
}
.p-db__mv-info:hover .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__mv-slide {
  max-width: 100%;
  text-align: left;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-db__mv-slide {
    margin-top: 3rem;
  }
}
.p-db__mv-slide .swiper-wrapper .swiper-slide {
  width: 48rem !important;
  margin: 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-db__mv-slide .swiper-wrapper .swiper-slide {
    width: 25rem !important;
    margin: 0 0.8rem;
  }
}
.p-db__mv-slide-img {
  width: 48rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-db__mv-slide-img {
    width: 25rem;
    border-radius: 1rem;
  }
}
.p-db__mv-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.p-db__mv-slide .c-link--line {
  --line-h: 0.1rem;
  --line-color: transparent;
  --line-hover-color: #3a3a3a;
  display: inline-block;
  color: #3a3a3a;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin: 1.3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__mv-slide .c-link--line {
    font-size: 1.4rem;
    margin: 0.8rem 0 0;
  }
}
.p-db__mv-slide a:hover img {
  transform: scale(1.1);
}
.p-db__mv-slide a:hover .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__news {
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 40rem 8rem 8rem;
  margin: -24rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-db__news {
    flex-direction: column;
    padding: 11rem 1.6rem 4rem;
    margin: -5rem 0 0;
  }
}
.p-db__news::before {
  content: "";
  display: block;
  width: 100%;
  height: 13.8vw;
  background-image: url(../img/db/bg-white-1.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  position: absolute;
  top: -4vw;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-db__news::before {
    background-image: url(../img/db/bg-news-sp.png);
    height: 6.2rem;
    top: -3rem;
  }
}
.p-db__news-side {
  flex: 0 0 32rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-db__news-side {
    flex: auto;
  }
}
.p-db__news-body {
  border-left: solid 0.1rem #e5e5e5;
  padding: 0 4rem 0 12rem;
}
@media screen and (max-width: 767px) {
  .p-db__news-body {
    border-left: 0;
    padding: 0;
    margin: 1.6rem 0 0;
  }
}
.p-db__news-nav-list {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__news-nav-list {
    width: calc(100% + 3.2rem);
    display: flex;
    margin: 3.2rem -1.6rem 0;
  }
}
.p-db__news-nav-list-item {
  cursor: pointer;
  color: #ACACAC;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 1.6rem 0 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-db__news-nav-list-item {
    flex: 0 0 auto;
    color: #3a3a3a;
    font-size: 1.2rem;
    margin: 0;
  }
  .p-db__news-nav-list-item:last-of-type {
    flex-grow: 1;
  }
}
.p-db__news-nav-list-item .c-link--line {
  --line-h: 0.1rem;
  --line-color: transparent;
  --line-hover-color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-db__news-nav-list-item .c-link--line {
    display: block;
    --line-color: #d5d5d5;
    padding: 0 1.5rem 1.4rem;
  }
}
.p-db__news-nav-list-item:hover,
.p-db__news-nav-list-item .active {
  color: #3a3a3a;
}
.p-db__news-nav-list-item .active {
  cursor: auto;
}
.p-db__news-nav-list-item .active.c-link--line {
  animation: unset;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
}
.p-db__news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-db__news-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
.p-db__news-list-item {
  text-align: left;
}
.p-db__news-list-item-img {
  border: solid 0.1rem #e5e5e5;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-db__news-list-item-img {
    border-radius: 1rem;
  }
}
.p-db__news-list-item-img img {
  transition: 0.3s;
}
.p-db__news-list-item-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__news-list-item-flex {
    margin: 0.8rem 0 0;
  }
}
.p-db__news-list-item-time {
  color: #acacac;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}
.p-db__news-list-item-cate {
  width: fit-content;
  text-align: center;
  color: #000;
  background: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 2.2rem;
  border: solid 0.1rem #e5e5e5;
  border-radius: 1.2rem;
  padding: 0.2rem 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-db__news-list-item-cate {
    width: fit-content;
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 0 0.8rem;
  }
}
.p-db__news-list-item-title {
  text-align: left;
  color: #3a3a3a;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.6;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__news-list-item-title {
    font-size: 1.2rem;
  }
}
.p-db__news-list-item .c-link--line {
  --line-h: 0.1rem;
  --lh: 1.6;
  --line-color: transparent;
  --line-hover-color: #3a3a3a;
  --duration: .6s;
}
.p-db__news-list-item:hover .p-db__news-list-item-img img {
  transform: scale(1.1);
}
.p-db__news-list-item:hover .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__news .c-btn {
  margin: 4rem 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-db__news .c-btn {
    margin: 3.2rem auto 0;
  }
}
.p-db__feature {
  background: #fff;
}
.p-db__feature-wrap {
  background: #F4F4F4;
  padding: 0 12rem;
}
@media screen and (max-width: 767px) {
  .p-db__feature-wrap {
    padding: 0 1.6rem;
  }
}
.p-db__feature::before, .p-db__feature::after {
  content: "";
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.p-db__feature::before {
  height: 11vw;
  background-image: url(../img/db/bg-gray-1.png);
  background-position: top;
}
@media screen and (max-width: 767px) {
  .p-db__feature::before {
    height: 5.2rem;
  }
}
.p-db__feature::after {
  height: 7vw;
  background-image: url(../img/db/bg-gray-2.png);
  background-position: bottom;
}
@media screen and (max-width: 767px) {
  .p-db__feature::after {
    height: 5rem;
  }
}
.p-db__feature-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-db__feature-headline {
    flex-direction: column;
  }
}
.p-db__feature .c-title__sub--big {
  text-align: left;
}
.p-db__feature-head {
  display: grid;
  grid-template-columns: 1fr 20rem;
  align-items: center;
  margin: 0 0 0 20rem;
}
@media screen and (max-width: 767px) {
  .p-db__feature-head {
    display: block;
    margin: 1.8rem 0 0;
  }
}
.p-db__feature-slide {
  width: 22rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-db__feature-slide {
    width: 21rem;
  }
}
.p-db__feature-slide-list-item {
  padding: 4rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-db__feature-slide-list-item {
    padding: 0;
  }
}
.p-db__feature-slide-bubble {
  width: 14rem;
  background-image: url(../img/bubble-1.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
  padding: 0 0 2.8rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-db__feature-slide-bubble {
    font-size: 1.1rem;
    width: 14rem;
    padding: 0.4rem 0 3.2rem;
  }
}
.p-db__feature-slide:first-of-type .p-db__feature-slide-bubble {
  padding: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-db__feature-slide:first-of-type .p-db__feature-slide-bubble {
    padding: 0.4rem 0 3.2rem;
  }
}
.p-db__feature-slide-img {
  display: block;
  width: auto;
  height: 12rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-db__feature-slide-img {
    height: 11rem;
  }
}
.p-db__feature .c-btn {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-db__feature .c-btn {
    display: none;
  }
}
.p-db__feature-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
    margin: -2.5rem 0 0;
    position: relative;
    z-index: 1;
  }
}
.p-db__feature-list-item {
  background: #fff;
  border: solid 0.1rem transparent;
  border-radius: 2rem;
  padding: 4rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item {
    padding: 1.6rem 0;
    position: relative;
  }
}
.p-db__feature-list-item-desc {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item-desc {
    font-size: 1.2rem;
  }
}
.p-db__feature-list-item-title {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item-title {
    font-size: 1.5rem;
    margin: 0.8rem 0 0;
  }
}
.p-db__feature-list-item-strong {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 6rem;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item-strong {
    font-size: 4rem;
  }
}
.p-db__feature-list-item-strong span {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0.6rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item-strong span {
    font-size: 1.4rem;
    margin: 0 0.2rem 0.5rem;
  }
}
.p-db__feature-list-item-strong span.percent {
  font-size: 3.4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item-strong span.percent {
    font-size: 2.5rem;
  }
}
.p-db__feature-list-item-strong .data-card__num {
  font-style: normal;
}
.p-db__feature-list-item .c-icon-arrow {
  margin: 1.6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item .c-icon-arrow {
    margin: 0.8rem auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item--first, .p-db__feature-list-item--last {
    grid-column: 1/3;
  }
}
.p-db__feature-list-item--first .p-db__feature-list-item-strong {
  position: relative;
}
.p-db__feature-list-item--first .p-db__feature-list-item-strong::after {
  content: "";
  display: block;
  width: 4.6rem;
  height: 5.3rem;
  background-image: url(../img/db/feature-deco-01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 2.65rem);
  right: 5rem;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item--first .p-db__feature-list-item-strong::after {
    top: calc(50% - 4.65rem);
    right: 26rem;
  }
}
.p-db__feature-list-item--first .c-icon-arrow {
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item--first .c-icon-arrow {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    transform: rotate(90deg) translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item:nth-of-type(2) .p-db__feature-list-item-title {
    letter-spacing: 0.04em;
  }
}
.p-db__feature-list-item--last {
  background-image: url(../img/db/feature-deco-02.png);
  background-repeat: no-repeat;
  background-position: calc(50% + 1.3rem) bottom;
  background-size: 21rem auto;
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item--last {
    background-position: left 1rem bottom;
    background-size: 12rem auto;
  }
}
.p-db__feature-list-item--last .c-icon-arrow {
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-db__feature-list-item--last .c-icon-arrow {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    transform: rotate(90deg) translateX(-50%);
  }
}
.p-db__feature-list-item:not(.is-nolink):hover {
  border: solid 0.1rem #3a3a3a;
}
.p-db__feature-list-item:not(.is-nolink):hover .c-icon-arrow {
  background: #3a3a3a;
  transform: scale(1.1);
}
.p-db__feature-list-item:not(.is-nolink):hover .c-icon-arrow::after {
  background-image: url(../img/icon-arrow-right-white.svg);
  animation: icon-arrow-hover 0.3s ease-out;
}
.p-db__feature-list-item:first-of-type:hover .c-icon-arrow {
  transform: rotate(90deg) scale(1.1);
}
.p-db__gallery {
  margin: -5vw 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__gallery {
    margin: -2rem 0 0;
  }
}
.p-db__gallery-img {
  position: relative;
}
.p-db__gallery-img img {
  display: block;
}
.p-db__gallery-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.p-db__course {
  background-image: url(../img/db/course-bg-01.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  padding: 11vw 8rem;
  margin: -4.5vw 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-db__course {
    background-color: #fff;
    background-image: url(../img/db/course-bg-sp-01.png);
    padding: 3rem 0;
    margin: -2rem 0 0;
  }
  .p-db__course::before {
    content: "";
    display: block;
    width: 100%;
    height: 5.2rem;
    background-image: url(../img/db/bg-white-1-sp.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
  }
}
.p-db__course-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-db__course-wrap {
    flex-direction: column;
  }
}
.p-db__course-side {
  flex: 0 0 32rem;
  text-align: left;
  position: sticky;
  top: 20vh;
}
@media screen and (max-width: 767px) {
  .p-db__course-side {
    background: #fff;
    flex: auto;
    padding: 2rem 1.6rem 0;
    top: -16.6rem;
    z-index: 1;
  }
}
.p-db__course .c-title__sub {
  margin: 3.2rem 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__course .c-title__sub {
    text-align: left;
    margin: 2.4rem 0 0;
  }
}
.p-db__course-body {
  border-left: solid 0.1rem #e5e5e5;
  padding: 0 0 0 8rem;
}
@media screen and (max-width: 767px) {
  .p-db__course-body {
    border-left: 0;
    padding: 0;
    margin: 2.4rem 0 0;
  }
}
.p-db__course-nav-list {
  margin: 5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__course-nav-list {
    width: 100vw;
    display: flex;
    margin: 1.6rem -1.6rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .p-db__course-nav-list::-webkit-scrollbar {
    display: none;
  }
}
.p-db__course-nav-list-item {
  cursor: pointer;
  color: #ACACAC;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 1.6rem 0 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-db__course-nav-list-item {
    color: #3a3a3a;
    flex: 0 0 auto;
    font-size: 1.2rem;
    margin: 0;
  }
}
.p-db__course-nav-list-item-number {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Barlow Condensed", sans-serif;
  margin: 0 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__course-nav-list-item-number {
    font-size: 1rem;
    vertical-align: top;
    margin: 0 0.4rem 0 0;
  }
}
.p-db__course-nav-list-item .c-link--line {
  --line-h: 0.1rem;
  --line-color: transparent;
  --line-hover-color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-db__course-nav-list-item .c-link--line {
    --line-color: #c9c9c9;
    display: block;
    padding: 2rem 1.3rem 1.6rem 1.3rem;
  }
}
.p-db__course-nav-list-item:hover,
.p-db__course-nav-list-item .active {
  color: #3a3a3a;
}
.p-db__course-nav-list-item .active {
  cursor: auto;
}
.p-db__course-nav-list-item .active.c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__course-list {
  padding: 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-db__course-list {
    padding: 0 1.6rem;
  }
}
.p-db__course-list-item {
  text-align: left;
  border-bottom: solid 0.1rem #fff;
  padding: 0 0 5rem;
  margin: 0 0 5rem;
  scroll-margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item {
    padding: 0 0 3rem;
    margin: 0 0 3rem;
    position: relative;
    scroll-margin-top: 8rem;
  }
}
.p-db__course-list-item:last-of-type {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.p-db__course-list-item a {
  display: grid;
  grid-template-columns: 28rem 1fr auto;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "img title icon" "img sub icon" "img desc icon";
  gap: 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "title title" "sub     sub" "img    desc";
    gap: 0;
    position: relative;
  }
}
.p-db__course-list-item-img {
  flex: 0 0 28rem;
  border: solid 0.1rem #e5e5e5;
  border-radius: 2rem;
  overflow: hidden;
  grid-area: img;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-img {
    border-radius: 1rem;
    margin: 1.8rem 0 0;
  }
}
.p-db__course-list-item-img img {
  transition: 0.3s;
}
.p-db__course-list-item-title {
  display: flex;
  gap: 1rem;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  grid-area: title;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-title {
    font-size: 1.8rem;
    gap: 0.6rem;
  }
}
.p-db__course-list-item-number {
  font-size: 1.7rem;
  font-weight: 400;
  font-family: "Barlow Condensed", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-number {
    font-size: 1.2rem;
  }
}
.p-db__course-list-item .c-link--line {
  height: fit-content;
  white-space: nowrap;
  --line-h: .1rem;
  --line-color: transparent;
}
.p-db__course-list-item-sub {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
  margin: 2.4rem 0 0;
  grid-area: sub;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-sub {
    margin: 1.6rem 0 0;
  }
}
.p-db__course-list-item-sub span {
  font-size: 1.2rem;
  margin-top: 1rem;
  display: block;
}
.p-db__course-list-item-desc {
  margin: 3.2rem 0 0;
  grid-area: desc;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-desc {
    margin: 1.8rem 0 0 1.8rem;
  }
}
.p-db__course-list-item-desc-title {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 1.4rem;
  margin: 0 0 2.4rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-desc-title {
    font-size: 1.2rem;
    gap: 1rem;
    margin: 0 0 1.6rem;
  }
}
.p-db__course-list-item-desc-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.05rem;
  background: #3a3a3a;
}
.p-db__course-list-item-desc-list {
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-desc-list {
    margin: 0;
  }
}
.p-db__course-list-item-desc-list-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item-desc-list-item {
    font-size: 1.1rem;
    margin: 0.8rem 0 0;
  }
}
.p-db__course-list-item-desc-list-item::before {
  content: "";
  display: inline-block;
  flex: 0 0 0.4rem;
  height: 0.4rem;
  background: #3a3a3a;
  border-radius: 50%;
}
.p-db__course-list-item .c-icon-arrow {
  grid-area: icon;
}
@media screen and (max-width: 767px) {
  .p-db__course-list-item .c-icon-arrow {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.p-db__course-list-item.active .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__course-list-item a:hover .p-db__course-list-item-img img {
  transform: scale(1.1);
}
.p-db__course-list-item a:hover .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__course-list-item a:hover .c-icon-arrow {
  background: #3a3a3a;
  transform: scale(1.1);
}
.p-db__course-list-item a:hover .c-icon-arrow::after {
  background-image: url(../img/icon-arrow-right-white.svg);
  animation: icon-arrow-hover 0.3s ease-out;
}
.p-db__course .c-btn {
  margin: 4rem 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-db__course .c-btn {
    margin: 3.2rem auto 0;
  }
}
.p-db__test {
  position: relative;
  margin: -5vw 0 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-db__test {
    margin: -2rem 0 0;
  }
}
.p-db__test-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 10rem;
  background: #fafafa;
  padding: 0 12rem 0 9rem;
}
@media screen and (max-width: 767px) {
  .p-db__test-wrap {
    display: block;
    padding: 0;
  }
}
.p-db__test::before {
  content: "";
  display: block;
  width: 100%;
  height: 5vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/db/bg-light-1.png);
  background-position: top;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-db__test::before {
    height: 5.2rem;
  }
}
.p-db__test .c-title__sub {
  padding: 0 1.6rem;
}
.p-db__test-mv {
  width: 62rem;
}
@media screen and (max-width: 767px) {
  .p-db__test-mv {
    width: 100%;
    margin: -12rem 0 0;
    transform: translateY(8.5rem);
    overflow-x: hidden;
    overflow-y: visible;
  }
  .p-db__test-mv img {
    width: calc(100vw + 4.4rem);
    margin: 0 -2.2rem;
  }
}
.p-db__test .c-title {
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-db__test .c-title {
    width: 100%;
  }
}
.p-db__test .c-title__sub {
  text-align: left;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__test .c-title__sub {
    margin: 2.4rem 0 0;
  }
}
.p-db__test-bubble {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-db__test-bubble {
    line-height: 1.4;
  }
}
.p-db__test-bubble::after {
  content: "";
  display: block;
  width: 15rem;
  height: 1.6rem;
  background-image: url(../img/bubble-2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-db__test-bubble::after {
    width: 12rem;
    height: 1.2rem;
    margin: 0.4rem auto 0;
  }
}
.p-db__test-cta {
  width: fit-content;
  margin: 4rem auto 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__test-cta {
    margin: 2.4rem auto 0;
    position: relative;
    z-index: 1;
  }
}
.p-db__test .c-btn {
  margin: 1.2rem 0 0;
}
.p-db__campus {
  background-image: url(../img/db/campus-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding: 0 0 3.8vw;
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .p-db__campus {
    background-image: url(../img/db/campus-bg-sp.png);
    padding: 0;
  }
}
.p-db__campus-wrap {
  max-width: 144rem;
  padding: 18rem 0 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-db__campus-wrap {
    max-width: 100%;
    padding: 13rem 1.6rem 0;
    margin: 0;
    position: unset;
  }
}
.p-db__campus-wrap * {
  text-align: center;
}
.p-db__campus-img {
  mix-blend-mode: multiply;
  position: absolute;
}
.p-db__campus-img-1 {
  width: 12rem;
  top: 19rem;
  left: 30rem;
}
@media screen and (max-width: 767px) {
  .p-db__campus-img-1 {
    width: 7.6rem;
    top: 8.7rem;
    left: 1rem;
  }
}
.p-db__campus-img-2 {
  width: 14rem;
  top: 32rem;
  right: 34rem;
}
@media screen and (max-width: 767px) {
  .p-db__campus-img-2 {
    width: 14rem;
    top: 26rem;
    right: -4rem;
  }
}
.p-db__campus-img-3 {
  width: 12rem;
  right: 6.6rem;
  bottom: -2.4rem;
}
@media screen and (max-width: 767px) {
  .p-db__campus-img-3 {
    width: 8rem;
    right: -0.8rem;
    bottom: 10rem;
  }
}
.p-db__campus-img-4 {
  width: 15rem;
  left: -1.2rem;
  bottom: -12.5rem;
}
@media screen and (max-width: 767px) {
  .p-db__campus-img-4 {
    width: 10rem;
    left: 1.6rem;
    bottom: 24rem;
  }
}
.p-db__campus-bubble {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-db__campus-bubble {
    line-height: 1.6;
  }
}
.p-db__campus-bubble::after {
  content: "";
  display: block;
  width: 15rem;
  height: 1.6rem;
  background-image: url(../img/bubble-2.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-db__campus-bubble::after {
    width: 12rem;
    height: 1.2rem;
    margin: 0.4rem auto 0;
  }
}
.p-db__campus::before {
  content: "";
  display: block;
  width: 100%;
  height: 16vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/db/campus-bg-mask.png);
  background-position: bottom;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-db__campus::before {
    height: 18rem;
    background-image: url(../img/db/campus-bg-mask-sp-01.png);
  }
}
.p-db__campus .c-title__sub--big {
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__campus .c-title__sub--big {
    text-align: left;
    margin: 2.4rem 0 0;
  }
}
.p-db__campus .c-btn {
  margin: 4rem auto 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-db__campus .c-btn {
    margin: 2.4rem auto 0;
  }
}
.p-db__campus .c-marquee {
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__campus .c-marquee {
    margin: 2.4rem 0 0;
  }
}
.p-db__campus .c-marquee span {
  color: rgba(255, 255, 255, 0.46);
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .p-db__campus .c-marquee span {
    font-size: 9.2rem;
    padding-right: 0;
  }
}
.p-db__campus-marquee {
  width: 20rem;
  padding: 2.4rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-db__campus-marquee {
    width: 14rem;
    padding: 2rem 0 0;
  }
}
.p-db__campus-marquee-bubble {
  width: 12.5rem;
  height: 7.6rem;
  background-image: url(../img/bubble-3.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-db__campus-marquee-bubble {
    width: 8.5rem;
    height: 5.6rem;
    font-size: 1.1rem;
  }
}
.p-db__interview {
  color: #fff;
  background: #474747;
  margin: -4vw 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview {
    flex-direction: column;
    margin: -3.2rem 0 0;
  }
}
.p-db__interview-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-db__interview-headline {
    flex-direction: column;
  }
}
.p-db__interview-body {
  padding: 0 12rem 6.9vw;
}
@media screen and (max-width: 767px) {
  .p-db__interview-body {
    position: relative;
    padding: 0 1.6rem 12rem;
  }
}
@media screen and (max-width: 767px) {
  .p-db__interview .c-marquee {
    width: 100vw;
    margin: 0 -1.6rem;
  }
}
.p-db__interview .c-marquee span {
  color: rgba(255, 255, 255, 0.05);
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-right: 4rem;
}
@media screen and (max-width: 767px) {
  .p-db__interview .c-marquee span {
    font-size: 9.2rem;
    padding-right: 2rem;
  }
}
.p-db__interview .c-title {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-db__interview .c-title {
    margin: -4rem 0 0;
  }
}
.p-db__interview .c-title__sub {
  text-align: left;
}
.p-db__interview-bubble {
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin: 0 auto 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-db__interview-bubble {
    font-size: 1.4rem;
    margin: 0 auto 0.8rem;
  }
}
.p-db__interview-bubble::after {
  content: "";
  display: block;
  width: 15rem;
  height: 1.6rem;
  background-image: url(../img/bubble-2-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview-bubble::after {
    width: 12rem;
    height: 1.2rem;
    margin: 0.4rem auto 0;
  }
}
.p-db__interview-slide {
  padding: 0 12rem 4rem 0;
  margin: 5rem -12rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview-slide {
    padding: 2.4rem 1.6rem 0 0;
    margin: 0 -1.6rem 0;
  }
}
.p-db__interview-list.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.p-db__interview-list-item {
  text-align: left;
  width: 22vw;
  margin: 0 2vw 0 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item {
    width: 20rem;
    margin: 0 0 0 1.6rem;
  }
}
.p-db__interview-list-item:last-of-type {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item:last-of-type:last-of-type {
    margin: 0 0 0 1.6rem;
  }
}
.p-db__interview-list-item-img {
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item-img {
    width: 20rem;
    border-radius: 1rem;
  }
}
.p-db__interview-list-item-img img {
  transition: 0.3s;
}
.p-db__interview-list-item-job {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item-job {
    font-size: 1rem;
    margin: 0.8rem 0 0;
  }
}
.p-db__interview-list-item-name {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item-name {
    font-size: 1.4rem;
  }
}
.p-db__interview-list-item-name span {
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item-name span {
    font-size: 1rem;
  }
}
.p-db__interview-list-item-tag {
  color: #acacac;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0.8rem 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__interview-list-item-tag {
    font-size: 1rem;
    margin: 0.4rem 0.8rem 0 0;
  }
}
.p-db__interview-list-item-tag::before {
  content: "#";
}
.p-db__interview-list-item .c-link--line {
  width: fit-content;
  --line-color: transparent;
}
.p-db__interview-list-item:hover .p-db__interview-list-item-img img {
  transform: scale(1.1);
}
.p-db__interview-list-item:hover .c-link--line {
  --line-hover-color: #fff;
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-db__interview .c-btn {
  margin: 0.8rem 0 0 auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-db__interview .c-btn {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 6.4rem;
    transform: translateX(-50%);
  }
}
.p-db__instagram {
  margin: -4vw 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__instagram {
    margin: -2rem 0 0;
  }
}
.p-db__instagram::before {
  content: "";
  display: block;
  width: 100%;
  height: 9.7vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/db/bg-white-1.png);
  background-position: top;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-db__instagram::before {
    background-image: url(../img/db/bg-white-1-sp.png);
    height: 5.2rem;
  }
}
.p-db__instagram-body {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background: #fff;
  padding: 0 12rem 8rem;
}
@media screen and (max-width: 767px) {
  .p-db__instagram-body {
    flex-direction: column;
    gap: 2.4rem;
    padding: 0 1.6rem 6rem;
  }
}
.p-db__instagram .c-title {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-db__instagram .c-title {
    text-align: center;
  }
}
.p-db__instagram .c-title__sub--big {
  text-align: left;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__instagram .c-title__sub--big {
    margin: 2.4rem 0 0;
  }
}
.p-db__instagram-head {
  width: calc(50% - 10rem);
}
@media screen and (max-width: 767px) {
  .p-db__instagram-head {
    width: 100%;
  }
}
.p-db__instagram-foot {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-db__instagram-foot {
    width: 100vw;
    margin: 0 -1.6rem 0;
  }
}
.p-db__instagram-foot .swiper-wrapper {
  transition-timing-function: linear;
}
.p-db__instagram-foot .swiper-wrapper .swiper-slide {
  width: 28rem !important;
  margin: 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-db__instagram-foot .swiper-wrapper .swiper-slide {
    width: 16rem !important;
    margin: 0 0.8rem;
  }
}
.p-db__instagram-img {
  width: 28rem;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-db__instagram-img {
    width: 16rem;
    border-radius: 1rem;
  }
}
.p-db__instagram .c-btn {
  margin: 4rem auto 0 0;
}
@media screen and (max-width: 767px) {
  .p-db__instagram .c-btn {
    margin: 2.4rem auto 0;
  }
}
.p-db__footer .l-footer__nav--pc {
  grid-template-columns: 13rem 1fr 1fr 1fr 1fr;
}
.p-db__footer .l-footer__nav--pc .l-footer__nav-list:first-of-type {
  grid-column: 2/4;
  grid-row: 1/2;
}
.p-db__footer .l-footer__nav--pc .l-footer__nav-side {
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .p-db__footer .l-footer__title {
    margin: 3.2rem 0 0;
  }
}
.p-db__footer .l-footer__title span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-db__footer .l-footer__title span {
    font-size: 1.7rem;
    margin: 0;
  }
}
.p-db .l-footer__address {
  margin: 0;
}
.p-db .l-footer__tel {
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
}
.p-db .l-footer__tel span {
  display: inline-block;
  font-size: 1.8rem;
}
.p-db .l-footer__tel-link {
  font-size: 2.7rem;
  margin: 0 1.6rem 0 0.4rem;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.l-container--1200 {
  max-width: 123.2rem;
  padding: 0 1.6rem;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .l-header.seika-header {
    padding-top: 1.4rem;
  }
}
.l-header.seika-header .l-header__title {
  align-items: center;
  color: #3a3a3a;
}
@media screen and (min-width: 768px) {
  .l-header.seika-header .l-header__title {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header.seika-header .l-header__title {
    gap: 0.7rem;
  }
}
.l-header.seika-header .l-header__title span {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .l-header.seika-header .l-header__title span {
    letter-spacing: 0.1em;
    font-size: 1.3rem;
  }
}
.l-header.seika-header .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
.l-header.seika-header .l-header__cta .c-btn:first-of-type {
  color: #3a3a3a;
  background: #f1c9d1;
}
.l-header.seika-header .l-header__cta .c-btn:last-of-type {
  background: #fcef8e;
}
.l-header.seika-header .l-header__cta .c-btn:hover {
  box-shadow: 0 0 0 0.15rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .l-header.seika-header .l-header__nav-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .l-header.seika-header .l-header__nav-cta .c-btn {
    margin: 0;
  }
}
.l-header.seika-header .l-header__nav-cta .l-header__nav-cta-inner:first-of-type .c-btn {
  width: 12rem;
  color: #3a3a3a;
  background: #f1c9d1;
}
@media screen and (max-width: 767px) {
  .l-header.seika-header .l-header__nav-cta .l-header__nav-cta-inner:first-of-type .c-btn {
    width: 100%;
  }
}
.l-header.seika-header .l-header__nav-cta .l-header__nav-cta-inner:last-of-type .c-btn {
  width: 21rem;
  background: #fcef8e;
}
@media screen and (max-width: 767px) {
  .l-header.seika-header .l-header__nav-cta .l-header__nav-cta-inner:last-of-type .c-btn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .l-header.seika-header .l-header__fixed {
    justify-content: right;
    gap: 1.6rem;
  }
}
.l-header.seika-header .l-header__fixed .l-header__fixed-cta.c-btn {
  white-space: nowrap;
  padding: 0.2rem 1.4rem;
}
.l-header.seika-header .l-header__fixed .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #3a3a3a;
  background: #f1c9d1;
}
.l-header.seika-header .l-header__fixed .l-header__fixed-cta.c-btn:last-of-type {
  background: #fcef8e;
}
.l-header.js-scroll .l-header__nav-btn {
  top: 0.6rem;
}

.seika-main * {
  letter-spacing: 0.08em;
  color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .seika-main .c-cta__info {
    padding-block: 5.5rem 4.9rem;
  }
}
.seika-main .c-cta__info-links {
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .seika-main .c-cta__info-links {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 768px) {
  .seika-main .c-cta__info-links .c-btn--arrow {
    flex: 0 0 17.5rem;
  }
}
.seika-main .c-cta__info .c-cta__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .seika-main .c-cta__info .c-cta__title-sub {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 2.8rem;
  }
}
.seika-main .c-cta__info .c-btn--arrow::after {
  right: 3.5rem;
}
@media screen and (max-width: 767px) {
  .seika-main .c-cta__grid .c-cta__link {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .seika-main .c-cta__grid .c-cta__img {
    width: 13rem;
    right: -0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .seika-main .c-cta__grid .c-cta__title-sub {
    margin-left: -0.3rem;
  }
}
.seika-main .c-cta__grid .c-cta__deco {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .seika-main .c-cta__grid .c-cta__deco {
    font-size: 6.3rem;
  }
}

.p-seika__mv-main {
  position: relative;
  z-index: 2;
}
.p-seika__mv-main-slider {
  overflow: hidden;
}
.p-seika__mv-main-slider .swiper-slide-active .p-seika__mv-main-img img:nth-child(2) {
  animation: fadeIn 0s ease-in-out forwards;
  animation-delay: 0.8s;
}
.p-seika__mv-main-img {
  position: relative;
  z-index: 1;
}
.p-seika__mv-main-img picture img {
  aspect-ratio: 1440/1209;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-main-img picture img {
    aspect-ratio: 375/876;
  }
}
.p-seika__mv-main-img picture:nth-child(2) img {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
}
.p-seika__mv-main-subtitle {
  position: absolute;
  left: 4rem;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1733333333;
  letter-spacing: 0.08em;
  opacity: 0.65;
  color: #3a3a3a;
}
@media screen and (min-width: 768px) {
  .p-seika__mv-main-subtitle {
    bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika__mv-main-subtitle {
    width: 38%;
    left: 1.6rem;
    font-size: 1.1rem;
    line-height: 1.6;
    top: auto;
    bottom: 7.3rem;
  }
}
.p-seika__mv-main-scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 1.6rem;
  font-family: "Barlow Condensed", serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.1875;
  color: #3a3a3a;
}
@media screen and (min-width: 768px) {
  .p-seika__mv-main-scroll {
    bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika__mv-main-scroll {
    display: none;
  }
}
.p-seika__mv-main-scroll::after {
  content: "";
  width: 2.2rem;
  aspect-ratio: 1/1;
  display: block;
  margin: 0.5rem auto 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='Group_3934' data-name='Group 3934' transform='translate(-151 -777)'%3E%3Cg id='Ellipse_139' data-name='Ellipse 139' transform='translate(151 777)' fill='none' stroke='%233a3a3a' stroke-width='1'%3E%3Ccircle cx='11' cy='11' r='11' stroke='none'/%3E%3Ccircle cx='11' cy='11' r='10.5' fill='none'/%3E%3C/g%3E%3Cg id='arrow-right' transform='translate(170 780) rotate(90)'%3E%3Cpath id='線_355' data-name='線 355' d='M6.5.125h-7A.534.534,0,0,1-1-.437.534.534,0,0,1-.5-1h7A.534.534,0,0,1,7-.437.534.534,0,0,1,6.5.125Z' transform='translate(5 8.438)' fill='%233a3a3a'/%3E%3Cpath id='パス_66' data-name='パス 66' d='M11.563,12a.6.6,0,0,1-.4-.146.462.462,0,0,1,0-.707L14.7,8l-3.54-3.146a.462.462,0,0,1,0-.707.613.613,0,0,1,.8,0l3.938,3.5a.462.462,0,0,1,0,.707l-3.937,3.5A.6.6,0,0,1,11.563,12Z' transform='translate(-4.063)' fill='%233a3a3a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-seika__mv-inner {
  position: absolute;
  top: 0;
  height: 100vh;
  max-height: 62.5vw;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-inner {
    max-height: 66.7rem;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-seika__mv-content {
  position: absolute;
  width: 42%;
  height: 100vh;
  max-height: 62.5vw;
  left: 0;
  top: 0;
  z-index: 1;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-content {
    width: 100%;
    top: 0;
    padding-top: 18rem;
    max-height: 66.7rem;
    bottom: 0;
  }
}
.p-seika__mv-content img {
  max-width: 39.3rem;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-content img {
    max-width: 23.8rem;
  }
}
.p-seika__mv-info {
  position: absolute;
  right: 4rem;
  z-index: 1;
  transition: 0.3s;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-seika__mv-info {
    bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info {
    top: auto;
    bottom: 6rem;
    right: 1.6rem;
    z-index: 10;
  }
  .p-seika__mv-info.is-scrolled {
    position: absolute;
  }
  .p-seika__mv-info.is-scrolled .p-seika__mv-info-wrap::before, .p-seika__mv-info.is-scrolled .p-seika__mv-info-wrap::after {
    transform: translateY(-1rem);
    opacity: 0;
  }
}
.p-seika__mv-info-wrap {
  width: 36rem;
  color: #3a3a3a;
  background: #fff;
  box-shadow: 0 0 0 0.1rem #4a3f39;
  border-radius: 8.6rem;
  padding: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-wrap {
    width: 18rem;
    padding: 1.4rem 0 1rem;
  }
  .p-seika__mv-info-wrap::before, .p-seika__mv-info-wrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
  }
  .p-seika__mv-info-wrap::before {
    bottom: -0.8rem;
    width: 1.6rem;
    height: 0.8rem;
    background: #3a3a3a;
    clip-path: polygon(0 0, 100% 0%, 0 100%);
  }
  .p-seika__mv-info-wrap::after {
    bottom: -0.6rem;
    width: 1.4rem;
    height: 0.7rem;
    background: #fff;
    clip-path: polygon(0 0, 100% 0%, 0 100%);
  }
}
.p-seika__mv-info-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 4rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-head {
    font-size: 1rem;
    line-height: 1.7rem;
    gap: 0.32rem;
  }
}
.p-seika__mv-info-head::before, .p-seika__mv-info-head::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  background: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-head::before, .p-seika__mv-info-head::after {
    height: 0.9rem;
  }
}
.p-seika__mv-info-head::before {
  transform: rotate(-20deg);
}
.p-seika__mv-info-head::after {
  transform: rotate(20deg);
}
.p-seika__mv-info-title {
  font-size: 2.4rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-title {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.p-seika__mv-info-desc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.p-seika__mv-info-next {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0.5rem 0.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-next {
    font-size: 1.3rem;
    margin: 0 0.25rem 0.4rem 0;
  }
}
.p-seika__mv-info-date {
  display: flex;
  align-items: flex-end;
  font-size: 4.6rem;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-date {
    font-size: 2.8rem;
    letter-spacing: 0;
  }
}
.p-seika__mv-info-date span {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 0 0.8rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info-date span {
    font-size: 1.2rem;
    margin: 0 0 0.4rem 0.4rem;
  }
}
.p-seika__mv-info .c-link--line {
  --line-h: 0.1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0 0 0.8rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-info .c-link--line {
    display: none;
  }
}
.p-seika__mv-info:hover {
  transform: scale(1.1);
}
.p-seika__mv-info:hover .p-seika__mv-info-wrap {
  box-shadow: 0 0 0 0.15rem #4a3f39;
}
.p-seika__mv-info:hover .c-link--line {
  background-image: linear-gradient(var(--line-hover-color), var(--line-hover-color));
  animation: line-slide var(--duration) ease 1;
}
.p-seika__mv-slide {
  max-width: 100%;
  position: relative;
  z-index: 3;
  margin-top: -18.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-slide {
    margin-top: -20.8rem;
  }
}
.p-seika__mv-slide .swiper-wrapper .swiper-slide {
  width: 48rem !important;
  margin: 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-slide .swiper-wrapper .swiper-slide {
    width: 25.3rem !important;
    margin: 0 0.6rem;
  }
}
.p-seika__mv-slide .swiper-wrapper .swiper-slide img {
  width: 48.3rem;
  border-radius: 2rem;
  aspect-ratio: 483/363;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-slide .swiper-wrapper .swiper-slide img {
    width: 25.3rem;
    border-radius: 1rem;
  }
}
.p-seika__mv-slide-title {
  text-align: left;
  color: #3a3a3a;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-seika__mv-slide-title {
    font-size: 1.4rem;
    margin: 1rem 0 0;
  }
}
.p-seika__news {
  display: flex;
  background: #fff;
  padding: 0 8rem 8rem;
  margin: 12.6rem 0 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-seika__news {
    flex-direction: column;
    padding: 10rem 1.6rem 5rem;
    margin: -5rem 0 0;
  }
}
.p-seika__news-side {
  flex: 0 0 32rem;
  text-align: left;
  padding-right: 8.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-side {
    flex: auto;
    padding-right: 0;
  }
}
.p-seika__news-body {
  border-left: solid 0.1rem #e5e5e5;
  padding: 0 4rem 0 11.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-body {
    border-left: 0;
    padding: 0;
    margin: 1.6rem 0 0;
  }
}
.p-seika__news-body .p-db__news-list-item-img img {
  aspect-ratio: 248/165;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}
.p-seika__news-body .p-db__news-list-item-time {
  color: #acacac;
}
.p-seika__news-body .p-db__news-list-item-cate {
  color: #000;
}
.p-seika__news-nav-list {
  margin: 3.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-seika__news-nav-list {
    width: calc(100% + 3.2rem);
    display: flex;
    margin: 3.2rem -1.6rem 0;
  }
}
.p-seika__news-nav-list-item {
  cursor: pointer;
  color: #acacac;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 2.2rem 0 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-seika__news-nav-list-item {
    flex: 0 0 auto;
    color: #3a3a3a;
    font-size: 1.2rem;
    margin: 0;
  }
  .p-seika__news-nav-list-item:last-of-type {
    flex-grow: 1;
  }
}
.p-seika__news-nav-list-item .c-link--line {
  --line-h: 0.1rem;
  --line-color: transparent;
  --line-hover-color: #3a3a3a;
  color: #ACACAC;
}
.p-seika__news-nav-list-item .c-link--line.active {
  color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika__news-nav-list-item .c-link--line {
    display: block;
    --line-color: #d5d5d5;
    padding: 0 1.5rem 1.7rem;
  }
}
.p-seika__news-nav-list-item:hover,
.p-seika__news-nav-list-item .active {
  color: #3a3a3a;
}
.p-seika__news-nav-list-item .active {
  cursor: auto;
}
.p-seika__news-nav-list-item .active.c-link--line {
  animation: unset;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
}
.p-seika__news-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 2.8rem;
}
.p-seika__news-articles {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3rem;
  margin-left: -3.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-articles {
    margin-left: 0;
    margin-top: 1.6rem;
  }
}
.p-seika__news-image {
  width: 100%;
}
.p-seika__news-image img {
  width: 46.1rem;
  aspect-ratio: 461/216;
  object-fit: cover;
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-seika__news-image img {
    width: 34.3rem;
    margin-bottom: 1.6rem;
  }
}
.p-seika__news-order {
  display: flex;
  flex-wrap: wrap;
  counter-reset: order;
  padding-top: 2.3rem;
  margin-top: 5rem;
  border-top: 1px dashed #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order {
    padding-top: 1.6rem;
    margin-top: 0.9rem;
  }
}
.p-seika__news-order-item {
  width: 50%;
  padding-right: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-item {
    width: 100%;
    padding-right: 0;
  }
}
.p-seika__news-order-item:nth-child(2) {
  padding-left: 2.8rem;
  padding-right: 0;
  border-left: 1px dashed #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-item:nth-child(2) {
    padding-left: 0;
    border-left: none;
    padding-top: 0.7rem;
    margin-top: 2.4rem;
    border-top: 1px dashed #3a3a3a;
  }
}
.p-seika__news-order-title {
  position: relative;
  z-index: 1;
  padding-left: 1.7rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.3888888889;
}
.p-seika__news-order-title::before {
  content: "0" counter(order);
  counter-increment: order;
  position: absolute;
  left: 0;
  top: 1.2rem;
  line-height: 1em;
  font-family: "Barlow Condensed", serif;
  font-size: 1.4rem;
  line-height: 1.2142857143;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-title::before {
    font-size: 1.2rem;
    top: 1.4rem;
  }
}
.p-seika__news-order-desc {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 0.4rem;
  width: 85%;
  margin-top: -0.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-desc {
    width: 100%;
  }
}
.p-seika__news-order-body {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-body {
    margin-top: 1.6rem;
  }
}
.p-seika__news-order-image {
  width: 16.3rem;
  aspect-ratio: 163/109;
  border-radius: 1rem;
  overflow: hidden;
}
.p-seika__news-order-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.p-seika__news-order-text {
  width: calc(100% - 16.3rem);
  padding-left: 1.6rem;
}
.p-seika__news-order-lead {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-lead {
    font-size: 1.2rem;
  }
}
.p-seika__news-order-lead::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #3a3a3a;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.p-seika__news-order-label {
  background: #F5F5F5;
  letter-spacing: 0;
  padding-right: 1.25rem;
  max-width: 80%;
}
.p-seika__news-order-list {
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-list {
    font-size: 1.1rem;
  }
}
.p-seika__news-order-list-item {
  padding-left: 0.8rem;
  position: relative;
  letter-spacing: 0;
}
.p-seika__news-order-list-item:not(:first-of-type) {
  margin-top: 0.8rem;
}
.p-seika__news-order-list-item::before {
  content: "";
  width: 0.3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  left: -0.1rem;
  top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-seika__news-order-list-item::before {
    left: 0.1rem;
    top: 0.4rem;
  }
}
.p-seika__news-decor {
  position: absolute;
  bottom: -0.5rem;
  left: -0.8%;
  z-index: 1;
  width: 7.7rem;
  aspect-ratio: 77/73;
  animation: gorira 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
}
@media screen and (max-width: 767px) {
  .p-seika__news-decor {
    width: 5.3rem;
    bottom: -1rem;
  }
}
.p-seika__news-decor img {
  width: 100%;
  height: auto;
  display: block;
}
@keyframes gorira {
  0% {
    transform: translate3d(-99vw, 0, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(calc(99vw - 7.7rem), 0, 0) rotate(9turn);
  }
}
@keyframes hanten {
  0%, 49.999% {
    scale: -1 1;
  }
  50%, 100% {
    scale: 1 1;
  }
}
.p-seika__news .c-btn {
  margin: 4rem 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-seika__news .c-btn {
    margin: 1.3rem auto 0;
  }
}
.p-seika__instagram {
  margin: -8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram {
    margin: -2.5rem 0 0;
  }
}
.p-seika__instagram::before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/109;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='109.027' viewBox='0 0 1440 109.027'%3E%3Cpath id='Union_13' data-name='Union 13' d='M3067.492,1367.65H2366V1259.335s4.857-1.6,34.89,0,41.744,19.694,85.241,19.694,44.928-19.694,88.746-19.694,42.74,20.2,86.527,20.2c34.94,0,42.335-12.86,66.411-18.056,5.168-1.627,12.138-2.637,21.472-2.139l.032,0,.706,0c37.26,0,43.432,14.28,70.593,18.824a138.043,138.043,0,0,0,15.8.87c43.5,0,44.928-19.694,88.746-19.694h.716c43.61,0,45.3,19.562,87.919,20.18,34.481-.526,41.284-13.974,67.236-18.619a64,64,0,0,1,19.453-1.561h0q2,0,3.886.059l.13-.059v.063c32.6,1,39.877,13.629,64.174,18.359a134.951,134.951,0,0,0,18.941,1.271c35.957,0,43.165-13.458,69.338-18.123a106.658,106.658,0,0,1,19.209-1.57h.2a116.97,116.97,0,0,1,12.123.59c32.2,3.28,37.447,19.155,76.028,19.6,42.184-.493,43.241-20.187,87-20.187q1.639,0,3.2.036l.08-.036v.038c41.072.972,42.49,20.158,85.341,20.158,43.964,0,42.926-20.2,87.237-20.2s45.349,20.2,90.006,20.2,88.621-20.2,88.621-20.2V1367.65Z' transform='translate(-2366 -1258.623)' fill='%23f5f5f5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  z-index: 1;
  position: relative;
  transform: scale(-1);
  margin-bottom: 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram::before {
    aspect-ratio: 375/55;
    height: 5.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='375' height='55.362' viewBox='0 0 375 55.362'%3E%3Cpath id='Path_796' data-name='Path 796' d='M0,55S22.324,44.745,45,44.745,68.2,55,90.7,55,112.676,44.745,135,44.745,157.5,55,180,55s22.766-10.255,45-10.255S246.687,55,268.937,55,291.913,45,314,45s28.034,9.186,43.284,10S375,55,375,55V0H0Z' fill='%23f5f5f5'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: 4.3rem;
    transform: unset;
  }
}
.p-seika__instagram-body {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background: #fff;
  padding: 0 12rem 8rem;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram-body {
    flex-direction: column;
    gap: 2.5rem;
    padding: 0 1.6rem 5rem;
  }
}
.p-seika__instagram .c-title {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram .c-title {
    text-align: center;
  }
}
.p-seika__instagram .c-title__sub--big {
  text-align: left;
  margin: 3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram .c-title__sub--big {
    margin: 2.1rem 0 0;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.p-seika__instagram-head {
  width: calc(50% - 8.8rem);
}
@media screen and (max-width: 767px) {
  .p-seika__instagram-head {
    width: 100%;
  }
}
.p-seika__instagram-foot {
  width: 48.8%;
  margin-left: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram-foot {
    width: 100vw;
    margin: 0 -1.6rem 0;
  }
}
.p-seika__instagram-foot .swiper-wrapper {
  transition-timing-function: linear;
}
.p-seika__instagram-foot .swiper-wrapper .swiper-slide {
  width: 28rem !important;
  margin: 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram-foot .swiper-wrapper .swiper-slide {
    width: 16.3rem !important;
    margin: 0 0.8rem;
  }
}
.p-seika__instagram-img {
  width: 28rem;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram-img {
    width: 16.3rem;
    border-radius: 1rem;
  }
}
.p-seika__instagram-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-seika__instagram .c-btn {
  margin: 4rem auto 0 0;
}
@media screen and (max-width: 767px) {
  .p-seika__instagram .c-btn {
    margin: 2.4rem auto 0;
  }
}
.p-seika__footer .l-footer__nav--pc {
  grid-template-columns: 17.5rem 1fr 1fr 1fr 1fr;
  gap: 1rem 2.7rem;
}
.p-seika__footer .l-footer__nav--pc .l-footer__nav-list:first-of-type {
  grid-row: 1/2;
}
.p-seika__footer .l-footer__nav--pc .l-footer__nav-side {
  grid-row: 1/3;
}
.p-seika__footer .l-footer__nav--pc .l-footer__nav-side .c-link--line {
  font-size: 1.4rem;
  margin-bottom: 2.7rem;
  letter-spacing: 0.08em;
}
.p-seika__footer .l-footer__nav--pc .l-footer__nav-list:last-of-type .l-footer__nav-list--aco-child {
  gap: 1.6rem 3rem;
}
.p-seika__footer .l-footer__title {
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-seika__footer .l-footer__title {
    margin: 3.5rem 0 0;
    flex-direction: column;
    font-size: 1.3rem;
    gap: 0.7rem;
  }
}
.p-seika__footer .l-footer__title span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-seika__footer .l-footer__title span {
    font-size: 2rem;
    margin: 0;
  }
}
.p-seika__footer .l-footer__map {
  font-size: 1.2rem;
}
.p-seika__container-fluid {
  max-width: 100%;
  overflow: hidden;
}
.p-seika-feature {
  padding-block: 13.8rem 19.8611111111vw;
  background: linear-gradient(155deg, rgba(245, 228, 232, 0.58) 0%, rgba(238, 213, 218, 0.53) 38%, #eeece8 100%);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-seika-feature {
    padding-block: 4.9rem 48vw;
  }
}
.p-seika-feature::before {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1449.694' height='2' viewBox='0 0 1449.694 2'%3E%3Cpath id='Path_783' data-name='Path 783' d='M0,0H1447.694' transform='translate(1 1)' fill='none' stroke='%23725548' stroke-linecap='round' stroke-width='2' stroke-dasharray='2 10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.p-seika-feature__container, .p-seika-interview__container {
  max-width: 123.2rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}
.p-seika-feature__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__head {
    flex-direction: column;
    align-items: center;
  }
}
.p-seika-feature__head-desc {
  max-width: 51.4rem;
  flex-shrink: 0;
}
.p-seika-feature__head-desc .c-btn {
  margin-left: auto;
  margin-top: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__head-desc .c-btn.u-pc {
    display: none;
  }
}
.p-seika-feature__head-desc-text {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__head-desc-text {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 2.1rem;
  }
}
.p-seika-feature__body {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__body {
    margin-top: 3.1rem;
  }
}
.p-seika-feature__counter {
  position: relative;
  z-index: 1;
}
.p-seika-feature__counter-person {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(66%, 28%);
  width: 23rem;
  aspect-ratio: 230/290;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-person {
    width: 10.6rem;
    transform: translate(27.5%, 67%);
  }
}
.p-seika-feature__counter-person img {
  width: 100%;
  height: auto;
  display: block;
}
.p-seika-feature__counter-person img:nth-child(2) {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
}
.p-seika-feature__counter-list {
  display: flex;
  flex-wrap: wrap;
}
.p-seika-feature__counter-list-item {
  width: 33.3333333333%;
  border-top: 0.1rem solid rgba(74, 63, 57, 0.58);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 4.8rem 1.6rem 5.2rem;
  position: relative;
  z-index: 1;
  color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-list-item {
    width: 50%;
    padding-block: 2.3rem 2.5rem;
  }
}
.p-seika-feature__counter-list-item:first-child .p-seika-feature__counter-main {
  position: relative;
  z-index: 1;
}
.p-seika-feature__counter-list-item:first-child .p-seika-feature__counter-main::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id='Group_3305' data-name='Group 3305' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='43.136' height='49.286' viewBox='0 0 43.136 49.286'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1024' data-name='Rectangle 1024' width='43.136' height='49.286' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3143' data-name='Group 3143' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_696' data-name='Path 696' d='M71.813,12.913a13.064,13.064,0,0,1-4.025-9.258,17.53,17.53,0,0,1,.3-2.575A.886.886,0,0,0,67.172,0c-.765-.026-.7.549-.686,1.062-.191.357.048.782-.177,1.134l-.262,1.288c-.171.413-.245.857-.412,1.271a22.548,22.548,0,0,1-2.44,5.3,17.652,17.652,0,0,1-2.813,3.44c-1.429,1.378-2.831,2.722-4.923,2.987-.416.053-.614.189-.374.731.453,1.019,1.229.545,1.858.462a2.373,2.373,0,0,1,1.166-.058,10.116,10.116,0,0,1,4.064,2.963,12.434,12.434,0,0,1,2.256,5.488,10.539,10.539,0,0,1-.247,5.591,1.194,1.194,0,0,0,.731,1.448c.716.187.724-.635.793-1.038.239-1.416.7-2.773,1-4.166a24.054,24.054,0,0,1,5.08-10.571c.41-.484.872-1.061,1.711-.68a.562.562,0,0,0,.829-.282.731.731,0,0,0-.137-.9c-.9-.755-1.531-1.764-2.381-2.55m-.419,2.821c-1.124.616-1.647,1.9-2.317,2.962a32.589,32.589,0,0,0-2.516,5.1,4.759,4.759,0,0,0-.278.929c-.044.232-.1.568-.434.526-.283-.036-.29-.32-.368-.574-.5-1.616-.852-3.361-2.069-4.584-1.267-1.273-2.337-2.872-4.508-3.3A23.178,23.178,0,0,0,66.729,6.389c.268.93.626,1.811.963,2.7a16.318,16.318,0,0,0,3.8,5.361c.466.487.859.76-.1,1.285' transform='translate(-32.236 0)' fill='%233a3a3a'/%3E%3Cpath id='Path_697' data-name='Path 697' d='M16.88,61.639c-.5-.739-1.441-.79-2.065-1.333a.925.925,0,0,0-.165-.669c-.914-1.232-2.124-2.373-2.429-3.887-.482-2.4-1.279-4.8-.747-7.317.077-.365.218-.949-.422-1.037-.539-.074-.729.405-.861.806-.988,3-1.729,6.121-3.588,8.752a14.433,14.433,0,0,1-3.582,3.739c-.934.638-2.256.394-3.023,1.512.777.1,1.22.885,1.9.925a6.992,6.992,0,0,1,2.551.665l.435.271a4.662,4.662,0,0,1,1.774,2.171c1.613,1.9,1.7,4.246,1.929,6.545a19.367,19.367,0,0,0,.5,3.919c.136.437.544.429.652.262.336-.515.96-.9.9-1.63-.344-3.881.095-7.609,2.691-10.7.768-.915,1.594-2.137,3.178-1.963.2.023.511-.273.654-.5.127-.2-.158-.363-.276-.537M9.406,69.1c-1.017-1.085-1.114-2.581-1.88-3.727-1.012-.969-1.551-2.444-3.073-2.867A2.051,2.051,0,0,0,3.3,61.987a22.913,22.913,0,0,0,6.9-9.465c.544,3.663,1.786,6.9,4.889,9.185C11.983,63.3,10.762,66.2,9.406,69.1' transform='translate(0.001 -27.784)' fill='%233a3a3a'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 4.3rem;
  aspect-ratio: 43/49;
  position: absolute;
  left: 0;
  top: 16%;
  transform: translateX(-153%);
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-list-item:first-child .p-seika-feature__counter-main::after {
    width: 2.6rem;
    aspect-ratio: 26/32;
    top: 61%;
    transform: translateX(-113%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.145' height='33.206' viewBox='0 0 27.145 33.206'%3E%3Cpath id='Union_12' data-name='Union 12' d='M-4419.634,1384.964a.8.8,0,0,1-.491-.972,7.083,7.083,0,0,0,.166-3.754,8.355,8.355,0,0,0-1.515-3.684,6.793,6.793,0,0,0-2.729-1.99,1.606,1.606,0,0,0-.783.039c-.422.056-.943.374-1.248-.31-.162-.363-.028-.456.252-.491a5.886,5.886,0,0,0,3.305-2.005,11.823,11.823,0,0,0,1.888-2.309,15.126,15.126,0,0,0,1.638-3.555c.113-.278.162-.576.276-.853q.089-.431.176-.865c.152-.236-.009-.521.12-.761-.01-.344-.054-.731.46-.713a.6.6,0,0,1,.615.724,11.7,11.7,0,0,0-.2,1.729,8.771,8.771,0,0,0,2.7,6.215c.571.527,1,1.2,1.6,1.712a.489.489,0,0,1,.093.6.377.377,0,0,1-.556.189c-.562-.256-.874.131-1.148.457a16.126,16.126,0,0,0-3.41,7.1c-.207.936-.514,1.847-.674,2.8-.042.244-.051.716-.4.716A.518.518,0,0,1-4419.634,1384.964Zm-4.036-10.947c1.457.286,2.176,1.36,3.027,2.215a7.041,7.041,0,0,1,1.389,3.078c.052.17.057.361.247.385.224.028.262-.2.291-.353a3.288,3.288,0,0,1,.187-.624,21.8,21.8,0,0,1,1.689-3.427,5.074,5.074,0,0,1,1.555-1.989c.644-.353.38-.536.067-.863a10.964,10.964,0,0,1-2.552-3.6c-.225-.595-.466-1.187-.646-1.81A15.554,15.554,0,0,1-4423.67,1374.018Zm-9.248-1.561a12.931,12.931,0,0,1-.335-2.631c-.154-1.543-.213-3.122-1.3-4.394a3.127,3.127,0,0,0-1.191-1.457l-.292-.183a4.722,4.722,0,0,0-1.714-.447c-.456-.026-.753-.556-1.274-.62.515-.751,1.4-.587,2.03-1.015a9.673,9.673,0,0,0,2.405-2.511,21.257,21.257,0,0,0,2.409-5.875c.088-.268.215-.59.577-.54.43.059.335.451.284.7-.358,1.692.177,3.3.5,4.912a7.124,7.124,0,0,0,1.631,2.609.618.618,0,0,1,.11.45c.419.364,1.051.4,1.387.895.079.117.27.227.185.36-.1.151-.3.349-.439.333-1.064-.117-1.618.7-2.133,1.318-1.744,2.074-2.038,4.578-1.807,7.183.043.491-.375.748-.6,1.094a.181.181,0,0,1-.153.071A.308.308,0,0,1-4432.918,1372.457Zm-3.883-9.879a1.378,1.378,0,0,1,.772.351c1.022.284,1.384,1.274,2.063,1.925.515.77.579,1.774,1.262,2.5.911-1.948,1.73-3.9,3.821-4.965a8.705,8.705,0,0,1-3.282-6.167A15.386,15.386,0,0,1-4436.8,1362.578Z' transform='translate(4439.897 -1352.277)' fill='%233a3a3a' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-feature__counter-list-item:not(:nth-child(3n))::before {
    content: "";
    width: 1.5px;
    height: 26.2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='262.17' viewBox='0 0 1 262.17'%3E%3Cline id='Line_498' data-name='Line 498' y2='261.17' transform='translate(0.5 0.5)' fill='none' stroke='%234a3f39' stroke-linecap='round' stroke-width='1' stroke-dasharray='2 8'/%3E%3C/svg%3E%0A");
    background-repeat: repeat-y;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .p-seika-feature__counter-list-item:nth-child(n+4) {
    border-bottom: 0.1rem solid rgba(74, 63, 57, 0.58);
    padding-bottom: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-list-item:nth-child(n+4) {
    padding-bottom: 3.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-list-item:nth-child(n+5) {
    border-bottom: 0.1rem solid rgba(74, 63, 57, 0.58);
  }
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-list-item:not(:nth-child(2n+2))::before {
    content: "";
    width: 0;
    height: 15.4rem;
    border-right: 0.1rem dashed #4A3F39;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.p-seika-feature__counter-lead {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-lead {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-seika-feature__counter-title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5357142857;
  margin-top: 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-title {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0.7rem;
  }
}
.p-seika-feature__counter-main {
  margin-top: 0.2rem;
}
.p-seika-feature__counter-num {
  font-size: 7rem;
  letter-spacing: 0.03em;
  line-height: 1.2;
  font-weight: 600;
  font-family: "Barlow Condensed", serif;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-num {
    font-size: 3.6rem;
    line-height: 1.1944444444;
  }
}
.p-seika-feature__counter-unit {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 2.3125;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-unit {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-left: -0.5rem;
  }
}
.p-seika-feature__counter-unit--percent {
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1.2045454545;
  font-family: "Barlow Condensed", serif;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-unit--percent {
    font-size: 2.6rem;
    line-height: 1.1923076923;
    margin-left: -0.5rem;
    font-weight: 700;
  }
}
.p-seika-feature__counter-note {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__counter-note {
    font-size: 1.2rem;
  }
}
.p-seika-feature__gallery {
  position: relative;
  z-index: 2;
  aspect-ratio: 1440/877;
  height: auto;
  margin-top: 7.8rem;
  max-width: 144rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery {
    aspect-ratio: 375/536;
  }
}
.p-seika-feature__gallery-item {
  position: absolute;
}
.p-seika-feature__gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}
.p-seika-feature__gallery-item--1 {
  width: 31.7rem;
  aspect-ratio: 317/317;
  top: 0;
  left: 49%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--1 {
    width: 13.5rem;
    top: -3%;
    left: 22%;
  }
}
.p-seika-feature__gallery-item--1::before {
  content: "";
  width: 8rem;
  aspect-ratio: 80/18;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='79.701' height='18.124' viewBox='0 0 79.701 18.124'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1182' data-name='Rectangle 1182' width='79.701' height='18.123' fill='%234a3f39'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3341' data-name='Group 3341' transform='translate(0 0)'%3E%3Cg id='Group_3340' data-name='Group 3340' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_778' data-name='Path 778' d='M79.7,8.982c-.213-.056-.331-.13-.4-.1-3.959,1.867-8.285,2.422-12.465,3.5a10.408,10.408,0,0,1-11-3.324,4.124,4.124,0,0,1-1.1-3.349,9.327,9.327,0,0,1,1.235-3.438c.218-.429.376-.932-.076-1.263a.991.991,0,0,0-1.292.169,20.47,20.47,0,0,1-3.282,2.444c-4.6,3.358-9.488,5.985-15.276,6.548-5.588.544-9.592-3.225-8.625-8.773.094-.538.289-1.26-.454-1.369a1.435,1.435,0,0,0-1.674.8c-1.429,3.556-4.477,5.871-7.019,8.446a22.875,22.875,0,0,1-6.132,4.074,26.321,26.321,0,0,1-5.195,2.281c-1.7.42-2.906.366-4.013-1.4A3.706,3.706,0,0,1,2.182,11.2a1.4,1.4,0,0,0-.558-1.469c-.217-.214-.9-.1-1.3.061-.577.231-.194.8-.194,1.2A7.971,7.971,0,0,0,.9,14.708c.859,1.675,2.772,3.807,5.48,3.354a14.177,14.177,0,0,0,2.8-1.141A34.772,34.772,0,0,0,22.143,7.644c1.019-1.092,2.144-2.085,3.275-3.176.28.574.031,1.078.373,1.462s.325.917.572,1.377c2.44,4.537,6.336,5.233,10.54,4.76,2.329-.262,4.456-1.324,6.762-1.675a3.625,3.625,0,0,0,1.5-.642,17.7,17.7,0,0,0,4.115-2.072c.561-.021.8-.526,1.2-.794.482-.364.955-.741,1.451-1.086.187-.131.3-.458.635-.293s.166.438.169.677c.059,3.451,2.023,5.679,4.885,7.13,4.869,2.468,9.709,1.324,14.576-.259,1.292-.42,2.457-1.558,4.006-1.081a3.176,3.176,0,0,0,1.672-.517A5.21,5.21,0,0,0,79.7,8.982' transform='translate(0 0)' fill='%234a3f39'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 24.5%;
  left: 96%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--1::before {
    width: 5.7rem;
  }
}
.p-seika-feature__gallery-item--2 {
  width: 41rem;
  aspect-ratio: 410/410;
  top: 18%;
  right: -2%;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--2 {
    width: 18.9rem;
    top: 14.5%;
    right: 4.3%;
  }
}
.p-seika-feature__gallery-item--3 {
  width: 51.3rem;
  aspect-ratio: 513/513;
  top: 41.5%;
  left: -2.4%;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--3 {
    width: 24.3rem;
    top: 51.5%;
    left: -5%;
  }
}
.p-seika-feature__gallery-item--4 {
  width: 9.2rem;
  aspect-ratio: 92/51;
  top: 8.4%;
  right: 19.7%;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--4 {
    width: 6.7rem;
    top: -3.6%;
    right: -0.3%;
  }
}
.p-seika-feature__gallery-item--5 {
  width: 12.7rem;
  aspect-ratio: 127/114;
  top: 15%;
  left: 15%;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--5 {
    width: 6.7rem;
    top: 32.2%;
    left: -3%;
  }
}
.p-seika-feature__gallery-item--6 {
  width: 14.2rem;
  aspect-ratio: 142/92;
  top: 61.5%;
  left: 53%;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--6 {
    width: 8.4rem;
    top: 62.1%;
    left: 81%;
  }
}
.p-seika-feature__gallery-item--6::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='69.977' height='76.815' viewBox='0 0 69.977 76.815'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1024' data-name='Rectangle 1024' width='59.141' height='67.572' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_4493' data-name='Group 4493' transform='matrix(0.985, 0.174, -0.174, 0.985, 11.734, 0)'%3E%3Cg id='Group_3143' data-name='Group 3143' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_696' data-name='Path 696' d='M78.058,17.7c-3.72-3.437-5.218-7.816-5.519-12.693a24.035,24.035,0,0,1,.412-3.53A1.214,1.214,0,0,0,71.7,0c-1.048-.036-.961.752-.94,1.455-.261.49.066,1.072-.243,1.555l-.359,1.766c-.234.566-.336,1.175-.565,1.742a30.914,30.914,0,0,1-3.345,7.26A24.2,24.2,0,0,1,62.387,18.5c-1.959,1.89-3.882,3.732-6.75,4.1-.57.072-.842.26-.513,1,.621,1.4,1.685.748,2.547.634a3.253,3.253,0,0,1,1.6-.079,13.869,13.869,0,0,1,5.572,4.063c1.824,2.138,2.451,4.81,3.093,7.524A14.45,14.45,0,0,1,67.6,43.4a1.637,1.637,0,0,0,1,1.985c.981.256.993-.871,1.087-1.424.327-1.942.953-3.8,1.376-5.712a32.979,32.979,0,0,1,6.965-14.494c.562-.663,1.2-1.454,2.345-.932a.771.771,0,0,0,1.136-.386,1,1,0,0,0-.188-1.237c-1.23-1.036-2.1-2.419-3.264-3.5m-.575,3.867c-1.542.845-2.257,2.6-3.177,4.061a44.683,44.683,0,0,0-3.449,7,6.525,6.525,0,0,0-.381,1.273c-.061.318-.138.778-.6.721-.388-.049-.4-.439-.5-.787-.682-2.215-1.168-4.608-2.837-6.285-1.737-1.745-3.2-3.938-6.18-4.523A31.777,31.777,0,0,0,71.088,8.76c.368,1.276.859,2.483,1.32,3.7a22.372,22.372,0,0,0,5.212,7.35c.639.668,1.178,1.042-.137,1.762' transform='translate(-23.796 0)' fill='%233a3a3a'/%3E%3Cpath id='Path_697' data-name='Path 697' d='M23.144,66.927c-.685-1.013-1.976-1.083-2.831-1.828a1.268,1.268,0,0,0-.226-.917c-1.254-1.69-2.913-3.254-3.33-5.329C16.1,55.564,15,52.278,15.732,48.821c.106-.5.3-1.3-.579-1.422-.74-.1-1,.555-1.18,1.1-1.355,4.119-2.37,8.392-4.919,12a19.788,19.788,0,0,1-4.911,5.127C2.863,66.5,1.05,66.17,0,67.7c1.065.132,1.672,1.214,2.6,1.268a9.587,9.587,0,0,1,3.5.912l.6.372a6.391,6.391,0,0,1,2.433,2.976c2.212,2.6,2.332,5.822,2.645,8.974a26.553,26.553,0,0,0,.685,5.373c.187.6.745.588.894.36.461-.707,1.316-1.231,1.227-2.235-.471-5.321.13-10.432,3.689-14.668,1.053-1.255,2.185-2.93,4.357-2.691.28.031.7-.375.9-.68.174-.272-.217-.5-.378-.736M12.9,77.16c-1.394-1.487-1.527-3.538-2.577-5.11C8.931,70.722,8.192,68.7,6.106,68.119A2.812,2.812,0,0,0,4.532,67.4,31.415,31.415,0,0,0,14,54.426c.746,5.023,2.448,9.46,6.7,12.593-4.27,2.178-5.944,6.163-7.8,10.141' transform='translate(0 -20.509)' fill='%233a3a3a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 7rem;
  aspect-ratio: 70/77;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -54.5%;
  left: -49%;
}
@media screen and (max-width: 767px) {
  .p-seika-feature__gallery-item--6::before {
    width: 4.3rem;
    aspect-ratio: 43/49;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42.637' height='48.715' viewBox='0 0 42.637 48.715'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1024' data-name='Rectangle 1024' width='42.637' height='48.715' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3143' data-name='Group 3143' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_696' data-name='Path 696' d='M71.618,12.763a12.913,12.913,0,0,1-3.979-9.151,17.327,17.327,0,0,1,.3-2.545A.875.875,0,0,0,67.031,0c-.756-.026-.693.542-.678,1.049-.189.353.047.773-.175,1.121L65.92,3.444c-.169.408-.242.847-.407,1.256A22.287,22.287,0,0,1,63.1,9.934a17.447,17.447,0,0,1-2.781,3.4c-1.412,1.363-2.8,2.69-4.866,2.952-.411.052-.607.187-.37.722.447,1.008,1.214.539,1.836.457a2.345,2.345,0,0,1,1.153-.057,10,10,0,0,1,4.017,2.929,12.29,12.29,0,0,1,2.23,5.424,10.417,10.417,0,0,1-.244,5.526,1.18,1.18,0,0,0,.723,1.431c.707.184.716-.628.783-1.026.236-1.4.687-2.741.992-4.118A23.776,23.776,0,0,1,71.6,17.125c.4-.478.862-1.048,1.691-.672a.556.556,0,0,0,.819-.278.723.723,0,0,0-.136-.892c-.887-.747-1.513-1.744-2.353-2.52M71.2,15.551c-1.111.609-1.627,1.876-2.29,2.927a32.212,32.212,0,0,0-2.487,5.046,4.7,4.7,0,0,0-.274.918c-.044.229-.1.561-.429.52-.28-.035-.287-.316-.364-.568-.492-1.6-.842-3.322-2.045-4.531C62.061,18.606,61,17.025,58.858,16.6A22.909,22.909,0,0,0,66.593,6.315c.265.92.619,1.79.952,2.666a16.129,16.129,0,0,0,3.757,5.3c.461.481.849.751-.1,1.27' transform='translate(-32.499 0)' fill='%233a3a3a'/%3E%3Cpath id='Path_697' data-name='Path 697' d='M16.685,61.474c-.494-.73-1.425-.781-2.041-1.318a.914.914,0,0,0-.163-.661c-.9-1.218-2.1-2.346-2.4-3.842-.477-2.37-1.264-4.74-.738-7.232.076-.361.215-.938-.417-1.025-.533-.074-.72.4-.851.8-.977,2.97-1.709,6.05-3.546,8.65a14.266,14.266,0,0,1-3.541,3.7c-.923.63-2.23.39-2.988,1.495.768.1,1.205.875,1.877.914A6.911,6.911,0,0,1,4.4,63.6l.43.268a4.608,4.608,0,0,1,1.754,2.146c1.594,1.873,1.681,4.2,1.907,6.469a19.143,19.143,0,0,0,.494,3.874c.135.432.537.424.645.259.332-.51.949-.888.885-1.612-.34-3.836.094-7.521,2.66-10.575.759-.9,1.576-2.112,3.141-1.94.2.022.5-.27.646-.49.126-.2-.156-.359-.273-.53M9.3,68.852C8.292,67.78,8.2,66.3,7.439,65.168c-1-.958-1.533-2.416-3.037-2.834a2.027,2.027,0,0,0-1.135-.516,22.648,22.648,0,0,0,6.824-9.356c.538,3.621,1.765,6.82,4.832,9.079-3.078,1.57-4.285,4.443-5.625,7.311' transform='translate(0.001 -28.011)' fill='%233a3a3a'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    top: -44.5%;
    left: -65%;
  }
}
.p-seika-feature__sp {
  margin-top: 3.6rem;
}
@media screen and (min-width: 768px) {
  .p-seika-feature__sp {
    display: none;
  }
}
.p-seika-feature__sp .c-btn {
  margin-inline: auto;
  margin-top: 1rem;
}
.p-seika-feature__sp-text {
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.p-seika-feature__sp-text::before, .p-seika-feature__sp-text::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.044' height='11.618' viewBox='0 0 5.044 11.618'%3E%3Cline id='Line_469' data-name='Line 469' y2='12' transform='translate(4.574 11.447) rotate(160)' fill='none' stroke='%233a3a3a' stroke-width='1'/%3E%3C/svg%3E%0A");
  width: 0.5rem;
  aspect-ratio: 5/12;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
.p-seika-feature__sp-text::after {
  transform: scaleX(-1);
}
.p-seika-interview {
  position: relative;
  padding-block: 25.2777777778vw 19rem;
  z-index: 1;
  margin-top: -26.3888888889vw;
}
@media screen and (min-width: 1441px) {
  .p-seika-interview {
    margin-top: -24.38vw;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-interview {
    margin-top: -44.2666666667vw;
    padding-block: 36.2666666667vw 10.4rem;
  }
}
.p-seika-interview::before {
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1140/928;
  position: absolute;
  top: 9.9305555556vw;
  background: url(../img/seika/bg-brown-interview.png) no-repeat center top/contain;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-seika-interview::before {
    top: 6.6rem;
    background: url(../img/seika/bg-brown-interview_sp.png) no-repeat center top/contain;
    aspect-ratio: 375/634;
  }
}
.p-seika-interview__circle {
  position: absolute;
  width: 199.0972222222vw;
  aspect-ratio: 1/1;
  top: 0;
  left: 50%;
  translate: -50% 0;
  animation: rotate_r 120s infinite linear;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__circle {
    width: 346.6666666667vw;
  }
}
.p-seika-interview__circle img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@keyframes rotate_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.p-seika-interview__person {
  position: absolute;
  width: 32.9rem;
  aspect-ratio: 329/494;
  height: auto;
  right: 8.3%;
  top: -9rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__person {
    width: 14.3rem;
    right: 4.3%;
    top: -5.5rem;
  }
}
.p-seika-interview__person img {
  display: block;
  width: 100%;
  height: auto;
}
.p-seika-interview__caption {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(36%, -23%);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4285714286;
  letter-spacing: 0.08em;
  background: url(../img/seika/mess-box.svg) no-repeat center bottom/contain;
  width: 17.8rem;
  aspect-ratio: 178/142;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__caption {
    font-size: 1rem;
    line-height: 1.4;
    transform: translate(18%, -62%);
    width: 11.2rem;
    padding-bottom: 1rem;
    padding-left: 0.8rem;
  }
}
.p-seika-interview__content {
  position: relative;
  z-index: 1;
}
.p-seika-interview__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head {
    flex-direction: column;
    align-items: center;
  }
}
.p-seika-interview__head .c-title {
  margin-top: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head .c-title {
    margin-top: 0;
  }
}
.p-seika-interview__head-lead {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2857142857;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head-lead {
    font-size: 1.3rem;
  }
}
.p-seika-interview__head-lead::after {
  content: "";
  display: block;
  width: 15rem;
  height: 1.6rem;
  mask-image: url(../img/bubble-2.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background: #fff;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head-lead::after {
    width: 11.6rem;
    margin-top: 0.5rem;
  }
}
.p-seika-interview__head-desc {
  width: 42.7%;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head-desc {
    width: 100%;
    margin-top: 2rem;
  }
}
.p-seika-interview__head-desc .c-btn {
  margin: 3.8rem 0 0 auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head-desc .c-btn.u-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-interview__head-desc .c-btn.u-sp {
    display: none;
  }
}
.p-seika-interview__head-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__head-text {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.p-seika-interview__body {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__body {
    margin-top: 2.3rem;
  }
}
.p-seika-interview__body .c-btn {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__body .c-btn {
    margin: 3.1rem auto 0;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-interview__body .c-btn.u-sp {
    display: none;
  }
}
.p-seika-interview__slider {
  clip-path: polygon(0 0, calc(50% + 50vw) 0, calc(50% + 50vw) 100%, 0 100%);
}
.p-seika-interview__slider .swiper-slide {
  width: 22.5vw;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider .swiper-slide {
    width: 20.9rem;
  }
}
.p-seika-interview__slider .swiper-slide:not(:last-child) {
  margin-right: 2.0833333333vw;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider .swiper-slide:not(:last-child) {
    margin-right: 1.6rem;
  }
}
.p-seika-interview__slider-link {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-seika-interview__slider-link:hover .p-seika-interview__slider-img img {
    transform: scale(1.1);
  }
}
.p-seika-interview__slider-img {
  border-radius: 2rem;
  overflow: hidden;
  aspect-ratio: 323/215;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-img {
    border-radius: 1rem;
  }
}
.p-seika-interview__slider-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.3s ease;
}
.p-seika-interview__slider-content {
  margin-top: 1.9rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-content {
    margin-top: 1rem;
  }
}
.p-seika-interview__slider-position {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.1666666667;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-position {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.p-seika-interview__slider-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.05;
  margin-top: 0.7rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-title {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-top: 0.3rem;
  }
}
.p-seika-interview__slider-sub {
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-sub {
    font-size: 1rem;
  }
}
.p-seika-interview__slider-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.8rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-tags {
    gap: 0.2rem 0.7rem;
    margin-top: 0.6rem;
  }
}
.p-seika-interview__slider-tag {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4166666667;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__slider-tag {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.p-seika-interview__slider-tag .p-seika-interview__slider-link {
  letter-spacing: 0;
  color: #fff;
}
.p-seika-interview__decor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 10.9rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='109' viewBox='0 0 1440 109'%3E%3Cg id='Group_3575' data-name='Group 3575' transform='translate(0 -4788.622)'%3E%3Cpath id='Path_790' data-name='Path 790' d='M0,108.288S43.964,88.1,88.621,88.1s45.7,20.191,90.006,20.191S221.9,88.1,265.863,88.1s44.311,20.191,88.621,20.191S399.318,88.1,443.1,88.1s42.709,20.191,86.527,20.191S574.881,88.6,618.378,88.6s55.208,18.087,85.241,19.689,34.89,0,34.89,0V0H0Z' transform='translate(738.508 4897.622) rotate(180)' fill='%23f7f1f1'/%3E%3Cpath id='Path_852' data-name='Path 852' d='M738.27.767s-43.964,20.191-88.621,20.191S603.954.767,559.643.767s-43.272,20.191-87.236,20.191S428.1.767,383.786.767s-44.834,20.191-88.621,20.191S252.456.767,208.638.767s-45.249,19.689-88.746,19.689S62.792,2.369,32.76.767-2.791,13.159-2.791,13.159l2.552,95.9H738.27Z' transform='translate(350.527 4788.567)' fill='%23f7f1f1'/%3E%3Cpath id='Path_853' data-name='Path 853' d='M738.27.767s-43.964,20.191-88.621,20.191S603.954.767,559.643.767s-43.272,20.191-87.236,20.191S428.1.767,383.786.767s-44.834,20.191-88.621,20.191S252.456.767,208.638.767s-45.249,19.689-88.746,19.689S62.792,2.369,32.76.767-2.791,13.159-2.791,13.159l2.552,95.9H738.27Z' transform='translate(701.73 4788.567)' fill='%23f7f1f1'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-size: contain;
  background-position: left;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__decor {
    height: 5.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='375' height='55.362' viewBox='0 0 375 55.362'%3E%3Cpath id='Path_790' data-name='Path 790' d='M0,55S22.324,44.745,45,44.745,68.2,55,90.7,55,112.676,44.745,135,44.745,157.5,55,180,55s22.766-10.255,45-10.255S246.687,55,268.937,55,291.913,45,314,45s28.034,9.186,43.284,10S375,55,375,55V0H0Z' transform='translate(375 55.362) rotate(180)' fill='%23f7f1f1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
  }
}
.p-seika-interview__decor-item {
  position: absolute;
}
.p-seika-interview__decor-item img {
  width: 100%;
  height: auto;
  display: block;
}
.p-seika-interview__decor-item--1 {
  width: 6.1rem;
  aspect-ratio: 61/64;
  top: -16.5%;
  left: 9.2%;
  animation: index-news-shou 3s linear infinite;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__decor-item--1 {
    width: 3.7rem;
    top: -32.5%;
    left: -1.8%;
  }
}
.p-seika-interview__decor-item--2 {
  width: 13.2rem;
  aspect-ratio: 132/110;
  top: -28%;
  left: 29.9%;
  animation: index-news-shou 3s linear infinite reverse;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__decor-item--2 {
    width: 7.9rem;
    top: -43%;
    left: 21.9%;
  }
}
.p-seika-interview__decor-item--3 {
  width: 13.7rem;
  aspect-ratio: 137/102;
  top: -35%;
  left: 55.5%;
  animation: index-news-shou 3s linear infinite;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__decor-item--3 {
    width: 8.1rem;
    top: -51%;
    left: 52.5%;
  }
}
.p-seika-interview__decor-item--4 {
  width: 14.7rem;
  aspect-ratio: 147/98;
  top: -21%;
  right: 8.3%;
  animation: index-news-shou 3s linear infinite reverse;
}
@media screen and (max-width: 767px) {
  .p-seika-interview__decor-item--4 {
    width: 8.8rem;
    top: -35%;
    right: -4.7%;
  }
}
@keyframes index-news-shou {
  0% {
    transform: rotate(0deg);
  }
  24% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  49% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  74% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  99% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.p-seika-college {
  background: linear-gradient(to bottom, #F7F1F1 0%, #F7F1F1 33%, #F4F4F4 100%);
  padding-block: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-college {
    padding-block: 1rem 2rem;
  }
}
.p-seika-college .p-seika__news {
  background: transparent;
  padding-block: 15.8rem 4rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-seika-college .p-seika__news {
    padding-block: 5.3rem 0;
  }
}
.p-seika-college .p-seika__news::before {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-seika-college .p-seika__news-text {
    margin-top: 2rem;
  }
}
.p-seika-college .p-seika__news-body {
  border-color: #C9C9C9;
}
@media screen and (max-width: 767px) {
  .p-seika-college .p-seika__news .c-btn {
    margin-top: 5.1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-college .p-seika__news .c-btn.u-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-college .p-seika__news .c-btn.u-sp {
    display: none;
  }
}
.p-seika-college__head {
  background: #fff;
  border-radius: 6rem;
  padding: 8rem 10rem 27.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika-college__head {
    border-radius: 4rem;
    padding: 4.2rem 1.6rem;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-college__head::before {
    content: "";
    width: 100%;
    height: calc(100% + 11rem);
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 4rem;
  }
}
.p-seika-college__head .c-title {
  text-align: center;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-seika-college__head .c-title {
    margin-top: 0;
  }
}
.p-seika-college__head .c-btn {
  margin: 3.7rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-seika-college__head .c-btn {
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-college__head .c-btn.u-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-college__head .c-btn.u-sp {
    display: none;
  }
}
.p-seika-college__head-lead {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2857142857;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #3a3a3a;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-seika-college__head-lead {
    font-size: 1.3rem;
  }
}
.p-seika-college__head-lead::after {
  content: "";
  display: block;
  width: 15rem;
  height: 1.6rem;
  mask-image: url(../img/bubble-2.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #3A3A3A;
  margin: 1.3rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-seika-college__head-lead::after {
    width: 11.6rem;
    margin-top: 0.5rem;
  }
}
.p-seika-college__head-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  margin-top: 3.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-seika-college__head-text {
    font-size: 1.4rem;
    margin-top: 2rem;
    line-height: 1.6;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-college__head-text .u-sp {
    display: inline-block;
  }
}
.p-seika-college__body {
  position: relative;
  margin-top: -25rem;
}
@media screen and (max-width: 767px) {
  .p-seika-college__body {
    margin-top: -2rem;
  }
}
.p-seika-college__slider {
  overflow: hidden;
  pointer-events: none;
}
.p-seika-college__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.p-seika-college__slider .swiper-slide {
  margin-right: 3rem;
  max-width: 58.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-college__slider .swiper-slide {
    max-width: 25.3rem;
    margin-right: 1.6rem;
  }
}
.p-seika-college__slider-item {
  padding-top: 10rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-seika-college__slider-item {
    padding-top: 7rem;
  }
}
.p-seika-college__slider-main {
  width: 38rem;
  aspect-ratio: 380/252;
}
@media screen and (max-width: 767px) {
  .p-seika-college__slider-main {
    width: 16.4rem;
  }
}
.p-seika-college__slider-main img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1rem;
}
.p-seika-college__slider-caption {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-66%, 16%);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  letter-spacing: 0.08em;
  background: url(../img/seika/mess-box-1.svg) no-repeat center bottom/contain;
  width: 11.9rem;
  aspect-ratio: 119/103;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 0.6rem;
  color: #4A3F39;
}
@media screen and (max-width: 767px) {
  .p-seika-college__slider-caption {
    width: 8.6rem;
    font-size: 1.1rem;
    font-weight: 500;
    transform: translate(-14%, 3%);
  }
}
.p-seika-college__slider-caption--2 {
  background: url(../img/seika/mess-box-2.svg) no-repeat center bottom/contain;
  width: 13.5rem;
  aspect-ratio: 135/124;
  padding-top: 0.8rem;
  transform: translate(-49%, -3%);
}
@media screen and (max-width: 767px) {
  .p-seika-college__slider-caption--2 {
    width: 9.1rem;
    transform: translate(-9%, -1%);
  }
}
.p-seika-college__slider-sub {
  width: 17.6rem;
  aspect-ratio: 176/258;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 4.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-college__slider-sub {
    width: 7.4rem;
    margin-top: 2rem;
  }
}
.p-seika-college__slider-sub img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.l-footer.seika-footer .l-footer__address {
  margin: 0;
}
.l-footer.seika-footer .l-footer__tel {
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
}
.l-footer.seika-footer .l-footer__tel span {
  display: inline-block;
  font-size: 1.8rem;
}
.l-footer.seika-footer .l-footer__tel-link {
  font-size: 2.7rem;
  margin: 0 0.9rem 0 0.2rem;
  letter-spacing: 0.08em;
}
.l-footer.seika-footer .l-footer__time-text {
  padding-right: 0.9rem;
  margin-right: 0.5rem;
  position: relative;
}
.l-footer.seika-footer .l-footer__time-text::before {
  content: "";
  height: 1.3rem;
  width: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l-footer.seika-footer .l-footer__nav-list--aco-child {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 2.4rem;
  margin-top: 1.6rem;
}
.l-footer.seika-footer .l-footer__nav-list--aco-child .c-link--line {
  margin: 0;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .l-footer.seika-footer .l-footer__nav-list--aco-child {
    display: none;
    margin: 0 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .l-footer.seika-footer .l-footer__info {
    margin-top: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .l-footer.seika-footer .l-footer__tel {
    margin-top: 1.7rem;
  }
}
.l-footer.seika-footer .l-footer__info-foot {
  gap: 2.5rem;
  margin: 2.6rem 0 0;
}
.l-footer.seika-footer .l-footer__info-foot .c-link--line {
  letter-spacing: 0.08em;
}
.l-footer.seika-footer .l-footer__copy {
  font-weight: 400;
  letter-spacing: 0.08em;
}
.l-footer.seika-footer .l-footer__sns {
  gap: 3.1rem;
}
@media screen and (max-width: 767px) {
  .l-footer.seika-footer .l-footer__sns {
    gap: 3rem;
    margin-left: -1.5rem;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.l-header-template .l-header__title a {
  display: flex;
  flex-direction: column;
  align-items: unset;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  margin-left: 4rem;
}
@media screen and (max-width: 767px) {
  .l-header-template .l-header__title a {
    font-size: 1rem;
    margin-left: 1.6rem;
  }
}
.l-header-template .l-header__title a span {
  font-size: 2rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .l-header-template .l-header__title a span {
    font-size: 1.3rem;
  }
}
.l-header-template .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #fff;
}
.l-header-template .l-header__cta .c-btn:first-of-type {
  color: #fff;
  background: #DE528C;
}
.l-header-template .l-header__cta .c-btn:last-of-type {
  background: #FFE762;
}
.l-header-template .l-header__cta .c-btn:hover {
  box-shadow: 0 0 0 0.15rem #fff;
}
@media screen and (max-width: 767px) {
  .l-header-template .l-header__nav-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .l-header-template .l-header__nav-cta .c-btn {
    margin: 0;
  }
}
.l-header-template .l-header__nav-cta-inner:first-of-type .c-btn {
  width: 12rem;
  color: #fff;
  background: #DE528C;
}
@media screen and (max-width: 767px) {
  .l-header-template .l-header__nav-cta-inner:first-of-type .c-btn {
    width: 100%;
  }
}
.l-header-template .l-header__nav-cta-inner:last-of-type .c-btn {
  width: 21rem;
  background: #FFE762;
}
@media screen and (max-width: 767px) {
  .l-header-template .l-header__nav-cta-inner:last-of-type .c-btn {
    width: 100%;
  }
}
.l-header-template .l-header.js-scroll .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .l-header-template .l-header__fixed {
    justify-content: left;
    gap: 1.6rem;
  }
}
.l-header-template .l-header__fixed-cta.c-btn {
  white-space: nowrap;
  padding: 0.2rem 1.4rem;
}
.l-header-template .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #fff;
  background: #DE528C;
}
.l-header-template .l-header__fixed-cta.c-btn:last-of-type {
  background: #FFE762;
}

.p-template + .l-footer {
  position: relative;
  z-index: 1;
}

.p-template-intro {
  position: relative;
  z-index: 1;
  padding-block: 34rem 0;
}
@media screen and (max-width: 767px) {
  .p-template-intro {
    padding-block: 15.4rem 0;
  }
}
.p-template-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
  pointer-events: none;
}
.p-template-intro .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 14rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-template-intro .c-marquee {
    top: 7.2rem;
  }
}
.p-template-intro .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.p-template-intro .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-template-intro .c-marquee span {
    font-size: 10rem;
  }
}
.p-template-intro__inner {
  background: url(../img/template/circle-head-wh.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 20rem, #fff 20rem, #fff 100%);
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-template-intro__inner {
    background: url(../img/template/circle-head-wh_sp.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 6rem, #fff 6rem, #fff 100%);
    padding-top: 5.7rem;
  }
}
.p-template-intro__wrapper {
  width: 100%;
  max-width: 82.2rem;
  margin: 0 auto;
  padding-inline: 1.6rem;
  padding-bottom: 6.6rem;
}
@media screen and (max-width: 767px) {
  .p-template-intro__wrapper {
    padding-bottom: 2.6rem;
  }
}
.p-template-intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-template-intro__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 768px) {
  .p-template-intro__title .u-pc {
    display: inline;
  }
}
.p-template-intro__catch {
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-align: center;
  margin-top: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-template-intro__catch {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }
}
.p-template-intro__catch--tem {
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-template-intro__catch--tem {
    margin-top: 0.6rem;
  }
}
.p-template-intro__line {
  text-align: center;
  margin: 5.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-template-intro__line {
    margin: 4.4rem 0 0;
  }
}
.p-template-intro__line-lead {
  font-size: 1.6rem;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 0.9rem;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-template-intro__line-lead {
    font-size: 1.3rem;
    gap: 0.2rem;
    margin-bottom: 0.7rem;
  }
}
.p-template-intro__line-lead::before, .p-template-intro__line-lead::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: auto;
  aspect-ratio: 6/14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.729' height='13.498' viewBox='0 0 5.729 13.498'%3E%3Cline id='Line_514' data-name='Line 514' x1='0.001' y2='14' transform='translate(5.259 13.327) rotate(160)' fill='none' stroke='%233a3a3a' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-template-intro__line-lead::before, .p-template-intro__line-lead::after {
    width: 0.5rem;
  }
}
.p-template-intro__line-lead::after {
  transform: scaleX(-1);
}
.p-template-intro__line-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  background: #06C755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 2.6rem;
  padding: 0 2.3rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-template-intro__line-btn {
    height: 4rem;
    font-size: 1.3rem;
    padding: 0 2.4rem;
  }
}
.p-template-intro__line-btn:hover {
  transform: scale(1.04);
  opacity: 0.9;
}
.p-template-intro__line-desc {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  margin: 2.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-template-intro__line-desc {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
}
.p-template-intro__line-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-template-intro__line-link:hover {
    text-decoration: none;
  }
}
.p-template-intro__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin: 6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-template-intro__text {
    font-size: 1.4rem;
    text-align: left;
    margin: 4rem 0 0;
    line-height: 1.6;
  }
}

.p-template-body {
  position: relative;
  z-index: 2;
  background: #fff;
}
.p-template-body__wrapper {
  margin: 0 auto;
  max-width: 123.2rem;
  padding-inline: 1.6rem;
}
.p-template-body__wrapper--has-sidebar {
  padding-block: 5.6rem 9.8rem;
  display: flex;
  align-items: flex-start;
  max-width: 144rem;
  padding-inline: 8rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-template-body__wrapper--has-sidebar {
    display: block;
    padding: 1.7rem 1.6rem 8rem;
  }
}
.p-template-body__content {
  flex: 1;
  min-width: 0;
  padding-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-template-body__content {
    padding-top: 1.7rem;
  }
}
.p-template-body * .c-sidebar + .p-template-body__content {
  padding-left: 11.6rem;
  border-left: 0.1rem solid #e5e5e5;
}
@media screen and (max-width: 767px) {
  .p-template-body * .c-sidebar + .p-template-body__content {
    padding-left: 0rem;
    border: none;
  }
}

.c-cta {
  position: relative;
  z-index: 1;
}

.p-template.--seika .p-template-intro {
  position: relative;
}
.p-template.--seika .p-template-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-template.--seika .c-marquee {
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 14rem;
  left: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-template.--seika .c-marquee {
    top: 8rem;
  }
}
.p-template.--seika .c-marquee span {
  color: #eedede;
}

.p-info-disc .c-article {
  display: flex;
  flex-wrap: wrap;
  gap: 6.4rem 3rem;
}
@media screen and (max-width: 767px) {
  .p-info-disc .c-article {
    gap: 4rem;
  }
}
.p-info-disc .c-article__block {
  width: calc(50% - 1.5rem);
  margin-top: 0;
  padding-top: 0;
  border-top: unset;
}
@media screen and (max-width: 767px) {
  .p-info-disc .c-article__block {
    width: 100%;
  }
}
.p-info-disc .c-article__block::before {
  display: none;
}
.p-info-disc .c-article__block > :first-child {
  margin-top: 0;
}
.p-info-disc .c-article__block .c-btn {
  justify-content: flex-start;
  text-align: left;
  letter-spacing: 0.05em;
  padding-inline: 2.4rem 6.8rem;
}
@media screen and (max-width: 767px) {
  .p-info-disc .c-article__block .c-btn {
    padding-inline: 2rem 5.4rem;
  }
}
.p-info-disc .c-article__block .c-btn--download {
  min-height: 7.2rem;
}
@media screen and (max-width: 767px) {
  .p-info-disc .c-article__block .c-btn--download {
    min-height: 4.4rem;
  }
}
.p-info-disc .p-template-body__content {
  padding-bottom: 8.8rem;
}
@media screen and (max-width: 767px) {
  .p-info-disc .p-template-body__content {
    padding-bottom: 4.8rem;
  }
}
.p-info-disc.--seika .c-article__block-row.c-article__block-row--large-sp {
  display: block;
}
.p-info-disc.--seika .c-article__block-row.c-article__block-row--large-sp .c-btn.c-btn--download {
  width: 100%;
}

.p-faq .c-faq:not(:last-child) {
  position: relative;
  z-index: 1;
  margin-bottom: 19.8rem;
}
@media screen and (max-width: 767px) {
  .p-faq .c-faq:not(:last-child) {
    margin-bottom: 11rem;
  }
}
.p-faq .c-faq:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #3E3E3E;
  top: calc(100% + 10rem);
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-faq .c-faq:not(:last-child)::before {
    top: calc(100% + 5.6rem);
  }
}

.p-info-session .c-article__head:not(:first-child) {
  position: relative;
  z-index: 1;
  margin-top: 20.6rem;
}
@media screen and (max-width: 767px) {
  .p-info-session .c-article__head:not(:first-child) {
    margin-top: 11rem;
  }
}
.p-info-session .c-article__head:not(:first-child)::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #3E3E3E;
  position: absolute;
  bottom: calc(100% + 11.8rem);
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-info-session .c-article__head:not(:first-child)::before {
    bottom: calc(100% + 5.4rem);
  }
}

@media screen and (max-width: 767px) {
  .p-info-tuition .c-article__ext-links + .c-article__note {
    text-align: center;
  }
}
.p-info-tuition .c-table-price--equal :not(.c-table-price__row-head, .c-table-price__head) {
  text-align: center;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.l-header-opencampus .l-header__title {
  flex-direction: column;
  align-items: unset;
}
.l-header-opencampus .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #fff;
}
.l-header-opencampus .l-header__cta .c-btn:first-of-type {
  color: #fff;
  background: #DE528C;
}
.l-header-opencampus .l-header__cta .c-btn:last-of-type {
  background: #FFE762;
}
.l-header-opencampus .l-header__cta .c-btn:hover {
  box-shadow: 0 0 0 0.15rem #fff;
}
@media screen and (max-width: 767px) {
  .l-header-opencampus .l-header__nav-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .l-header-opencampus .l-header__nav-cta .c-btn {
    margin: 0;
  }
}
.l-header-opencampus .l-header__nav-cta-inner:first-of-type .c-btn {
  width: 12rem;
  color: #fff;
  background: #DE528C;
}
@media screen and (max-width: 767px) {
  .l-header-opencampus .l-header__nav-cta-inner:first-of-type .c-btn {
    width: 100%;
  }
}
.l-header-opencampus .l-header__nav-cta-inner:last-of-type .c-btn {
  width: 21rem;
  background: #FFE762;
}
@media screen and (max-width: 767px) {
  .l-header-opencampus .l-header__nav-cta-inner:last-of-type .c-btn {
    width: 100%;
  }
}
.l-header-opencampus .l-header.js-scroll .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .l-header-opencampus .l-header__fixed {
    justify-content: left;
    gap: 1.6rem;
  }
}
.l-header-opencampus .l-header__fixed-cta.c-btn {
  white-space: nowrap;
  padding: 0.2rem 1.4rem;
}
@media screen and (max-width: 767px) {
  .l-header-opencampus .l-header__fixed-cta.c-btn {
    display: none;
  }
}
.l-header-opencampus .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #fff;
  background: #DE528C;
}
.l-header-opencampus .l-header__fixed-cta.c-btn:last-of-type {
  background: #FFE762;
}

.p-opencampus + .l-footer {
  position: relative;
  z-index: 1;
}

.p-opencampus-intro {
  position: relative;
  z-index: 1;
  padding-block: 34rem 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro {
    padding-block: 15.4rem 0;
  }
}
.p-opencampus-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
}
.p-opencampus-intro .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 14rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro .c-marquee {
    top: 7.2rem;
  }
}
.p-opencampus-intro .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.p-opencampus-intro .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro .c-marquee span {
    font-size: 10rem;
  }
}
.p-opencampus-intro__inner {
  background: url(../img/open-campus/circle-head-wh.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 20rem, #fff 20rem, #fff 100%);
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__inner {
    background: url(../img/open-campus/circle-head-wh_sp.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 6rem, #fff 6rem, #fff 100%);
    padding-top: 5.7rem;
  }
}
.p-opencampus-intro__wrapper {
  width: 100%;
  max-width: 82.2rem;
  margin: 0 auto;
  padding: 0 1.6rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__wrapper {
    padding-bottom: 6.2rem;
  }
}
.p-opencampus-intro__head {
  margin: 0 0 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__head {
    margin: 0 0 3.2rem;
  }
}
.p-opencampus-intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.p-opencampus-intro__line {
  text-align: center;
  margin: 5.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__line {
    margin: 4.4rem 0 0;
  }
}
.p-opencampus-intro__line-lead {
  font-size: 1.6rem;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 0.9rem;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__line-lead {
    font-size: 1.3rem;
    gap: 0.2rem;
    margin-bottom: 0.7rem;
  }
}
.p-opencampus-intro__line-lead::before, .p-opencampus-intro__line-lead::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: auto;
  aspect-ratio: 6/14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.729' height='13.498' viewBox='0 0 5.729 13.498'%3E%3Cline id='Line_514' data-name='Line 514' x1='0.001' y2='14' transform='translate(5.259 13.327) rotate(160)' fill='none' stroke='%233a3a3a' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__line-lead::before, .p-opencampus-intro__line-lead::after {
    width: 0.5rem;
  }
}
.p-opencampus-intro__line-lead::after {
  transform: scaleX(-1);
}
.p-opencampus-intro__line-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  background: #06C755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 2.6rem;
  padding: 0 2.3rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__line-btn {
    height: 4rem;
    font-size: 1.3rem;
    padding: 0 2.4rem;
  }
}
.p-opencampus-intro__line-btn:hover {
  transform: scale(1.04);
  opacity: 0.9;
}
.p-opencampus-intro__line-desc {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  margin: 2.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__line-desc {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
}
.p-opencampus-intro__line-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-opencampus-intro__line-link:hover {
    text-decoration: none;
  }
}
.p-opencampus-intro__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin: 6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-intro__text {
    font-size: 1.4rem;
    text-align: left;
    margin: 4rem 0 0;
    line-height: 1.6;
  }
}

.p-opencampus-form {
  background: #F8F8F8;
  border-radius: 2rem;
  padding: 8.1rem 10.3rem 8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form {
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
}
.p-opencampus-form__group:not(:first-child) {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__group:not(:first-child) {
    margin-top: 2.3rem;
  }
}
.p-opencampus-form__group legend.p-opencampus-form__label {
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__group legend.p-opencampus-form__label {
    margin-bottom: 1.2rem;
  }
}
.p-opencampus-form__label {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__label {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    gap: 0.7rem;
  }
}
.p-opencampus-form__required, .p-opencampus-form__optional {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: 1rem;
  padding: 0.3rem 0.8rem 0.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__required, .p-opencampus-form__optional {
    font-size: 1.2rem;
  }
}
.p-opencampus-form__required {
  background: #E8729A;
}
.p-opencampus-form__optional {
  background: #CBCBCB;
}
.p-opencampus-form__input, .p-opencampus-form__select, .p-opencampus-form__textarea {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  background: #fff;
  border: 0.1rem solid #D5D5D5;
  border-radius: 1.6rem;
  padding: 1.8rem 1.6rem;
  transition: border-color 0.3s ease;
  text-align: left;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__input, .p-opencampus-form__select, .p-opencampus-form__textarea {
    font-size: 1.4rem;
    padding: 1.2rem 1.6rem;
    border-radius: 1rem;
  }
}
.p-opencampus-form__input::placeholder, .p-opencampus-form__select::placeholder, .p-opencampus-form__textarea::placeholder {
  color: #bbb;
}
.p-opencampus-form__input:focus, .p-opencampus-form__select:focus, .p-opencampus-form__textarea:focus {
  border-color: #E8729A;
}
.p-opencampus-form__input.is-error, .p-opencampus-form__select.is-error, .p-opencampus-form__textarea.is-error {
  border-color: #e04848;
}
.p-opencampus-form .js-validate-error {
  font-size: 1.3rem;
  color: #e04848;
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form .js-validate-error {
    font-size: 1.2rem;
  }
}
.p-opencampus-form__select-wrap {
  position: relative;
}
.p-opencampus-form__select {
  cursor: pointer;
  padding-right: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.984' height='7.053' viewBox='0 0 11.984 7.053'%3E%3Cg id='Group_4657' data-name='Group 4657' transform='translate(-183.352 -521.527)'%3E%3Cline id='Line_220' data-name='Line 220' x2='6.974' transform='translate(194.275 522.588) rotate(135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Line_221' data-name='Line 221' x2='6.974' transform='translate(189.344 527.52) rotate(-135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.2rem 0.7rem;
  background-position: calc(100% - 3rem) 55%;
  appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__select {
    background-size: 0.9rem 0.6rem;
    background-position: calc(100% - 2.2rem) 55%;
  }
}
.p-opencampus-form__textarea {
  resize: vertical;
  min-height: 18.4rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__textarea {
    min-height: 14rem;
  }
}
.p-opencampus-form__note {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #666;
  margin: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__note {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
}
.p-opencampus-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__radio-group {
    gap: 2.4rem;
  }
}
.p-opencampus-form__radio {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
}
.p-opencampus-form__radio input[type=radio] {
  position: absolute;
  z-index: -999;
  opacity: 0;
  visibility: hidden;
}
.p-opencampus-form__radio input[type=radio]:checked + .wpcf7-list-item-label::after {
  content: "";
  width: 1.2rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 0.3rem;
  left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__radio input[type=radio]:checked + .wpcf7-list-item-label::after {
    top: 0.3rem;
    left: 0.5rem;
    width: 1rem;
  }
}
.p-opencampus-form__radio .wpcf7-list-item-label {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  padding-left: 3.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__radio .wpcf7-list-item-label {
    font-size: 1.4rem;
    padding-left: 2.7rem;
  }
}
.p-opencampus-form__radio .wpcf7-list-item-label::before {
  content: "";
  width: 2.4rem;
  height: auto;
  border-radius: 50%;
  border: 0.1rem solid #D5D5D5;
  background: #fff;
  position: absolute;
  aspect-ratio: 1/1;
  top: -0.3rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__radio .wpcf7-list-item-label::before {
    top: -0.2rem;
    width: 2rem;
  }
}
.p-opencampus-form__footer {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__footer {
    margin: 1.5rem 0 0;
  }
}
.p-opencampus-form__privacy {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #343434;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__privacy {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-opencampus-form__privacy-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-opencampus-form__privacy-link:hover {
    text-decoration: none;
  }
}
.p-opencampus-form__submit {
  display: flex;
  justify-content: center;
  margin: 2.9rem 0 0;
  position: relative;
}
.p-opencampus-form__submit::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.9rem;
  background-image: url(../img/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 23rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__submit::after {
    right: 13.2rem;
  }
}
.p-opencampus-form__submit:hover::after {
  animation: btn-arrow-hover 0.5s ease;
}
@keyframes btn-arrow-hover {
  0% {
    opacity: 1;
    background-position: left center;
  }
  80% {
    opacity: 0;
    background-position: center right -100%;
  }
  81% {
    opacity: 0;
    background-position: left -10% center;
  }
  100% {
    opacity: 1;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__submit {
    margin: 3.2rem 0 0;
  }
}
.p-opencampus-form__submit .c-btn {
  height: auto;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.8rem 5.5rem 1.8rem 3.7rem;
  border-radius: 5rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__submit .c-btn {
    font-size: 1.3rem;
    padding: 1.1rem 4rem 1.1rem 2rem;
  }
}
.p-opencampus-form__submit .c-btn::after {
  right: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-form__submit .c-btn::after {
    right: 1.8rem;
  }
}

.p-opencampus-complete__image {
  width: 19rem;
  margin: 6rem auto;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__image {
    width: 9.8rem;
    margin: 4rem auto 2.4rem;
  }
}
.p-opencampus-complete__body-title {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__body-title {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.4rem;
  }
}
.p-opencampus-complete__body-title:last-of-type {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__body-title:last-of-type {
    margin-bottom: 3.2rem;
  }
}
.p-opencampus-complete__body-text {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__body-text {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 2.4rem;
    line-height: 1.6;
  }
}
.p-opencampus-complete__body-text--small {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__body-text--small {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 0.4rem;
  }
}
.p-opencampus-complete__foot {
  border: solid 0.1rem #3a3a3a;
  border-radius: 2rem;
  padding: 4rem;
  margin-top: 7.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__foot {
    padding: 2rem;
    margin-top: 4.4rem;
  }
}
.p-opencampus-complete__foot-title {
  width: fit-content;
  background: #fff;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2272727273;
  white-space: nowrap;
  padding: 0 2.4rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__foot-title {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: 0 1.6rem;
    top: -1.4rem;
  }
}
.p-opencampus-complete__foot-text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.75;
  text-align: left;
  margin-bottom: -4rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__foot-text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.6;
    margin-bottom: -2.8rem;
  }
}
.p-opencampus-complete__btn {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__btn {
    margin: 3.2rem auto 0;
  }
}
.p-opencampus-complete__links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__links {
    gap: 2.4rem;
  }
}
.p-opencampus-complete__links .c-link--line {
  --line-h: 0.1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-opencampus-complete__links .c-link--line {
    font-size: 1.2rem;
  }
}

.p-student .p-template-intro::before {
  background-image: url(../img/information/mv-bg.jpg);
}
.p-student .p-template-body__content {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .p-student .c-sidebar {
    margin-bottom: 2.4rem;
  }
}
.p-student-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 3rem;
}
@media screen and (max-width: 767px) {
  .p-student-list {
    gap: 2.4rem 1.6rem;
  }
}
.p-student-list + .c-pagination {
  margin-top: 6rem;
}
.p-student-list__item {
  width: calc((100% - 6rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-student-list__item {
    width: calc((100% - 1.6rem) / 2);
  }
}
.p-student-list__link {
  display: block;
  text-align: left;
}
.p-student-list__link:hover .p-student-list__figure img {
  transform: scale(1.05);
}
.p-student-list__figure {
  width: 100%;
  aspect-ratio: 246/328;
  overflow: hidden;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F8F8;
}
@media screen and (max-width: 767px) {
  .p-student-list__figure {
    border-radius: 1rem;
  }
}
.p-student-list__figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease-in-out;
}
.p-student-list__body {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-student-list__body {
    margin-top: 1.2rem;
  }
}
.p-student-list__body-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.p-student-list__body-category {
  background: #D6EAC4;
  border-radius: 1.1rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.4166666667;
  padding: 0.2rem 1.5rem 0.3rem;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-student-list__body-category {
    font-size: 1.1rem;
    padding: 0.1rem 0.8rem 0.2rem;
    letter-spacing: 0;
  }
}
.p-student-list__body-category--pink {
  background: #F6D1E3;
}
.p-student-list__body-category--lightpink {
  background: #FBE4EF;
}
.p-student-list__body-category--yellow {
  background: #F7EFC0;
}
.p-student-list__body-category--blue {
  background: #E1ECFB;
}
.p-student-list__body-category--patissier {
  background: #f4e4e4;
}
.p-student-list__body-title {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-student-list__body-title {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    margin-top: 0.4rem;
  }
}
.p-student-list__body-desc {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  font-weight: 400;
  color: #888888;
  line-height: 1.8666666667;
}
@media screen and (max-width: 767px) {
  .p-student-list__body-desc {
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    margin-top: 0.4rem;
  }
}

.p-product-detail__section {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 4.7rem 0 9rem;
}
@media screen and (max-width: 767px) {
  .p-product-detail__section {
    padding: 1.3rem 0 5rem;
  }
}

.p-product-detail__inner {
  max-width: 100%;
  width: 124rem;
  margin: 0 auto;
  padding-inline: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
}
@media screen and (max-width: 767px) {
  .p-product-detail__inner {
    display: block;
    padding-inline: 1.7rem;
  }
}

.p-product-detail__content {
  min-width: 0;
  padding-bottom: 3rem;
  width: calc(51.25% - 10rem);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-product-detail__content {
    width: 100%;
    padding-bottom: 0;
    margin-top: 2.4rem;
  }
}
.p-product-detail__content .c-article__box {
  background: #F4F4F4;
}

.p-product-detail__title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-product-detail__title {
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 3.2rem;
    letter-spacing: 0.05em;
    margin-top: 0;
  }
}

.p-product-detail__award {
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 2.4rem;
  padding-left: 1.4rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-product-detail__award {
    font-size: 1.5rem;
    margin-top: 1.2rem;
  }
}
.p-product-detail__award::before {
  content: "";
  width: 0.6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3a3a3a;
  position: absolute;
  top: 0.6em;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-product-detail__award::before {
    top: 0.9rem;
    width: 0.5rem;
  }
}

.p-product-detail__author {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-product-detail__author {
    margin-top: 2.4rem;
  }
}

.p-product-detail__course {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2.4;
}
@media screen and (max-width: 767px) {
  .p-product-detail__course {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
}

.p-product-detail__name {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.8888888889;
}
@media screen and (max-width: 767px) {
  .p-product-detail__name {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.275;
  }
}

.p-product-detail__name-note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2.4285714286;
  margin-left: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-detail__name-note {
    display: inline-block;
    font-size: 1.3rem;
    margin: 0.6rem 0 0;
    line-height: 1.5692307692;
  }
}

.p-product-detail__date {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  color: #888;
  line-height: 1.1875;
  margin-top: 1.6rem;
  font-family: "Barlow Condensed", serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-product-detail__date {
    font-size: 1.3rem;
    margin-top: 2.4rem;
  }
}

.p-product-detail__actions {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-product-detail__actions {
    margin-top: 3.2rem;
    display: flex;
    justify-content: center;
  }
}
.p-product-detail__actions .c-btn--arrow {
  font-size: 1.6rem;
  height: 4.8rem;
  min-width: 20rem;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .p-product-detail__actions .c-btn--arrow {
    height: 4.4rem;
    font-size: 1.4rem;
    min-width: 28rem;
    padding-inline: 2rem 4rem;
  }
}
.p-product-detail__actions .c-btn--arrow::after {
  width: 2.4rem;
  height: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-product-detail__actions .c-btn--arrow::after {
    right: 1.5rem;
  }
}

.p-product-gallery {
  position: relative;
  width: 48.75%;
}
@media screen and (max-width: 767px) {
  .p-product-gallery {
    width: calc(100% + 3.4rem);
    margin-inline: -1.7rem;
    padding-inline: 1.7rem;
    overflow: hidden;
  }
}

.p-product-gallery__slider {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-product-gallery__slider {
    overflow: unset;
  }
}

.p-product-gallery__figure {
  aspect-ratio: 585/780;
  overflow: hidden;
  border-radius: 2.4rem;
  background: #f4f4f4;
}
@media screen and (max-width: 767px) {
  .p-product-gallery__figure {
    border-radius: 1.6rem;
  }
}

.p-product-gallery__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-product-gallery__nav {
  width: 4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #3a3a3a;
  background: #fff;
  position: absolute;
  top: calc(50% - 1.3rem);
  z-index: 2;
  transform: translateY(-50%);
  transition: background 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-product-gallery__nav {
    display: none;
  }
}
.p-product-gallery__nav::after {
  content: "";
  width: 1.6rem;
  aspect-ratio: 16/10;
  background: url(../img/icon-arrow-right.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-product-gallery__nav--prev {
  left: -2rem;
}
@media screen and (max-width: 767px) {
  .p-product-gallery__nav--prev {
    left: 0.8rem;
  }
}
.p-product-gallery__nav--prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.p-product-gallery__nav--next {
  right: -2rem;
}
@media screen and (max-width: 767px) {
  .p-product-gallery__nav--next {
    right: 0.8rem;
  }
}
.p-product-gallery__nav:hover {
  background: #3a3a3a;
  border-color: #3a3a3a;
}
.p-product-gallery__nav:hover::after {
  background-image: url(../img/icon-arrow-right-white.svg);
}

.p-product-gallery__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-product-gallery__pagination {
    display: none;
  }
}
.p-product-gallery__pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 !important;
  background: #d5d5d5;
  opacity: 1;
}
.p-product-gallery__pagination .swiper-pagination-bullet-active {
  background: #3a3a3a;
}

.p-latest-information .p-template-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/information/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
  pointer-events: none;
}
.p-latest-information.design .p-template-intro::before {
  background-image: url(../img/db/mv-bg.jpg);
}
.p-latest-information.seika .p-template-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-latest-information.seika .p-template-intro .c-marquee {
  opacity: 1;
  z-index: -1;
}
.p-latest-information.seika .p-template-intro .c-marquee span {
  color: #eedede;
}
@media screen and (max-width: 767px) {
  .p-latest-information .p-template-intro__inner {
    padding-top: 8.2rem;
  }
}
.p-latest-information .p-template-body__content {
  padding-top: 0;
}
.p-latest-information .p-template-body__content .c-pagination {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information .p-template-body__content .c-pagination {
    margin-top: 3.2rem;
  }
}
.p-latest-information .p-template-body__content .p-top__sec02-list-item-img {
  aspect-ratio: 3/2;
}
.p-latest-information .p-template-body__content .p-top__sec02-list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-latest-information .p-template-body__content .p-top__sec02-list-item-title .c-link--line {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
}
@media screen and (max-width: 767px) {
  .p-latest-information .p-template-body__content .p-top__sec02-list-item-title .c-link--line {
    font-size: 1.3rem;
  }
}
.p-latest-information .p-top__sec02-list-item-cate {
  width: fit-content;
  padding-inline: 1.2rem;
  max-width: 70%;
}
@media screen and (max-width: 767px) {
  .p-latest-information .p-top__sec02-list-item-cate {
    padding-inline: 0.8rem;
  }
}
.p-latest-information__info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-inline: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__info {
    padding-inline: 0;
    gap: 0.7rem;
  }
}
.p-latest-information__info + .c-article__heading {
  margin-top: 1.2rem;
  font-size: 2.8rem;
  padding-right: 0;
  padding-bottom: 1.8rem;
  border-color: #707070;
}
.p-latest-information__info + .c-article__heading + .c-article__desc {
  margin-top: 5.4rem;
}
.p-latest-information__info-time {
  font-size: 1.5rem;
  font-family: "Barlow Condensed", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.2;
  color: #ACACAC;
}
@media screen and (max-width: 767px) {
  .p-latest-information__info-time {
    font-size: 1.4rem;
    line-height: 1.2142857143;
  }
}
.p-latest-information__info-cate {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4615384615;
  padding: 0 1.2rem 0.1rem;
  border: 1px solid #E5E5E5;
  border-radius: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__info-cate {
    font-size: 1.1rem;
    padding-inline: 0.8rem;
  }
}
.p-latest-information__article {
  max-width: 80.5rem;
  margin-inline: auto;
  text-align: left;
  padding-bottom: 9rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__article {
    padding-bottom: 5.2rem;
  }
}
.p-latest-information__article .c-btn--arrow {
  margin-top: 5.8rem;
  margin-inline: auto;
  font-size: 1.6rem;
  height: 4.8rem;
  min-width: 20rem;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .p-latest-information__article .c-btn--arrow {
    margin-top: 3.2rem;
    font-size: 1.4rem;
    height: 4.4rem;
    min-width: 28rem;
    padding-inline: 4rem;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-latest-information__article .c-btn--arrow::after {
    display: none;
  }
}
.p-latest-information__contents h2 {
  margin-top: 1.5rem;
  font-size: 2.8rem;
  font-weight: 700;
  border-bottom: 1px solid #707070;
  padding-bottom: 1rem;
  letter-spacing: 0.06em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents h2 {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
    padding-right: 5rem;
    margin-top: 1rem;
    padding-bottom: 1.2rem;
  }
}
.p-latest-information__contents h3 {
  font-size: 2.4rem;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 0.8rem;
  padding-right: 1.6rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents h3 {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    padding-bottom: 0.7rem;
    padding-right: 0;
    line-height: 1.5;
    margin-top: 4rem;
  }
}
.p-latest-information__contents h4 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.06em;
  padding-left: 1.4rem;
  position: relative;
  z-index: 1;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents h4 {
    font-size: 1.5rem;
    padding-left: 0.9em;
    letter-spacing: 0.08em;
    line-height: 1.5;
    margin-top: 3rem;
    padding-right: 0;
  }
}
.p-latest-information__contents h4::before {
  content: "";
  width: 0.6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 1.2rem;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents h4::before {
    width: 0.5rem;
    top: 1rem;
    left: 0rem;
  }
}
.p-latest-information__contents h4 + p {
  margin-top: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents h4 + p {
    margin-top: 1.4rem;
  }
}
.p-latest-information__contents p {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.06em;
  margin-top: 5.4rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents p {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-top: 3rem;
    letter-spacing: 0.05em;
  }
}
.p-latest-information__contents p + p {
  margin-top: 1.8em;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents p + p {
    margin-top: 1.7em;
  }
}
.p-latest-information__contents .wp-block-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents .wp-block-image {
    margin-top: 3rem;
    padding-inline: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents .wp-block-image.u-pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-latest-information__contents .wp-block-image + h3 {
    margin-top: 4.5rem;
  }
}
.p-latest-information__contents .wp-block-image + p {
  margin-top: 4rem;
}
.p-latest-information__contents .wp-block-image img {
  border-radius: 2rem;
  border: 1px solid #EDEDED;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.p-latest-information .c-article__btn-sample-col .c-btn.c-btn--arrow {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-latest-information .c-article__btn-sample-col .c-btn.c-btn--arrow {
    padding: 0 10rem;
  }
}

.l-header-template.--seika .l-header__title {
  flex-direction: column;
  align-items: unset;
}
.l-header-template.--seika .l-header__title a {
  color: #3a3a3a;
  flex-direction: row;
  align-items: center;
}
.l-header-template.--seika .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
.l-header-template.--seika .l-header__cta .c-btn:first-of-type {
  color: #3a3a3a;
  background: #F1C9D1;
}
.l-header-template.--seika .l-header__cta .c-btn:last-of-type {
  background: #FCEF8E;
}
.l-header-template.--seika .l-header__nav-cta-inner:first-of-type .c-btn {
  background: #F1C9D1;
  color: #3a3a3a;
}
.l-header-template.--seika .l-header__nav-cta-inner:last-of-type .c-btn {
  background: #fcef8e;
}
.l-header-template.--seika .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #3a3a3a;
  background: #f1c9d1;
}
.l-header-template.--seika .l-header__fixed-cta.c-btn:last-of-type {
  background: #fcef8e;
}

.p-opencampus-seika .p-opencampus-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-opencampus-seika .p-opencampus-intro {
  position: relative;
}
.p-opencampus-seika .p-opencampus-intro .c-marquee {
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 14rem;
  left: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-opencampus-seika .p-opencampus-intro .c-marquee {
    top: 8rem;
  }
}
.p-opencampus-seika .p-opencampus-intro .c-marquee span {
  color: #eedede;
}
.p-opencampus-seika .p-opencampus-form__required {
  background: #F1C9D1;
}
.p-opencampus-seika .p-opencampus-form .p-opencampus-form__required {
  color: #3a3a3a;
}

.p-info-ao .p-template-body__content {
  padding-top: 0;
}
.p-info-ao .c-article__desc.c-article__head-before {
  margin-block: 0 10.8rem;
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-article__desc.c-article__head-before {
    margin-block: 4rem 0.6rem;
    text-align: left;
  }
}
.p-info-ao .c-article__anchor {
  justify-content: flex-start;
  text-decoration: underline;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-article__anchor {
    font-size: 1.4rem;
  }
}
.p-info-ao .c-article__box.p-info-article__box {
  padding: 3.2rem 8.8rem;
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-article__box.p-info-article__box {
    padding: 1.6rem 1.6rem 5rem;
  }
}
.p-info-ao .c-table-info__group-plus {
  position: relative;
}
.p-info-ao .c-table-info__group-plus::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.8rem;
  height: 2.8rem;
  background: url("../img/ao/icon-plus.svg") no-repeat center center/cover;
}
.p-info-ao .c-accordion__order-head {
  align-items: flex-start;
}
.p-info-ao .c-accordion__order-item {
  margin-top: 6.2rem;
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-accordion__order-item {
    margin-top: 5rem;
  }
}
.p-info-ao .c-accordion__order-item:first-child {
  margin-top: 0;
}
.p-info-ao .c-accordion__order-item:not(:last-of-type)::before {
  height: calc(100% + 6rem);
}
.p-info-ao .c-accordion__order-body .c-article__desc {
  margin-top: 1.88rem;
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-accordion__order-body .c-article__desc {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-accordion__order-icon {
    top: 0rem;
  }
}
.p-info-ao .c-accordion__order-icon-1line {
  top: -2.5rem;
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-accordion__order-icon-1line {
    top: -1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-accordion__order-icon-3line {
    top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-info-ao .c-accordion__order-icon-4line {
    top: 2.4rem;
  }
}
.p-info-ao .strong-text {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-info-ao .strong-text {
    font-weight: 400;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.l-header-request .l-header__title {
  flex-direction: column;
  align-items: unset;
}
.l-header-request .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #fff;
}
.l-header-request .l-header__cta .c-btn:first-of-type {
  color: #fff;
  background: #DE528C;
}
.l-header-request .l-header__cta .c-btn:last-of-type {
  background: #FFE762;
}
.l-header-request .l-header__cta .c-btn:hover {
  box-shadow: 0 0 0 0.15rem #fff;
}
@media screen and (max-width: 767px) {
  .l-header-request .l-header__nav-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .l-header-request .l-header__nav-cta .c-btn {
    margin: 0;
  }
}
.l-header-request .l-header__nav-cta-inner:first-of-type .c-btn {
  width: 12rem;
  color: #fff;
  background: #DE528C;
}
@media screen and (max-width: 767px) {
  .l-header-request .l-header__nav-cta-inner:first-of-type .c-btn {
    width: 100%;
  }
}
.l-header-request .l-header__nav-cta-inner:last-of-type .c-btn {
  width: 21rem;
  background: #FFE762;
}
@media screen and (max-width: 767px) {
  .l-header-request .l-header__nav-cta-inner:last-of-type .c-btn {
    width: 100%;
  }
}
.l-header-request .l-header.js-scroll .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .l-header-request .l-header__fixed {
    justify-content: left;
    gap: 1.6rem;
  }
}
.l-header-request .l-header__fixed-cta.c-btn {
  white-space: nowrap;
  padding: 0.2rem 1.4rem;
}
@media screen and (max-width: 767px) {
  .l-header-request .l-header__fixed-cta.c-btn {
    display: none;
  }
}
.l-header-request .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #fff;
  background: #DE528C;
}
.l-header-request .l-header__fixed-cta.c-btn:last-of-type {
  background: #FFE762;
}

.p-request + .l-footer {
  position: relative;
  z-index: 1;
}

.p-request-intro {
  position: relative;
  z-index: 1;
  padding-block: 34rem 0;
}
@media screen and (max-width: 767px) {
  .p-request-intro {
    padding-block: 15.4rem 0;
  }
}
.p-request-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
}
.p-request-intro .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 14rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-request-intro .c-marquee {
    top: 7.2rem;
  }
}
.p-request-intro .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.p-request-intro .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-request-intro .c-marquee span {
    font-size: 10rem;
  }
}
.p-request-intro__inner {
  background: url(../img/open-campus/circle-head-wh.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 20rem, #fff 20rem, #fff 100%);
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-request-intro__inner {
    background: url(../img/open-campus/circle-head-wh_sp.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 6rem, #fff 6rem, #fff 100%);
    padding-top: 5.7rem;
  }
}
.p-request-intro__wrapper {
  width: 100%;
  max-width: 82.2rem;
  margin: 0 auto;
  padding: 0 1.6rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-request-intro__wrapper {
    padding-bottom: 6.2rem;
  }
}
.p-request-intro__head {
  margin: 0 0 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-request-intro__head {
    margin: 0 0 3.2rem;
  }
}
.p-request-intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-request-intro__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.p-request-intro__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin: 6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-request-intro__text {
    font-size: 1.4rem;
    text-align: left;
    margin: 4rem 0 0;
    line-height: 1.6;
  }
}

.p-request-form {
  background: #F8F8F8;
  border-radius: 2rem;
  padding: 8.1rem 10.3rem 8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-request-form {
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
}
.p-request-form__group:not(:first-child) {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__group:not(:first-child) {
    margin-top: 2.3rem;
  }
}
.p-request-form__group legend.p-request-form__label {
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__group legend.p-request-form__label {
    margin-bottom: 1.2rem;
  }
}
.p-request-form__label {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__label {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    gap: 0.7rem;
  }
}
.p-request-form__label-sub {
  font-size: 1.3rem;
  margin: 0.9rem 0;
}
@media screen and (max-width: 767px) {
  .p-request-form__label-sub {
    margin: 0.8rem 0 0.6rem;
  }
}
.p-request-form__label-sub--mt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__label-sub--mt {
    margin-top: 1rem;
  }
}
.p-request-form__required, .p-request-form__optional {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: 1rem;
  padding: 0.3rem 0.8rem 0.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-request-form__required, .p-request-form__optional {
    font-size: 1.2rem;
  }
}
.p-request-form__required {
  background: #E8729A;
}
.p-request-form__optional {
  background: #CBCBCB;
}
.p-request-form__input, .p-request-form__select, .p-request-form__textarea {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  background: #fff;
  border: 0.1rem solid #D5D5D5;
  border-radius: 1.6rem;
  padding: 1.8rem 1.6rem;
  transition: border-color 0.3s ease;
  text-align: left;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-request-form__input, .p-request-form__select, .p-request-form__textarea {
    font-size: 1.4rem;
    padding: 1.2rem 1.6rem;
    border-radius: 1rem;
  }
}
.p-request-form__input::placeholder, .p-request-form__select::placeholder, .p-request-form__textarea::placeholder {
  color: #bbb;
}
.p-request-form__input:focus, .p-request-form__select:focus, .p-request-form__textarea:focus {
  border-color: #E8729A;
}
.p-request-form__input.is-error, .p-request-form__select.is-error, .p-request-form__textarea.is-error {
  border-color: #e04848;
}
.p-request-form__input--half, .p-request-form__select--half, .p-request-form__textarea--half {
  width: 50%;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__input--half, .p-request-form__select--half, .p-request-form__textarea--half {
    margin-bottom: 1rem;
  }
}
.p-request-form .js-validate-error {
  font-size: 1.3rem;
  color: #e04848;
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-request-form .js-validate-error {
    font-size: 1.2rem;
  }
}
.p-request-form__select-wrap {
  position: relative;
}
.p-request-form__select {
  cursor: pointer;
  padding-right: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.984' height='7.053' viewBox='0 0 11.984 7.053'%3E%3Cg id='Group_4657' data-name='Group 4657' transform='translate(-183.352 -521.527)'%3E%3Cline id='Line_220' data-name='Line 220' x2='6.974' transform='translate(194.275 522.588) rotate(135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Line_221' data-name='Line 221' x2='6.974' transform='translate(189.344 527.52) rotate(-135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.2rem 0.7rem;
  background-position: calc(100% - 3rem) 55%;
  appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  .p-request-form__select {
    background-size: 0.9rem 0.6rem;
    background-position: calc(100% - 2.2rem) 55%;
  }
}
.p-request-form__textarea {
  resize: vertical;
  min-height: 18.4rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__textarea {
    min-height: 14rem;
  }
}
.p-request-form__note {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #666;
  margin: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-request-form__note {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
}
.p-request-form__footer {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-request-form__footer {
    margin: 1.5rem 0 0;
  }
}
.p-request-form__privacy {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #343434;
}
@media screen and (max-width: 767px) {
  .p-request-form__privacy {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-request-form__privacy-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-request-form__privacy-link:hover {
    text-decoration: none;
  }
}
.p-request-form__submit {
  display: flex;
  justify-content: center;
  margin: 2.9rem 0 0;
  position: relative;
}
.p-request-form__submit::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.9rem;
  background-image: url(../img/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 27rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-request-form__submit::after {
    right: 16.2rem;
  }
}
.p-request-form__submit:hover::after {
  animation: btn-arrow-hover 0.5s ease;
}
@keyframes btn-arrow-hover {
  0% {
    opacity: 1;
    background-position: left center;
  }
  80% {
    opacity: 0;
    background-position: center right -100%;
  }
  81% {
    opacity: 0;
    background-position: left -10% center;
  }
  100% {
    opacity: 1;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .p-request-form__submit {
    margin: 3.2rem 0 0;
  }
}
.p-request-form__submit .c-btn {
  height: auto;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.8rem 5.5rem 1.8rem 3.7rem;
  border-radius: 5rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__submit .c-btn {
    font-size: 1.3rem;
    padding: 1.1rem 4rem 1.1rem 2rem;
  }
}
.p-request-form__submit .c-btn::after {
  right: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-request-form__submit .c-btn::after {
    right: 1.8rem;
  }
}

.p-request-complete__image {
  width: 15rem;
  margin: 6rem auto;
}
@media screen and (max-width: 767px) {
  .p-request-complete__image {
    width: 7.4rem;
    margin: 4rem auto 2.4rem;
  }
}
.p-request-complete__body-title {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-request-complete__body-title {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.4rem;
  }
}
.p-request-complete__body-title:last-of-type {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-request-complete__body-title:last-of-type {
    margin-bottom: 3.2rem;
  }
}
.p-request-complete__body-text {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-request-complete__body-text {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 2.4rem;
    line-height: 1.6;
  }
}
.p-request-complete__body-text--small {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-request-complete__body-text--small {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 0.4rem;
  }
}
.p-request-complete__foot {
  border: solid 0.1rem #3a3a3a;
  border-radius: 2rem;
  padding: 4rem;
  margin-top: 7.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-request-complete__foot {
    padding: 2rem;
    margin-top: 4.4rem;
  }
}
.p-request-complete__foot-title {
  width: fit-content;
  background: #fff;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2272727273;
  white-space: nowrap;
  padding: 0 2.4rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-request-complete__foot-title {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: 0 1.6rem;
    top: -1.4rem;
  }
}
.p-request-complete__foot-text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.75;
  text-align: left;
  margin-bottom: -4rem;
}
@media screen and (max-width: 767px) {
  .p-request-complete__foot-text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.6;
    margin-bottom: -2.8rem;
  }
}
.p-request-complete__foot-note {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-request-complete__foot-note {
    text-align: left;
    line-height: 1.6;
  }
}
.p-request-complete__btn {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-request-complete__btn {
    margin: 3.2rem auto 0;
  }
}
.p-request-complete__links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-request-complete__links {
    gap: 2.4rem;
  }
}
.p-request-complete__links .c-link--line {
  --line-h: 0.1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-request-complete__links .c-link--line {
    font-size: 1.2rem;
  }
}

.p-request--seika .p-request-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-request--seika .p-request-intro {
  position: relative;
}
.p-request--seika .p-request-intro .c-marquee {
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 14rem;
  left: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-request--seika .p-request-intro .c-marquee {
    top: 8rem;
  }
}
.p-request--seika .p-request-intro .c-marquee span {
  color: #eedede;
}
.p-request--seika .p-request-form__required {
  background: #F1C9D1;
}
.p-request--seika .p-request-form .p-request-form__required {
  color: #3a3a3a;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.l-header-contact .l-header__title {
  flex-direction: column;
  align-items: unset;
}
.l-header-contact .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #fff;
}
.l-header-contact .l-header__cta .c-btn:first-of-type {
  color: #fff;
  background: #DE528C;
}
.l-header-contact .l-header__cta .c-btn:last-of-type {
  background: #FFE762;
}
.l-header-contact .l-header__cta .c-btn:hover {
  box-shadow: 0 0 0 0.15rem #fff;
}
@media screen and (max-width: 767px) {
  .l-header-contact .l-header__nav-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .l-header-contact .l-header__nav-cta .c-btn {
    margin: 0;
  }
}
.l-header-contact .l-header__nav-cta-inner:first-of-type .c-btn {
  width: 12rem;
  color: #fff;
  background: #DE528C;
}
@media screen and (max-width: 767px) {
  .l-header-contact .l-header__nav-cta-inner:first-of-type .c-btn {
    width: 100%;
  }
}
.l-header-contact .l-header__nav-cta-inner:last-of-type .c-btn {
  width: 21rem;
  background: #FFE762;
}
@media screen and (max-width: 767px) {
  .l-header-contact .l-header__nav-cta-inner:last-of-type .c-btn {
    width: 100%;
  }
}
.l-header-contact .l-header.js-scroll .l-header__cta .c-btn {
  box-shadow: 0 0 0 0.1rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .l-header-contact .l-header__fixed {
    justify-content: left;
    gap: 1.6rem;
  }
}
.l-header-contact .l-header__fixed-cta.c-btn {
  white-space: nowrap;
  padding: 0.2rem 1.4rem;
}
@media screen and (max-width: 767px) {
  .l-header-contact .l-header__fixed-cta.c-btn {
    display: none;
  }
}
.l-header-contact .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #fff;
  background: #DE528C;
}
.l-header-contact .l-header__fixed-cta.c-btn:last-of-type {
  background: #FFE762;
}

.p-contact + .l-footer {
  position: relative;
  z-index: 1;
}

.p-contact-intro {
  position: relative;
  z-index: 1;
  padding-block: 34rem 0;
}
@media screen and (max-width: 767px) {
  .p-contact-intro {
    padding-block: 15.4rem 0;
  }
}
.p-contact-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
}
.p-contact-intro .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 14rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-contact-intro .c-marquee {
    top: 7.2rem;
  }
}
.p-contact-intro .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.p-contact-intro .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro .c-marquee span {
    font-size: 10rem;
  }
}
.p-contact-intro__inner {
  background: url(../img/open-campus/circle-head-wh.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 20rem, #fff 20rem, #fff 100%);
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__inner {
    background: url(../img/open-campus/circle-head-wh_sp.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 6rem, #fff 6rem, #fff 100%);
    padding-top: 5.7rem;
  }
}
.p-contact-intro__wrapper {
  width: 100%;
  max-width: 82.2rem;
  margin: 0 auto;
  padding: 0 1.6rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__wrapper {
    padding-bottom: 6.2rem;
  }
}
.p-contact-intro__head {
  margin: 0 0 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__head {
    margin: 0 0 3.2rem;
  }
}
.p-contact-intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.p-contact-intro__line {
  text-align: center;
  margin: 5.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__line {
    margin: 4.4rem 0 0;
  }
}
.p-contact-intro__line-lead {
  font-size: 1.6rem;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 0.9rem;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__line-lead {
    font-size: 1.3rem;
    gap: 0.2rem;
    margin-bottom: 0.7rem;
  }
}
.p-contact-intro__line-lead::before, .p-contact-intro__line-lead::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: auto;
  aspect-ratio: 6/14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.729' height='13.498' viewBox='0 0 5.729 13.498'%3E%3Cline id='Line_514' data-name='Line 514' x1='0.001' y2='14' transform='translate(5.259 13.327) rotate(160)' fill='none' stroke='%233a3a3a' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__line-lead::before, .p-contact-intro__line-lead::after {
    width: 0.5rem;
  }
}
.p-contact-intro__line-lead::after {
  transform: scaleX(-1);
}
.p-contact-intro__line-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  background: #06C755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 2.6rem;
  padding: 0 2.3rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__line-btn {
    height: 4rem;
    font-size: 1.3rem;
    padding: 0 2.4rem;
  }
}
.p-contact-intro__line-btn:hover {
  transform: scale(1.04);
  opacity: 0.9;
}
.p-contact-intro__line-desc {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  margin: 2.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__line-desc {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
}
.p-contact-intro__line-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-contact-intro__line-link:hover {
    text-decoration: none;
  }
}
.p-contact-intro__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin: 6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__text {
    font-size: 1.4rem;
    text-align: left;
    margin: 4rem 0 0;
    line-height: 1.6;
  }
}

.p-contact-tel {
  background: #F8F8F8;
  text-align: center;
  border-radius: 2rem;
  padding: 3.2rem 0;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-tel {
    border-radius: 1rem;
    padding: 2rem 0;
    margin: 2.4rem 0 3.2rem;
  }
}
.p-contact-tel-title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-contact-tel-title {
    font-size: 1.3rem;
  }
}
.p-contact-tel-tel {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 4.8rem;
  letter-spacing: 0.08em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-tel-tel {
    font-size: 2.7rem;
    margin-top: 0.6rem;
  }
}
.p-contact-tel-tel span {
  font-size: 3.2rem;
  margin: 0 0.8rem 0.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-contact-tel-tel span {
    font-size: 1.8rem;
  }
}
.p-contact-tel-time {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-tel-time {
    font-size: 1.2rem;
    margin: 0.6rem 0 0;
  }
}

.p-contact-form {
  background: #F8F8F8;
  border-radius: 2rem;
  padding: 8.1rem 10.3rem 8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-contact-form {
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
}
.p-contact-form__group:not(:first-child) {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__group:not(:first-child) {
    margin-top: 2.3rem;
  }
}
.p-contact-form__group legend.p-contact-form__label {
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__group legend.p-contact-form__label {
    margin-bottom: 1.2rem;
  }
}
.p-contact-form__label {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__label {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    gap: 0.7rem;
  }
}
.p-contact-form__required, .p-contact-form__optional {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: 1rem;
  padding: 0.3rem 0.8rem 0.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-contact-form__required, .p-contact-form__optional {
    font-size: 1.2rem;
  }
}
.p-contact-form__required {
  background: #E8729A;
}
.p-contact-form__optional {
  background: #CBCBCB;
}
.p-contact-form__input, .p-contact-form__select, .p-contact-form__textarea {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  background: #fff;
  border: 0.1rem solid #D5D5D5;
  border-radius: 1.6rem;
  padding: 1.8rem 1.6rem;
  transition: border-color 0.3s ease;
  text-align: left;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__input, .p-contact-form__select, .p-contact-form__textarea {
    font-size: 1.4rem;
    padding: 1.2rem 1.6rem;
    border-radius: 1rem;
  }
}
.p-contact-form__input::placeholder, .p-contact-form__select::placeholder, .p-contact-form__textarea::placeholder {
  color: #bbb;
}
.p-contact-form__input:focus, .p-contact-form__select:focus, .p-contact-form__textarea:focus {
  border-color: #E8729A;
}
.p-contact-form__input.is-error, .p-contact-form__select.is-error, .p-contact-form__textarea.is-error {
  border-color: #e04848;
}
.p-contact-form .js-validate-error {
  font-size: 1.3rem;
  color: #e04848;
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form .js-validate-error {
    font-size: 1.2rem;
  }
}
.p-contact-form__select-wrap {
  position: relative;
}
.p-contact-form__select {
  cursor: pointer;
  padding-right: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.984' height='7.053' viewBox='0 0 11.984 7.053'%3E%3Cg id='Group_4657' data-name='Group 4657' transform='translate(-183.352 -521.527)'%3E%3Cline id='Line_220' data-name='Line 220' x2='6.974' transform='translate(194.275 522.588) rotate(135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Line_221' data-name='Line 221' x2='6.974' transform='translate(189.344 527.52) rotate(-135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.2rem 0.7rem;
  background-position: calc(100% - 3rem) 55%;
  appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  .p-contact-form__select {
    background-size: 0.9rem 0.6rem;
    background-position: calc(100% - 2.2rem) 55%;
  }
}
.p-contact-form__textarea {
  resize: vertical;
  min-height: 18.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__textarea {
    min-height: 14rem;
  }
}
.p-contact-form__note {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #666;
  margin: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form__note {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
}
.p-contact-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-group {
    gap: 2.4rem;
  }
}
.p-contact-form__radio {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
}
.p-contact-form__radio input[type=radio] {
  position: absolute;
  z-index: -999;
  opacity: 0;
  visibility: hidden;
}
.p-contact-form__radio input[type=radio]:checked + .p-contact-form__radio-text::after {
  content: "";
  width: 1.2rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 0.3rem;
  left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio input[type=radio]:checked + .p-contact-form__radio-text::after {
    top: 0.3rem;
    left: 0.5rem;
    width: 1rem;
  }
}
.p-contact-form__radio-text {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  padding-left: 3.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-text {
    font-size: 1.4rem;
    padding-left: 2.7rem;
  }
}
.p-contact-form__radio-text::before {
  content: "";
  width: 2.4rem;
  height: auto;
  border-radius: 50%;
  border: 0.1rem solid #D5D5D5;
  background: #fff;
  position: absolute;
  aspect-ratio: 1/1;
  top: -0.3rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-text::before {
    top: -0.2rem;
    width: 2rem;
  }
}
.p-contact-form__footer {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form__footer {
    margin: 1.5rem 0 0;
  }
}
.p-contact-form__privacy {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #343434;
}
@media screen and (max-width: 767px) {
  .p-contact-form__privacy {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-contact-form__privacy-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-contact-form__privacy-link:hover {
    text-decoration: none;
  }
}
.p-contact-form__submit {
  display: flex;
  justify-content: center;
  margin: 2.9rem 0 0;
  position: relative;
}
.p-contact-form__submit::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.9rem;
  background-image: url(../img/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 27rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-contact-form__submit::after {
    right: 16.2rem;
  }
}
.p-contact-form__submit:hover::after {
  animation: btn-arrow-hover 0.5s ease;
}
@keyframes btn-arrow-hover {
  0% {
    opacity: 1;
    background-position: left center;
  }
  80% {
    opacity: 0;
    background-position: center right -100%;
  }
  81% {
    opacity: 0;
    background-position: left -10% center;
  }
  100% {
    opacity: 1;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .p-contact-form__submit {
    margin: 3.2rem 0 0;
  }
}
.p-contact-form__submit .c-btn {
  height: auto;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.8rem 5.5rem 1.8rem 3.7rem;
  border-radius: 5rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__submit .c-btn {
    font-size: 1.3rem;
    padding: 1.1rem 4rem 1.1rem 2rem;
  }
}
.p-contact-form__submit .c-btn::after {
  right: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__submit .c-btn::after {
    right: 1.8rem;
  }
}

.p-contact-complete__image {
  width: 17.6rem;
  margin: 6rem auto;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__image {
    width: 10.4rem;
    margin: 4rem auto 2.4rem;
  }
}
.p-contact-complete__body-title {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__body-title {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.4rem;
  }
}
.p-contact-complete__body-title:last-of-type {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__body-title:last-of-type {
    margin-bottom: 3.2rem;
  }
}
.p-contact-complete__body-text {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__body-text {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 2.4rem;
    line-height: 1.6;
  }
}
.p-contact-complete__body-text--small {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__body-text--small {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 0.4rem;
  }
}
.p-contact-complete__foot {
  border: solid 0.1rem #3a3a3a;
  border-radius: 2rem;
  padding: 4rem;
  margin-top: 7.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__foot {
    padding: 2rem;
    margin-top: 4.4rem;
  }
}
.p-contact-complete__foot-title {
  width: fit-content;
  background: #fff;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2272727273;
  white-space: nowrap;
  padding: 0 2.4rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-contact-complete__foot-title {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: 0 1.6rem;
    top: -1.4rem;
  }
}
.p-contact-complete__foot-text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.75;
  text-align: left;
  margin-bottom: -4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__foot-text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.6;
    margin-bottom: -2.8rem;
  }
}
.p-contact-complete__foot-note {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__foot-note {
    text-align: left;
    line-height: 1.6;
  }
}
.p-contact-complete__btn {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__btn {
    margin: 3.2rem auto 0;
  }
}
.p-contact-complete__links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__links {
    gap: 2.4rem;
  }
}
.p-contact-complete__links .c-link--line {
  --line-h: 0.1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__links .c-link--line {
    font-size: 1.2rem;
  }
}

.p-contact--seika .p-contact-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-contact--seika .p-contact-intro {
  position: relative;
}
.p-contact--seika .p-contact-intro .c-marquee {
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 14rem;
  left: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-contact--seika .p-contact-intro .c-marquee {
    top: 8rem;
  }
}
.p-contact--seika .p-contact-intro .c-marquee span {
  color: #eedede;
}
.p-contact--seika .p-contact-form__required {
  background: #F1C9D1;
}
.p-contact--seika .p-contact-form .p-contact-form__required {
  color: #3a3a3a;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.p-consultation + .l-footer {
  position: relative;
  z-index: 1;
}

.p-consultation-intro {
  position: relative;
  z-index: 1;
  padding-block: 34rem 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro {
    padding-block: 15.4rem 0;
  }
}
.p-consultation-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
}
.p-consultation-intro .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 14rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro .c-marquee {
    top: 7.2rem;
  }
}
.p-consultation-intro .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.p-consultation-intro .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro .c-marquee span {
    font-size: 10rem;
  }
}
.p-consultation-intro__inner {
  background: url(../img/open-campus/circle-head-wh.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 20rem, #fff 20rem, #fff 100%);
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__inner {
    background: url(../img/open-campus/circle-head-wh_sp.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 6rem, #fff 6rem, #fff 100%);
    padding-top: 5.7rem;
  }
}
.p-consultation-intro__wrapper {
  width: 100%;
  max-width: 82.2rem;
  margin: 0 auto;
  padding: 0 1.6rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__wrapper {
    padding-bottom: 6.2rem;
  }
}
.p-consultation-intro__head {
  margin: 0 0 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__head {
    margin: 0 0 3.2rem;
  }
}
.p-consultation-intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.p-consultation-intro__line {
  text-align: center;
  margin: 5.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__line {
    margin: 4.4rem 0 0;
  }
}
.p-consultation-intro__line-lead {
  font-size: 1.6rem;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 0.9rem;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__line-lead {
    font-size: 1.3rem;
    gap: 0.2rem;
    margin-bottom: 0.7rem;
  }
}
.p-consultation-intro__line-lead::before, .p-consultation-intro__line-lead::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: auto;
  aspect-ratio: 6/14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.729' height='13.498' viewBox='0 0 5.729 13.498'%3E%3Cline id='Line_514' data-name='Line 514' x1='0.001' y2='14' transform='translate(5.259 13.327) rotate(160)' fill='none' stroke='%233a3a3a' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__line-lead::before, .p-consultation-intro__line-lead::after {
    width: 0.5rem;
  }
}
.p-consultation-intro__line-lead::after {
  transform: scaleX(-1);
}
.p-consultation-intro__line-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  background: #06C755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 2.6rem;
  padding: 0 2.3rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__line-btn {
    height: 4rem;
    font-size: 1.3rem;
    padding: 0 2.4rem;
  }
}
.p-consultation-intro__line-btn:hover {
  transform: scale(1.04);
  opacity: 0.9;
}
.p-consultation-intro__line-desc {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  margin: 2.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__line-desc {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
}
.p-consultation-intro__line-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-consultation-intro__line-link:hover {
    text-decoration: none;
  }
}
.p-consultation-intro__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin: 6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-intro__text {
    font-size: 1.4rem;
    text-align: left;
    margin: 4rem 0 0;
    line-height: 1.6;
  }
}

.p-consultation-form {
  background: #F8F8F8;
  border-radius: 2rem;
  padding: 8.1rem 10.3rem 8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-consultation-form {
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
}
.p-consultation-form__group:not(:first-child) {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__group:not(:first-child) {
    margin-top: 2.3rem;
  }
}
.p-consultation-form__group legend.p-consultation-form__label {
  margin-bottom: 1.4rem;
  margin-bottom: 1.2rem;
}
.p-consultation-form__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__row {
    grid-template-columns: 1fr 12rem;
    gap: 1.5rem;
  }
}
.p-consultation-form__label {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__label {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    gap: 0.7rem;
  }
}
.p-consultation-form__label-sub {
  font-size: 1.3rem;
  margin: 0.9rem 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__label-sub {
    font-size: 1.1rem;
    margin: 0.8rem 0 0.6rem;
  }
}
.p-consultation-form__label-sub--mt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__label-sub--mt {
    margin-top: 1rem;
  }
}
.p-consultation-form__required, .p-consultation-form__optional {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: 1rem;
  padding: 0.3rem 0.8rem 0.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__required, .p-consultation-form__optional {
    font-size: 1.2rem;
  }
}
.p-consultation-form__required {
  background: #E8729A;
}
.p-consultation-form__optional {
  background: #CBCBCB;
}
.p-consultation-form__input, .p-consultation-form__select, .p-consultation-form__textarea {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  background: #fff;
  border: 0.1rem solid #D5D5D5;
  border-radius: 1.6rem;
  padding: 1.8rem 1.6rem;
  transition: border-color 0.3s ease;
  text-align: left;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__input, .p-consultation-form__select, .p-consultation-form__textarea {
    font-size: 1.4rem;
    padding: 1.2rem 1.6rem;
    border-radius: 1rem;
  }
}
.p-consultation-form__input::placeholder, .p-consultation-form__select::placeholder, .p-consultation-form__textarea::placeholder {
  color: #bbb;
}
.p-consultation-form__input:focus, .p-consultation-form__select:focus, .p-consultation-form__textarea:focus {
  border-color: #E8729A;
}
.p-consultation-form__input.is-error, .p-consultation-form__select.is-error, .p-consultation-form__textarea.is-error {
  border-color: #e04848;
}
.p-consultation-form .js-validate-error {
  font-size: 1.3rem;
  color: #e04848;
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-form .js-validate-error {
    font-size: 1.2rem;
  }
}
.p-consultation-form__select-wrap {
  position: relative;
}
.p-consultation-form__select {
  cursor: pointer;
  padding-right: 4rem;
  color: #343434;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.984' height='7.053' viewBox='0 0 11.984 7.053'%3E%3Cg id='Group_4657' data-name='Group 4657' transform='translate(-183.352 -521.527)'%3E%3Cline id='Line_220' data-name='Line 220' x2='6.974' transform='translate(194.275 522.588) rotate(135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Line_221' data-name='Line 221' x2='6.974' transform='translate(189.344 527.52) rotate(-135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.2rem 0.7rem;
  background-position: calc(100% - 3rem) 55%;
  appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__select {
    background-size: 0.9rem 0.6rem;
    background-position: calc(100% - 2.2rem) 55%;
  }
}
.p-consultation-form__select:has(option:checked[value=""]) {
  color: #d5d5d5;
}
.p-consultation-form__textarea {
  resize: vertical;
  min-height: 18.4rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__textarea {
    min-height: 14rem;
  }
}
.p-consultation-form__note {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #666;
  margin: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__note {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
}
.p-consultation-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__radio-group {
    gap: 2.4rem;
  }
}
.p-consultation-form__radio {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
}
.p-consultation-form__radio input[type=radio] {
  position: absolute;
  z-index: -999;
  opacity: 0;
  visibility: hidden;
}
.p-consultation-form__radio input[type=radio]:checked + .p-consultation-form__radio-text::after {
  content: "";
  width: 1.2rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 0.3rem;
  left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__radio input[type=radio]:checked + .p-consultation-form__radio-text::after {
    top: 0.3rem;
    left: 0.5rem;
    width: 1rem;
  }
}
.p-consultation-form__radio-text {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  padding-left: 3.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__radio-text {
    font-size: 1.4rem;
    padding-left: 2.7rem;
  }
}
.p-consultation-form__radio-text::before {
  content: "";
  width: 2.4rem;
  height: auto;
  border-radius: 50%;
  border: 0.1rem solid #D5D5D5;
  background: #fff;
  position: absolute;
  aspect-ratio: 1/1;
  top: -0.3rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__radio-text::before {
    top: -0.2rem;
    width: 2rem;
  }
}
.p-consultation-form__footer {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__footer {
    margin: 1.5rem 0 0;
  }
}
.p-consultation-form__privacy {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #343434;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__privacy {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-consultation-form__privacy-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-consultation-form__privacy-link:hover {
    text-decoration: none;
  }
}
.p-consultation-form__submit {
  display: flex;
  justify-content: center;
  margin: 2.9rem 0 0;
  position: relative;
}
.p-consultation-form__submit::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.9rem;
  background-image: url(../img/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 27rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-consultation-form__submit::after {
    right: 16.2rem;
  }
}
.p-consultation-form__submit:hover::after {
  animation: btn-arrow-hover 0.5s ease;
}
@keyframes btn-arrow-hover {
  0% {
    opacity: 1;
    background-position: left center;
  }
  80% {
    opacity: 0;
    background-position: center right -100%;
  }
  81% {
    opacity: 0;
    background-position: left -10% center;
  }
  100% {
    opacity: 1;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .p-consultation-form__submit {
    margin: 3.2rem 0 0;
  }
}
.p-consultation-form__submit .c-btn {
  height: auto;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.8rem 5.5rem 1.8rem 3.7rem;
  border-radius: 5rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__submit .c-btn {
    font-size: 1.3rem;
    padding: 1.1rem 4rem 1.1rem 2rem;
  }
}
.p-consultation-form__submit .c-btn::after {
  right: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-form__submit .c-btn::after {
    right: 1.8rem;
  }
}

.p-consultation-complete__image {
  width: 16.7rem;
  margin: 6rem auto;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__image {
    width: 8.7rem;
    margin: 4rem auto 2.4rem;
  }
}
.p-consultation-complete__body-title {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__body-title {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.4rem;
  }
}
.p-consultation-complete__body-title:last-of-type {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__body-title:last-of-type {
    margin-bottom: 3.2rem;
  }
}
.p-consultation-complete__body-text {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__body-text {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 2.4rem;
    line-height: 1.6;
  }
}
.p-consultation-complete__body-text--small {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__body-text--small {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 0.4rem;
  }
}
.p-consultation-complete__foot {
  border: solid 0.1rem #3a3a3a;
  border-radius: 2rem;
  padding: 4rem;
  margin-top: 7.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__foot {
    padding: 2rem;
    margin-top: 4.4rem;
  }
}
.p-consultation-complete__foot-title {
  width: fit-content;
  background: #fff;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2272727273;
  white-space: nowrap;
  padding: 0 2.4rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__foot-title {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: 0 1.6rem;
    top: -1.4rem;
  }
}
.p-consultation-complete__foot-text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.75;
  text-align: left;
  margin-bottom: -4rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__foot-text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.6;
    margin-bottom: -2.8rem;
  }
}
.p-consultation-complete__foot-note {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__foot-note {
    text-align: left;
    line-height: 1.6;
  }
}
.p-consultation-complete__btn {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__btn {
    margin: 3.2rem auto 0;
  }
}
.p-consultation-complete__links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__links {
    gap: 2.4rem;
  }
}
.p-consultation-complete__links .c-link--line {
  --line-h: 0.1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-consultation-complete__links .c-link--line {
    font-size: 1.2rem;
  }
}

.p-consultation--seika .p-consultation-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-consultation--seika .p-consultation-intro {
  position: relative;
}
.p-consultation--seika .p-consultation-intro .c-marquee {
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 14rem;
  left: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-consultation--seika .p-consultation-intro .c-marquee {
    top: 8rem;
  }
}
.p-consultation--seika .p-consultation-intro .c-marquee span {
  color: #eedede;
}
.p-consultation--seika .p-consultation-form__required {
  background: #F1C9D1;
}
.p-consultation--seika .p-consultation-form .p-consultation-form__required {
  color: #3a3a3a;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
.p-briefing + .l-footer {
  position: relative;
  z-index: 1;
}

.p-briefing-intro {
  position: relative;
  z-index: 1;
  padding-block: 34rem 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro {
    padding-block: 15.4rem 0;
  }
}
.p-briefing-intro::before {
  content: "";
  display: block;
  width: calc(100% + 100rem);
  height: calc(100vh + 100rem);
  background-image: url(../img/db/mv-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: -50rem;
  z-index: -1;
  -webkit-animation: mv-move 10s linear infinite;
  animation: mv-move 10s linear infinite;
}
.p-briefing-intro .c-marquee {
  opacity: 0.15;
  position: absolute;
  top: 14rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro .c-marquee {
    top: 7.2rem;
  }
}
.p-briefing-intro .c-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.p-briefing-intro .c-marquee span {
  color: #fff;
  font-size: 23rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro .c-marquee span {
    font-size: 10rem;
  }
}
.p-briefing-intro__inner {
  background: url(../img/open-campus/circle-head-wh.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 20rem, #fff 20rem, #fff 100%);
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__inner {
    background: url(../img/open-campus/circle-head-wh_sp.svg) no-repeat center top/100% auto, linear-gradient(to bottom, transparent 0%, transparent 6rem, #fff 6rem, #fff 100%);
    padding-top: 5.7rem;
  }
}
.p-briefing-intro__wrapper {
  width: 100%;
  max-width: 82.2rem;
  margin: 0 auto;
  padding: 0 1.6rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__wrapper {
    padding-bottom: 6.2rem;
  }
}
.p-briefing-intro__head {
  margin: 0 0 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__head {
    margin: 0 0 3.2rem;
  }
}
.p-briefing-intro__title {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.p-briefing-intro__line {
  text-align: center;
  margin: 5.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__line {
    margin: 4.4rem 0 0;
  }
}
.p-briefing-intro__line-lead {
  font-size: 1.6rem;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin: 0 0 0.9rem;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__line-lead {
    font-size: 1.3rem;
    gap: 0.2rem;
    margin-bottom: 0.7rem;
  }
}
.p-briefing-intro__line-lead::before, .p-briefing-intro__line-lead::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: auto;
  aspect-ratio: 6/14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.729' height='13.498' viewBox='0 0 5.729 13.498'%3E%3Cline id='Line_514' data-name='Line 514' x1='0.001' y2='14' transform='translate(5.259 13.327) rotate(160)' fill='none' stroke='%233a3a3a' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__line-lead::before, .p-briefing-intro__line-lead::after {
    width: 0.5rem;
  }
}
.p-briefing-intro__line-lead::after {
  transform: scaleX(-1);
}
.p-briefing-intro__line-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  background: #06C755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 2.6rem;
  padding: 0 2.3rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__line-btn {
    height: 4rem;
    font-size: 1.3rem;
    padding: 0 2.4rem;
  }
}
.p-briefing-intro__line-btn:hover {
  transform: scale(1.04);
  opacity: 0.9;
}
.p-briefing-intro__line-desc {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  margin: 2.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__line-desc {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
}
.p-briefing-intro__line-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-briefing-intro__line-link:hover {
    text-decoration: none;
  }
}
.p-briefing-intro__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin: 6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-intro__text {
    font-size: 1.4rem;
    text-align: left;
    margin: 4rem 0 0;
    line-height: 1.6;
  }
}

.p-briefing-form {
  background: #F8F8F8;
  border-radius: 2rem;
  padding: 8.1rem 10.3rem 8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-briefing-form {
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
}
.p-briefing-form__group:not(:first-child) {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__group:not(:first-child) {
    margin-top: 2.3rem;
  }
}
.p-briefing-form__group legend.p-briefing-form__label {
  margin-bottom: 1.4rem;
  margin-bottom: 1.2rem;
}
.p-briefing-form__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__row {
    grid-template-columns: 1fr 12rem;
    gap: 1.5rem;
  }
}
.p-briefing-form__label {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__label {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    gap: 0.7rem;
  }
}
.p-briefing-form__label-sub {
  font-size: 1.3rem;
  margin: 0.9rem 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__label-sub {
    font-size: 1.1rem;
    margin: 0.8rem 0 0.6rem;
  }
}
.p-briefing-form__label-sub--mt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__label-sub--mt {
    margin-top: 1rem;
  }
}
.p-briefing-form__required, .p-briefing-form__optional {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: 1rem;
  padding: 0.3rem 0.8rem 0.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__required, .p-briefing-form__optional {
    font-size: 1.2rem;
  }
}
.p-briefing-form__required {
  background: #E8729A;
}
.p-briefing-form__optional {
  background: #CBCBCB;
}
.p-briefing-form__input, .p-briefing-form__select, .p-briefing-form__textarea {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  background: #fff;
  border: 0.1rem solid #D5D5D5;
  border-radius: 1.6rem;
  padding: 1.8rem 1.6rem;
  transition: border-color 0.3s ease;
  text-align: left;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__input, .p-briefing-form__select, .p-briefing-form__textarea {
    font-size: 1.4rem;
    padding: 1.2rem 1.6rem;
    border-radius: 1rem;
  }
}
.p-briefing-form__input::placeholder, .p-briefing-form__select::placeholder, .p-briefing-form__textarea::placeholder {
  color: #bbb;
}
.p-briefing-form__input:focus, .p-briefing-form__select:focus, .p-briefing-form__textarea:focus {
  border-color: #E8729A;
}
.p-briefing-form__input.is-error, .p-briefing-form__select.is-error, .p-briefing-form__textarea.is-error {
  border-color: #e04848;
}
.p-briefing-form .js-validate-error {
  font-size: 1.3rem;
  color: #e04848;
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-form .js-validate-error {
    font-size: 1.2rem;
  }
}
.p-briefing-form__select-wrap {
  position: relative;
}
.p-briefing-form__select {
  cursor: pointer;
  padding-right: 4rem;
  color: #343434;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.984' height='7.053' viewBox='0 0 11.984 7.053'%3E%3Cg id='Group_4657' data-name='Group 4657' transform='translate(-183.352 -521.527)'%3E%3Cline id='Line_220' data-name='Line 220' x2='6.974' transform='translate(194.275 522.588) rotate(135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Line_221' data-name='Line 221' x2='6.974' transform='translate(189.344 527.52) rotate(-135)' fill='none' stroke='%233a3a3a' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.2rem 0.7rem;
  background-position: calc(100% - 3rem) 55%;
  appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__select {
    background-size: 0.9rem 0.6rem;
    background-position: calc(100% - 2.2rem) 55%;
  }
}
.p-briefing-form__select:has(option:checked[value=""]) {
  color: #d5d5d5;
}
.p-briefing-form__textarea {
  resize: vertical;
  min-height: 18.4rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__textarea {
    min-height: 14rem;
  }
}
.p-briefing-form__note {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #666;
  margin: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__note {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
}
.p-briefing-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__radio-group {
    gap: 2.4rem;
  }
}
.p-briefing-form__radio {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
}
.p-briefing-form__radio input[type=radio] {
  position: absolute;
  z-index: -999;
  opacity: 0;
  visibility: hidden;
}
.p-briefing-form__radio input[type=radio]:checked + .p-briefing-form__radio-text::after {
  content: "";
  width: 1.2rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 0.3rem;
  left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__radio input[type=radio]:checked + .p-briefing-form__radio-text::after {
    top: 0.3rem;
    left: 0.5rem;
    width: 1rem;
  }
}
.p-briefing-form__radio-text {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #343434;
  padding-left: 3.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__radio-text {
    font-size: 1.4rem;
    padding-left: 2.7rem;
  }
}
.p-briefing-form__radio-text::before {
  content: "";
  width: 2.4rem;
  height: auto;
  border-radius: 50%;
  border: 0.1rem solid #D5D5D5;
  background: #fff;
  position: absolute;
  aspect-ratio: 1/1;
  top: -0.3rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__radio-text::before {
    top: -0.2rem;
    width: 2rem;
  }
}
.p-briefing-form__footer {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__footer {
    margin: 1.5rem 0 0;
  }
}
.p-briefing-form__privacy {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #343434;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__privacy {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-briefing-form__privacy-link {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-briefing-form__privacy-link:hover {
    text-decoration: none;
  }
}
.p-briefing-form__submit {
  display: flex;
  justify-content: center;
  margin: 2.9rem 0 0;
  position: relative;
}
.p-briefing-form__submit::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.9rem;
  background-image: url(../img/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 27rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-briefing-form__submit::after {
    right: 16.2rem;
  }
}
.p-briefing-form__submit:hover::after {
  animation: btn-arrow-hover 0.5s ease;
}
@keyframes btn-arrow-hover {
  0% {
    opacity: 1;
    background-position: left center;
  }
  80% {
    opacity: 0;
    background-position: center right -100%;
  }
  81% {
    opacity: 0;
    background-position: left -10% center;
  }
  100% {
    opacity: 1;
    background-position: left center;
  }
}
@media screen and (max-width: 767px) {
  .p-briefing-form__submit {
    margin: 3.2rem 0 0;
  }
}
.p-briefing-form__submit .c-btn {
  height: auto;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.8rem 5.5rem 1.8rem 3.7rem;
  border-radius: 5rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__submit .c-btn {
    font-size: 1.3rem;
    padding: 1.1rem 4rem 1.1rem 2rem;
  }
}
.p-briefing-form__submit .c-btn::after {
  right: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-form__submit .c-btn::after {
    right: 1.8rem;
  }
}

.p-briefing-complete__image {
  width: 16.7rem;
  margin: 6rem auto;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__image {
    width: 8.7rem;
    margin: 4rem auto 2.4rem;
  }
}
.p-briefing-complete__body-title {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__body-title {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.4rem;
  }
}
.p-briefing-complete__body-title:last-of-type {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__body-title:last-of-type {
    margin-bottom: 3.2rem;
  }
}
.p-briefing-complete__body-text {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__body-text {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 2.4rem;
    line-height: 1.6;
  }
}
.p-briefing-complete__body-text--small {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__body-text--small {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 0.4rem;
  }
}
.p-briefing-complete__foot {
  border: solid 0.1rem #3a3a3a;
  border-radius: 2rem;
  padding: 4rem;
  margin-top: 7.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__foot {
    padding: 2rem;
    margin-top: 4.4rem;
  }
}
.p-briefing-complete__foot-title {
  width: fit-content;
  background: #fff;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2272727273;
  white-space: nowrap;
  padding: 0 2.4rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__foot-title {
    font-size: 1.5rem;
    line-height: 1.8;
    padding: 0 1.6rem;
    top: -1.4rem;
  }
}
.p-briefing-complete__foot-text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.75;
  text-align: left;
  margin-bottom: -4rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__foot-text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.6;
    margin-bottom: -2.8rem;
  }
}
.p-briefing-complete__foot-note {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__foot-note {
    text-align: left;
    line-height: 1.6;
  }
}
.p-briefing-complete__btn {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__btn {
    margin: 3.2rem auto 0;
  }
}
.p-briefing-complete__links {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__links {
    gap: 2.4rem;
  }
}
.p-briefing-complete__links .c-link--line {
  --line-h: 0.1rem;
  --line-color: #3a3a3a;
  --line-hover-color: #3a3a3a;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-briefing-complete__links .c-link--line {
    font-size: 1.2rem;
  }
}

.p-briefing--seika .p-briefing-intro::before {
  background-image: url(../img/db/mv-bg-seika.jpg);
}
.p-briefing--seika .p-briefing-intro {
  position: relative;
}
.p-briefing--seika .p-briefing-intro .c-marquee {
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 14rem;
  left: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .p-briefing--seika .p-briefing-intro .c-marquee {
    top: 8rem;
  }
}
.p-briefing--seika .p-briefing-intro .c-marquee span {
  color: #eedede;
}
.p-briefing--seika .p-briefing-form__required {
  background: #F1C9D1;
}
.p-briefing--seika .p-briefing-form .p-briefing-form__required {
  color: #3a3a3a;
}

@media screen and (max-width: 767px) {
  .p-course .l-header-template .l-header__title a {
    margin-left: 1.6rem;
  }
}
.p-course .p-template-intro {
  padding-top: 13.6rem;
  padding-bottom: 12rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-course .p-template-intro {
    padding-top: 11rem;
    padding-bottom: 2.4rem;
  }
}
.p-course .p-template-intro:after {
  content: "";
  width: 100%;
  height: 36.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-course .p-template-intro:after {
    bottom: -9rem;
  }
}
.p-course .p-template-intro .c-marquee {
  top: 32rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-course .p-template-intro .c-marquee {
    top: 28.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course .p-template-intro .c-marquee span {
    font-size: 12rem;
  }
}
.p-course-intro__inner {
  max-width: 1280px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-course-intro__inner {
    padding: 0 1.6rem;
  }
}
.p-course-intro__catch {
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-course-intro__catch {
    font-size: 1.5rem;
  }
}
.p-course-intro__title {
  font-weight: bold;
  font-size: 4.2rem;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.4476190476;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__title {
    font-size: 2.4rem;
  }
}
.p-course-intro__info {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__info {
    gap: 0.8rem;
  }
}
.p-course-intro__info p {
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-course-intro__info p {
    font-size: 1.3rem;
  }
}
.p-course-intro__info p span {
  font-family: "Barlow Condensed", serif;
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__info p span {
    font-size: 1.8rem;
  }
}
.p-course-intro__info p:not(:last-child) {
  padding-right: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__info p:not(:last-child) {
    padding-right: 0.8rem;
  }
}
.p-course-intro__info p:not(:last-child):before {
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: #fff;
  position: absolute;
  bottom: 0.5rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-course-intro__info p:not(:last-child):before {
    height: 1.3rem;
    bottom: 0.2rem;
  }
}
.p-course-intro__img {
  margin-top: 10rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.2rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-course-intro__img {
    margin-bottom: 2rem;
  }
}
.p-course-intro__box {
  padding: 3.2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box {
    padding: 1.6rem;
    grid-template-columns: 1fr;
  }
}
.p-course-intro__box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2rem;
  background-color: #fff;
  z-index: -1;
  mix-blend-mode: soft-light;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box:before {
    border-radius: 1.5rem;
  }
}
.p-course-intro__box-item:first-of-type .p-course-intro__box-title:before {
  background-image: url(../img/course/icon-human.png);
}
.p-course-intro__box-item:first-of-type .p-course-intro__box-list-item:before {
  background-image: url(../img/course/icon-check-01.png);
  width: 2rem;
  height: 2rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-item:first-of-type .p-course-intro__box-list-item:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.5rem;
  }
}
.p-course-intro__box-item:nth-of-type(2) {
  padding-left: 3.2rem;
  border-left: 1px solid #D5D5D5;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-item:nth-of-type(2) {
    padding-left: 0;
    padding-top: 1.6rem;
    margin-top: 1.6rem;
    border-left: none;
    border-top: 1px solid #D5D5D5;
  }
}
.p-course-intro__box-item:nth-of-type(2) .p-course-intro__box-title:before {
  background-image: url(../img/course/icon-security.png);
}
.p-course-intro__box-item:nth-of-type(2) .p-course-intro__box-list-item:before {
  background-image: url(../img/course/icon-check-02.png);
  width: 1.9rem;
  height: 2.33rem;
  margin-top: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-item:nth-of-type(2) .p-course-intro__box-list-item:before {
    width: 1.2rem;
    height: 1.5rem;
    margin-top: 0.3rem;
  }
}
.p-course-intro__box-title {
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1.375;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-title {
    font-size: 1.4rem;
    gap: 0.8rem;
  }
}
.p-course-intro__box-title:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-title:before {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.p-course-intro__box-list {
  margin-top: 2rem;
  padding-left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-list {
    margin-top: 1rem;
  }
}
.p-course-intro__box-list-item {
  font-size: 1.6rem;
  line-height: 1.8;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-list-item {
    font-size: 1.3rem;
    gap: 0 0.8rem;
  }
}
.p-course-intro__box-list-item:not(:first-child) {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-list-item:not(:first-child) {
    margin-top: 0;
  }
}
.p-course-intro__box-list-item:before {
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.p-course-intro__box-list-item p {
  flex: 1;
}
.p-course-intro__box-list-item span {
  color: #6F6F6F;
  line-height: 1.2;
  width: 100%;
  padding-left: 3rem;
}
@media screen and (max-width: 767px) {
  .p-course-intro__box-list-item span {
    padding-left: 1.8rem;
    white-space: nowrap;
  }
}
.p-course .p-template-body {
  overflow: clip;
}
.p-course .p-template-body__wrapper--has-sidebar {
  gap: 0;
  padding-top: 0;
}
.p-course .p-template-body__content {
  padding-left: 11.6rem;
  border-left: 1px solid #E5E5E5;
}
@media screen and (max-width: 767px) {
  .p-course .p-template-body__content {
    padding-left: 0;
    border: none;
  }
}
.p-course .p-sidebar {
  width: 31.8rem;
  flex-shrink: 0;
  padding-right: 2.4rem;
  text-align: left;
  position: sticky;
  top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-course .p-sidebar {
    top: 0;
    display: flex;
    flex-direction: column-reverse;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #E5E5E5;
    padding: 1rem 0 0 1.6rem;
    width: 100vw;
    margin: 0 0 4rem -1.6rem;
  }
}
.p-course .c-sidebar {
  position: static;
  border-right: none;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .p-course .c-sidebar {
    border-bottom: none;
    padding: 0 1.6rem 1.3rem 0;
    margin: 0;
    width: calc(100vw - 1.6rem);
  }
}
@media screen and (max-width: 767px) {
  .p-course .p-course-sidebar {
    padding-bottom: 1.1rem;
    padding-right: 1.6rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid #D5D5D5;
    overflow-x: auto;
    width: calc(100vw - 1.6rem);
    display: flex;
  }
}
.p-course .p-course-sidebar__title {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1.4285714286;
  margin-top: 5.5rem;
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.p-course .p-course-sidebar__title:after {
  content: "";
  flex: 1;
  width: 100%;
  height: 0.1rem;
  background-color: #EDEDED;
}
@media screen and (max-width: 767px) {
  .p-course .p-course-sidebar__title {
    display: none;
  }
}
.p-course .p-course-sidebar__list {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course .p-course-sidebar__list {
    margin-top: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.8rem;
  }
}
.p-course .p-course-sidebar__item:not(:first-child) {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course .p-course-sidebar__item:not(:first-child) {
    margin-top: 0;
  }
}
.p-course .p-course-sidebar__link {
  font-size: 1.4rem;
  color: #777777;
  line-height: 1.4285714286;
  display: inline-block;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-course .p-course-sidebar__link {
    font-size: 1.3rem;
    color: #3A3A3A;
    background-color: #EDEDED;
    border-radius: 100vmax;
    white-space: nowrap;
    padding: 0.2rem 1rem;
  }
}
.p-course .p-course-sidebar__item--active .p-course-sidebar__link {
  font-weight: bold;
  color: #3A3A3A;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-course .p-course-sidebar__item--active .p-course-sidebar__link {
    background: #D6EAC4;
    text-decoration: none;
  }
}
.p-course .c-article__head:not(:first-child) {
  position: relative;
  z-index: 1;
  margin-top: 20.6rem;
}
@media screen and (max-width: 767px) {
  .p-course .c-article__head:not(:first-child) {
    margin-top: 11rem;
  }
}
.p-course .c-article__head:not(:first-child)::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #3E3E3E;
  position: absolute;
  bottom: calc(100% + 11.8rem);
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-course .c-article__head:not(:first-child)::before {
    bottom: calc(100% + 5.4rem);
  }
}
.p-course .c-accordion__header--course:before {
  background-image: url(../img/course/icon-course.png);
}
.p-course .swiper-container {
  position: relative;
}
.p-course .swiper-container .swiper-button-next,
.p-course .swiper-container .swiper-button-prev {
  width: 4rem;
  height: 4rem;
  border: 1px solid #3A3A3A;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-course .swiper-container .swiper-button-next,
  .p-course .swiper-container .swiper-button-prev {
    display: none;
  }
}
.p-course .swiper-container .swiper-button-next:hover,
.p-course .swiper-container .swiper-button-prev:hover {
  transform: scale(1.05);
  box-shadow: 0 0 0 0.15rem #3a3a3a;
}
.p-course .swiper-container .swiper-button-next:after,
.p-course .swiper-container .swiper-button-prev:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon-arrow-right.svg);
  background-size: 1.1rem 1.1rem;
  background-position: center;
  background-repeat: no-repeat;
}
.p-course .swiper-container .swiper-button-prev {
  left: -7rem;
}
.p-course .swiper-container .swiper-button-prev:after {
  transform: rotate(180deg);
}
.p-course .swiper-container .swiper-button-next {
  right: -7rem;
}
.p-course__slider {
  margin-right: calc(50% - 50vw);
}
.p-course__slider .swiper-slide {
  margin-right: 3rem;
}
@media screen and (max-width: 767px) {
  .p-course__slider .swiper-slide {
    margin-right: 1.6rem;
  }
}
.p-course__slider--sm .swiper-slide {
  width: 32.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__slider--sm .swiper-slide {
    width: 20.9rem;
  }
}
.p-course__slider--md .swiper-slide {
  width: 38rem;
}
@media screen and (max-width: 767px) {
  .p-course__slider--md .swiper-slide {
    width: 20.9rem;
  }
}
.p-course__slider--md .swiper-slide img {
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__slider--md .swiper-slide img {
    border-radius: 1.5rem;
  }
}
.p-course__slider--md .swiper-slide--link {
  height: auto;
  background-color: #fff;
  border-radius: 1.5rem;
  border: 1px solid #3A3A3A;
}
.p-course__slider--md .swiper-slide--link div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.6rem;
}
.p-course__slider--md .swiper-slide--link p {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-course__slider--md .swiper-slide--link p {
    font-size: 1.3rem;
  }
}
.p-course__slider--md .swiper-slide--link span {
  width: 4rem;
  height: 4rem;
  border: 1px solid #3A3A3A;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-course__slider--md .swiper-slide--link span {
    width: 3rem;
    height: 3rem;
  }
}
.p-course__slider--md .swiper-slide--link span:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon-arrow-right.svg);
  background-size: 1.1rem 1.1rem;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .p-course__slider--md .swiper-slide--link span:after {
    background-size: 0.9rem 0.9rem;
  }
}
.p-course__slider--md .swiper-slide--link:hover span {
  transform: scale(1.05);
  box-shadow: 0 0 0 0.15rem #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-course__slider--lg {
    margin-left: calc(50% - 50vw);
  }
}
.p-course__slider--lg .swiper-slide {
  width: 44rem;
}
@media screen and (max-width: 767px) {
  .p-course__slider--lg .swiper-slide {
    width: 25.3rem;
  }
}
.p-course .c-article__desc strong {
  font-weight: bold;
  background-color: #EDEDED;
  padding: 0 0.2rem;
}
.p-course__sec-block {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec-block {
    margin-top: 4.8rem;
  }
}
.p-course__sec-block-heading span {
  font-family: "Barlow Condensed", serif;
  font-weight: 600;
  font-size: 4.4rem;
  letter-spacing: 0.08em;
  opacity: 0.6;
  color: transparent;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-course__sec-block-heading span {
    font-size: 3rem;
  }
}
.p-course__sec-block-heading + h4 {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec-block-heading + h4 {
    margin-top: 0;
  }
}
.p-course__sec-block-title {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.06em;
  line-height: 1.8;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec-block-title {
    font-size: 1.6rem;
  }
}
.p-course__sec01-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem 3rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid {
    grid-template-columns: 1fr;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid--pc-only {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .p-course__sec01-grid--sp-only {
    display: none !important;
  }
}
.p-course__sec01-grid-img {
  border-radius: 2rem;
  aspect-ratio: 3/2;
  width: 100%;
  object-fit: cover;
}
.p-course__sec01-grid .c-article__box {
  margin-top: 0;
  position: relative;
  padding-right: 6.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid .c-article__box {
    padding-right: 7.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid .c-article__box-title {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid .c-article__desc {
    font-size: 1.3rem;
  }
}
.p-course__sec01-grid .c-article__desc p span {
  font-weight: bold;
  color: #3A3A3A;
  background-color: inherit;
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid .c-article__desc p span {
    background: none;
  }
}
.p-course__sec01-grid-image {
  position: absolute;
  bottom: 0;
  right: -9rem;
  width: 15.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01-grid-image {
    width: 9.9rem;
    right: -2.7rem;
  }
}
.p-course__sec01 .p-course__slider {
  margin-top: 5rem;
  padding-bottom: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider {
    margin-top: 2.4rem;
    padding-bottom: 1.6rem;
  }
}
.p-course__sec01 .p-course__slider:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0.2rem;
  border-left: 0.1rem solid #D5D5D5;
  border-bottom: 0.1rem solid #D5D5D5;
  border-bottom-left-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider:before {
    border-radius: 1.5rem;
    width: 105%;
  }
}
.p-course__sec01 .p-course__slider .swiper-slide {
  text-align: center;
  margin-right: 0;
  padding: 2.3rem 2.3rem 0;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider .swiper-slide {
    padding: 1.6rem 1.6rem 0;
    box-sizing: content-box;
  }
}
.p-course__sec01 .p-course__slider .swiper-slide:before {
  content: "";
  width: 0.1rem;
  height: calc(100% - 4.6rem);
  background-color: #D5D5D5;
  position: absolute;
  top: 4.6rem;
  right: 0;
}
.p-course__sec01 .p-course__slider .swiper-slide--last .p-course__slider-number:after {
  display: none;
}
.p-course__sec01 .p-course__slider .swiper-slide--last img {
  width: 96.5%;
  margin: auto;
}
.p-course__sec01 .p-course__slider-number {
  font-family: "Barlow Condensed", serif;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.8rem;
  background-color: #fff;
  width: calc(100% + 0.2rem);
  padding-left: 1.3rem;
  height: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-number {
    font-size: 1.4rem;
  }
}
.p-course__sec01 .p-course__slider-number span {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-number span {
    font-size: 1.8rem;
  }
}
.p-course__sec01 .p-course__slider-number:before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #3E3E3E;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-number:before {
    top: 1.2rem;
  }
}
.p-course__sec01 .p-course__slider-number:after {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 8rem;
  width: calc(100% - 8.1rem);
  height: 0.1rem;
  background-color: #3E3E3E;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-number:after {
    top: 1.4rem;
  }
}
.p-course__sec01 .p-course__slider-text {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-text {
    font-size: 1.2rem;
    margin-top: 2.2rem;
  }
}
.p-course__sec01 .p-course__slider-text span {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-text span {
    font-size: 1.8rem;
  }
}
.p-course__sec01 .p-course__slider-img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-img {
    border-radius: 1.5rem;
  }
}
.p-course__sec01 .p-course__slider-img--last {
  width: 95%;
  margin: auto;
}
.p-course__sec01 .p-course__slider-title {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  margin-top: 0.8rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01 .p-course__slider-title {
    font-size: 1.4rem;
    margin-top: 0.4rem;
  }
}
.p-course__sec01 .p-course__slider-desc {
  font-size: 1.2rem;
  color: #888888;
  margin-top: 1rem;
}
.p-course__sec01-cta {
  text-align: center;
}
.p-course__sec01-cta span {
  font-weight: bold;
  font-size: 2.4rem;
  letter-spacing: 0.06em;
  line-height: 1.6;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec01-cta span {
    font-size: 1.6rem;
    gap: 2.5rem;
  }
}
.p-course__sec01-cta span:before {
  content: "";
  width: 0.1rem;
  height: 6rem;
  background-color: #3A3A3A;
  transform: rotate(-20deg);
}
@media screen and (max-width: 767px) {
  .p-course__sec01-cta span:before {
    height: 4.3rem;
  }
}
.p-course__sec01-cta span:after {
  content: "";
  width: 0.1rem;
  height: 6rem;
  background-color: #3A3A3A;
  transform: rotate(20deg);
}
@media screen and (max-width: 767px) {
  .p-course__sec01-cta span:after {
    height: 4.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .p-course__sec-block-heading + h4 {
    font-size: 1.8rem;
  }
}
.p-course__sec02-image {
  width: 48rem;
  margin: 4rem auto 5rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-image {
    width: 100%;
    margin: 2.4rem auto;
  }
}
.p-course__sec02 .p-course__slider--lg {
  margin-top: 5rem;
  margin-left: -11.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .p-course__slider--lg {
    margin-top: 3.2rem;
  }
}
.p-course__sec02 .p-course__slider--lg .swiper-wrapper {
  transition-timing-function: linear;
}
.p-course__sec02 .p-course__slider--lg img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .p-course__slider--lg img {
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .c-article__desc {
    margin-top: 1.6rem;
  }
}
.p-course__sec02 .c-article__box-content .c-article__desc p:first-child {
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .c-article__box-content .c-article__desc p {
    font-size: 1.3rem;
  }
}
.p-course__sec02-accordion-content + .p-course__sec02-accordion-content {
  margin-top: 4rem;
  padding-top: 3.3rem;
  border-top: 0.1rem solid #D5D5D5;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-accordion-content + .p-course__sec02-accordion-content {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
  }
}
.p-course__sec02-accordion-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.06em;
  background: #3A3A3A;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  padding: 0.2rem 1.2rem;
  border-radius: 5rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-accordion-title {
    font-size: 1.4rem;
    padding: 0.1rem 1rem;
  }
}
.p-course__sec02-accordion-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-accordion-grid {
    grid-template-columns: 1fr;
  }
}
.p-course__sec02-accordion-list-item {
  font-size: 1.4rem;
  line-height: 1.8;
  position: relative;
  padding-left: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-accordion-list-item {
    font-size: 1.2rem;
    padding-left: 1rem;
  }
}
.p-course__sec02-accordion-list-item:before {
  content: "";
  width: 0.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 1rem;
  left: 0;
}
.p-course__sec02-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem 3rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
    margin-top: 3.2rem;
  }
}
.p-course__sec02-grid-img {
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-grid-img {
    border-radius: 1.5rem;
  }
}
.p-course__sec02-grid-text {
  font-size: 1.4rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02-grid-text {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
}
.p-course__sec02 .p-course__slider--md {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .p-course__slider--md {
    margin-top: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec02 .c-accordion__title span {
    display: block;
  }
}
.p-course__sec03-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem 3rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-grid {
    grid-template-columns: 1fr;
    margin-top: 0.4rem;
  }
}
.p-course__sec03-grid-item {
  border: 1px solid #E0E0E0;
  padding: 2.4rem;
  border: 1px solid #CBCBCB;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-grid-item {
    padding: 1.6rem;
    border-radius: 1.5rem;
  }
}
.p-course__sec03-head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-head {
    gap: 0.8rem;
  }
}
.p-course__sec03-head img {
  width: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-head img {
    width: 2.6rem;
  }
}
.p-course__sec03-head p {
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-head p {
    font-size: 1.4rem;
  }
}
.p-course__sec03-list {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-list {
    margin-top: 0.8rem;
  }
}
.p-course__sec03-list-item {
  font-size: 1.6rem;
  line-height: 1.8;
  position: relative;
  padding-left: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-list-item {
    font-size: 1.4rem;
    padding-left: 1rem;
  }
}
.p-course__sec03-list-item:before {
  content: "";
  width: 0.6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #3A3A3A;
  position: absolute;
  top: 1rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-course__sec03-list-item:before {
    width: 0.4rem;
  }
}
.p-course__sec03-img {
  margin-top: 1.6rem;
}
.p-course__sec04-text {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec04-text {
    gap: 0.2rem;
  }
}
.p-course__sec04-text p:nth-of-type(1) {
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec04-text p:nth-of-type(1) {
    font-size: 1.7rem;
  }
}
.p-course__sec04-text p:nth-of-type(2) {
  font-family: "Barlow Condensed", serif;
  font-weight: 600;
  font-size: 6.6rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec04-text p:nth-of-type(2) {
    font-size: 3.2rem;
  }
}
.p-course__sec04-text p:nth-of-type(3) {
  font-family: "Barlow Condensed", serif;
  font-size: 4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-course__sec04-text p:nth-of-type(3) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course__sec04 .c-article__desc {
    margin-top: 1.6rem;
  }
}
.p-course__sec04 .c-article__desc-link {
  margin-top: 0.6rem;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-course__sec04 .c-article__desc-link {
    margin-top: 0;
  }
}
.p-course__sec05 {
  position: relative;
}
.p-course__sec05 .c-btn {
  position: absolute;
  top: 9rem;
  right: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-course__sec05 .c-btn {
    top: 4rem;
  }
}
.p-course__sec05 .p-course__slider {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec05 .p-course__slider {
    margin-top: 2.4rem;
  }
}
.p-course__sec05 .p-course__slider img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec05 .p-course__slider img {
    border-radius: 1.5rem;
  }
}
.p-course__sec05 .p-course__slider-text {
  font-weight: 500;
  font-size: 1.2rem;
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec05 .p-course__slider-text {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.p-course__sec05 .p-course__slider-title {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec05 .p-course__slider-title {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }
}
.p-course__sec05 .p-course__slider-title span {
  font-weight: normal;
  font-size: 1.2rem;
}
.p-course__sec05 .p-course__slider-desc {
  font-size: 1.2rem;
  color: #888888;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec05 .p-course__slider-desc {
    font-size: 1.1rem;
    margin-top: 0.5rem;
  }
}

.p-course-fd .p-template-intro::before {
  background-image: url(../img/course/fd/mv-bg.jpg);
  animation: none;
}
.p-course-fd .p-course__sec-block-heading span {
  background: linear-gradient(100deg, #5f9f4e 0%, #5f9f4e 30%, #c0ef9e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.l-header-lp .l-header__nav-cta.l-header__nav-cta--seika {
  display: block;
  margin-inline: auto;
  width: 60%;
}

.l-header-template.l-header-lp .l-header__fixed-cta.c-btn:nth-of-type(2) {
  color: #3a3a3a;
}

.p-seika-lp {
  color: #3a3a3a;
}
.p-seika-lp-section-title {
  font-size: 8rem;
  line-height: 1.2;
  letter-spacing: 0.08rem;
  font-weight: 600;
  font-family: "Barlow Condensed", serif;
  letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp-section-title {
    font-size: 4.8rem;
  }
}
.p-seika-lp-section-subtitle {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-seika-lp-section-subtitle {
    font-size: 1.6rem;
  }
}
.p-seika-lp .p-seika-college__body {
  margin-top: -2.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp .p-seika-college__body {
    margin-top: -5rem;
  }
}
.p-seika-lp .p-seika-college__body .p-seika-college__slider-main {
  width: 40.6rem;
  aspect-ratio: 406/270;
}
@media screen and (max-width: 767px) {
  .p-seika-lp .p-seika-college__body .p-seika-college__slider-main {
    width: 24.1rem;
    aspect-ratio: 241/160;
  }
}
.p-seika-lp .p-seika-college__body .p-seika-college__slider-sub {
  width: 18.8rem;
  aspect-ratio: 188/276;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 4.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp .p-seika-college__body .p-seika-college__slider-sub {
    width: 10.8rem;
    aspect-ratio: 108/160;
    margin-top: 3rem;
  }
}
.p-seika-lp .p-seika-college__body .p-seika-college__slider .swiper-slide {
  margin-right: 3rem;
  max-width: 62.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp .p-seika-college__body .p-seika-college__slider .swiper-slide {
    margin-right: 1.6rem;
    max-width: 36.5rem;
  }
}
.p-seika-lp .p-seika-college__body .p-seika-college__slider-item {
  padding-top: 9rem;
}
.p-seika-lp__mv {
  position: relative;
  overflow: hidden;
  background: #F6E9E9;
  padding: 7.6rem 0 4.6rem;
  min-height: 92rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv {
    padding: 6rem 0 1.4rem;
    min-height: auto;
  }
}
.p-seika-lp__mv-bg-circle {
  position: absolute;
  top: -3.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 89.8rem;
  height: 89.8rem;
  border-radius: 50%;
  background: #fff;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-bg-circle {
    top: 6.2rem;
    width: 51rem;
    height: 51rem;
  }
}
.p-seika-lp__mv-bg-text {
  position: absolute;
  top: 12.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #eed6db;
  white-space: nowrap;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-bg-text {
    top: 10.8rem;
    font-size: 5.2rem;
  }
}
.p-seika-lp__mv-decoration-item {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.p-seika-lp__mv-decoration-item img {
  display: block;
  width: 100%;
  height: auto;
}
.p-seika-lp__mv-decoration-item--cookie {
  top: 43rem;
  left: 23.5rem;
  width: 12.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-decoration-item--cookie {
    top: 32.6rem;
    left: -1.3rem;
    width: 6.8rem;
  }
}
.p-seika-lp__mv-decoration-item--beans {
  top: 9.8rem;
  right: 29.6rem;
  width: 16rem;
  transform: rotate(4deg);
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-decoration-item--beans {
    top: 7.6rem;
    right: 0.6rem;
    width: 8.6rem;
  }
}
.p-seika-lp__mv-decoration-item--croissant {
  top: 51rem;
  right: 23rem;
  width: 17rem;
  transform: rotate(4deg);
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-decoration-item--croissant {
    top: 37.6rem;
    right: -2rem;
    width: 9.2rem;
  }
}
.p-seika-lp__mv-inner {
  position: relative;
  margin-inline: auto;
}
.p-seika-lp__mv-main {
  position: relative;
  text-align: center;
  padding-top: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main {
    padding-top: 4rem;
  }
}
.p-seika-lp__mv-main-spot {
  margin-inline: auto;
  width: 13rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-spot {
    width: 11.8rem;
  }
}
.p-seika-lp__mv-main-copy {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  color: #3a312f;
}
.p-seika-lp__mv-main-copy::before, .p-seika-lp__mv-main-copy::after {
  position: absolute;
  top: 50%;
  width: 3.2rem;
  height: 0.1rem;
  background: #7d706d;
  content: "";
}
.p-seika-lp__mv-main-copy::before {
  left: -4rem;
  transform: rotate(24deg);
  transform-origin: right center;
}
.p-seika-lp__mv-main-copy::after {
  right: -4rem;
  transform: rotate(-24deg);
  transform-origin: left center;
}
.p-seika-lp__mv-main-title-en {
  font-size: 11.7rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.4rem;
  color: #F1C9D1;
  font-family: "Barlow Condensed", serif;
  margin-top: -3rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-title-en {
    margin-top: -1.8rem;
    font-size: 6.2rem;
    letter-spacing: 0.2rem;
  }
}
.p-seika-lp__mv-main-title {
  margin-top: -1.9rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-title {
    font-size: 1.4rem;
    margin-top: -1.2rem;
    letter-spacing: 0.1rem;
  }
}
.p-seika-lp__mv-main-lead {
  margin-top: 3rem;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 0.08rem;
  color: #4B3F39;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-lead {
    font-size: 1.7rem;
    line-height: 1.88;
    margin-top: 1.8rem;
  }
}
.p-seika-lp__mv-main-lead-strong {
  font-size: 4.9rem;
  line-height: 1.44;
  letter-spacing: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-lead-strong {
    font-size: 3rem;
    line-height: 1.06;
    letter-spacing: 0.3rem;
  }
}
.p-seika-lp__mv-main-button {
  margin-top: 3.7rem;
  margin-inline: auto;
  cursor: pointer;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-button {
    margin-top: 1.8rem;
  }
}
.p-seika-lp__mv-main-button-link.c-btn--arrow::after {
  height: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__mv-main-button-link.c-btn--arrow::after {
    height: 0.9rem;
  }
}
.p-seika-lp__mv-gallery {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.55fr 1fr 1.1fr;
  gap: 2.4rem;
  align-items: end;
  margin-top: 5.8rem;
}
.p-seika-lp__mv-gallery-item {
  overflow: hidden;
  border-radius: 1.6rem;
  box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.08);
  background: #fff;
}
.p-seika-lp__menu {
  background: #fff;
  text-align: center;
  position: relative;
  padding-top: 12rem;
}
.p-seika-lp__menu::before {
  content: "";
  position: absolute;
  top: -9rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../img/seika-lp/menu-bg.png) no-repeat center center/100% 100%;
  width: 100%;
  height: 11rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu::before {
    display: none;
    padding-top: 0rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu {
    padding: 6.4rem 0 7rem;
  }
}
.p-seika-lp__menu-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-inner {
    padding-inline: 1.6rem;
    width: 100%;
  }
}
.p-seika-lp__menu-head {
  display: grid;
  grid-template-columns: 1fr 52rem;
  gap: 8rem;
  align-items: start;
  justify-items: start;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-head {
    display: block;
  }
}
.p-seika-lp__menu-head-main {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-head-main {
    text-align: center;
    margin-inline: auto;
  }
}
.p-seika-lp__menu-head-main-en {
  color: #f1c9d1;
  letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-head-main-en {
    letter-spacing: 0.2rem;
  }
}
.p-seika-lp__menu-head-main-title {
  line-height: 1.6;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-head-main-title {
    line-height: 1.6;
    text-align: center;
  }
}
.p-seika-lp__menu-head-text {
  text-align: left;
  padding-top: 1.8rem;
}
.p-seika-lp__menu-head-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.08rem;
  }
}
.p-seika-lp__menu-benefit {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit {
    margin-top: 2.6rem;
  }
}
.p-seika-lp__menu-benefit-title {
  font-weight: 700;
  line-height: 1.13;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-title {
    font-size: 1.2rem;
  }
}
.p-seika-lp__menu-benefit-list {
  display: flex;
  gap: 0.2rem;
  margin-top: 1.4rem;
  padding: 3.4rem;
  background: #f8f8f8;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list {
    flex-direction: column;
    gap: 1.4rem;
    margin-top: 0.8rem;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-lp__menu-benefit-list-sp {
    display: none;
  }
}
.p-seika-lp__menu-benefit-list-item {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  min-width: 0;
  text-align: left;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list-item {
    gap: 1rem;
    align-items: center;
  }
}
.p-seika-lp__menu-benefit-list-item-icon {
  flex-shrink: 0;
  width: 3.7rem;
  font-size: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list-item-icon {
    width: 1.6rem;
    font-size: 1.6rem;
  }
}
.p-seika-lp__menu-benefit-list-item-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.p-seika-lp__menu-benefit-list-item-content {
  flex: 1;
  min-width: 0;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list-item-content {
    letter-spacing: 0.02rem;
  }
}
.p-seika-lp__menu-benefit-list-item-content-title {
  font-weight: 700;
  line-height: 1.57;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list-item-content-title {
    font-size: 1.2rem;
  }
}
.p-seika-lp__menu-benefit-list-item-content-text {
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-benefit-list-item-content-text {
    font-size: 1.1rem;
    opacity: 0.7;
  }
}
.p-seika-lp__menu-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.8rem;
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards {
    grid-template-columns: 1fr;
    margin-top: 2.4rem;
    gap: 0;
  }
}
.p-seika-lp__menu-cards-item {
  padding-block: 2.8rem 2.6rem;
  border-top: 0.1rem solid #E5E5E5;
}
@media screen and (min-width: 768px) {
  .p-seika-lp__menu-cards-item:nth-last-child(-n+3) {
    border-bottom: 1px solid #d9d9d9;
  }
}
@media screen and (min-width: 768px) {
  .p-seika-lp__menu-cards-item:nth-child(-n+3) {
    border-bottom: 0.1rem solid #d9d9d9;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item {
    padding-block: 1.8rem 2.4rem;
  }
  .p-seika-lp__menu-cards-item:last-of-type {
    border-bottom: 0.1rem solid #E5E5E5;
  }
}
.p-seika-lp__menu-cards-item-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.p-seika-lp__menu-cards-item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
}
.p-seika-lp__menu-cards-item-date {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-date {
    gap: 1rem;
  }
}
.p-seika-lp__menu-cards-item-date-day {
  flex-shrink: 0;
  font-family: "Barlow Condensed", serif;
  font-size: 5.4rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-date-day {
    font-size: 4.6rem;
  }
}
.p-seika-lp__menu-cards-item-date-meta {
  padding-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-date-meta {
    padding-top: 0.8rem;
  }
}
.p-seika-lp__menu-cards-item-date-meta-time {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-date-meta-time {
    font-size: 1.2rem;
    font-weight: 700;
  }
}
.p-seika-lp__menu-cards-item-date-meta-time-big {
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-date-meta-time-big {
    font-size: 1.4rem;
  }
}
.p-seika-lp__menu-cards-item-date-meta-label {
  margin-top: 0.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-date-meta-label {
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
  }
}
.p-seika-lp__menu-cards-item-status {
  flex-shrink: 0;
  text-align: center;
}
.p-seika-lp__menu-cards-item-status--aco {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  right: 6rem;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-status--aco {
    top: -4rem;
    right: 5.2rem;
    width: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-status .p-seika-lp__menu-cards-item-status-link {
    min-width: 8rem;
    padding: 0.7rem 1.6rem 0.8rem 0rem;
  }
}
.p-seika-lp__menu-cards-item-status-text {
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-status-text {
    margin-block: -1.4rem 0.4rem;
    font-size: 1.1rem;
  }
}
.p-seika-lp__menu-cards-item-status-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9.7rem;
  min-height: 3.6rem;
  padding-inline: 0 0.8rem;
  border: 0.1rem solid #3a3a3a;
  border-radius: 9999px;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04rem;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-status-link {
    min-width: 9.8rem;
    min-height: 2.2rem;
    padding: 0.7rem 2.6rem 0.8rem 0rem;
    font-size: 1.2rem;
  }
}
.p-seika-lp__menu-cards-item-status-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.4rem;
  transform: translate(-50%, -50%);
  background: url(../img/seika-lp/menu-arrow-01.svg) no-repeat center center/cover;
  width: 0.6rem;
  height: 1rem;
  transition: filter 0.3s ease;
}
.p-seika-lp__menu-cards-item-body {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-body {
    margin-top: 0.6rem;
  }
}
.p-seika-lp__menu-cards-item-title {
  font-size: 2rem;
  font-weight: 700;
  text-align: left;
  line-height: 1.12;
  letter-spacing: 0.06rem;
  margin-left: -0.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-title {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.p-seika-lp__menu-cards-item-tags {
  margin-top: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.06rem;
  color: #6f6f6f;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-tags {
    margin-top: 0.2rem;
    font-size: 1.2rem;
    line-height: 1.6;
    gap: 1.6;
    letter-spacing: 0.12rem;
  }
}
.p-seika-lp__menu-cards-item-tags-item {
  display: inline-block;
}
.p-seika-lp__menu-cards-item-image {
  overflow: hidden;
  margin-top: 1.6rem;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-cards-item-image {
    margin-top: 1.2rem;
    border-radius: 1.5rem;
  }
}
.p-seika-lp__menu-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-seika-lp__menu-cards-item-link:hover .p-seika-lp__menu-cards-item-status-link {
  background: #3A3A3A;
  color: #fff;
}
.p-seika-lp__menu-cards-item-link:hover .p-seika-lp__menu-cards-item-status-link::after {
  filter: brightness(0) invert(1);
}
.p-seika-lp__menu-more {
  margin-top: 4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-more {
    margin-top: 2.4rem;
  }
}
.p-seika-lp__menu-more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-decoration: none;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu-more-link {
    font-size: 1.6rem;
  }
}
.p-seika-lp__menu-more-icon {
  display: inline-block;
  line-height: 1;
}
.p-seika-lp__menu .p-design-lp__menu-accordion-item-header {
  border-top: 1px solid #E5E5E5;
}
.p-seika-lp__menu .p-design-lp__menu-accordion-item-header .p-design-lp__menu-accordion-item:first-child {
  border-top: none;
}
.p-seika-lp__menu .p-design-lp__menu-accordion-item-header:hover .p-seika-lp__menu-cards-item-status-link {
  background: #3A3A3A;
  color: #fff;
}
.p-seika-lp__menu .p-design-lp__menu-accordion-item-header:hover .p-seika-lp__menu-cards-item-status-link::after {
  filter: brightness(0) invert(1);
}
.p-seika-lp__menu .p-design-lp__menu-current-title {
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu .p-design-lp__menu-current-title {
    margin-top: 5rem;
  }
}
.p-seika-lp__menu .p-design-lp__menu-current-title--sp {
  padding-left: 1.4rem;
}
.p-seika-lp__menu .p-design-lp__menu-current-subtitle {
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__menu .p-design-lp__menu-current-subtitle {
    font-size: 1.4rem;
  }
}
.p-seika-lp__menu .p-design-lp__menu-accordion {
  margin-top: 3.2rem;
}
.p-seika-lp__merit {
  padding-block: 8.8rem 10.2rem;
  background: #F9EFF1;
  position: relative;
  margin-top: 13rem;
}
.p-seika-lp__merit::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 10.9rem;
  background: url(../img/seika-lp/merit-bg.png) no-repeat center center/100% 100%;
  top: -3.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit::before {
    background-size: cover;
    height: 6rem;
    top: -1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit {
    padding-block: 3.6rem 5rem;
    margin-top: 0;
    text-align: center;
  }
}
.p-seika-lp__merit-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-inner {
    width: 100%;
    padding-inline: 1.6rem;
  }
}
.p-seika-lp__merit-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 6rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-head {
    display: block;
  }
}
.p-seika-lp__merit-head-main-copy {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-head-main-copy {
    width: 18rem;
  }
  .p-seika-lp__merit-head-main-copy::after {
    right: -0.8rem;
    bottom: -1rem;
    width: 11.8rem;
    height: 1.2rem;
  }
}
.p-seika-lp__merit-head-main-en {
  color: #f1c9d1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-head-main-en {
    margin-top: -1rem;
    letter-spacing: 0.2rem;
  }
}
.p-seika-lp__merit-head-main-title {
  line-height: 1.6;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-head-main-title {
    margin-top: 0rem;
    letter-spacing: 0.06rem;
  }
}
.p-seika-lp__merit-head-text {
  padding-top: 6.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-head-text {
    padding-top: 1.8rem;
  }
}
.p-seika-lp__merit-head-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.08rem;
  color: #3a3a3a;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.08rem;
  }
}
.p-seika-lp__merit-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.6rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-cards {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 2.5rem;
  }
}
.p-seika-lp__merit-cards-item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  min-height: 16.8rem;
  padding: 2.4rem 2.4rem 1.8rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-cards-item {
    gap: 1.4rem;
    min-height: auto;
    padding: 1.4rem 1.6rem 1.8rem;
    border-radius: 1.4rem;
  }
}
.p-seika-lp__merit-cards-item-image {
  flex-shrink: 0;
  width: 10.6rem;
  height: 14.4rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-cards-item-image {
    width: 10rem;
    border-radius: 1rem;
    height: 13.1rem;
  }
}
.p-seika-lp__merit-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1rem;
}
.p-seika-lp__merit-cards-item-content {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-cards-item-content {
    text-align: left;
  }
}
.p-seika-lp__merit-cards-item-content-num {
  font-family: "Barlow Condensed", serif;
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04rem;
  color: #F1C9D1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-cards-item-content-num {
    font-size: 3.4rem;
    margin-top: 1rem;
  }
}
.p-seika-lp__merit-cards-item-content-title {
  margin-top: 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__merit-cards-item-content-title {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.65;
  }
}
.p-seika-lp__merit-cards-item-content-title span {
  color: #E46A8B;
}
.p-seika-lp__reservation {
  padding-block: 4.4rem 7rem;
  position: relative;
  overflow: hidden;
  background: #FCEF8E;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation {
    padding-block: 1.6rem 0rem;
  }
}
.p-seika-lp__reservation-inner {
  position: relative;
  min-height: 24rem;
  padding-top: 4.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-inner {
    min-height: 21.5rem;
    padding: 2.8rem 1.6rem 0;
  }
}
.p-seika-lp__reservation-head {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-head {
    padding-bottom: 5.6rem;
  }
}
.p-seika-lp__reservation-head-main-copy {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.1;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-head-main-copy {
    font-size: 1.4rem;
    line-height: 2.7;
  }
}
.p-seika-lp__reservation-head-main-title {
  margin-top: 0.4rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-head-main-title {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: -0.4rem;
  }
}
.p-seika-lp__reservation-head-button {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-head-button {
    margin-top: 2rem;
  }
}
.p-seika-lp__reservation-head-button-link {
  margin-inline: auto;
}
.p-seika-lp__reservation-head-button-link.c-btn--arrow::after {
  height: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-head-button-link.c-btn--arrow::after {
    height: 0.9rem;
  }
}
.p-seika-lp__reservation-head-bg-text {
  position: absolute;
  left: 50%;
  bottom: -12.6rem;
  transform: translateX(-50%);
  font-family: "Barlow Condensed", serif;
  font-size: 17rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04rem;
  color: rgba(255, 255, 255, 0.25);
  white-space: nowrap;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-head-bg-text {
    bottom: -0.6rem;
    font-size: 8rem;
    bottom: -2rem;
  }
}
.p-seika-lp__reservation-person {
  position: absolute;
  z-index: 1;
}
.p-seika-lp__reservation-person img {
  display: block;
  width: 100%;
  height: auto;
}
.p-seika-lp__reservation-person--left {
  left: 14rem;
  width: 29rem;
  bottom: -8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-person--left {
    left: -2rem;
    width: 9.4rem;
    bottom: 0;
  }
}
.p-seika-lp__reservation-person--right {
  right: 15rem;
  width: 30rem;
  bottom: -7rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__reservation-person--right {
    right: -2rem;
    width: 10rem;
    bottom: 0rem;
  }
}
.p-seika-lp__reservation--second {
  margin-top: 1.6rem;
}
.p-seika-lp__flow {
  padding: 10rem 0 6.4rem;
  background: #725548;
  position: relative;
}
.p-seika-lp__flow::after {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../img/seika-lp/flow-bg.png) no-repeat center center/100% 100%;
  width: 100%;
  height: 11rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow::after {
    background-size: cover;
    width: 100%;
    height: 5rem;
    bottom: -2rem;
    aspect-ratio: unset;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow {
    padding: 4.8rem 0 3.6rem;
  }
}
.p-seika-lp__flow-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-inner {
    width: 100%;
    padding-inline: 1.6rem;
  }
}
.p-seika-lp__flow-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 6rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-head {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-head-main {
    text-align: center;
  }
}
.p-seika-lp__flow-head-main-en {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-head-main-en {
    letter-spacing: 0.2rem;
  }
}
.p-seika-lp__flow-head-main-title {
  line-height: 1.6;
  letter-spacing: 0.16rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-head-main-title {
    margin-top: 0rem;
    text-align: center;
    letter-spacing: 0.06rem;
  }
}
.p-seika-lp__flow-head-text {
  padding-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-head-text {
    padding-top: 1.6rem;
  }
}
.p-seika-lp__flow-head-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.08rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
  }
}
.p-seika-lp__flow-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem 2.8rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards {
    grid-template-columns: 1fr;
    gap: 1.8rem;
    margin-top: 2.8rem;
  }
}
.p-seika-lp__flow-cards-item {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  min-height: 14.2rem;
  padding: 2.4rem;
  border-radius: 1.8rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item {
    gap: 1rem;
    min-height: auto;
    padding: 1.6rem 1.4rem 1.4rem;
    border-radius: 1.4rem;
  }
}
.p-seika-lp__flow-cards-item-image {
  flex-shrink: 0;
  width: 10.6rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #ddd;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item-image {
    width: 10.2rem;
  }
}
.p-seika-lp__flow-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 80/104;
  object-fit: cover;
}
.p-seika-lp__flow-cards-item-image:empty {
  aspect-ratio: 80/104;
}
.p-seika-lp__flow-cards-item-content {
  flex: 1;
  min-width: 0;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item-content {
    margin-top: 1.4rem;
  }
}
.p-seika-lp__flow-cards-item-content-head {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item-content-head {
    gap: 1.4rem;
  }
}
.p-seika-lp__flow-cards-item-content-time {
  flex-shrink: 0;
  font-family: "Barlow Condensed", serif;
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0.14rem;
  color: #f1c9d1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item-content-time {
    font-size: 3.4rem;
    letter-spacing: 0.2rem;
  }
}
.p-seika-lp__flow-cards-item-content-title {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item-content-title {
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: 0.04rem;
  }
}
.p-seika-lp__flow-cards-item-content-text {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-cards-item-content-text {
    margin-top: 0.3rem;
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.1rem;
  }
}
.p-seika-lp__flow-note {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-note {
    margin-top: 1rem;
  }
}
.p-seika-lp__flow-note-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__flow-note-text {
    font-size: 1.1rem;
    line-height: 1.75;
    letter-spacing: 0.14rem;
  }
}
.p-seika-lp__flow-note-text + .p-seika-lp__flow-note-text {
  margin-top: 0.2rem;
}
.p-seika-lp__voice {
  padding: 14.8rem 0 8.2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice {
    padding: 6.8rem 0 3.4rem;
    overflow: hidden;
  }
}
.p-seika-lp__voice-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-inner {
    width: 100%;
    padding-inline: 1.6rem;
  }
}
.p-seika-lp__voice-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 6rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-head {
    display: block;
  }
}
.p-seika-lp__voice-head-main-en {
  color: #F1C9D1;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-head-main-en {
    text-align: center;
    letter-spacing: 0.2rem;
  }
}
.p-seika-lp__voice-head-main-title {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-head-main-title {
    margin-top: 0.4rem;
    text-align: center;
  }
}
.p-seika-lp__voice-head-text {
  padding-top: 2.2rem;
}
.p-seika-lp__voice-head-text-desc {
  font-size: 1.6rem;
  line-height: 1.85;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.04rem;
  }
}
.p-seika-lp__voice-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 2rem;
  }
}
.p-seika-lp__voice-cards-item {
  min-width: 0;
}
.p-seika-lp__voice-cards-item-inner {
  position: relative;
  padding: 2.6rem 2.4rem 2rem;
  border: 0.1rem solid #F1C9D1;
  border-radius: 2rem;
  background: #FCF9F9;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards-item-inner {
    min-height: 12rem;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards-item-inner--height {
    min-height: 15rem;
  }
}
.p-seika-lp__voice-cards-item-content {
  position: relative;
  z-index: 2;
  max-width: 26.4rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards-item-content {
    max-width: 25rem;
  }
}
.p-seika-lp__voice-cards-item-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 1.2rem;
  border-radius: 9999px;
  background: #F1C9D1;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards-item-label {
    padding: 0.15rem 1rem;
    font-size: 1.3rem;
  }
}
.p-seika-lp__voice-cards-item-text {
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.12rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards-item-text {
    margin-top: 0.6rem;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 0.03rem;
  }
}
.p-seika-lp__voice-cards-item-text strong {
  font-weight: 700;
}
.p-seika-lp__voice-cards-item-image {
  position: absolute;
  right: -2.5rem;
  bottom: 0;
  z-index: 1;
  width: 11.7rem;
}
@media screen and (max-width: 767px) {
  .p-seika-lp__voice-cards-item-image {
    right: -4.4rem;
  }
}
.p-seika-lp__voice-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
}

.l-header-lp .l-header__nav-cta.l-header__nav-cta--design {
  display: block;
  margin-inline: auto;
  width: 60%;
}

.l-header-lp.l-header-template .l-header__cta .c-btn:last-of-type {
  color: #3a3a3a;
}

.p-design-lp {
  color: #3a3a3a;
}
.p-design-lp-section-title {
  font-size: 8rem;
  line-height: 1.2;
  letter-spacing: 0.08rem;
  font-weight: 600;
  font-family: "Barlow Condensed", serif;
  letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp-section-title {
    font-size: 4.8rem;
  }
}
.p-design-lp-section-subtitle {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-design-lp-section-subtitle {
    font-size: 1.6rem;
  }
}
.p-design-lp .p-template-intro .c-marquee {
  top: -9rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-template-intro .c-marquee {
    top: -3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-template-intro .c-marquee span {
    font-size: 12rem;
  }
}
.p-design-lp .p-template-intro::before {
  content: none;
}
.p-design-lp__mv {
  position: relative;
  overflow: hidden;
  height: 100vh;
  padding: 8.2rem 2rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv {
    height: auto;
    padding: 4.8rem 1.6rem 2rem;
    height: 67.5rem;
  }
}
.p-design-lp__mv-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.p-design-lp__mv-bg picture,
.p-design-lp__mv-bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-design-lp__mv-bg img {
  object-fit: cover;
  object-position: center center;
}
.p-design-lp__mv-inner {
  position: relative;
  z-index: 2;
  max-width: 120rem;
  margin: 0 auto;
}
.p-design-lp__mv-shape {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.p-design-lp__mv-shape img {
  display: block;
  width: 100%;
  height: auto;
}
.p-design-lp__mv-shape--triangle-left {
  left: 28.8rem;
  top: 10rem;
  width: 13.2rem;
  opacity: 0.1;
}
.p-design-lp__mv-shape--triangle-left img {
  filter: grayscale(1) saturate(0) brightness(0.32);
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-shape--triangle-left {
    left: 1rem;
    top: 7rem;
    width: 7.2rem;
  }
}
.p-design-lp__mv-shape--triangle-top {
  top: 42.4rem;
  left: 0rem;
  width: 14rem;
  opacity: 0.1;
}
.p-design-lp__mv-shape--triangle-top img {
  filter: grayscale(1) saturate(0) brightness(0.32);
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-shape--triangle-top {
    top: 35.6rem;
    left: -3.4rem;
    width: 9rem;
  }
}
.p-design-lp__mv-shape--wave {
  top: 24.8rem;
  right: 32rem;
  width: 13.8rem;
  opacity: 0.04;
}
.p-design-lp__mv-shape--wave img {
  filter: grayscale(1) saturate(0) brightness(0.32);
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-shape--wave {
    top: 21.2rem;
    right: -0.5rem;
    width: 8rem;
  }
}
.p-design-lp__mv-shape--triangle-right {
  right: 5.4rem;
  top: 32.2rem;
  width: 12rem;
  opacity: 0.1;
}
.p-design-lp__mv-shape--triangle-right img {
  filter: grayscale(1) saturate(0) brightness(0.32);
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-shape--triangle-right {
    right: 0.8rem;
    top: 18.6rem;
    width: 4.8rem;
  }
}
.p-design-lp__mv-shape--line {
  left: 3.2rem;
  top: 30.2rem;
  width: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-shape--line {
    left: -0.2rem;
    top: auto;
    bottom: 10rem;
    width: 3.6rem;
  }
}
.p-design-lp__mv-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.p-design-lp__mv-main-spot {
  width: 11.2rem;
  margin-top: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-spot {
    width: 10.4rem;
    margin-top: 6rem;
  }
}
.p-design-lp__mv-main-spot img {
  display: block;
  width: 100%;
  height: auto;
}
.p-design-lp__mv-main-title-en {
  margin-top: -1.8rem;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11.7rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.26rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-title-en {
    margin-top: -0.4rem;
    font-size: 6.2rem;
    letter-spacing: 0.12rem;
  }
}
.p-design-lp__mv-main-title {
  margin-top: -1.6rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.2;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-title {
    margin-top: -0.6rem;
    font-size: 1.4rem;
  }
}
.p-design-lp__mv-main-lead {
  margin-block: 2.8rem -1.2rem;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.22rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-lead {
    margin-block: 3.6rem 1.4rem;
    font-size: 1.7rem;
  }
}
.p-design-lp__mv-main-lead-strong {
  width: 32.2rem;
  display: inline-block;
  position: relative;
  top: 0rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-lead-strong {
    width: 20rem;
    top: 0.5rem;
  }
}
.p-design-lp__mv-main-lead-text {
  position: relative;
  top: -1rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-lead-text {
    top: 0rem;
  }
}
.p-design-lp__mv-main-persons {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 15rem;
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-persons {
    gap: 5.8rem;
    margin-top: 3.2rem;
  }
}
.p-design-lp__mv-main-person img {
  display: block;
  width: 100%;
  height: auto;
}
.p-design-lp__mv-main-person--left {
  width: 14.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-person--left {
    width: 11.6rem;
  }
}
.p-design-lp__mv-main-person--right {
  width: 15.4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-person--right {
    width: 12.6rem;
  }
}
.p-design-lp__mv-main-buttons {
  display: flex;
  justify-content: center;
  gap: 6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-buttons {
    gap: 1.2rem;
    width: 100%;
    margin-top: 0rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-button {
    flex: 1;
  }
}
.p-design-lp__mv-main-button-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24rem;
  height: 4.8rem;
  padding: 0 10rem 0 2rem;
  border: 1px solid #444;
  border-radius: 9999px;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-button-link {
    width: 22rem;
    min-width: 0;
    height: 4.2rem;
    padding: 0 4rem 0 0;
    font-size: 1.2rem;
    letter-spacing: 0.3rem;
  }
}
.p-design-lp__mv-main-button-link.c-btn--arrow::after {
  height: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-button-link.c-btn--arrow::after {
    height: 0.9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__mv-main-button-link-mv {
    width: 16.4rem;
  }
}
.p-design-lp__menu {
  background: #fff;
  text-align: center;
  position: relative;
  padding-top: 4rem;
  position: relative;
  margin-top: -5rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu {
    padding-block: 5rem 9rem;
  }
}
.p-design-lp__menu::before {
  content: "";
  position: absolute;
  top: -12rem;
  left: 0;
  background: url(../img/design-lp/menu-bg.png) no-repeat center center/100% 100%;
  width: 100%;
  height: 12rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu::before {
    content: none;
  }
}
.p-design-lp__menu-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-inner {
    padding-inline: 1.6rem;
    width: 100%;
  }
}
.p-design-lp__menu-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 8rem;
  align-items: start;
  justify-items: start;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-head {
    display: block;
  }
}
.p-design-lp__menu-head-main {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-head-main {
    text-align: center;
    margin-inline: auto;
  }
}
.p-design-lp__menu-head-main-en {
  color: #f1c9d1;
  letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-head-main-en {
    letter-spacing: 0.2rem;
  }
}
.p-design-lp__menu-head-main-title {
  line-height: 1.6;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-head-main-title {
    line-height: 1.6;
    text-align: center;
  }
}
.p-design-lp__menu-head-text {
  text-align: left;
  padding-top: 1.8rem;
}
.p-design-lp__menu-head-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.08rem;
  }
}
.p-design-lp__menu-current {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-current {
    margin-top: 2.4rem;
  }
}
.p-design-lp__menu-current-title {
  margin-bottom: 2.4rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-current-title {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
  }
}
.p-design-lp__menu-current-attention {
  margin-top: 1rem;
  color: #6f6f6f;
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-current-attention {
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-accordion {
  border: 1px solid #E5E5E5;
  border-radius: 2rem;
  overflow: hidden;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion {
    border-radius: 1.5rem;
    padding-inline: 1.6rem;
  }
}
.p-design-lp__menu-accordion-item {
  border-top: 1px solid #E5E5E5;
}
.p-design-lp__menu-accordion-item:first-child {
  border-top: none;
}
.p-design-lp__menu-accordion-item-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3.2rem 6rem 3.2rem 3.2rem;
  border: none;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-header {
    gap: 0.8rem;
    padding: 1.4rem 0rem 0.2rem 0rem;
    display: block;
    position: relative;
  }
}
.p-design-lp__menu-accordion-item-date {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  flex-shrink: 0;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-date {
    gap: 0.8rem;
  }
}
.p-design-lp__menu-accordion-item-date-day {
  font-size: 5.4rem;
  font-weight: 600;
  font-family: "Barlow Condensed", serif;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-date-day {
    font-size: 4.6rem;
  }
}
.p-design-lp__menu-accordion-item-date-meta {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-date-meta {
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    line-height: 1.6;
  }
}
.p-design-lp__menu-accordion-item-date-meta-time {
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-date-meta-time {
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-accordion-item-date-meta-time-bold {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-date-meta-time-bold {
    font-size: 1.4rem;
  }
}
.p-design-lp__menu-accordion-item-date-meta-label {
  font-weight: 700;
}
.p-design-lp__menu-accordion-item-copy {
  margin-left: 1.2rem;
  font-size: 5.6rem;
  font-weight: 600;
  color: #F3F3F3;
  white-space: nowrap;
  font-family: "Barlow Condensed", serif;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-copy {
    margin-left: 0.4rem;
    font-size: 4rem;
    flex: 1;
    position: absolute;
    bottom: -0.7rem;
  }
}
.p-design-lp__menu-accordion-item-icon {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  flex-shrink: 0;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-icon {
    width: 2rem;
    height: 2rem;
    top: -3.8rem;
    right: 1.2rem;
  }
}
.p-design-lp__menu-accordion-item-icon::before, .p-design-lp__menu-accordion-item-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #666;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.p-design-lp__menu-accordion-item-icon::before {
  width: 1.4rem;
  height: 1px;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-icon::before {
    width: 1rem;
  }
}
.p-design-lp__menu-accordion-item-icon::after {
  width: 1px;
  height: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-icon::after {
    height: 1rem;
  }
}
.p-design-lp__menu-accordion-item.is-open .p-design-lp__menu-accordion-item-icon::after {
  opacity: 0;
}
.p-design-lp__menu-accordion-item-body {
  display: none;
  padding: 0 3rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-body {
    padding: 0 0rem 2.4rem;
  }
}
.p-design-lp__menu-accordion-item-body-inner {
  padding-top: 3.2rem;
  border-top: 0.1rem solid #f4f4f4;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-body-inner {
    padding-top: 1.6rem;
  }
}
.p-design-lp__menu-accordion-item-body-text {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-body-text {
    margin-top: 1.4rem;
  }
}
.p-design-lp__menu-accordion-item-body-text p {
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 1.9;
  color: #666;
}
.p-design-lp__menu-accordion-item-body-text p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-body-text p {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.8;
  }
}
.p-design-lp__menu-accordion-item-text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-text {
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-accordion-item-text-small {
  color: #6f6f6f;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-text-small {
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-accordion-item-intro {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-intro {
    gap: 1.2rem;
  }
}
.p-design-lp__menu-accordion-item-intro-image {
  width: 17.6rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-intro-image {
    width: 9rem;
  }
}
.p-design-lp__menu-accordion-item-intro-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1rem;
}
.p-design-lp__menu-accordion-item-intro-content {
  flex: 1;
  min-width: 0;
  padding-top: 0.4rem;
}
.p-design-lp__menu-accordion-item-intro-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.2rem 1.2rem;
  border-radius: 9999px;
  background: #F2F2F2;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-intro-label {
    min-height: 2.2rem;
    padding: 0.1rem 0.8rem;
    font-size: 1.1rem;
  }
}
.p-design-lp__menu-accordion-item-intro-title {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-intro-title {
    margin-top: 0.05rem;
    font-size: 1.3rem;
  }
}
.p-design-lp__menu-accordion-item-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 6rem;
  row-gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-grid {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
.p-design-lp__menu-accordion-item-card {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-card {
    gap: 1rem;
  }
}
.p-design-lp__menu-accordion-item-card-image {
  width: 17.2rem;
  flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-card-image {
    width: 9rem;
  }
}
.p-design-lp__menu-accordion-item-card-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1rem;
}
.p-design-lp__menu-accordion-item-card-image-tag {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10.3rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-card-image-tag {
    width: 7.8rem;
  }
}
.p-design-lp__menu-accordion-item-card-content {
  flex: 1;
  min-width: 0;
  padding-top: 0.2rem;
  text-align: left;
}
.p-design-lp__menu-accordion-item-card-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.2rem 1.2rem;
  border-radius: 9999px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-card-label {
    min-height: 1.9rem;
    padding: 0.1rem 0.8rem;
    font-size: 1.1rem;
  }
}
.p-design-lp__menu-accordion-item-card-label--pink {
  background: #F6D1E3;
}
.p-design-lp__menu-accordion-item-card-label--lite-pink {
  background: #FBE4EF;
}
.p-design-lp__menu-accordion-item-card-label--yellow {
  background: #F7EFC0;
}
.p-design-lp__menu-accordion-item-card-label--green {
  background: #D6EAC4;
}
.p-design-lp__menu-accordion-item-card-label--blue {
  background: #E1ECFB;
}
.p-design-lp__menu-accordion-item-card-title {
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-card-title {
    margin-top: 0.4rem;
    font-size: 1.3rem;
  }
}
.p-design-lp__menu-accordion-item-card-title-sub {
  font-size: 1.4rem;
  color: #6f6f6f;
}
.p-design-lp__menu-accordion-item-note {
  margin-top: 4rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-note {
    margin-top: 2rem;
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-accordion-item-action {
  margin-top: 2.8rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-action {
    margin-top: 1.8rem;
  }
}
.p-design-lp__menu-accordion-item-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26rem;
  padding: 0 5rem 0 2.4rem;
  border-radius: 9999px;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-accordion-item-link {
    min-width: 22rem;
    height: 4rem;
    padding: 0 7.2rem 0 1.6rem;
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-more {
  margin-top: 2.8rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-more {
    margin-top: 1.2rem;
  }
}
.p-design-lp__menu-more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  border: none;
  background: transparent;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-more-link {
    font-size: 1.4rem;
  }
}
.p-design-lp__menu-more-icon {
  font-size: 2rem;
  line-height: 1;
}
.p-design-lp__menu-more-choice {
  font-size: 1.4rem;
  text-decoration: underline;
  margin-top: 6.5rem;
  display: flex;
  justify-content: flex-start;
  position: relative;
  letter-spacing: 0.08rem;
}
.p-design-lp__menu-more-choice::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 15.4rem;
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/design-lp/arrow-right.svg) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-more-choice::after {
    left: 14.4rem;
    width: 1rem;
    height: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-more-choice {
    font-size: 1.3rem;
    margin-top: 4.5rem;
  }
}
.p-design-lp__menu-collabo {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo {
    margin-top: 4.6rem;
  }
}
.p-design-lp__menu-collabo-heading-lead {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-heading-lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-heading-lead-left {
    padding-left: 1.5rem;
  }
}
.p-design-lp__menu-collabo-box {
  margin-top: 2rem;
  border: 0.1rem solid #E8CF7A;
  border-radius: 2rem;
  background: #FFF8E1;
  position: relative;
}
.p-design-lp__menu-collabo-box::before {
  content: "";
  position: absolute;
  top: -18.3rem;
  right: 3rem;
  background: url(../img/design-lp/collabo-person-01.png) no-repeat center center/cover;
  width: 25rem;
  height: 18.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box::before {
    width: 12rem;
    height: 10.2rem;
    top: -10.3rem;
    right: -1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box {
    margin-top: 0.8rem;
    border-radius: 1.6rem;
  }
}
.p-design-lp__menu-collabo-box-head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 2.8rem 3rem 3.6rem;
  background: #FFF8E1;
  border-radius: 1.5rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head {
    display: block;
    padding: 2rem 1.6rem;
    position: relative;
  }
}
.p-design-lp__menu-collabo-box-head-date {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date {
    align-items: flex-start;
  }
}
.p-design-lp__menu-collabo-box-head-date-day {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  font-family: "Barlow Condensed", serif;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-day {
    font-size: 4.6rem;
  }
}
.p-design-lp__menu-collabo-box-head-date-middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-middle {
    gap: 0;
    padding-top: 0.5rem;
    margin-inline: -0.4rem;
  }
}
.p-design-lp__menu-collabo-box-head-date-middle-week {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-middle-week {
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-collabo-box-head-date-middle-dot {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-middle-dot {
    font-size: 3rem;
  }
}
.p-design-lp__menu-collabo-box-head-date-meta {
  padding-top: 0.8rem;
  margin-left: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-meta {
    padding-top: 0.8rem;
    text-align: left;
  }
}
.p-design-lp__menu-collabo-box-head-date-meta-time {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-meta-time {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-date-meta-title {
    letter-spacing: 0.02rem;
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-collabo-box-head-title-wrap {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-title-wrap {
    margin-top: -2rem;
    text-align: left;
    position: absolute;
    top: 7rem;
  }
}
.p-design-lp__menu-collabo-box-head-title-en {
  font-size: 5.6rem;
  font-weight: 600;
  line-height: 1.2;
  color: #FFEFC0;
  letter-spacing: 0.025em;
  font-family: "Barlow Condensed", serif;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-title-en {
    font-size: 4rem;
  }
}
.p-design-lp__menu-collabo-box-head-toggle {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  top: 0.4rem;
  right: -32rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-toggle {
    position: absolute;
    top: 2.8rem;
    right: 2rem;
    width: 3.2rem;
    height: 3.2rem;
  }
}
.p-design-lp__menu-collabo-box-head-toggle span {
  display: block;
  font-size: 3rem;
  line-height: 1;
  color: #666;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-head-toggle span {
    font-size: 1.8rem;
  }
}
.p-design-lp__menu-collabo-box-body {
  padding: 3.2rem 3rem 3rem;
  background: #fff;
  position: relative;
}
.p-design-lp__menu-collabo-box-body::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 113.6rem;
  height: 0.1rem;
  background: #F2E7C7;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-body::before {
    width: 31.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-box-body {
    padding: 2rem 1.6rem 2.4rem;
  }
}
.p-design-lp__menu-collabo-box-body[hidden] {
  display: none;
}
.p-design-lp__menu-collabo-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2.2rem;
  row-gap: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.p-design-lp__menu-collabo-cards-item-head {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards-item-head {
    gap: 1.2rem;
    align-items: center;
  }
}
.p-design-lp__menu-collabo-cards-item-image {
  width: 17rem;
  flex-shrink: 0;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards-item-image {
    width: 9.6rem;
    border-radius: 0.8rem;
  }
}
.p-design-lp__menu-collabo-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-design-lp__menu-collabo-cards-item-content {
  flex: 1;
  min-width: 0;
  padding-top: 2.6rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards-item-content {
    padding-top: 0;
  }
}
.p-design-lp__menu-collabo-cards-item-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  padding: 0.4rem 1.2rem;
  border-radius: 9999px;
  background: #FFE8A3;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards-item-label {
    min-height: 2.2rem;
    padding: 0.3rem 0.9rem;
    font-size: 1.1rem;
    font-weight: 500;
  }
}
.p-design-lp__menu-collabo-cards-item-title {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards-item-title {
    margin-top: 0rem;
    font-size: 1.3rem;
  }
}
.p-design-lp__menu-collabo-cards-item-text {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-cards-item-text {
    margin-top: 0rem;
    font-size: 1.3rem;
  }
}
.p-design-lp__menu-collabo-cards-item-text-dot {
  font-size: 0.6rem;
}
.p-design-lp__menu-collabo-action {
  margin-top: 3.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-action {
    margin-top: 2.8rem;
  }
}
.p-design-lp__menu-collabo-action-text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-design-lp__menu-collabo-action-text {
    font-size: 1.2rem;
  }
}
.p-design-lp__menu-collabo-action-btn {
  margin-top: 0.8rem;
}
.p-design-lp__menu-collabo.is-open .p-design-lp__menu-collabo-box-head-toggle span {
  transform: translateY(-0.1rem);
}
.p-design-lp .p-db__course {
  padding: 10.6vw 0rem 11vw 8rem;
  margin: -2vw 0 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course {
    padding: 0 0 8rem 0;
    margin: 0;
    overflow: hidden;
  }
}
.p-design-lp .p-db__course .p-db__course-body {
  padding: 0 0 0 13rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course .p-db__course-body {
    margin: 4rem 0 0;
    padding: 0 0 0 1.6rem;
  }
}
.p-design-lp .p-db__course-side {
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side {
    padding: 7.6rem 1.6rem 0;
  }
}
.p-design-lp .p-db__course-side-text {
  margin-top: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-text {
    margin-top: 2rem;
  }
}
.p-design-lp .p-db__course-side-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-text-desc {
    font-size: 1.4rem;
    line-height: 1.85;
  }
}
.p-design-lp .p-db__course-side-text-note {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-text-note {
    margin-top: 0.2rem;
    font-size: 1.1rem;
    line-height: 1.72;
    letter-spacing: 0.08em;
  }
}
.p-design-lp .p-db__course-side-links {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-links {
    margin-top: 0.2rem;
  }
}
.p-design-lp .p-db__course-side-link {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #6F6F6F;
}
.p-design-lp .p-db__course-side-collabo {
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-collabo {
    margin-top: 1.2rem;
  }
}
.p-design-lp .p-db__course-side-collabo-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-collabo-text {
    font-size: 1.4rem;
    line-height: 1.85;
  }
}
.p-design-lp .p-db__course-side-collabo-link {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  position: relative;
}
.p-design-lp .p-db__course-side-collabo-link::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: -2rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../img/design-lp/arrow-right.svg) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-collabo-link::after {
    top: 0.2rem;
    right: -1.4rem;
    width: 1rem;
    height: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-side-collabo-link {
    margin-top: 0rem;
    font-size: 1.3rem;
    line-height: 1;
  }
}
.p-design-lp .p-db__course-body {
  min-width: 0;
}
.p-design-lp .p-db__course-event {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event {
    margin-top: 3.6rem;
  }
}
.p-design-lp .p-db__course-event:first-of-type {
  margin-top: 0;
}
.p-design-lp .p-db__course-event:last-of-type .p-db__course-event-slider-wrap::after {
  content: none;
}
.p-design-lp .p-db__course-event-head {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-head {
    margin-bottom: 1.6rem;
  }
}
.p-design-lp .p-db__course-event-head-title {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-head-title {
    gap: 0.8rem;
    font-size: 1.8rem;
  }
}
.p-design-lp .p-db__course-event-head-title-number {
  display: inline-block;
  font-size: 1.7rem;
  line-height: 1;
  font-family: "Barlow Condensed", serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-head-title-number {
    font-size: 1.2rem;
  }
}
.p-design-lp .p-db__course-event-slider-wrap {
  position: relative;
  padding-inline: 0;
  padding-bottom: 5rem;
  width: 90rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-slider-wrap {
    padding-bottom: 3.6rem;
  }
}
.p-design-lp .p-db__course-event-slider-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 79rem;
  height: 0.1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-slider-wrap::after {
    width: 34.4rem;
    opacity: 0.6;
  }
}
.p-design-lp .p-db__course-event-slider {
  overflow: hidden;
}
.p-design-lp .p-db__course-event-slider .swiper-wrapper {
  align-items: stretch;
}
.p-design-lp .p-db__course-event-slider .swiper-slide {
  width: 38.8rem;
  height: auto;
}
.p-design-lp .p-db__course-event-slider-arrow {
  position: absolute;
  top: 45%;
  z-index: 2;
  width: 10rem;
  height: 7.6rem;
  border: none;
  border-radius: 0;
  background: transparent;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  cursor: pointer;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-slider-arrow {
    width: 4.2rem;
    height: 4.2rem;
  }
}
.p-design-lp .p-db__course-event-slider-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.p-design-lp .p-db__course-event-slider-arrow--prev {
  left: -9rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-slider-arrow--prev {
    left: -0.8rem;
    display: none;
  }
}
.p-design-lp .p-db__course-event-slider-arrow--prev::before {
  background-image: url(../img/design-lp/slider-arrow-left.svg);
}
.p-design-lp .p-db__course-event-slider-arrow--next {
  right: -0.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-slider-arrow--next {
    right: -0.8rem;
    display: none;
  }
}
.p-design-lp .p-db__course-event-slider-arrow--next::before {
  background-image: url(../img/design-lp/slider-arrow-right.svg);
}
.p-design-lp .p-db__course-event-slider-arrow.swiper-button-disabled {
  pointer-events: none;
}
.p-design-lp .p-db__course-event-card {
  height: 100%;
  padding: 2.4rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card {
    padding: 1.6rem;
    border-radius: 1.6rem;
  }
}
.p-design-lp .p-db__course-event-card-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-title {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
}
.p-design-lp .p-db__course-event-card-image {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-radius: 2rem;
  overflow: hidden;
  width: 33.2rem;
  height: 19rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-image {
    border-radius: 1.5rem;
    margin-top: 2rem;
    padding-top: 1.2rem;
    width: 26.6rem;
    height: 15rem;
    max-width: 100%;
  }
}
.p-design-lp .p-db__course-event-card-image img {
  border-radius: 2rem;
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-image img {
    border-radius: 1.5rem;
  }
}
.p-design-lp .p-db__course-event-card-image-tag {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10.3rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-image-tag {
    width: 7.8rem;
  }
}
.p-design-lp .p-db__course-event-card-image-tag img {
  border-radius: 0;
}
.p-design-lp .p-db__course-event-card-text {
  margin-top: 1.2rem;
  padding-left: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-text {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
  }
}
.p-design-lp .p-db__course-event-card-text:before {
  content: "●";
  position: absolute;
  top: 1rem;
  left: 0;
  font-size: 0.6rem;
}
.p-design-lp .p-db__course-event-card-text-sub {
  font-size: 1.2rem;
}
.p-design-lp .p-db__course-event-card-buttons {
  display: flex;
  row-gap: 0.6rem;
  column-gap: 1.2rem;
  margin-top: 2.4rem;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-buttons {
    row-gap: 0.2rem;
    column-gap: 1.2rem;
    margin-top: 1rem;
  }
}
.p-design-lp .p-db__course-event-card-button {
  width: calc((100% - 1.2rem) / 2);
}
.p-design-lp .p-db__course-event-card-button-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 5.1rem;
  padding: 0 1.6rem;
  border: 0.1rem solid #4a4a4a;
  border-radius: 9999px;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #333;
  text-align: center;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-button-link {
    min-height: 4.8rem;
    padding: 0.6rem 1.2rem;
    font-size: 1.1rem;
  }
}
.p-design-lp .p-db__course-event-card-button-link:hover {
  background: #3A3A3A;
  color: #fff;
}
.p-design-lp .p-db__course-event-card-button-link:hover::after {
  filter: brightness(0) invert(1);
}
.p-design-lp .p-db__course-event-card-button-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.2rem solid #333;
  border-right: 0.2rem solid #333;
  transform: translateY(-50%) rotate(45deg);
  transition: right 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-button-link::after {
    right: 1.2rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}
.p-design-lp .p-db__course-event-card-button-link-day {
  font-family: "Barlow Condensed", serif;
  font-size: 2.2rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-button-link-day {
    font-size: 1.8rem;
  }
}
.p-design-lp .p-db__course-event-card-button-note {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-button-note {
    font-size: 1.1rem;
    margin-bottom: .3rem;
  }
}
.p-design-lp .p-db__course-event-card-other {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-other {
    margin-top: 1.6rem;
  }
}
.p-design-lp .p-db__course-event-card-other-label {
  font-size: 1.4rem;
  color: #6F6F6F;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-other-label {
    font-size: 1.2rem;
  }
}
.p-design-lp .p-db__course-event-card-other-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-other-list {
    gap: 3.8rem;
    margin-top: 0.6rem;
  }
}
.p-design-lp .p-db__course-event-card-other-list-item a {
  font-size: 1.4rem;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-design-lp .p-db__course-event-card-other-list-item a {
    font-size: 1.2rem;
  }
}
.p-design-lp__merit {
  padding-block: 1.8rem 10.2rem;
  background: #F9EFF1;
  position: relative;
  margin-top: 21.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit {
    padding-block: 1.6rem 3rem;
    margin-top: 0;
    text-align: center;
  }
}
.p-design-lp__merit::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/120;
  background: url(../img/design-lp/merit-bg-01.png) no-repeat center center/cover;
  z-index: 1;
  top: -11rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit::before {
    aspect-ratio: 375/40;
    top: -4rem;
  }
}
.p-design-lp__merit::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/201;
  background: url(../img/design-lp/merit-bg-02.png) no-repeat center center/cover;
  z-index: 1;
  bottom: -19.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit::after {
    height: 5.2rem;
    width: 100%;
    background: url(../img/design-lp/merit-bg-sp-01.png) no-repeat center center/cover;
    bottom: -2rem;
    z-index: 2;
  }
}
.p-design-lp__merit-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-inner {
    width: 100%;
    padding-inline: 1.6rem;
  }
}
.p-design-lp__merit-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 6rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-head {
    display: block;
  }
}
.p-design-lp__merit-head-main-copy {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  color: #3a3a3a;
}
.p-design-lp__merit-head-main-copy::after {
  position: absolute;
  right: -1.4rem;
  bottom: -1.2rem;
  width: 15rem;
  height: 1.4rem;
  background: url(../img/seika-lp/merit-copy-line.svg) center center/contain no-repeat;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-head-main-copy {
    width: 18rem;
  }
  .p-design-lp__merit-head-main-copy::after {
    right: -0.8rem;
    bottom: -1rem;
    width: 11.8rem;
    height: 1.2rem;
  }
}
.p-design-lp__merit-head-main-en {
  color: #f1c9d1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-head-main-en {
    margin-top: -1rem;
    letter-spacing: 0.2rem;
  }
}
.p-design-lp__merit-head-main-title {
  line-height: 1.6;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-head-main-title {
    margin-top: 0rem;
    letter-spacing: 0.06rem;
  }
}
.p-design-lp__merit-head-text {
  padding-top: 6.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-head-text {
    padding-top: 1.8rem;
  }
}
.p-design-lp__merit-head-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.06rem;
    text-align: left;
  }
}
.p-design-lp__merit-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.6rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-cards {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 2.5rem;
  }
}
.p-design-lp__merit-cards-item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  min-height: 16.8rem;
  padding: 2.4rem 2.4rem 1.8rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-cards-item {
    gap: 1.4rem;
    min-height: auto;
    padding: 1.4rem 1.6rem 1.8rem;
    border-radius: 1.4rem;
  }
}
.p-design-lp__merit-cards-item-image {
  flex-shrink: 0;
  width: 10.6rem;
  height: 14.4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-cards-item-image {
    width: 10rem;
    border-radius: 1rem;
    height: 13.1rem;
  }
}
.p-design-lp__merit-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1rem;
}
.p-design-lp__merit-cards-item-content {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-cards-item-content {
    text-align: left;
  }
}
.p-design-lp__merit-cards-item-content-num {
  font-family: "Barlow Condensed", serif;
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04rem;
  color: #F1C9D1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-cards-item-content-num {
    font-size: 3.4rem;
    margin-top: 1rem;
  }
}
.p-design-lp__merit-cards-item-content-title {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__merit-cards-item-content-title {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.65;
  }
}
.p-design-lp__merit-cards-item-content-title span {
  color: #E46A8B;
}
.p-design-lp__flow {
  padding: 6rem 0 6.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow {
    padding: 2rem 0 0;
  }
}
.p-design-lp__flow::before {
  content: "";
  position: absolute;
  top: -8rem;
  left: 0;
  background: url(../img/design-lp/flow-bg.png) no-repeat center center/100% 100%;
  width: 100%;
  height: 12rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow::before {
    background: url(../img/design-lp/flow-bg-sp-01.png) no-repeat center center/cover;
    width: 37.5rem;
    height: 6rem;
    top: -6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow::after {
    content: "";
    position: absolute;
    background: url(../img/design-lp/flow-bg-sp-02.png) no-repeat center center/cover;
    width: 37.5rem;
    height: 6rem;
    bottom: -10rem;
    left: 0;
    z-index: 2;
  }
}
.p-design-lp__flow-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-inner {
    width: 100%;
    padding-inline: 1.6rem;
  }
}
.p-design-lp__flow-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 6rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-head {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-head-main {
    text-align: center;
  }
}
.p-design-lp__flow-head-main-en {
  color: #F1C9D1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-head-main-en {
    letter-spacing: 0.2rem;
  }
}
.p-design-lp__flow-head-main-title {
  line-height: 1.6;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-head-main-title {
    margin-top: 0rem;
    text-align: center;
    letter-spacing: 0.06rem;
  }
}
.p-design-lp__flow-head-text {
  padding-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-head-text {
    padding-top: 1.6rem;
  }
}
.p-design-lp__flow-head-text-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.1rem;
  }
}
.p-design-lp__flow-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem 2.8rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards {
    grid-template-columns: 1fr;
    gap: 1.8rem;
    margin-top: 2.8rem;
  }
}
.p-design-lp__flow-cards-item {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  min-height: 14.2rem;
  padding: 2.4rem;
  border-radius: 1.8rem;
  background: #FCF6F7;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item {
    gap: 1rem;
    min-height: auto;
    padding: 1.6rem 1.4rem 1.4rem;
    border-radius: 1.4rem;
  }
}
.p-design-lp__flow-cards-item-image {
  flex-shrink: 0;
  width: 10.6rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #ddd;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item-image {
    width: 10.2rem;
  }
}
.p-design-lp__flow-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 80/104;
  object-fit: cover;
}
.p-design-lp__flow-cards-item-image:empty {
  aspect-ratio: 80/104;
}
.p-design-lp__flow-cards-item-content {
  flex: 1;
  min-width: 0;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item-content {
    margin-top: 1.4rem;
  }
}
.p-design-lp__flow-cards-item-content-head {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item-content-head {
    gap: 1.4rem;
  }
}
.p-design-lp__flow-cards-item-content-time {
  flex-shrink: 0;
  font-family: "Barlow Condensed", serif;
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0.14rem;
  color: #f1c9d1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item-content-time {
    font-size: 3.4rem;
    letter-spacing: 0.2rem;
  }
}
.p-design-lp__flow-cards-item-content-title {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item-content-title {
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: 0.04rem;
  }
}
.p-design-lp__flow-cards-item-content-text {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-cards-item-content-text {
    margin-top: 0.3rem;
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.1rem;
  }
}
.p-design-lp__flow-note {
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-note {
    margin-top: 1rem;
  }
}
.p-design-lp__flow-note-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__flow-note-text {
    font-size: 1.2rem;
    line-height: 1.7;
    letter-spacing: 0.05rem;
  }
}
.p-design-lp__flow-note-text + .p-design-lp__flow-note-text {
  margin-top: 0.2rem;
}
.p-design-lp__voice {
  padding: 2.8rem 0 12.2rem;
  background: #F9EFF1;
  position: relative;
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice {
    margin-top: 4rem;
  }
}
.p-design-lp__voice::before {
  content: "";
  position: absolute;
  top: -9rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../img/design-lp/voice-bg-01.png) no-repeat center center/100% 100%;
  width: 100%;
  height: 12rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice::before {
    background-size: cover;
    width: 375rem;
    height: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice {
    padding: 6.8rem 0 4.6rem;
    overflow: hidden;
  }
}
.p-design-lp__voice-inner {
  width: 128rem;
  padding-inline: 4rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-inner {
    width: 100%;
    padding-inline: 1.6rem;
    padding-top: 6rem;
  }
}
.p-design-lp__voice-head {
  display: grid;
  grid-template-columns: 1fr 51rem;
  gap: 6rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-head {
    display: block;
  }
}
.p-design-lp__voice-head-main-en {
  color: #F1C9D1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-head-main-en {
    text-align: center;
    letter-spacing: 0.2rem;
  }
}
.p-design-lp__voice-head-main-title {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-head-main-title {
    margin-top: 0.4rem;
    text-align: center;
  }
}
.p-design-lp__voice-head-text {
  padding-top: 2.2rem;
}
.p-design-lp__voice-head-text-desc {
  font-size: 1.6rem;
  line-height: 1.85;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-head-text-desc {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.04rem;
  }
}
.p-design-lp__voice-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 2rem;
  }
}
.p-design-lp__voice-cards-item {
  min-width: 0;
}
.p-design-lp__voice-cards-item-inner {
  position: relative;
  padding: 2.6rem 2.4rem 2rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards-item-inner {
    min-height: 12rem;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards-item-inner--height {
    min-height: 15rem;
  }
}
.p-design-lp__voice-cards-item-content {
  position: relative;
  z-index: 2;
  max-width: 26.4rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards-item-content {
    max-width: 25rem;
  }
}
.p-design-lp__voice-cards-item-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 1.2rem;
  border-radius: 9999px;
  background: #F1C9D1;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards-item-label {
    padding: 0.15rem 1rem;
    font-size: 1.3rem;
  }
}
.p-design-lp__voice-cards-item-text {
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.12rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards-item-text {
    margin-top: 0.6rem;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 0.03rem;
  }
}
.p-design-lp__voice-cards-item-text strong {
  font-weight: 700;
}
.p-design-lp__voice-cards-item-image {
  position: absolute;
  right: -2.4rem;
  bottom: 0;
  z-index: 1;
  width: 11.7rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__voice-cards-item-image {
    right: -4.4rem;
  }
}
.p-design-lp__voice-cards-item-image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-design-lp__reservation {
  padding-block: 4.4rem 7rem;
  position: relative;
  overflow: hidden;
  background: #FCEF8E;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation {
    padding-block: 1.6rem 0rem;
  }
}
.p-design-lp__reservation-inner {
  position: relative;
  min-height: 24rem;
  padding-top: 4.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-inner {
    min-height: 21.5rem;
    padding: 2.8rem 1.6rem 0;
  }
}
.p-design-lp__reservation-head {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-head {
    padding-bottom: 5.6rem;
  }
}
.p-design-lp__reservation-head-main-copy {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.1;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-head-main-copy {
    font-size: 1.4rem;
    line-height: 2.7;
  }
}
.p-design-lp__reservation-head-main-title {
  margin-top: 0.4rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-head-main-title {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: -0.4rem;
  }
}
.p-design-lp__reservation-head-button {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-head-button {
    margin-top: 2rem;
  }
}
.p-design-lp__reservation-head-button-link {
  margin-inline: auto;
}
.p-design-lp__reservation-head-bg-text {
  position: absolute;
  left: 50%;
  bottom: -12.6rem;
  transform: translateX(-50%);
  font-family: "Barlow Condensed", serif;
  font-size: 17rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04rem;
  color: rgba(255, 255, 255, 0.25);
  white-space: nowrap;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-head-bg-text {
    bottom: -0.6rem;
    font-size: 8rem;
    bottom: -2rem;
  }
}
.p-design-lp__reservation-person {
  position: absolute;
  z-index: 1;
}
.p-design-lp__reservation-person img {
  display: block;
  width: 100%;
  height: auto;
}
.p-design-lp__reservation-person--left {
  left: 10rem;
  width: 37rem;
  bottom: -8rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-person--left {
    left: -5rem;
    width: 12.4rem;
    bottom: 0;
  }
}
.p-design-lp__reservation-person--right {
  right: 18rem;
  width: 30rem;
  bottom: -7rem;
}
@media screen and (max-width: 767px) {
  .p-design-lp__reservation-person--right {
    right: -2rem;
    width: 10rem;
    bottom: 0rem;
  }
}
.p-design-lp__reservation--second {
  margin-top: 1.6rem;
}

.p-course-total-beauty .p-template-intro::before {
  background-image: url(../img/course/tb/mv-bg.jpg);
  animation: none;
}
.p-course-total-beauty .p-course__sec-block-heading span {
  background: linear-gradient(135deg, #FCADDB 0%, #FCADDB 30%, #FEDEF1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.p-course-total-beauty .p-course__sec02 .c-accordion__title span {
  display: inline-block;
}
.p-course-total-beauty .p-course__sec03-list + .p-course__sec03-head-top {
  margin-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .p-course-total-beauty .p-course__sec03-list + .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-total-beauty .p-course__sec03-head-top {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-top: 1.7rem;
}
@media screen and (min-width: 768px) {
  .p-course-total-beauty .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-total-beauty .p-course__sec06 .c-article__desc {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-total-beauty .p-course-sidebar__item--active .p-course-sidebar__link {
    background: #FBE4EF;
  }
}
@media screen and (max-width: 767px) {
  .p-course-total-beauty .p-course__sec03-list-item .c-article__note {
    font-size: 1.4rem;
  }
}

.p-course-bridal-wedding .p-template-intro::before {
  background-image: url(../img/course/bw/mv-bg.jpg);
  animation: none;
}
@media screen and (max-width: 767px) {
  .p-course-bridal-wedding .p-template-intro::before {
    background-image: url(../img/course/bw/mv-bg-sp.jpg);
    background-size: contain;
  }
}
.p-course-bridal-wedding .p-course__sec-block-heading span {
  background: linear-gradient(135deg, #EBDA75 0%, #EBDA75 30%, #F6EFC3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.p-course-bridal-wedding .p-course-intro__note {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4545454545;
  margin-top: 0.3rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-course-bridal-wedding .p-course__sec02-accordion-content .p-course__sec03-head-top {
    display: none;
  }
}
.p-course-bridal-wedding .p-course__sec03-head-top {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-top: 1.7rem;
}
@media screen and (min-width: 768px) {
  .p-course-bridal-wedding .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-bridal-wedding .p-course__sec03-head-top + .p-course__sec02-accordion-list {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course-bridal-wedding .p-course-sidebar__item--active .p-course-sidebar__link {
    background: #F7EFC0;
  }
}
.p-course-bridal-wedding .p-course__sec06 .c-article__desc {
  margin-top: 1.4rem;
}

.p-course-general-beauty .p-template-intro::before {
  background-image: url(../img/course/gb/mv-bg.jpg);
  animation: none;
}
.p-course-general-beauty .p-course__sec-block-heading span {
  background: linear-gradient(140deg, #F58CC1 0%, #F58CC1 30%, #FCDBEC 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.p-course-general-beauty .p-course__sec02 .c-accordion__title span {
  display: inline-block;
}
.p-course-general-beauty .p-course__sec03-head-top {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-top: 1.7rem;
}
.p-course-general-beauty .p-course__sec01 .p-course__slider-img {
  border: 1px solid #F1F1F1;
}
@media screen and (max-width: 767px) {
  .p-course-general-beauty .p-course-sidebar__item--active .p-course-sidebar__link {
    background: #F6D1E3;
  }
}
.p-course-general-beauty .p-course__sec06 .c-article__desc {
  margin-top: 1.4rem;
}

.p-course-creative .p-template-intro::before {
  background-image: url(../img/course/cd/mv-bg.jpg);
  animation: none;
}
.p-course-creative .p-course__sec-block-heading span {
  background: linear-gradient(135deg, #ACD0FD 0%, #ACD0FD 30%, #E3F0FE 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.p-course-creative .p-course__sec03-list + .p-course__sec03-head-top {
  margin-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .p-course-creative .p-course__sec03-list + .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-creative .p-course__sec03-head-top {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-top: 1.7rem;
}
@media screen and (min-width: 768px) {
  .p-course-creative .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-creative .p-course__sec06 .c-article__desc {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-creative .p-course-sidebar__item--active .p-course-sidebar__link {
    background: #E1ECFB;
  }
}
@media screen and (max-width: 767px) {
  .p-course-creative .p-course__sec03-list-item .c-article__note {
    font-size: 1.4rem;
  }
}

.p-course-patissier .l-header-template .l-header__title a,
.p-course-patissier .p-course-intro__catch,
.p-course-patissier .p-course-intro__title,
.p-course-patissier .p-course-intro__info p {
  color: #3A3A3A;
}
.p-course-patissier .p-course-intro__info p:not(:last-child):before {
  background-color: #3A3A3A;
}
.p-course-patissier .p-template-intro .c-marquee {
  opacity: 1;
}
.p-course-patissier .p-template-intro .c-marquee span {
  color: #EEDEDE;
}
.p-course-patissier .linear-transition {
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .p-course-patissier .linear-transition {
    margin-top: 5rem;
  }
}
.p-course-patissier .linear-transition .swiper-wrapper {
  transition-timing-function: linear;
}
.p-course-patissier .linear-transition .p-course__slider-text {
  font-size: 1.2rem;
  line-height: 1.9833333333;
  font-weight: 500;
  margin-top: 0.8rem;
  letter-spacing: 0.05em;
  color: #3A3A3A;
}
@media screen and (min-width: 768px) {
  .p-course-patissier .linear-transition .p-course__slider-text {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-top: 1.6rem;
    letter-spacing: 0.04em;
    color: #3A3A3A;
    margin-top: 1.2rem;
  }
}
.p-course-patissier .p-template-intro::before {
  background-image: url(../img/course/pa/mv-bg.jpg);
  animation: none;
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-template-intro::before {
    background-image: url(../img/course/pa/mv-bg-sp.jpg);
  }
}
.p-course-patissier .p-course__sec-block-heading span {
  color: #F1C9D1;
}
.p-course-patissier .p-course__sec03-list + .p-course__sec03-head-top {
  margin-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .p-course-patissier .p-course__sec03-list + .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-patissier .p-course__sec03-head-top {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-top: 1.7rem;
}
@media screen and (min-width: 768px) {
  .p-course-patissier .p-course__sec03-head-top {
    margin-top: 2.5rem;
  }
}
.p-course-patissier .p-course__sec06 .c-article__desc {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course-sidebar__item--active .p-course-sidebar__link {
    background: #E1ECFB;
  }
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course__sec03-list-item .c-article__note {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course__sec03 .p-course__sec01-grid {
    margin-inline: -1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course__sec02 .c-accordion__title span {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course__sec01-cta span {
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course__sec01-cta span:before, .p-course-patissier .p-course__sec01-cta span::after {
    height: 1.6rem;
    margin-bottom: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course-patissier .p-course__sec04 .p-course__sec-block-title {
    font-size: 1.4rem;
  }
}

.p-access .c-article__title-border-top {
  margin-top: 10rem;
  padding-top: 10rem;
  border-top: 0.1rem solid #3e3e3e;
}
@media screen and (max-width: 767px) {
  .p-access .c-article__title-border-top {
    margin-top: 6.2rem;
    padding-top: 6.2rem;
  }
}
.p-access__article-desc-bold {
  font-weight: 700;
  margin-top: 2.2rem;
}
.p-access__map {
  width: 80rem;
  height: 47rem;
  margin-top: 3.6rem;
  overflow: hidden;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .p-access__map {
    width: 34.3rem;
    height: 20rem;
    border-radius: 1.5rem;
  }
}
.p-access__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-access__map-img {
  width: 72rem;
  height: 70rem;
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-access__map-img {
    width: 34rem;
    height: 33rem;
    margin-top: 2.7rem;
  }
}
.p-access__map-img img {
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-access__map-img img {
    border-radius: 1.5rem;
  }
}/*# sourceMappingURL=style.css.map */