@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap);

*,
*::before,
*::after {
  box-sizing: border-box;
}
:where(:root) {
  scrollbar-gutter: stable;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
:where(body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) {
  margin: 0;
}
:where(body) {
  min-height: 100vh;
}
:where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style-type: "";
}
:where(a:not([class])) {
  color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
:where(a[class]) {
  display: block;
  text-decoration: none;
  color: inherit;
}
:where(img, picture) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
:where(svg) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  fill: currentColor;
}
:where(input, button, textarea, select) {
  font-family: inherit;
  font-size: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: inherit;
}
:where(button) {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  touch-action: manipulation;
}
:where(address) {
  font-style: normal;
}
:where(dialog) {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  border: none;
  position: static;
  background: transparent;
  font: inherit;
  color: inherit;
}
:where(fieldset) {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
:where(legend) {
  margin: 0;
  padding: 0;
}
:where(summary)::-webkit-details-marker {
  display: none;
}
:root {
  --duration: 0.3s;
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Lato", sans-serif;
  --text: #3e3a39;
  --gold: #966517;
  --beige: #fff8f0;
  --red: #a50013;
  --black: #1a1a1a;
  --black-70: #1a1a1a70;
  --black-30: #1a1a1a30;
  --gray: #ccc;
}
html:not([lang=ja]) {
  word-break: break-word;
}
html.is-scroll-locked {
  position: fixed;
  inset: 0;
  width: 100%;
  overflow: hidden;
}
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", "メイリオ", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--black);
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  position: relative;
}
* {
  letter-spacing: 0.05em;
}
/**
 * l-header
 *
 * teaser の l-header を踏襲し、右側にボタン2つを追加
 * カンプ：PC 高さ109px（ロゴ 264×26 / 左36px）
 *         ボタン 256×61 / 間隔18px / 右26px / 文字20px
 * SP はカンプ未支給のため仮（teaser の高さ108px・ロゴ200px に合わせ、ボタンを縮小）
 */
.l-header {
  background-color: #fff;
  position: relative;
  width: 100%;
  z-index: 10;
}
.l-header__inner {
  align-items: center;
  display: flex;
  height: min(7.9795021962vw, 6.8125rem);
  justify-content: space-between;
  padding-inline: min(2.635431918vw, 2.25rem) min(1.9033674963vw, 1.625rem);
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    height: 14.4vw;
    padding-inline: 4.8vw 3.2vw;
  }
}
.l-header__logo {
  flex-shrink: 0;
  line-height: 1;
  width: min(19.3265007321vw, 16.5rem);
}
@media screen and (max-width: 768px) {
  .l-header__logo {
    width: 26.6666666667vw;
  }
}
.l-header__logo a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .l-header__logo a:hover {
    opacity: 0.7;
  }
}
.l-header__logo a {
  transition: opacity var(--duration);
}
.l-header__btns {
  display: flex;
  gap: min(1.317715959vw, 1.125rem);
}
@media screen and (max-width: 768px) {
  .l-header__btns {
    gap: 1.6vw;
  }
}
.l-header__btn a {
  align-items: center;
  display: flex;
  font-size: min(1.4641288433vw, 1.25rem);
  font-weight: 700;
  height: min(4.4655929722vw, 3.8125rem);
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  transition: opacity var(--duration);
  width: min(18.7408491947vw, 16rem);
}
@media screen and (max-width: 768px) {
  .l-header__btn a {
    font-size: 2.9333333333vw;
    height: 8.5333333333vw;
    letter-spacing: 0;
    width: 29.3333333333vw;
  }
}
.l-header__btn a:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .l-header__btn a:hover {
    opacity: 0.7;
  }
}
.l-header__btn--outline a {
  background-color: #fff;
  border: 0.09375rem solid var(--gold);
  color: var(--gold);
}
.l-header__btn--entry a {
  background-color: var(--red);
  border-radius: min(0.6588579795vw, 0.5625rem);
  color: #fff;
  gap: min(1.4641288433vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .l-header__btn--entry a {
    border-radius: 1.0666666667vw;
    gap: 1.6vw;
  }
}
.l-header__btn--entry a::after {
  aspect-ratio: 1;
  border-right: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  content: "";
  rotate: 45deg;
  width: min(0.8052708638vw, 0.6875rem);
}
@media screen and (max-width: 768px) {
  .l-header__btn--entry a::after {
    width: 1.3333333333vw;
  }
}
/**
 * Layout
 */
.u-inner {
  padding-inline: 1.25rem;
}
@media screen and (min-width: 769px) {
  .u-inner {
    width: 100%;
    max-width: clamp(51.75rem, 0.6061493411 * 100vw, 78.75rem);
    margin-inline: auto;
    padding-inline: 1.875rem;
  }
}
/**
 * Visibility
 */
.u-sr-only {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .u-hidden-md {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .u-hidden-max-md {
    display: none !important;
  }
}
/**
 * Typography
 */
.u-font-bold {
  font-weight: 700;
}
.u-font-black {
  font-weight: 900;
}
.u-text-black {
  color: var(--black);
}
.u-text-gray {
  color: var(--gray);
}
.u-leading-trim {
  margin-block: calc((1em - 1lh) / 2);
}
.u-leading-trim[lang=en] {
  margin-block: calc((1cap - 1lh) / 2);
}
/**
 * Other
 */
.u-alpha {
  transition: opacity var(--duration);
}
.u-alpha:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .u-alpha:hover {
    opacity: 0.7;
  }
}
footer {
  background-color: #e9e9e5;
  font-size: 0.8125rem;
  padding: 3.125rem 0;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  footer {
    display: block;
    padding-bottom: calc(3.125rem + 21.3333333333vw);
  }
}
footer .logo_btm {
  margin: 0 auto 3.125rem;
  width: 11.625rem;
}
footer .footer_nav {
  margin-bottom: 1.875rem;
}
footer .footer_nav li {
  margin-bottom: 0.625rem;
  text-align: center;
}
footer .footer_nav li a {
  text-decoration: underline;
}
footer .footer_nav li a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  footer .footer_nav {
    display: block;
    margin: 0.625rem 5%;
  }
}
footer .sns_link {
  margin-bottom: 1.875rem;
  text-align: center;
}
footer .sns_link li {
  display: inline-block;
  margin: auto 0.3125rem;
  width: 2.1875rem;
}
.footer_copy {
  color: #666;
  margin: 0 0.75rem 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .footer_copy {
    display: block;
    margin: 1.875rem 5% 0;
  }
}
.bnr {
  width: 100px;
  position: fixed;
  top: calc(50% - 50px);
  right: 0;
  opacity: 0;
  z-index: 10;
  transform: translateY(-50%);
  transition: opacity 0.2s;
  pointer-events: none;
}
.bnr.is-show {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .bnr {
    top: auto;
    bottom: 0;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}
main {
  margin-top: 0;
}
.top_cnt {
  width: 100%;
}
/**
 * p-kv（teaser 踏襲）
 * KV は応募期間の白帯まで含めた1枚画像を全幅で敷く
 */
.p-kv {
  background-color: #fff;
  width: 100%;
}
.p-kv__visual {
  margin-bottom: 2.196193265vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-kv__visual {
    margin-bottom: 8vw;
  }
}
.p-kv__image {
  width: 100%;
}
.p-kv__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.p-kv__btn {
  position: absolute;
  right: 4%;
  top: 64%;
  width: 30.53%;
}
@media screen and (max-width: 768px) {
  .p-kv__btn {
    right: 4%;
    top: 19%;
    width: 28%;
  }
}
.p-kv__btn a {
  display: block;
  isolation: isolate;
  position: relative;
}
.p-kv__btn a::after {
  background-color: #fff;
  content: "";
  inset: 0;
  -webkit-mask: url("../images/btn_mv-01_pc.svg") center/100% 100% no-repeat;
          mask: url("../images/btn_mv-01_pc.svg") center/100% 100% no-repeat;
  mix-blend-mode: overlay;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity var(--duration);
}
@media screen and (max-width: 768px) {
  .p-kv__btn a::after {
    -webkit-mask-image: url("../images/btn_mv-01_sp.svg");
            mask-image: url("../images/btn_mv-01_sp.svg");
  }
}
.p-kv__btn a:focus-visible::after {
  opacity: 0.25;
}
@media (any-hover: hover) {
  .p-kv__btn a:hover::after {
    opacity: 0.25;
  }
}
.p-kv__btn img {
  filter: drop-shadow(min(0.439238653vw, 0.375rem) min(0.439238653vw, 0.375rem) min(0.2928257687vw, 0.25rem) rgba(0, 0, 0, 0.5));
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-kv__btn img {
    filter: drop-shadow(0.8vw 0.8vw 0.5333333333vw rgba(0, 0, 0, 0.5));
  }
}
@media screen and (max-width: 768px) {
  .p-kv .obi {
    display: none;
  }
}
.obi__note {
  background-color: #fff;
  color: var(--red);
  font-size: min(2.4509803922vw, 1.5625rem);
  text-align: center;
  padding: 30px 10px;
}
@media screen and (max-width: 768px) {
  .obi__note {
    font-size: 4vw;
    padding: 5.3333333333vw 0;
  }
}
.obi a {
  display: block;
  background-color: var(--red);
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .obi a {
    padding: 8vw 0;
  }
}
.obi a img {
  width: 708px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .obi a img {
    width: 90.6666666667vw;
  }
}
.p-course {
  background-color: var(--beige);
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p-course {
    padding: 9.3333333333vw 0;
  }
}
.p-course__inner {
  width: min(94.3396226415vw, 62.5rem);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-course__inner {
    width: 86.6666666667vw;
  }
}
.p-course__midashi {
  width: 428px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-course__midashi {
    width: 57.0666666667vw;
    margin-bottom: 8vw;
  }
}
.p-course__list li {
  display: block;
}
.p-course__list li + li {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-course__list li + li {
    margin-top: 3.3333333333vw;
  }
}
.p-course__note {
  margin-top: 10px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-course__note {
    font-size: 2.4vw;
    margin-top: 2.6666666667vw;
  }
}
.p-entry {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p-entry {
    padding: 9.3333333333vw 0;
  }
}
.p-entry__inner {
  width: min(98.0392156863vw, 62.5rem);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-entry__inner {
    width: 86.6666666667vw;
  }
}
.p-entry__midashi {
  width: min(97.6076555024vw, 51rem);
  margin: 0 auto min(3.5885167464vw, 1.875rem);
}
@media screen and (max-width: 768px) {
  .p-entry__midashi {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.p-entry__list li {
  display: block;
}
.p-entry__list li + li {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-entry__list li + li {
    margin-top: 3.3333333333vw;
  }
}
.p-step {
  background-color: #feeab7;
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p-step {
    padding: 9.3333333333vw 0;
  }
}
.p-step__inner {
  width: min(98.0392156863vw, 62.5rem);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-step__inner {
    width: 86.6666666667vw;
  }
}
.p-step__midashi {
  width: min(97.6076555024vw, 51rem);
  margin: 0 auto min(5.980861244vw, 3.125rem);
}
@media screen and (max-width: 768px) {
  .p-step__midashi {
    width: 100%;
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-step__item {
    width: 89.7333333333vw;
    margin-left: -3.0666666667vw;
  }
}
.p-outline {
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .p-outline {
    padding: 13.3333333333vw 0;
  }
}
.p-outline__inner {
  margin: 0 auto;
  width: min(98.0392156863vw, 62.5rem);
}
@media screen and (max-width: 768px) {
  .p-outline__inner {
    width: 86.6666666667vw;
  }
}
.p-outline__box {
  background-color: #fff;
}
.p-outline__midashi {
  width: 364px;
  text-align: center;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .p-outline__midashi {
    width: 64.5333333333vw;
    margin-bottom: 8vw;
  }
}
.p-outline__content {
  font-size: 0.9375rem;
  font-weight: 700;
  height: 36.6875rem;
  letter-spacing: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 1.875rem 3.75rem 3.75rem;
  border: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .p-outline__content {
    font-size: 2.6666666667vw;
    height: 140vw;
    padding: 1.3333333333vw 5.3333333333vw;
  }
}
.p-outline__item {
  border-bottom: 2px solid #000;
  color: #000;
  display: flex;
  padding: 30px 0;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .p-outline__item {
    display: block;
    font-size: 2.6666666667vw;
    padding: 4vw 0;
  }
}
.p-outline__item:nth-last-of-type(1) {
  border-bottom: none;
}
.p-outline__term {
  flex-shrink: 0;
  font-size: 15px;
  width: 10.9375rem;
}
@media screen and (max-width: 768px) {
  .p-outline__term {
    font-size: 3.2vw;
    margin-bottom: 1.3333333333vw;
    width: 100%;
  }
}
.p-outline__desc {
  flex: 1;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .p-outline__desc {
    font-size: 2.9333333333vw;
    letter-spacing: 0;
    line-height: 1.6;
  }
}
.p-strong {
  background-color: #6f6e6f;
}
.p-strong__inner {
  width: min(98.0392156863vw, 62.5rem);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-strong__inner {
    width: 86.6666666667vw;
  }
}
.p-strong__midashi {
  background-color: #344352;
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p-strong__midashi {
    padding: 9.3333333333vw 0;
  }
}
.p-strong__midashi img {
  width: 506px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-strong__midashi img {
    width: 67.4666666667vw;
  }
}
.p-strong__list {
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .p-strong__list {
    padding: 16vw 0;
  }
}
.p-strong__list li {
  display: block;
}
.p-strong__list li + li {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-strong__list li + li {
    margin-top: 9.3333333333vw;
  }
}