html {
  box-sizing: border-box;
  font-family: var(--font-notosansjp);
  word-break: normal;
  tab-size: 4;
  text-size-adjust: 100%
}

*,
::after,
::before {
  box-sizing: inherit;
  background-repeat: no-repeat
}

::after,
::before {
  vertical-align: inherit;
  text-decoration: inherit
}

* {
  padding: 0;
  margin: 0
}

hr {
  height: 50px;
  overflow: visible;
  color: inherit;
  border: 0
}

details,
main {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden] {
  display: none
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline-width: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace
}

pre {
  font-size: 1em
}

b,
strong {
  font-weight: bolder
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit
}

iframe {
  border-style: none
}

input {
  border-radius: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
  appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

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

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role="button"],
[type="button"],
[type="reset"],
[type="submit"],
button {
  cursor: pointer
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  appearance: auto
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0
}

select {
  appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentcolor
}

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
  border: 0
}

::-webkit-file-upload-button {
  font: inherit;
  color: inherit;
  appearance: auto
}

[disabled] {
  cursor: default
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

[aria-busy="true"] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled="true"] {
  cursor: default
}

:root {
  --color-primary: #3a4452;
  --color-tertiary: #69bebe;
  --color-base: #f6f7f8;
  --color-accent-old: #d35692;
  --color-white-old: #fdfdfd;
  --color-blue-old: #1c2940;
  --color-black-old: #272727;
  --light-blue: #f0f3f8;
  --light-blue-gray: #f1f3f8;
  --light-gray: #e1e1ea;
  --color-gray-old: #8d959c;
  --color-gray-hover: hsl(208deg 7% 58% / 16%);
  --color-black: #262626;
  --color-gray-strong: #9292a5;
  --color-gray: #e1e1eb;
  --color-gray-soft: #f5f5f9;
  --color-white: #fff;
  --color-brand: #1c2940;
  --color-blue: #228be6;
  --color-blue-soft: #d0ebff;
  --color-accent: #df2673;
  --gradation-blue: linear-gradient(296.36deg, rgb(151 231 253 / 90%) 43.51%, rgb(107 206 238 / 90%) 86.12%);
  --gradation-rainbow: linear-gradient(90deg, #89CFF0 0%, #A1D9FF 30%, #FFC0CB 70%, #FF9AB8 100%);
  --iugc-gray: #999;
  --iugc-gray-light: #ddd;
  --iugc-primary: #42a2d8;
  --iugc-primary-variant: #ecf8fe;
  --iugc-attention: #ffb61e;
  --iugc-link: #ff4e20;
  --harc-primary: #b8193f;
  --harc-primary-variant: #ffc9d9;
  --color-off-white: #fdfdfe;
  --header-height: 80px;
  --main-max-width: 900px;
  --gutter-padding: 2rem;
  --space-24: 24px;
  --space-30: 30px;
  --space-40: 40px;
  --space-60: 60px;
  --space-80: 80px;
  --space-120: 120px;
  --font-x5l: 2rem;
  --font-x4l: 1.7rem;
  --font-x3l: 1.5rem;
  --font-x2l: 1.375rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: .875rem;
  --font-xs: .75rem;
  --font-40: 2.5rem;
  --font-36: 2.25rem;
  --font-32: 2rem;
  --font-30: 1.875rem;
  --font-28: 1.75rem;
  --font-26: 1.625rem;
  --font-24: 1.5rem;
  --font-22: 1.375rem;
  --font-21: 1.3125rem;
  --font-20: 1.25rem;
  --font-18: 1.125rem;
  --font-17: 1.0625rem;
  --font-16: 1rem;
  --font-14: .875rem;
  --font-13: .8125rem;
  --font-12: .75rem;
  --font-11: .6875rem;
  --font-10: .625rem;
  --font-bold: 700;
  --font-regular: 400;
  --line-height-180: 1.8;
  --line-height-160: 1.6;
  --line-height-140: 1.4;
  --line-height-130: 1.3;
  --letter-spacing-4: .04em;
  --content-width: 1080px;
  --margin-inline: 24px;
  --content-max-width: calc(var(--content-width) + var(--margin-inline) * 2);
  --z-index-top-return: 100;
  --z-index-header: 1000;
  --z-index-modal: 1001;
  --font-base: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  --font-latin-hero: "Inter", "BlinkMacSystemFont", arial, sans-serif;
  --font-mincho: "游明朝体", "serif";
  --font-serif: serif;
  --font-yugothic: "游ゴシック体", "Yu Gothic", yugothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  --font-poppins: "Poppins", "Noto Sans JP", sans-serif;
  --font-opensans: "Open Sans", sans-serif;
  --font-notosansjp: 'Noto Sans JP', sans-serif
}

@media screen and (width <=992px) {
  :root {
    --gutter-padding: 1rem
  }
}

@media screen and (width <=812px) {
  :root {
    --header-height: 60px;
    --content-width: 430px
  }
}

@media screen and (width <=510px) {
  :root[lang="en"] {
    --header-height: 106px
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height)
}

* {
  outline-color: var(--color-accent-old);
  outline-offset: -1px
}

a {
  color: var(--color-white-old);
  transition: color .5s ease 0s, background-color .5s ease 0s
}

a:active,
a:focus,
a:hover {
  text-decoration: underline
}

a:focus-visible {
  outline: var(--color-brand) solid 2px
}

button:focus-visible {
  outline: var(--color-brand) solid 1px
}

img,
video {
  width: 100%;
  max-width: 100%;
  height: auto
}

img,
summary,
video {
  display: block
}

summary::-webkit-details-marker {
  display: none
}

.spOnly {
  display: none
}

@media screen and (width <=812px) {
  .spOnly {
    display: block
  }

  .pcOnly {
    display: none
  }
}

.swiper-pagination {
  position: relative !important;
  margin-top: 20px
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-blue-old)
}

.campuslifeSlider .swiper-button-disabled {
  opacity: .3
}

.pickupSlider .swiper-button-disabled {
  display: none
}

.accent {
  color: var(--color-accent)
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
  clip: rect(0, 0, 0, 0)
}

.copyright {
  padding: 20px 0;
  text-align: center
}

.copyright_sns {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  width: fit-content;
  margin: auto
}

.copyright_sns img {
  width: 30px;
  height: 30px
}

.copyright p {
  margin-top: 10px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  color: var(--color-black)
}

.ContactButton_wrapper {
  display: flex;
  gap: 11px;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 20px 19px 20px 24px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: 600;
  line-height: var(--line-height-160);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7.8%);
  transition: all .3s
}

.ContactButton_wrapper.ContactButton_strong {
  font-size: var(--font-26);
  font-weight: var(--font-bold);
  color: var(--color-white);
  background-color: #ee4c95
}

.ContactButton_wrapper:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.ContactButton_wrapper:hover.ContactButton_strong {
  background-color: var(--color-accent)
}

@media screen and (width <=812px) {
  .ContactButton_wrapper {
    font-size: var(--font-21);
    background-size: 166px auto
  }

  .ContactButton_wrapper.ContactButton_strong {
    font-size: var(--font-21)
  }
}

.ContactButton_inner {
  display: flex;
  gap: 16px;
  align-items: center
}

.ContactButton_iconWrapper {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--color-gray-soft);
  border-radius: 50%
}

@media screen and (width <=812px) {
  .ContactButton_iconWrapper {
    width: 48px;
    height: 48px
  }
}

.ContactButton_wrapper.ContactButton_strong .ContactButton_iconWrapper {
  background-color: var(--color-white)
}

.ContactButton_icon {
  width: 40px;
  height: 40px
}

@media screen and (width <=812px) {
  .ContactButton_icon {
    width: 30px;
    height: 30px
  }
}

.ContactButton_arrow {
  flex-shrink: 0
}

.AccordionBase_summary {
  display: block;
  cursor: pointer
}

.AccordionBase_content {
  overflow: hidden
}

.MoreInfo_spOnly {
  display: none
}

@media screen and (width <=812px) {
  .MoreInfo_spOnly {
    display: block
  }

  .MoreInfo_pcOnly__mDzUv {
    display: none
  }
}

.MoreInfo_wrapper {
  position: relative;
  z-index: 1;
  padding: 60px 16px;
  overflow: hidden;
  background: linear-gradient(296.36deg, #0ccbff 43.51%, #1ebcf0 86.12%)
}

@media screen and (width <=812px) {
  .MoreInfo_wrapper {
    padding: 90px 16px
  }
}

.MoreInfo_heading {
  width: fit-content;
  padding-bottom: 3px;
  margin: 0 auto;
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-white);
  letter-spacing: 1px;
  text-shadow: 0 0 8px rgb(0 0 0 / 30.2%);
  border-bottom: 1px solid var(--color-white)
}

.MoreInfo_content {
  display: grid;
  grid-gap: 64px;
  gap: 64px;
  max-width: 904px;
  margin: 16px auto 0
}

@media screen and (width <=812px) {
  .MoreInfo_content {
    gap: 48px;
    max-width: 430px
  }
}

.MoreInfo_moreinfo {
  display: grid;
  grid-gap: 32px;
  gap: 32px
}

@media screen and (width <=812px) {
  .MoreInfo_moreinfo {
    gap: 24px
  }
}

.MoreInfo_moreinfoHeading {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  justify-items: center;
  color: var(--color-white)
}

@media screen and (width <=812px) {
  .MoreInfo_moreinfoHeading {
    gap: 4px
  }
}

.MoreInfo_headingMain {
  font-family: var(--font-notosansjp);
  font-size: var(--font-26);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  text-align: center;
  letter-spacing: var(--letter-spacing-4);
  text-shadow: 0 0 8px rgb(0 0 0 / 30.2%)
}

@media screen and (width <=812px) {
  .MoreInfo_headingMain {
    font-size: var(--font-20)
  }
}

.MoreInfo_headingSub {
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  text-align: center;
  letter-spacing: var(--letter-spacing-4);
  text-shadow: 0 0 8px rgb(0 0 0 / 30.2%)
}

@media screen and (width <=812px) {
  .MoreInfo_headingSub {
    font-size: var(--font-14)
  }
}

.MoreInfo_buttonList {
  display: flex;
  gap: 16px 8px;
  justify-content: center;
  list-style: none
}

@media screen and (width <=812px) {
  .MoreInfo_buttonList {
    flex-direction: column
  }
}

.MoreInfo_buttonItem {
  width: calc((100% - 8px)/2)
}

@media screen and (width <=812px) {
  .MoreInfo_buttonItem {
    width: 100%
  }
}

.MoreInfo_seminar {
  display: grid;
  grid-gap: 24px;
  gap: 24px
}

.MoreInfo_seminarHeading {
  display: flex;
  gap: 16px;
  align-items: center;
  color: var(--color-white)
}

.MoreInfo_seminarHeading::after,
.MoreInfo_seminarHeading::before {
  display: block;
  flex: 1 1;
  height: 1px;
  content: "";
  background-color: var(--color-white)
}

.MoreInfo_background01 {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: -1;
  width: 474px;
  height: auto;
  transform: scale(-1)
}

@media screen and (width <=812px) {
  .MoreInfo_background01 {
    top: 0;
    width: 187px
  }
}

.MoreInfo_background02 {
  position: absolute;
  bottom: -62px;
  left: 0;
  z-index: -1;
  width: 541px;
  height: auto;
  transform: scale(-1)
}

@media screen and (width <=812px) {
  .MoreInfo_background02 {
    bottom: 0;
    width: 262px
  }
}

.RelatedContents_wrapper {
  display: grid;
  grid-gap: 64px;
  gap: 64px;
  padding: 80px 24px;
  background-color: var(--color-gray-soft)
}

@media screen and (width <=812px) {
  .RelatedContents_wrapper {
    gap: 48px
  }
}

.RelatedContents_section {
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  max-width: 1024px;
  margin: 0 auto
}

@media screen and (width <=812px) {
  .RelatedContents_section {
    gap: 24px;
    max-width: 430px
  }
}

.RelatedContents_heading {
  width: fit-content;
  margin: 0 auto
}

.RelatedContents_headingText {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .RelatedContents_headingText {
    font-size: var(--font-18)
  }
}

.RelatedContents_headingBorder {
  height: 6px;
  background: var(--gradation-rainbow)
}

.RelatedContents_bannerList {
  display: flex;
  gap: 32px;
  justify-content: center;
  list-style: none
}

@media screen and (width <=812px) {
  .RelatedContents_bannerList {
    flex-direction: column;
    gap: 16px
  }
}

.RelatedContents_bannerItem {
  flex: 1 1
}

.RelatedContents_bannerLink {
  display: block;
  max-width: 320px;
  overflow: hidden;
  border: 1px solid var(--color-gray)
}

.RelatedContents_bannerLink:focus .RelatedContents_banner,
.RelatedContents_bannerLink:hover .RelatedContents_banner {
  transform: scale(1.1)
}

.RelatedContents_banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  transition: transform .3s
}

.RelatedContents_banner.RelatedContents_school {
  aspect-ratio: 320/130
}

.RelatedContents_logo {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 320/56
}

.SiteFooter_spOnly__II4yR {
  display: none
}

@media screen and (width <=812px) {
  .SiteFooter_spOnly__II4yR {
    display: block
  }

  .SiteFooter_pcOnly__lM4F3 {
    display: none
  }
}

.SiteFooter_wrapper {
  grid-area: footer
}

.SiteFooter_descriptionWrapperEn__14q1s {
  display: flex;
  gap: 48px;
  justify-content: center;
  padding: 4px;
  font-size: var(--font-13);
  color: var(--color-blue-old)
}

@media screen and (width <=768px) {
  .SiteFooter_descriptionWrapperEn__14q1s {
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    font-size: var(--font-11)
  }
}

.SiteFooter_email__g8xGT {
  color: var(--color-blue-old);
  text-decoration: none
}

@media screen and (width <=768px) {
  .SiteFooter_email__g8xGT {
    text-align: right
  }
}

.Body_spOnly__iXnuB {
  display: none
}

@media screen and (width <=768px) {
  .Body_spOnly__iXnuB {
    display: block
  }

  .Body_pcOnly__dtrtD {
    display: none
  }
}

.Body_wrapper__Ot6qD {
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  max-width: 1128px;
  padding: 56px 24px;
  margin-inline: auto
}

@media screen and (width <=812px) {
  .Body_wrapper__Ot6qD {
    gap: 24px;
    padding: 32px 24px 28px
  }
}

.Body_footer__4nQC6 {
  display: flex;
  gap: 40px
}

@media screen and (width <=812px) {
  .Body_footer__4nQC6 {
    flex-direction: column;
    gap: 20px
  }
}

.Body_linkList__8m_M5 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none
}

.Body_footerButtons__o8LvD {
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: space-between
}

@media screen and (width <=812px) {
  .Body_footerButtons__o8LvD {
    gap: 8px
  }
}

.LanguageSwitcher_list {
  display: flex;
  overflow: hidden;
  list-style: none;
  border: 1px solid var(--color-brand);
  border-radius: 4px
}

.LanguageSwitcher_item {
  flex: 1 1
}

.LanguageSwitcher_button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: center;
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  transition: all .3s
}

.LanguageSwitcher_button:not(:disabled):focus-visible {
  background-color: var(--color-gray)
}

@media(hover:hover) {
  .LanguageSwitcher_button:not(:disabled):hover {
    text-decoration: none;
    background-color: var(--color-gray)
  }

  .LanguageSwitcher_button:not(:disabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .LanguageSwitcher_button {
    padding: 6px 10px;
    font-size: var(--font-14)
  }
}

.LanguageSwitcher_active {
  font-weight: var(--font-bold);
  color: var(--color-white);
  pointer-events: none;
  background: var(--color-brand)
}

.Header_spOnly__vsFNG {
  display: none
}

@media screen and (width <=768px) {
  .Header_spOnly__vsFNG {
    display: block
  }

  .Header_pcOnly {
    display: none
  }
}

.Header_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px
}

@media screen and (width <=812px) {
  .Header_wrapper {
    gap: 8px
  }
}

.Header_header {
  display: flex;
  align-items: center
}

.Header_logo {
  width: 151px
}

.Header_specialMenu {
  margin-left: 57px
}

.Header_languageSwitching {
  margin-left: auto
}

.Button_wrapper_menu {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 7px 15px;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-bold);
  line-height: var(--line-height-130);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 4px;
  transition: all .3s
}

.Button_wrapper_menu.Button_pc_webentry {
  color: var(--color-white);
  background-color: #ee4c95
}

.Button_wrapper:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.Button_wrapper:hover.Button_pc_webentry {
  background-color: var(--color-accent)
}

.Button_icon {
  flex-shrink: 0
}

.Pc_wrapper {
  display: flex;
  gap: 8px;
  width: 388px
}

.LiSub_wrapper {
  position: relative;
  gap: 16px;
  padding: 4px 0 3px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  border-bottom: 1px dashed var(--color-brand)
}

.LiSub_wrapper:hover {
  text-decoration: none
}

.LiSub_wrapper::before {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: block;
  height: 2px;
  content: "";
  background-color: var(--color-brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s
}

.LiSub_wrapper:hover::before {
  transform: scale(1)
}

.LiMain_wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.LiMain_wrapper:hover {
  text-decoration: none
}

.LiMain_icon {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 32px;
  height: 32px;
  color: var(--color-brand);
  border: 1px solid var(--color-brand);
  border-radius: 50%;
  transition: all .3s
}

.LiMain_wrapper:hover .LiMain_icon {
  color: var(--color-white);
  background-color: var(--color-brand)
}

.NavPc_navList {
  display: grid;
  grid-template-columns: auto 80px 1fr;
  grid-gap: 48px;
  gap: 48px;
  list-style: none
}

.NavPc_navItem {
  display: grid;
  grid-template-columns: inherit;
  grid-template-columns: subgrid;
  grid-column: -1/1;
  grid-gap: 32px;
  gap: 32px;
  align-items: center
}

.NavPc_bar {
  width: 80px;
  height: 1px;
  background-color: var(--color-brand)
}

.NavPc_innerList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none
}

.List_list {
  padding-left: 32px;
  list-style: none
}

.List_link {
  font-size: var(--font-18);
  box-sizing: border-box;
  display: grid;
  align-items: center;
  min-height: 56px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--color-brand)
}

.List_link,
.List_link:hover {
  color: var(--color-brand);
  text-decoration: none
}

.Summary_text {
  font-size: var(--font-18);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

.Summary_icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 40px;
  height: 40px
}

.Summary_iconBar {
  grid-area: 1/1;
  width: 19px;
  height: 2px;
  background-color: var(--color-brand);
  border-radius: 999px
}

.Summary_iconBar:first-of-type {
  transform: rotate(90deg);
  transition: transform .2s
}

.NavSp_navList {
  list-style: none
}

.SnsList_wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  list-style: none
}

.SnsList_link__RQWwq {
  display: block;
  width: 32px;
  height: 32px
}

.SiteHeader_spOnly__Jg2bM {
  display: none
}

@media screen and (width <=1127px) {
  .SiteHeader_spOnly__Jg2bM {
    display: block
  }

  .SiteHeader_pcOnly {
    display: none
  }
}

.SiteHeader_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-header);
  grid-area: header;
  width: 100%;
  height: var(--header-height);
  padding-inline-start: 40px;
  background-color: hsl(0deg 0% 100% / 90%);
  -webkit-padding-start: 40px
}

@media screen and (width <=1127px) {
  .SiteHeader_wrapper {
    -webkit-padding-start: 12px;
    padding-inline-start: 12px
  }
}

.SiteHeader_wrapper.SiteHeader_border__lnWxG {
  border-bottom: 1px solid var(--light-gray)
}

.SiteHeader_headerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%
}

@media screen and (width <=812px) {
  .SiteHeader_headerTop {
    display: grid;
    grid-template-areas: "logo button""text text";
    align-items: flex-start
  }
}

.SiteHeader_headerLeft {
  display: flex;
  grid-area: logo;
  gap: 8px;
  align-items: center;
  align-self: center;
  width: 100%
}

.SiteHeader_headerTextPc__jzcTk {
  display: block
}

@media screen and (width <=812px) {
  .SiteHeader_headerTextPc__jzcTk {
    display: none
  }
}

.SiteHeader_headerTextSp__lsxgD {
  display: none
}

@media screen and (width <=812px) {
  .SiteHeader_headerTextSp__lsxgD {
    display: block
  }
}

.SiteHeader_logo {
  min-width: 174px;
  max-width: 174px;
  height: auto
}

@media screen and (width <=1127px) {
  .SiteHeader_logo {
    min-width: 140px;
    max-width: 140px
  }
}

.SiteHeader_logo a {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%
}

.SiteHeader_buttonWrap {
  display: flex;
  grid-area: button;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 900px
}

@media screen and (width <=1127px) {
  .SiteHeader_buttonWrap {
    width: auto;
    min-width: auto
  }
}

@media screen and (width <=812px) {
  .SiteHeader_buttonWrap {
    min-width: auto
  }
}

.SiteHeader_links {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  list-style: none
}

.SiteHeader_mainItem {
  position: relative
}

.SiteHeader_mainItem:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 24px;
  content: "";
  background-color: var(--color-gray);
  transform: translateY(-50%)
}

.SiteHeader_mainItemLink {
  position: relative;
  z-index: 10;
  display: block;
  padding: 8px 12px 0;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none !important
}

.SiteHeader_mainItemLink::after {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 6px;
  content: "";
  background-color: var(--color-blue-old);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease
}

.SiteHeader_mainItemLink:hover::after {
  transform: scale(1)
}

.SiteHeader_lang {
  display: flex
}

@media screen and (width <=1127px) {
  .SiteHeader_lang {
    display: none
  }
}

.SiteHeader_drawerToggle {
  position: relative;
  z-index: calc(var(--z-index-header) + 1);
  display: block;
  flex-shrink: 0;
  width: 80px;
  height: 80px
}

.SiteHeader_drawerToggle:focus-visible {
  outline: var(--color-brand) solid 1px
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle {
    width: 60px;
    height: 60px
  }
}

.SiteHeader_drawerToggle .SiteHeader_row {
  position: absolute;
  top: 50%;
  left: 24px;
  display: block;
  height: 1px;
  background-color: var(--color-brand);
  transform: translateY(var(--translate-y));
  translate: 0 -50%;
  transition: transform .3s, opacity .3s
}

.SiteHeader_drawerToggle .SiteHeader_row:first-of-type {
  width: 32px;

  --translate-y: -12px
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle .SiteHeader_row:first-of-type {
    width: 24px;

    --translate-y: -8px
  }
}

.SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(2) {
  width: 32px;

  --translate-y: 0
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(2) {
    width: 24px
  }
}

.SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(3) {
  width: 22px;

  --translate-y: 12px
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(3) {
    width: 16.5px;

    --translate-y: 8px
  }
}

.SiteHeader_drawerToggle:hover .SiteHeader_row:first-of-type {
  transform: translateY(calc(var(--translate-y) + 2px))
}

.SiteHeader_drawerToggle:hover .SiteHeader_row:last-of-type {
  transform: translateY(calc(var(--translate-y) - 2px))
}

.SiteHeader_drawerToggle[data-is-open="true"] .SiteHeader_row:first-of-type {
  transform: rotate(45deg)
}

.SiteHeader_drawerToggle[data-is-open="true"] .SiteHeader_row:nth-of-type(2) {
  transform: rotate(-45deg)
}

.SiteHeader_drawerToggle[data-is-open="true"] .SiteHeader_row:last-of-type {
  opacity: 0
}

.Bottom_wrapper__lx86s {
  display: grid;
  grid-gap: 40px;
  gap: 40px;
  justify-items: center;
  padding: 80px 0;
  font-family: var(--font-notosansjp);
  color: var(--color-white);
  background-color: var(--color-brand)
}

.Bottom_linkList__rPfd7 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: center;
  max-width: 1120px;
  padding: 0 34px;
  list-style: none
}

@media screen and (width <=768px) {
  .Bottom_linkList__rPfd7 {
    flex-direction: column;
    gap: 24px;
    align-items: center
  }
}

.Bottom_linkItem__i6Zdf {
  display: flex;
  gap: 16px;
  align-items: center
}

.Bottom_linkItem__i6Zdf:not(:last-of-type)::after {
  display: block;
  width: 1px;
  height: 10px;
  content: "";
  background-color: currentcolor
}

@media screen and (width <=768px) {
  .Bottom_linkItem__i6Zdf:not(:last-of-type)::after {
    display: none
  }
}

.Bottom_copyright__gcnUu {
  padding: 0 16px;
  font-size: var(--font-10);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  text-align: center;
  letter-spacing: var(--letter-spacing-4)
}

.menu_spOnly {
  display: none
}

@media screen and (width <=768px) {
  .menu_spOnly {
    display: block
  }

  .menu_pcOnly {
    display: none
  }
}

.menu_wrapper {
  position: fixed;
  inset: 0;
  z-index: var(--z-index-header);
  visibility: hidden;
  overflow-y: auto;
  background-color: var(--light-blue);
  opacity: 0;
  transition: opacity .3s
}

.menu_open__YehAQ {
  visibility: visible;
  opacity: 1
}

.menu_inner {
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  max-width: 1128px;
  padding: 56px 24px;
  margin-inline: auto
}

@media screen and (width <=812px) {
  .menu_inner {
    gap: 24px;
    padding: 32px 24px 125px
  }
}

.menu_background {
  position: fixed;
  right: -20px;
  bottom: -20px;
  z-index: -1;
  width: 560px;
  height: auto;
  opacity: .4
}

@media screen and (width <=812px) {
  .menu_background {
    right: -80px
  }
}

.Link_wrapper__8kxOc {
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  color: var(--color-white);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.Link_wrapper__8kxOc:hover {
  text-decoration: underline
}

.Link_wrapper__8kxOc:focus-visible {
  outline-color: var(--color-white)
}

.Footer_spOnly {
  display: none
}

@media screen and (width <=768px) {
  .Footer_spOnly {
    display: block
  }

  .Footer_pcOnly__GLhA_ {
    display: none
  }
}

.Footer_footer {
  display: flex;
  gap: 40px;
  justify-content: space-between
}

@media screen and (width <=812px) {
  .Footer_footer {
    flex-direction: column;
    gap: 20px
  }
}

.Footer_linkList {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none
}

.Footer_footerButtons {
  flex-shrink: 0
}

@media screen and (width <=812px) {
  .Footer_footerButtons {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between
  }
}

.Footer_footerLanguageSwitching {
  width: 104px;
  height: 40px
}

.special_menu_pc {
  position: fixed;
  top: calc(var(--header-height) + 110px);
  right: 0;
  z-index: calc(var(--z-index-header) - 1)
}

@media screen and (width <=768px) {
  .special_menu_pc {
    display: none
  }
}

.special_menu_sp {
  display: none
}

@media screen and (width <=768px) {
  .special_menu_sp {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--z-index-header);
    display: block;
    width: 100%
  }
}

.Button_wrapper_pc_menu {
  display: flex;
  text-decoration: none;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);
  transition: all .3s
}

.Button_wrapper_pc_menu:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.Button_wrapper_pc_menu.Button_pc_webentry {
  background-color: #ee4c95;
  border: none
}

.Button_wrapper_pc_menu.Button_pc_webentry:hover {
  background-color: #d43f8b
}

.Button_wrapper_pc_menu::after {
  position: relative;
  display: block;
  width: 0;
  content: "";
  background-color: rgb(38 38 38 / 10.2%);
  transition: width .3s
}

.Button_wrapper_pc_menu:hover::after {
  width: 8px
}

.Button_inner_pc_menu {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  place-items: center;
  width: 48px;
  padding: 12px 8px 20px;
  overflow: hidden
}

.Button_icon_pc_menu {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: var(--color-gray-soft);
  border-radius: 50%
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_icon_pc_menu {
  background: var(--color-white)
}

.Button_text_menu {
  width: 1em;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  color: var(--color-black);
  text-align: center;
  word-break: break-all
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu {
  line-height: .85;
  color: var(--color-white)
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu .Button_e__aG0DQ {
  line-height: .9
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu .Button_b___8MdE {
  line-height: 1.05
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu .Button_jp__w_w49 {
  line-height: 1.25
}

.Button_wrapper_pc_menu.Button_informationSeminar .Button_text_menu {
  line-height: 1.15
}

.Button_wrapper_pc_menu.Button_form .Button_text_menu {
  line-height: 1.25
}

.Pc_wrapper_menu {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  place-items: end
}

.Button_wrapper_sp_menu {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-13);
  font-weight: var(--font-bold);
  line-height: var(--line-height-130);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  transition: all .3s
}

.Button_wrapper_sp_menu:hover {
  text-decoration: none
}

.Button_wrapper_sp_menu.Button_sp_webentry {
  color: var(--color-white);
  background-color: #ee4c95
}

.Button_icon_sp_menu {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: var(--color-gray-soft);
  border-radius: 50%
}

.Sp_wrapper_menu {
  display: flex;
  box-shadow: 0 -4px 2px 0 rgb(0 0 0 / 3.9%)
}

.Sp_item_menu {
  flex: 1 1
}

.Sp_item_menu:not(:first-of-type) {
  position: relative
}

.Sp_item_menu:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  content: "";
  background-color: #ccc;
  transform: translate(-50%, -50%)
}

.Sp_item_menu.Sp_webentry__oOiIt::before {
  display: none
}

.academics_head {
  text-align: center
}

.academics_cardImgMainWrapper {
  display: flex;
  gap: 80px;
  max-width: 1000px;
  margin: 0 auto 24px
}

@media screen and (width <=812px) {
  .academics_cardImgMainWrapper {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px
  }
}

.academics_lead {
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  text-align: center
}

@media screen and (width <=812px) {
  .academics_lead {
    font-size: var(--font-14);
    text-align: left
  }
}

.academics_leadInner {
  display: block;
  margin: 1em 0
}

.academics_curriculumWrapper {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .academics_curriculumWrapper {
    flex-direction: column;
    gap: 24px
  }
}

.academics_recommendHead {
  font-size: var(--font-14)
}

.academics_recommend {
  padding-left: 1em
}

.academics_cardWrapper {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .academics_cardWrapper {
    flex-direction: column;
    gap: 24px;
    align-items: center
  }
}

.academics_card {
  width: 50%
}

@media screen and (width <=812px) {
  .academics_card {
    width: 100%
  }
}

.academics_accordionWrapper {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media screen and (width <=812px) {
  .academics_accordionWrapper {
    gap: 24px
  }
}

.academics_accordionContentHeading {
  margin-bottom: 16px
}

@media screen and (width <=812px) {
  .academics_accordionContentHeading {
    margin-bottom: 8px
  }
}

.Banner_wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 8px
}

@media(hover:hover) {
  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .Banner_wrapper {
    flex-direction: column;
    font-size: var(--font-12)
  }
}

.Banner_wrapper.Banner_iconType__HEcXg {
  padding: 32px
}

@media screen and (width <=812px) {
  .Banner_wrapper.Banner_iconType__HEcXg {
    padding: 24px
  }
}

.Banner_image {
  width: 100%;
  max-width: 384px
}

@media screen and (width <=812px) {
  .Banner_image {
    max-width: 100%
  }
}

.Banner_iconImage__GpGJ6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  max-width: 160px;
  min-height: 160px;
  max-height: 160px;
  background-color: var(--color-gray-soft);
  border-radius: 100%
}

@media screen and (width <=812px) {
  .Banner_iconImage__GpGJ6 {
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px
  }
}

.Banner_iconImageInner__PaiMS {
  width: 120px
}

.Banner_inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 40px
}

@media screen and (width <=812px) {
  .Banner_inner {
    gap: 16px;
    padding: 16px
  }
}

@media screen and (width <=1024px) {
  .Banner_inner.Banner_innerCol {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start
  }
}

.Banner_inner.Banner_innerIconType__rjM1j {
  padding: 0 0 0 32px
}

@media screen and (width <=812px) {
  .Banner_inner.Banner_innerIconType__rjM1j {
    padding: 16px 0
  }
}

.Banner_main {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .Banner_main {
    gap: 8px
  }
}

.Banner_icon {
  width: 48px;
  height: 48px
}

@media screen and (width <=812px) {
  .Banner_icon,
  .Banner_icon svg {
    width: 32px;
    height: 32px
  }
}

.Banner_linkText {
  display: inline-flex;
  align-items: center;
  min-width: fit-content;
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand)
}

.Banner_linkText,
.ImgMain_wrapper {
  gap: 16px;
  font-family: var(--font-notosansjp);
  letter-spacing: var(--letter-spacing-4)
}

.ImgMain_wrapper {
  display: grid;
  grid-gap: 16px;
  place-items: center;
  font-weight: var(--font-regular)
}

@media screen and (width <=812px) {
  .ImgMain_wrapper {
    gap: 8px
  }
}

.ImgMain_image__bwHsE {
  width: 280px;
  aspect-ratio: 1/1
}

@media screen and (width <=812px) {
  .ImgMain_image__bwHsE {
    width: 327px
  }
}

.ImgMain_heading {
  color: var(--color-brand);
  text-align: center
}

.ImgMain_subtitle {
  display: block;
  font-size: var(--font-14);
  line-height: var(--line-height-180)
}

@media screen and (width <=812px) {
  .ImgMain_subtitle {
    font-size: var(--font-12)
  }
}

.ImgMain_title {
  display: block;
  font-weight: var(--font-bold)
}

.ImgMain_caption__9mg8i,
.ImgMain_title {
  font-size: var(--font-16);
  line-height: var(--line-height-180)
}

.ImgMain_caption__9mg8i {
  color: var(--color-black)
}

@media screen and (width <=812px) {
  .ImgMain_caption__9mg8i {
    font-size: var(--font-14)
  }
}

.Plane_wrapper {
  display: grid;
  grid-gap: 16px 32px;
  gap: 16px 32px;
  justify-content: center;
  width: 100%;
  padding: 31px;
  font-family: var(--font-notosansjp);
  color: var(--color-black);
  background: var(--color-white);
  border: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .Plane_wrapper {
    padding: 23px
  }
}

.Plane_L {
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr 448px
}

@media screen and (width <=812px) {
  .Plane_L {
    grid-template-rows: auto;
    grid-template-columns: 1fr
  }
}

.Plane_M__tLq34,
.Plane_S {
  grid-template-rows: max-content auto 1fr;
  grid-template-columns: 100%
}

.Plane_M__tLq34 .Plane_button,
.Plane_M__tLq34 .Plane_step,
.Plane_M__tLq34 .Plane_text,
.Plane_M__tLq34 .Plane_title,
.Plane_S .Plane_button,
.Plane_S .Plane_step,
.Plane_S .Plane_text,
.Plane_S .Plane_title {
  grid-row: auto
}

.Plane_M__tLq34 .Plane_image,
.Plane_S .Plane_image {
  grid-row: 1/1
}

.Plane_XS__sHmt6 {
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 160px
}

@media screen and (width <=812px) {
  .Plane_XS__sHmt6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr
  }
}

.Plane_XS__sHmt6 .Plane_button {
  grid-column: 1/-1
}

.Plane_XS__sHmt6 .Plane_image {
  grid-row: 1/span 2
}

.Plane_noImage__w72bG {
  grid-template: auto 1fr/1fr
}

.Plane_M__tLq34,
.Plane_S,
.Plane_XS__sHmt6 {
  max-width: 524px
}

@media screen and (width <=812px) {
  .Plane_M__tLq34,
  .Plane_S,
  .Plane_XS__sHmt6 {
    max-width: 100%
  }
}

.Plane_step,
.Plane_title {
  grid-row: 1/1;
  grid-column: span 1
}

@media screen and (width <=812px) {
  .Plane_step,
  .Plane_title {
    grid-row: auto
  }
}

.Plane_text {
  grid-row: 2/2;
  grid-column: span 1;
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Plane_text {
    grid-row: auto;
    font-size: var(--font-14)
  }
}

.Plane_button {
  grid-row: 3/3;
  grid-column: span 1;
  text-align: right
}

@media screen and (width <=812px) {
  .Plane_button {
    grid-row: auto
  }
}

.Plane_image {
  grid-row: 1/span 3;
  grid-column: span 1;
  width: 100%;
  max-width: var(--max-width);
  aspect-ratio: var(--aspect-ratio)
}

@media screen and (width <=812px) {
  .Plane_image {
    grid-row: 1/1;
    max-width: 100%
  }
}

.Step_wrapper {
  display: flex;
  gap: 16px;
  align-items: center
}

.Step_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 48px;
  height: 64px;
  font-family: var(--font-roboto);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-brand);
  background: var(--color-blue-soft);
  border-radius: 4px
}

@media screen and (width <=812px) {
  .Step_num {
    max-width: 40px;
    height: 32px;
    font-size: var(--font-16)
  }
}

.Step_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Step_text {
    font-size: var(--font-16)
  }
}

.ViewMoreInner_wrapper {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.ViewMoreInner_wrapper:focus,
.ViewMoreInner_wrapper:focus-visible,
.ViewMoreInner_wrapper:hover {
  text-decoration: none
}

.ViewMoreInner_wrapper:focus .ViewMoreInner_icon,
.ViewMoreInner_wrapper:focus-visible .ViewMoreInner_icon,
.ViewMoreInner_wrapper:hover .ViewMoreInner_icon {
  color: var(--color-white);
  background: var(--color-brand)
}

@media screen and (width <=812px) {
  .ViewMoreInner_wrapper {
    font-size: var(--font-14)
  }
}

.ViewMoreInner_icon {
  display: flex;
  color: var(--color-brand);
  border-radius: 50%;
  transition: all .3s
}

.ViewMoreInner_circle {
  width: 40px;
  height: 40px;
  color: currentcolor
}

@media screen and (width <=812px) {
  .ViewMoreInner_circle {
    width: 32px;
    height: 32px
  }
}

.Caption_caption {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Caption_caption {
    font-size: var(--font-14)
  }
}

.H4_wrapper_sub {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H4_wrapper_sub {
    gap: 8px
  }
}

.H4_title {
  display: flex;
  gap: 8px
}

.H4_icon__63V5m {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-top: 5px
}

@media screen and (width <=812px) {
  .H4_icon__63V5m {
    width: 24px;
    height: 24px;
    margin-top: 4px
  }
}

.H4_text__1cygK {
  font-size: var(--font-16);
  font-weight: 400
}

.H4_text__1cygK,
.H4_titleText {
  font-family: var(--font-notosansjp);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

.H4_titleText {
  font-size: var(--font-26);
  font-weight: var(--font-bold)
}

@media screen and (width <=812px) {
  .H4_titleText {
    font-size: var(--font-20)
  }
}

.H4_titleText.H4_firstLetter::first-letter {
  color: var(--color-blue)
}

.Special_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 524px;
  padding: 38px 32px 32px;
  margin: 0 12px 12px 0;
  background: var(--color-white);
  border-bottom: 1px solid var(--color-gray-soft);
  border-left: 1px solid var(--color-gray-soft);
  box-shadow: 12px 12px 0 0 var(--color-gray-soft)
}

.Special_wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: "";
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .Special_wrapper {
    max-width: 327px;
    padding: 24px
  }
}

.Special_wrapper.Special_fullWidth__LImMU {
  max-width: 100%
}

.Special_image {
  width: 100%
}

.Special_main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Special_main {
    font-size: var(--font-14)
  }
}

.Special_button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%
}

.Content_wrapper__n6QLU {
  padding: 1px 23px 23px 109px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Content_wrapper__n6QLU {
    padding: 1px 15px 15px;
    font-size: var(--font-14)
  }
}

.menu_spOnly .Summary_wrapper {
  border-bottom: 1px solid var(--color-brand);
}

.Summary_wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding: 23px;
}

@media(hover:hover) {
  .Summary_wrapper:hover {
    color: var(--color-blue)
  }
}

@media screen and (width <=812px) {
  .Summary_wrapper {
    gap: 16px;
    padding: 15px
  }
}

.Summary_content {
  display: flex;
  gap: 24px;
  align-items: center
}

@media screen and (width <=812px) {
  .Summary_content {
    gap: 16px
  }
}

.Summary_avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%
}

@media screen and (width <=812px) {
  .Summary_avatar {
    width: 48px;
    height: 48px
  }
}

.Summary_icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 56px;
  height: 56px
}

.Summary_iconBar {
  grid-area: 1/1;
  width: 26.6px;
  height: 2px;
  background-color: var(--color-brand);
  border-radius: 999px
}

.Summary_iconBar:first-of-type {
  transform: rotate(90deg);
  transition: transform .2s
}

@media(hover:hover) {
  .Summary_wrapper:hover .Summary_iconBar {
    background-color: var(--color-blue)
  }
}

.Summary_wrapper.Summary_open__j3SrI .Summary_iconBar:first-of-type {
  transform: rotate(0deg)
}

.H5_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H5_wrapper {
    gap: 8px
  }
}

.H5_text__pcf6u {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_text__pcf6u {
    font-size: var(--font-14)
  }
}

.H5_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_title {
    font-size: var(--font-18)
  }
}

.Accordion_wrapper {
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 8px
}

.H2_wrapper_sub {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H2_wrapper_sub {
    gap: 8px
  }
}

.H2_text__lSToU {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_text__lSToU {
    font-size: var(--font-18)
  }
}

.H2_title_sub {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

.H2_titleText_sub {
  font-family: var(--font-notosansjp);
  font-size: var(--font-36);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_titleText_sub {
    font-size: var(--font-24)
  }
}

.H2_titleBorder_sub {
  width: 80px;
  height: 6px;
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .H2_titleBorder_sub {
    width: 64px
  }
}

.H3_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H3_wrapper {
    gap: 8px
  }
}

.H3_text__q0puW {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H3_text__q0puW {
    font-size: var(--font-16)
  }
}

.H3_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-30);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H3_title {
    font-size: var(--font-22)
  }
}

.Content_wrapper__SXo0Y {
  margin: 64px auto
}

@media screen and (width <=812px) {
  .Content_wrapper__SXo0Y {
    margin: 48px auto
  }
}

.GlobalLayout_layout {
  display: grid;
  grid-template-areas: "page""footer";
  grid-template-rows: auto auto;
  min-height: 100svh;
  margin: auto;
  background: var(--color-white)
}

.GlobalLayout_wrapper {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper {
    overflow: hidden
  }
}

.GlobalLayout_main {
  position: relative;
  overflow: hidden
}

.GlobalLayout_content {
  overflow: hidden;
  background-image: url("/wp-content/uploads/common/main-bg-pc.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 1920px
}

@media screen and (width <=812px) {
  .GlobalLayout_content {
    background-image: url("/wp-content/uploads/common/main-bg-sp.png");
    background-size: 100%
  }
}

.GlobalLayout_renewal {
  width: 100%;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  background-color: var(--color-white)
}

@media screen and (width <=812px) {
  .GlobalLayout_renewal {
    font-size: var(--font-16)
  }
}

.GlobalLayout_old__xXdMr {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-base);
  line-height: 1.4;
  color: var(--color-black-old-old);
  letter-spacing: 0;
  background-color: var(--color-white-old)
}

@media screen and (width <=1128px) {
  .GlobalLayout_old__xXdMr {
    overflow: auto
  }
}

.PageTitle_pc {
  display: block
}

@media screen and (width <=812px) {
  .PageTitle_pc {
    display: none
  }
}

.PageTitle_sp__fVcEn {
  display: none
}

@media screen and (width <=812px) {
  .PageTitle_sp__fVcEn {
    display: block
  }
}

.PageTitle_wrapper {
  position: relative;
  z-index: 1;
  padding-top: var(--header-height);
  background-image: url("/wp-content/uploads/page/home/keyvisual_img02_pc.jpg");
  background-size: cover
}

@media screen and (width <=812px) {
  .PageTitle_wrapper {
    background-image: url("/wp-content/uploads/page/home/keyvisual_img02_sp.jpg");
    background-size: 100%
  }
}

.PageTitle_stripe {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%
}

.BreadCrumbs_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  max-width: var(--content-max-width);
  padding: 11px var(--margin-inline);
  margin: 0 auto;
  list-style: none
}

@media screen and (width <=812px) {
  .BreadCrumbs_breadcrumb {
    max-width: 100%
  }
}

.BreadCrumbs_item {
  display: flex;
  gap: 4px;
  font-size: var(--font-10);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: left;
  letter-spacing: var(--letter-spacing-4)
}

.BreadCrumbs_link {
  color: inherit;
  text-decoration: none
}

.BreadCrumbs_currentPage {
  color: var(--color-black)
}

.H1_sp {
  display: none
}

@media screen and (width <=812px) {
  .H1_sp {
    display: block
  }
}

.H1_wrapper {
  display: flex;
  justify-content: center;
  padding: 0 0 32px;
  margin-inline: var(--margin-inline)
}

@media screen and (width <=812px) {
  .H1_wrapper {
    padding: 0;
    margin-inline: 0
  }
}

.H1_wrapperNoImage__cBPBv {
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_wrapperNoImage__cBPBv {
    padding-bottom: 0
  }
}

.H1_inner {
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: var(--content-width)
}

@media screen and (width <=812px) {
  .H1_inner {
    flex-direction: column;
    gap: 0;
    align-items: center;
    width: 100%
  }
}

.H1_main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 456px;
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_main {
    max-width: 100%;
    padding: 16px 24px 8px
  }
}

.H1_mainNoImage__F6nDN {
  max-width: 100%;
  padding: 24px 0
}

@media screen and (width <=812px) {
  .H1_mainNoImage__F6nDN {
    padding: 16px 24px 8px
  }
}

.H1_label {
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1.4;
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_label {
    font-size: var(--font-12)
  }
}

.H1_titleWrapper {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (width <=812px) {
  .H1_titleWrapper {
    gap: 4px
  }
}

.H1_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-40);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_title {
    font-size: var(--font-28)
  }
}

.H1_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: 1.4
}

@media screen and (width <=812px) {
  .H1_text {
    font-size: var(--font-12)
  }
}

.H1_image {
  width: 100%;
  max-width: 560px
}

@media screen and (width <=812px) {
  .H1_image {
    max-width: 100%
  }

  .H1_image img {
    aspect-ratio: 390/160;
    object-fit: cover
  }
}

.H1_stripe {
  width: 100%
}

.TopReturn_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-top-return);
  display: grid;
  place-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  transition: background-color .3s, opacity .3s, visibility .3s
}

.TopReturn_wrapper:hover {
  background-color: var(--color-gray-soft)
}

.TopReturn_wrapper:focus-visible {
  outline: var(--color-accent) solid 2px
}

.TopReturn_wrapper[data-hidden="true"] {
  visibility: hidden;
  opacity: 0
}

@media screen and (width <=768px) {
  .TopReturn_wrapper {
    right: 16px;
    bottom: 72px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 25.1%)
  }
}

.TopReturn_icon {
  width: 32px;
  height: 32px
}

@media screen and (width <=768px) {
  .TopReturn_icon {
    width: 24px;
    height: 24px
  }
}

.Item_wrapper {
  margin: var(--spacing) auto;

  --l-item-spacing: 32px;
  --s-item-spacing: 16px;
  --xs-item-spacing: 8px
}

@media screen and (width <=812px) {
  .Item_wrapper {
    --l-item-spacing: 24px;
    --s-item-spacing: 16px;
    --xs-item-spacing: 8px
  }
}

.Section_wrapper {
  max-width: var(--content-max-width);
  padding: 0 var(--margin-inline);
  margin: 120px auto
}

@media screen and (width <=812px) {
  .Section_wrapper {
    margin: 64px auto
  }
}

.En_button__K1tc0 {
  height: 70px;
  text-align: center
}

.En_button__K1tc0>a {
  width: min(100%, 460px)
}

.En_pc__f1YLK {
  display: block
}

@media screen and (width <=768px) {
  .En_pc__f1YLK {
    display: none
  }
}

.En_sp__MGaVP {
  display: none
}

@media screen and (width <=768px) {
  .En_sp__MGaVP {
    display: block
  }
}

.En_main__fy4xh {
  width: 100%;
  max-width: 1120px;
  padding: var(--space-80) 20px 0;
  margin: 0 auto var(--space-120)
}

@media screen and (width <=768px) {
  .En_main__fy4xh {
    margin-bottom: var(--space-80)
  }
}

.En_sectionWrapper__N_nVf {
  margin-top: 50px
}

@media screen and (width <=768px) {
  .En_sectionWrapper__N_nVf {
    margin-top: 0
  }
}

.En_heading__fsd4l {
  margin: 0
}

.En_sectionInner__rZELu {
  padding: var(--space-120) 0 var(--space-24)
}

.En_learnPoint__y6biZ {
  padding: var(--space-60) 0 0
}

@media screen and (width <=768px) {
  .En_learnPoint__y6biZ {
    padding: var(--space-24) 0 0
  }
}

.En_learnPointList__rR1E3 {
  display: grid;
  grid-gap: var(--space-40);
  gap: var(--space-40);
  width: 100%;
  max-width: 740px;
  padding: var(--space-60) var(--space-70);
  margin-inline: auto;
  list-style: none
}

.En_learnPointGrid__0W3ec {
  display: grid;
  grid-gap: 10px;
  gap: 10px
}

.En_learnPointGrid__0W3ec dt {
  display: inline-block;
  width: fit-content;
  padding: 10px var(--space-24);
  font-size: var(--font-lg);
  font-weight: 600;
  color: #fff;
  background: var(--color-brand)
}

.En_learnPointGrid__0W3ec dd {
  line-height: 2;
  letter-spacing: .02em
}

.En_learnSubjectContainer__QFWny {
  margin: var(--space-40) 0 0
}

.En_learnSubjectList__OK_mY {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
  grid-gap: 20px;
  gap: 20px;
  padding: var(--space-60) 70px;
  list-style: none;
  background: var(--light-blue)
}

@media screen and (width <=768px) {
  .En_learnSubjectList__OK_mY {
    width: auto;
    padding: var(--space-40) 27px;
    margin: 0 calc(50% - 50vw)
  }
}

.En_learnSubjectListEn__ghjE8 {
  grid-template-columns: repeat(auto-fill, minmax(min(460px, 100%), 1fr))
}

.En_learnOther__bipKR {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  grid-gap: var(--space-60);
  gap: var(--space-60);
  margin: var(--space-60) 0 var(--space-24)
}

@media screen and (width <=768px) {
  .En_learnOther__bipKR {
    gap: var(--space-120);
    margin: var(--space-120) 0 var(--space-24)
  }
}

.En_learnOtherItem__VdcIP {
  display: grid;
  grid-gap: var(--space-40);
  gap: var(--space-40)
}

@media screen and (width <=768px) {
  .En_learnOtherItem__VdcIP {
    gap: 0
  }
}

.En_learnOtherHeading__8h4El {
  font-size: 28px;
  line-height: 1.53;
  text-align: center;
  letter-spacing: .02em
}

.En_learnOtherHeading__8h4El::after {
  display: block;
  width: 100px;
  height: 1px;
  margin: 10px auto 0;
  content: "";
  background: var(--color-brand)
}

@media screen and (width <=768px) {
  .En_learnOtherSpHeading__f4D0C {
    margin: 0
  }
}

.En_facultyLink__vpKdi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 700px;
  margin: 96px auto 0;
  text-decoration: none !important;
  transition: .3s
}

@media screen and (width <=768px) {
  .En_facultyLink__vpKdi {
    margin: var(--space-60) auto 0
  }
}

@media(hover:hover) {
  .En_facultyLink__vpKdi:hover {
    opacity: .6
  }
}

.En_facultyImage___DLgl {
  position: relative;
  aspect-ratio: 7/4
}

@media screen and (width <=768px) {
  .En_facultyImage___DLgl {
    aspect-ratio: 1
  }
}

.En_facultyText__8CwPp {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-x3l);
  font-weight: 600;
  background: var(--color-brand)
}

@media screen and (width <=768px) {
  .En_facultyText__8CwPp {
    font-size: var(--font-xl);
    text-align: center
  }
}

.En_earningCredits__SmHnn {
  padding-top: var(--space-120)
}

@media screen and (width <=768px) {
  .En_earningCredits__SmHnn {
    padding-top: var(--space-40)
  }
}

.En_flowLead__qk4Bf {
  margin: 72px auto;
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

@media screen and (width <=768px) {
  .En_flowLead__qk4Bf {
    margin: var(--space-24) auto 72px
  }
}

.En_flowList___rDkE {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 56px;
  gap: 56px;
  margin: var(--space-40) 0 0;
  list-style: none
}

@media screen and (width <=990px) {
  .En_flowList___rDkE {
    grid-template-columns: 1fr;
    gap: 64px
  }
}

@media screen and (width <=768px) {
  .En_flowList___rDkE {
    padding: 0
  }
}

.En_flowItem__djFMv {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  background: var(--light-blue);
  border: 1px solid var(--color-brand)
}

@media screen and (width <=990px) {
  .En_flowItem__djFMv {
    gap: 23px;
    padding: 20px
  }
}

.En_flowItem__djFMv:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: calc(tan(60deg)*48px/2);
  content: "";
  background: var(--color-brand);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  translate: calc(100% + 20px) -50%
}

@media screen and (width <=990px) {
  .En_flowItem__djFMv:not(:last-of-type)::after {
    top: unset;
    right: 50%;
    bottom: -20px;
    width: 60px;
    height: 24px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    translate: 50% 100%
  }
}

.En_flowItemHead__SPKvO {
  display: flex;
  gap: 20px;
  align-items: center
}

@media screen and (width <=768px) {
  .En_flowItemHead__SPKvO {
    gap: 10px
  }
}

.En_flowItemImage__XbsIy {
  position: relative;
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1;
  margin: 0 auto
}

.En_flowItemImage__XbsIy img[data-zoom="true"] {
  scale: 1.2
}

.En_flowItemNum__lvPk2 {
  position: relative;
  flex: 0 0 var(--space-40);
  flex: 0 0 60px;
  height: 60px
}

.En_flowItemTitle__r_OmI {
  font-size: var(--font-xl);
  font-weight: 600;
  color: var(--color-brand)
}

@media screen and (width <=768px) {
  .En_flowItemTitle__r_OmI {
    font-size: var(--font-lg)
  }
}

.En_flowItemText__yT7kH {
  line-height: 2;
  letter-spacing: .02em
}

.En_note__Tat4_ {
  display: block;
  margin-top: 10px;
  font-size: 12px
}

.BgTitle_wrapper__Z_Q41 {
  margin-bottom: 32px;
  text-align: center
}

@media screen and (width <=768px) {
  .BgTitle_wrapper__Z_Q41 {
    margin-bottom: 24px
  }
}

.BgTitle_title__zFfpO {
  position: relative;
  display: inline-block;
  padding: 24px 20px;
  font-size: clamp(10px, 3.3rem, 33px);
  font-weight: 600;
  line-height: 1.5151515152
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO {
    font-size: clamp(10px, 2.4rem, 24px);
    font-weight: 600;
    line-height: 1.6666666667
  }
}

.BgTitle_title__zFfpO::before {
  position: absolute;
  z-index: -1;
  width: 331px;
  height: 126px;
  content: "";
  background-position: 50%;
  background-size: contain;
  will-change: transform
}

.BgTitle_title__zFfpO[data-direction="left"]::before {
  top: 50%;
  left: 50%;
  background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-left.svg");
  transform: translate(-50%, -50%)
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-direction="left"]::before {
    background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-left-sp.svg")
  }
}

.BgTitle_title__zFfpO[data-direction="right"]::before {
  top: -65px;
  left: calc(50% - 170px);
  background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-right.svg")
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-direction="right"]::before {
    top: -35px;
    left: calc(50% - 170px);
    background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-right-sp.svg")
  }
}

.BgTitle_title__zFfpO[data-underline="true"] {
  padding-bottom: 4px;
  border-bottom: 6px solid var(--color-blue-old)
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-underline="true"] {
    padding-bottom: 6px
  }

  .BgTitle_text__6B7Ef {
    margin-bottom: 80px
  }
}

.Button_wrapper {
  position: relative;
  display: grid;
  place-content: center;
  width: min(100%, 390px);
  padding: 25px 0;
  overflow: hidden;
  font-size: clamp(10px, 1.8rem, 18px);
  font-weight: 600;
  line-height: 1;
  color: var(--color-blue-old);
  text-decoration: none;
  background-color: var(--color-white-old);
  border: 1px solid var(--color-blue-old);
  border-radius: 100vmax;
  transform: translateZ(0);
  transition: color .2s ease-in;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%)
}

@media screen and (width <=768px) {
  .Button_wrapper {
    width: min(100%, 280px);
    padding: 21px 0;
    font-size: 16px
  }
}

.Button_wrapper[data-position="center"] {
  margin-inline: auto
}

.Button_wrapper[data-position="right"] {
  margin-left: auto
}

.Button_wrapper::before {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-blue-old);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
  transition: transform .2s ease-in
}

.Button_wrapper:active,
.Button_wrapper:hover,
.Button_wrapper:visited {
  text-decoration: none !important;
  opacity: 1
}

.Button_wrapper span {
  position: relative;
  z-index: 10
}

.Button_wrapper .Button_icon__hTLa5 {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%)
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="arrow"] {
  width: 10px;
  height: 20px;
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

@media screen and (width <=768px) {
  .Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
    width: 20px;
    height: 20px
  }
}

.Button_wrapper:hover {
  color: var(--color-white-old)
}

.Button_wrapper:hover::before {
  transform: scale(1)
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg");
  transition-delay: .1s
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg");
  transition-delay: .1s
}

.Button_wrapper[data-has-bg="true"] {
  color: var(--color-white-old);
  background-color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-has-bg="true"]:hover {
  color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.Button_wrapper[data-is-istertiary="true"] {
  color: var(--color-white-old);
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-is-istertiary="true"]:hover {
  color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-tertiary.svg")
}

.Button_wrapper[data-simple-hover="true"] {
  transition: opacity .3s ease
}

.Button_wrapper[data-simple-hover="true"]::before {
  display: none
}

.Button_wrapper[data-simple-hover="true"]:hover {
  color: var(--color-blue-old);
  background-color: var(--color-white-old);
  opacity: .85
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.IntroSection_wrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto
}

.IntroSection_wrapper[data-is-center="true"] {
  text-align: center
}

@media screen and (width <=992px) {
  .IntroSection_wrapper[data-is-center="true"] {
    text-align: left
  }
}

.IntroSection_title {
  margin-top: var(--space-80);
  margin-bottom: var(--space-60);
  font-size: clamp(10px, 3.8rem, 38px);
  font-weight: 600;
  line-height: 1.5;
  text-align: center
}

@media screen and (width <=768px) {
  .IntroSection_title {
    margin-block: var(--space-40);
    font-size: clamp(10px, 3rem, 30px);
    font-weight: 600;
    line-height: 1.5
  }
}

.IntroSection_title span {
  display: inline-block
}

.IntroSection_lead {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.IntroSection_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center
}

.IntroSection_icon__14J7F {
  max-width: 180px;
  font-size: 0
}

.Section_wrap_flex {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  align-items: center
}

.Section_wrap_flex.Section_reverse {
  flex-direction: row-reverse
}

@media screen and (width <=768px) {
  .Section_wrap_flex {
    gap: var(--space-40)
  }

  .Section_wrap_flex,
  .Section_wrap_flex.Section_reverse {
    flex-direction: column-reverse
  }
}

.Section_contentWrap {
  flex: 1 1;
  width: 53%
}

@media screen and (width <=768px) {
  .Section_contentWrap {
    width: 100%
  }
}

.Section_image {
  position: relative;
  width: 46%;
  max-width: 500px
}

.Section_image>span {
  position: static !important
}

.Section_image img {
  position: static !important;
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=768px) {
  .Section_image {
    width: 100%;
    max-width: none
  }
}

.Section_content {
  display: grid;
  grid-gap: var(--space-24);
  gap: var(--space-24)
}

@media screen and (width <=768px) {
  .Section_content {
    gap: 37px
  }
}

.Section_heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.53;
  letter-spacing: .02em;
  white-space: pre-line
}

.Section_heading.Section_left {
  text-align: left
}

.Section_heading.Section_center__zuUQ8 {
  text-align: center
}

@media screen and (width <=768px) {
  .Section_heading {
    font-size: var(--font-x2l)
  }
}

.Section_text {
  line-height: 2;
  letter-spacing: .02em
}

@media screen and (width <=768px) {
  .Section_button {
    margin: 3px 0 0
  }
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/wp-content/uploads/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/wp-content/uploads/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/wp-content/uploads/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    white-space: pre-line
  }

  .PageTitle_titleBgEn__bLdIy {
    height: auto;
    min-height: 140px;
    padding: 20px
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/wp-content/uploads/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.program_main {
  width: 100%;
  max-width: 1120px;
  padding: 0 20px;
  margin: 0 auto var(--space-120)
}

@media screen and (width <=768px) {
  .program_main {
    margin: 0 auto var(--space-80)
  }
}

.program_sectionWrap {
  display: grid;
  grid-gap: var(--space-60);
  gap: var(--space-60);
  margin: var(--space-60) 0 0
}

.program_flex {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: var(--space-80) var(--space-120);
  margin: var(--space-60) 0 0;
  border: 4px solid #00a040
}

@media screen and (width <=768px) {
  .program_flex {
    flex-direction: column-reverse;
    padding: 20px
  }
}

.program_content {
  display: grid;
  grid-gap: var(--space-40);
  gap: var(--space-40)
}

.program_heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.6;
  color: #00a040;
  letter-spacing: .02em;
  white-space: pre-line
}

@media screen and (width <=768px) {
  .program_heading {
    font-size: var(--font-x3l)
  }
}

.program_text {
  line-height: 2;
  letter-spacing: .02em
}

.program_logo {
  position: relative;
  flex: 0 0 50%;
  aspect-ratio: 4/3
}

@media screen and (width <=768px) {
  .program_logo {
    width: 100%
  }
}

.Banner_wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 8px
}

@media(hover:hover) {
  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .Banner_wrapper {
    flex-direction: column;
    font-size: var(--font-12)
  }
}

.Banner_wrapper.Banner_iconType__HEcXg {
  padding: 32px
}

@media screen and (width <=812px) {
  .Banner_wrapper.Banner_iconType__HEcXg {
    padding: 24px
  }
}

.Banner_image {
  width: 100%;
  max-width: 384px
}

@media screen and (width <=812px) {
  .Banner_image {
    max-width: 100%
  }
}

.Banner_iconImage__GpGJ6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  max-width: 160px;
  min-height: 160px;
  max-height: 160px;
  background-color: var(--color-gray-soft);
  border-radius: 100%
}

@media screen and (width <=812px) {
  .Banner_iconImage__GpGJ6 {
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px
  }
}

.Banner_iconImageInner__PaiMS {
  width: 120px
}

.Banner_inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 40px
}

@media screen and (width <=812px) {
  .Banner_inner {
    gap: 16px;
    padding: 16px
  }
}

@media screen and (width <=1024px) {
  .Banner_inner.Banner_innerCol {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start
  }
}

.Banner_inner.Banner_innerIconType__rjM1j {
  padding: 0 0 0 32px
}

@media screen and (width <=812px) {
  .Banner_inner.Banner_innerIconType__rjM1j {
    padding: 16px 0
  }
}

.Banner_main {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .Banner_main {
    gap: 8px
  }
}

.Banner_icon {
  width: 48px;
  height: 48px
}

@media screen and (width <=812px) {
  .Banner_icon,
  .Banner_icon svg {
    width: 32px;
    height: 32px
  }
}

.Banner_linkText {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  min-width: fit-content;
  font-weight: var(--font-bold);
  color: var(--color-brand)
}

.Banner_linkText,
.Caption_caption {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

.Caption_caption {
  font-weight: 400
}

@media screen and (width <=812px) {
  .Caption_caption {
    font-size: var(--font-14)
  }
}

.H5_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H5_wrapper {
    gap: 8px
  }
}

.H5_text__pcf6u {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_text__pcf6u {
    font-size: var(--font-14)
  }
}

.H5_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_title {
    font-size: var(--font-18)
  }
}

.IntroSection_wrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto
}

.IntroSection_wrapper[data-is-center="true"] {
  text-align: center
}

@media screen and (width <=992px) {
  .IntroSection_wrapper[data-is-center="true"] {
    text-align: left
  }
}

.IntroSection_title {
  margin-top: var(--space-80);
  margin-bottom: var(--space-60);
  font-size: clamp(10px, 3.8rem, 38px);
  font-weight: 600;
  line-height: 1.5;
  text-align: center
}

@media screen and (width <=768px) {
  .IntroSection_title {
    margin-block: var(--space-40);
    font-size: clamp(10px, 3rem, 30px);
    font-weight: 600;
    line-height: 1.5
  }
}

.IntroSection_title span {
  display: inline-block
}

.IntroSection_lead {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.IntroSection_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center
}

.IntroSection_icon__14J7F {
  max-width: 180px;
  font-size: 0
}

.Button_wrapper {
  position: relative;
  display: grid;
  place-content: center;
  width: min(100%, 390px);
  padding: 25px 0;
  overflow: hidden;
  font-size: clamp(10px, 1.8rem, 18px);
  font-weight: 600;
  line-height: 1;
  color: var(--color-blue-old);
  text-decoration: none;
  background-color: var(--color-white-old);
  border: 1px solid var(--color-blue-old);
  border-radius: 100vmax;
  transform: translateZ(0);
  transition: color .2s ease-in;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%)
}

@media screen and (width <=768px) {
  .Button_wrapper {
    width: min(100%, 280px);
    padding: 21px 0;
    font-size: 16px
  }
}

.Button_wrapper[data-position="center"] {
  margin-inline: auto
}

.Button_wrapper[data-position="right"] {
  margin-left: auto
}

.Button_wrapper::before {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-blue-old);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
  transition: transform .2s ease-in
}

.Button_wrapper:active,
.Button_wrapper:hover,
.Button_wrapper:visited {
  text-decoration: none !important;
  opacity: 1
}

.Button_wrapper span {
  position: relative;
  z-index: 10
}

.Button_wrapper .Button_icon__hTLa5 {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%)
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="arrow"] {
  width: 10px;
  height: 20px;
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

@media screen and (width <=768px) {
  .Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
    width: 20px;
    height: 20px
  }
}

.Button_wrapper:hover {
  color: var(--color-white-old)
}

.Button_wrapper:hover::before {
  transform: scale(1)
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg");
  transition-delay: .1s
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg");
  transition-delay: .1s
}

.Button_wrapper[data-has-bg="true"] {
  color: var(--color-white-old);
  background-color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-has-bg="true"]:hover {
  color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.Button_wrapper[data-is-istertiary="true"] {
  color: var(--color-white-old);
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-is-istertiary="true"]:hover {
  color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-tertiary.svg")
}

.Button_wrapper[data-simple-hover="true"] {
  transition: opacity .3s ease
}

.Button_wrapper[data-simple-hover="true"]::before {
  display: none
}

.Button_wrapper[data-simple-hover="true"]:hover {
  color: var(--color-blue-old);
  background-color: var(--color-white-old);
  opacity: .85
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.Section_wrap_flex {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  align-items: center
}

.Section_wrap_flex.Section_reverse {
  flex-direction: row-reverse
}

@media screen and (width <=768px) {
  .Section_wrap_flex {
    gap: var(--space-40)
  }

  .Section_wrap_flex,
  .Section_wrap_flex.Section_reverse {
    flex-direction: column-reverse
  }
}

.Section_contentWrap {
  flex: 1 1;
  width: 53%
}

@media screen and (width <=768px) {
  .Section_contentWrap {
    width: 100%
  }
}

.Section_image {
  position: relative;
  width: 46%;
  max-width: 500px
}

.Section_image>span {
  position: static !important
}

.Section_image img {
  position: static !important;
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=768px) {
  .Section_image {
    width: 100%;
    max-width: none
  }
}

.Section_content {
  display: grid;
  grid-gap: var(--space-24);
  gap: var(--space-24)
}

@media screen and (width <=768px) {
  .Section_content {
    gap: 37px
  }
}

.Section_heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.53;
  letter-spacing: .02em;
  white-space: pre-line
}

.Section_heading.Section_left {
  text-align: left
}

.Section_heading.Section_center__zuUQ8 {
  text-align: center
}

@media screen and (width <=768px) {
  .Section_heading {
    font-size: var(--font-x2l)
  }
}

.Section_text {
  line-height: 2;
  letter-spacing: .02em
}

@media screen and (width <=768px) {
  .Section_button {
    margin: 3px 0 0
  }
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/wp-content/uploads/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/wp-content/uploads/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    white-space: pre-line
  }

  .PageTitle_titleBgEn__bLdIy {
    height: auto;
    min-height: 140px;
    padding: 20px
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/wp-content/uploads/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.contentId__wrapper {
  width: min(100%, 936px);
  padding: 0 20px;
  margin: var(--space-40) auto var(--space-80)
}

.contentId__topInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px
}

@media screen and (width <=768px) {
  .contentId__topInfo {
    flex-direction: column;
    align-items: flex-start
  }
}

.contentId__icon {
  width: 24px
}

.contentId__backListAnchorWrap {
  display: flex;
  column-gap: 8px;
  align-items: center;
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2;
  color: var(--color-blue-old);
  text-decoration: none !important
}

@media screen and (width <=768px) {
  .contentId__backListAnchorWrap {
    margin-bottom: 8px
  }

  .contentId__originShareButtons {
    width: calc(100vw - 40px);
    overflow: hidden
  }
}

.contentId__articleInfo {
  display: flex;
  align-items: center
}

.contentId__itemPublishedAt {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2;
  color: var(--color-gray-old)
}

.contentId__categories {
  display: flex;
  column-gap: 8px;
  align-items: center;
  list-style: none
}

.contentId__category {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2;
  color: var(--color-blue-old)
}

.contentId__article {
  padding-block: var(--space-40);
  border-top: 1px solid var(--light-gray);
  border-bottom: 1px solid var(--light-gray)
}

._contentId__articleTitle__7gDzV {
  padding-block: var(--space-60);
  padding-inline: 20px;
  font-size: clamp(10px, 2.8rem, 28px);
  font-weight: 600;
  line-height: 1.5357142857;
  color: var(--color-blue-old);
  text-align: center
}

@media screen and (width <=768px) {
  ._contentId__articleTitle__7gDzV {
    padding-block: var(--space-30);
    padding-inline: 0;
    font-size: 20px
  }
}

.contentId__postContents {
  color: inherit
}

.contentId__originShareButtonsBottom {
  display: block;
  width: fit-content;
  padding-block: 20px var(--space-80);
  margin-left: auto
}

@media screen and (width <=768px) {
  .contentId__originShareButtonsBottom {
    width: calc(100vw - 40px);
    overflow: hidden
  }
}

._contentId__mainImgWrapper__FVTok {
  margin-bottom: var(--space-60)
}

._contentId__mainImgWrapper__FVTok>span {
  position: static !important
}

._contentId__mainImgWrapper__FVTok img {
  position: static !important;
  width: 100% !important;
  min-width: auto !important;
  height: auto !important;
  margin-inline: auto;
  text-align: center
}

.Button_wrapper {
  position: relative;
  display: grid;
  place-content: center;
  width: min(100%, 390px);
  padding: 25px 0;
  overflow: hidden;
  font-size: clamp(10px, 1.8rem, 18px);
  font-weight: 600;
  line-height: 1;
  color: var(--color-blue-old);
  text-decoration: none;
  background-color: var(--color-white-old);
  border: 1px solid var(--color-blue-old);
  border-radius: 100vmax;
  transform: translateZ(0);
  transition: color .2s ease-in;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%)
}

@media screen and (width <=768px) {
  .Button_wrapper {
    width: min(100%, 280px);
    padding: 21px 0;
    font-size: 16px
  }
}

.Button_wrapper[data-position="center"] {
  margin-inline: auto
}

.Button_wrapper[data-position="right"] {
  margin-left: auto
}

.Button_wrapper::before {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-blue-old);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
  transition: transform .2s ease-in
}

.Button_wrapper:active,
.Button_wrapper:hover,
.Button_wrapper:visited {
  text-decoration: none !important;
  opacity: 1
}

.Button_wrapper span {
  position: relative;
  z-index: 10
}

.Button_wrapper .Button_icon__hTLa5 {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%)
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="arrow"] {
  width: 10px;
  height: 20px;
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

@media screen and (width <=768px) {
  .Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
    width: 20px;
    height: 20px
  }
}

.Button_wrapper:hover {
  color: var(--color-white-old)
}

.Button_wrapper:hover::before {
  transform: scale(1)
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg");
  transition-delay: .1s
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg");
  transition-delay: .1s
}

.Button_wrapper[data-has-bg="true"] {
  color: var(--color-white-old);
  background-color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-has-bg="true"]:hover {
  color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.Button_wrapper[data-is-istertiary="true"] {
  color: var(--color-white-old);
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-is-istertiary="true"]:hover {
  color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-tertiary.svg")
}

.Button_wrapper[data-simple-hover="true"] {
  transition: opacity .3s ease
}

.Button_wrapper[data-simple-hover="true"]::before {
  display: none
}

.Button_wrapper[data-simple-hover="true"]:hover {
  color: var(--color-blue-old);
  background-color: var(--color-white-old);
  opacity: .85
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/wp-content/uploads/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/wp-content/uploads/page/sub/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/wp-content/uploads/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    white-space: pre-line
  }

  .PageTitle_titleBgEn__bLdIy {
    height: auto;
    min-height: 140px;
    padding: 20px
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/wp-content/uploads/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.OriginShareButtons_tsx_wrapper {
  display: flex;
  gap: 0 6px;
  width: 327px;
  height: 23px;
  padding: 3px 0 0
}

@media screen and (width <=768px) {
  .OriginShareButtons_tsx_wrapper {
    width: auto;
    overflow: auto hidden
  }
}

@media screen and (width <=767px) {
  .OriginShareButtons_tsx_wrapper ul {
    flex-wrap: wrap;
    gap: 10px 5px;
    margin-bottom: 30px
  }
}

@media screen and (width <=768px) {
  .OriginShareButtons_tsx_wrapper ul {
    height: 23px;
    padding-inline: 10px 30px
  }
}

@media screen and (width <=767px) {
  .OriginShareButtons_tsx_wrapper ul>* {
    height: 20px
  }
}

.OriginShareButtons_tsx_wrapper iframe {
  display: block
}

.OriginShareButtons_tsx_wrapper .OriginShareButtons_tsx_fbIframe__HJrK5 {
  min-width: 157px
}

@media(width >=770px) {
  .OriginShareButtons_tsx_hiddenOnDesktop__x4glm {
    display: none !important
  }
}

.PostContents_wrapper * {
  margin-block: 10px 30px;
  line-height: 1.7
}

.PostContents_wrapper h2 {
  font-size: clamp(10px, 3.3rem, 26px);
  font-weight: 600;
  line-height: 1.2151515152;
  border-left: 8px solid var(--color-brand);
  padding-left:10px;
  margin-block: 20px;
}

.PostContents_wrapper h3 {
  font-size: clamp(10px, 2.8rem, 24px);
  font-weight: 600;
  line-height: 1.2357142857;
  margin-block: 0;
}

.PostContents_wrapper h4,
.PostContents_wrapper h5 {
  font-size: clamp(10px, 1.8rem, 18px);
  font-weight: 600;
  line-height: 1.5
}

.PostContents_wrapper table {
  display: block;
  max-width: calc(100svw - var(--gutter-padding)*2);
  overflow-x: auto;
  border-spacing: 0;
  border-left: 1px solid var(--light-gray)
}

.PostContents_wrapper thead {
  position: relative
}

.PostContents_wrapper thead::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  content: "";
  border-top: 1px solid var(--light-gray)
}

.PostContents_wrapper td,
.PostContents_wrapper th {
  padding: calc(20px / 2) 20px;
  border-right: 1px solid var(--light-gray);
  border-bottom: 1px solid var(--light-gray)
}

.PostContents_wrapper th {
  background-color: var(--color-base)
}

.PostContents_wrapper code {
  display: inline-block;
  padding: .15em 10px;
  color: var(--color-black-old);
  background-color: var(--color-light-gray);
  border-radius: 3px
}

.PostContents_wrapper pre {
  max-width: 95%;
  overflow: auto;
  background-color: var(--color-primary);
  border-radius: 3px
}

.PostContents_wrapper pre>code {
  padding: 0;
  background-color: transparent
}

.PostContents_wrapper ol,
.PostContents_wrapper ul {
  list-style-position: inside
}

.PostContents_wrapper ol li,
.PostContents_wrapper ul li {
  margin-block: 0
}

.PostContents_wrapper blockquote {
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 5px;
  border-left: 4px solid var(--color-blue-old)
}

.PostContents_wrapper [data-content-type="image"] {
  text-align: center
}

.PostContents_wrapper img {
  width: auto;
  max-width: 100%;
  height: auto
}

.PostContents_wrapper iframe {
  max-width: 100%
}

.PostContents_wrapper a {
  color: var(--color-blue-old)
}

.TableOfContents_widgetTitle__qZ5gc {
  font-family: var(--font-latin-hero);
  font-weight: 700
}

.TableOfContents_tableOfContents__zq0Ur {
  padding: var(--space-2) var(--space-4) var(--space-1);
  margin-top: var(--space-2);
  list-style: disc;
  background-color: var(--color-base);
  border-radius: 3px
}

.TableOfContents_anchor__sNUcx {
  display: block;
  padding-bottom: var(--space-1)
}

.TableOfContents_children__ifx8Z {
  padding-left: var(--space-2);
  list-style: circle
}

.ContactButton_wrapper {
  display: flex;
  gap: 11px;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 20px 19px 20px 24px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: 600;
  line-height: var(--line-height-160);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7.8%);
  transition: all .3s
}

.ContactButton_wrapper.ContactButton_strong {
  font-size: var(--font-26);
  font-weight: var(--font-bold);
  color: var(--color-white);
  background-color: #ee4c95
}

.ContactButton_wrapper:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.ContactButton_wrapper:hover.ContactButton_strong {
  background-color: var(--color-accent)
}

@media screen and (width <=812px) {
  .ContactButton_wrapper {
    font-size: var(--font-21);
    background-size: 166px auto
  }

  .ContactButton_wrapper.ContactButton_strong {
    font-size: var(--font-21)
  }
}

.ContactButton_inner {
  display: flex;
  gap: 16px;
  align-items: center
}

.ContactButton_iconWrapper {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--color-gray-soft);
  border-radius: 50%
}

@media screen and (width <=812px) {
  .ContactButton_iconWrapper {
    width: 48px;
    height: 48px
  }
}

.ContactButton_wrapper.ContactButton_strong .ContactButton_iconWrapper {
  background-color: var(--color-white)
}

.ContactButton_icon {
  width: 40px;
  height: 40px
}

@media screen and (width <=812px) {
  .ContactButton_icon {
    width: 30px;
    height: 30px
  }
}

.ContactButton_arrow {
  flex-shrink: 0
}

.AccordionBase_summary {
  display: block;
  cursor: pointer
}

.AccordionBase_content {
  overflow: hidden
}

.MoreInfo_spOnly {
  display: none
}

@media screen and (width <=812px) {
  .MoreInfo_spOnly {
    display: block
  }

  .MoreInfo_pcOnly__mDzUv {
    display: none
  }
}

.MoreInfo_wrapper {
  position: relative;
  z-index: 1;
  padding: 60px 16px;
  overflow: hidden;
  background: linear-gradient(296.36deg, #0ccbff 43.51%, #1ebcf0 86.12%)
}

@media screen and (width <=812px) {
  .MoreInfo_wrapper {
    padding: 90px 16px
  }
}

.MoreInfo_heading {
  width: fit-content;
  padding-bottom: 3px;
  margin: 0 auto;
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-white);
  letter-spacing: 1px;
  text-shadow: 0 0 8px rgb(0 0 0 / 30.2%);
  border-bottom: 1px solid var(--color-white)
}

.MoreInfo_content {
  display: grid;
  grid-gap: 64px;
  gap: 64px;
  max-width: 904px;
  margin: 16px auto 0
}

@media screen and (width <=812px) {
  .MoreInfo_content {
    gap: 48px;
    max-width: 430px
  }
}

.MoreInfo_moreinfo {
  display: grid;
  grid-gap: 32px;
  gap: 32px
}

@media screen and (width <=812px) {
  .MoreInfo_moreinfo {
    gap: 24px
  }
}

.MoreInfo_moreinfoHeading {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  justify-items: center;
  color: var(--color-white)
}

@media screen and (width <=812px) {
  .MoreInfo_moreinfoHeading {
    gap: 4px
  }
}

.MoreInfo_headingMain {
  font-family: var(--font-notosansjp);
  font-size: var(--font-26);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  text-align: center;
  letter-spacing: var(--letter-spacing-4);
  text-shadow: 0 0 8px rgb(0 0 0 / 30.2%)
}

@media screen and (width <=812px) {
  .MoreInfo_headingMain {
    font-size: var(--font-20)
  }
}

.MoreInfo_headingSub {
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  text-align: center;
  letter-spacing: var(--letter-spacing-4);
  text-shadow: 0 0 8px rgb(0 0 0 / 30.2%)
}

@media screen and (width <=812px) {
  .MoreInfo_headingSub {
    font-size: var(--font-14)
  }
}

.MoreInfo_buttonList {
  display: flex;
  gap: 16px 8px;
  justify-content: center;
  list-style: none
}

@media screen and (width <=812px) {
  .MoreInfo_buttonList {
    flex-direction: column
  }
}

.MoreInfo_buttonItem {
  width: calc((100% - 8px)/2)
}

@media screen and (width <=812px) {
  .MoreInfo_buttonItem {
    width: 100%
  }
}

.MoreInfo_seminar {
  display: grid;
  grid-gap: 24px;
  gap: 24px
}

.MoreInfo_seminarHeading {
  display: flex;
  gap: 16px;
  align-items: center;
  color: var(--color-white)
}

.MoreInfo_seminarHeading::after,
.MoreInfo_seminarHeading::before {
  display: block;
  flex: 1 1;
  height: 1px;
  content: "";
  background-color: var(--color-white)
}

.MoreInfo_background01 {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: -1;
  width: 474px;
  height: auto;
  transform: scale(-1)
}

@media screen and (width <=812px) {
  .MoreInfo_background01 {
    top: 0;
    width: 187px
  }
}

.MoreInfo_background02 {
  position: absolute;
  bottom: -62px;
  left: 0;
  z-index: -1;
  width: 541px;
  height: auto;
  transform: scale(-1)
}

@media screen and (width <=812px) {
  .MoreInfo_background02 {
    bottom: 0;
    width: 262px
  }
}

.RelatedContents_wrapper {
  display: grid;
  grid-gap: 64px;
  gap: 64px;
  padding: 80px 24px;
  background-color: var(--color-gray-soft)
}

@media screen and (width <=812px) {
  .RelatedContents_wrapper {
    gap: 48px
  }
}

.RelatedContents_section {
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  max-width: 1024px;
  margin: 0 auto
}

@media screen and (width <=812px) {
  .RelatedContents_section {
    gap: 24px;
    max-width: 430px
  }
}

.RelatedContents_heading {
  width: fit-content;
  margin: 0 auto
}

.RelatedContents_headingText {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .RelatedContents_headingText {
    font-size: var(--font-18)
  }
}

.RelatedContents_headingBorder {
  height: 6px;
  background: var(--gradation-rainbow)
}

.RelatedContents_bannerList {
  display: flex;
  gap: 32px;
  justify-content: center;
  list-style: none
}

@media screen and (width <=812px) {
  .RelatedContents_bannerList {
    flex-direction: column;
    gap: 16px
  }
}

.RelatedContents_bannerItem {
  flex: 1 1
}

.RelatedContents_bannerLink {
  display: block;
  max-width: 320px;
  overflow: hidden;
  border: 1px solid var(--color-gray)
}

.RelatedContents_bannerLink:focus .RelatedContents_banner,
.RelatedContents_bannerLink:hover .RelatedContents_banner {
  transform: scale(1.1)
}

.RelatedContents_banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  transition: transform .3s
}

.RelatedContents_banner.RelatedContents_school {
  aspect-ratio: 320/130
}

.RelatedContents_logo {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 320/56
}

.SiteFooter_spOnly__II4yR {
  display: none
}

@media screen and (width <=812px) {
  .SiteFooter_spOnly__II4yR {
    display: block
  }

  .SiteFooter_pcOnly__lM4F3 {
    display: none
  }
}

.SiteFooter_wrapper {
  grid-area: footer
}

.SiteFooter_descriptionWrapperEn__14q1s {
  display: flex;
  gap: 48px;
  justify-content: center;
  padding: 4px;
  font-size: var(--font-13);
  color: var(--color-blue-old)
}

@media screen and (width <=768px) {
  .SiteFooter_descriptionWrapperEn__14q1s {
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    font-size: var(--font-11)
  }
}

.SiteFooter_email__g8xGT {
  color: var(--color-blue-old);
  text-decoration: none
}

@media screen and (width <=768px) {
  .SiteFooter_email__g8xGT {
    text-align: right
  }
}

.Body_spOnly__iXnuB {
  display: none
}

@media screen and (width <=768px) {
  .Body_spOnly__iXnuB {
    display: block
  }

  .Body_pcOnly__dtrtD {
    display: none
  }
}

.Body_wrapper__Ot6qD {
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  max-width: 1128px;
  padding: 56px 24px;
  margin-inline: auto
}

@media screen and (width <=812px) {
  .Body_wrapper__Ot6qD {
    gap: 24px;
    padding: 32px 24px 28px
  }
}

.Body_footer__4nQC6 {
  display: flex;
  gap: 40px
}

@media screen and (width <=812px) {
  .Body_footer__4nQC6 {
    flex-direction: column;
    gap: 20px
  }
}

.Body_linkList__8m_M5 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none
}

.Body_footerButtons__o8LvD {
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: space-between
}

@media screen and (width <=812px) {
  .Body_footerButtons__o8LvD {
    gap: 8px
  }
}

.LanguageSwitcher_list {
  display: flex;
  overflow: hidden;
  list-style: none;
  border: 1px solid var(--color-brand);
  border-radius: 4px
}

.LanguageSwitcher_item {
  flex: 1 1
}

.LanguageSwitcher_button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: center;
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  transition: all .3s
}

.LanguageSwitcher_button:not(:disabled):focus-visible {
  background-color: var(--color-gray)
}

@media(hover:hover) {
  .LanguageSwitcher_button:not(:disabled):hover {
    text-decoration: none;
    background-color: var(--color-gray)
  }

  .LanguageSwitcher_button:not(:disabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .LanguageSwitcher_button {
    padding: 6px 10px;
    font-size: var(--font-14)
  }
}

.LanguageSwitcher_active {
  font-weight: var(--font-bold);
  color: var(--color-white);
  pointer-events: none;
  background: var(--color-brand)
}

.Header_spOnly__vsFNG {
  display: none
}

@media screen and (width <=768px) {
  .Header_spOnly__vsFNG {
    display: block
  }

  .Header_pcOnly {
    display: none
  }
}

.Header_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px
}

@media screen and (width <=812px) {
  .Header_wrapper {
    gap: 8px
  }
}

.Header_header {
  display: flex;
  align-items: center
}

.Header_logo {
  width: 151px
}

.Header_specialMenu {
  margin-left: 57px
}

.Header_languageSwitching {
  margin-left: auto
}

.Button_wrapper_menu {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 7px 15px;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-bold);
  line-height: var(--line-height-130);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 4px;
  transition: all .3s
}

.Button_wrapper_menu.Button_pc_webentry {
  color: var(--color-white);
  background-color: #ee4c95
}

.Button_wrapper:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.Button_wrapper:hover.Button_pc_webentry {
  background-color: var(--color-accent)
}

.Button_icon {
  flex-shrink: 0
}

.Pc_wrapper {
  display: flex;
  gap: 8px;
  width: 388px
}
.LiMain_wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.LiMain_wrapper:hover {
  text-decoration: none
}

.NavPc_navList {
  display: grid;
  grid-template-columns: auto 80px 1fr;
  grid-gap: 48px;
  gap: 48px;
  list-style: none
}

.NavPc_navItem {
  display: grid;
  grid-template-columns: inherit;
  grid-template-columns: subgrid;
  grid-column: -1/1;
  grid-gap: 32px;
  gap: 32px;
  align-items: center
}

.NavPc_bar {
  width: 80px;
  height: 1px;
  background-color: var(--color-brand)
}

.NavPc_innerList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none
}

.List_list {
  padding-left: 32px;
  list-style: none
}

.List_link {
  box-sizing: border-box;
  display: grid;
  align-items: center;
  min-height: 56px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--color-brand)
}

.List_link,
.List_link:hover {
  color: var(--color-brand);
  text-decoration: none
}

.Summary_icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 40px;
  height: 40px
}

.Summary_iconBar {
  grid-area: 1/1;
  width: 19px;
  height: 2px;
  background-color: var(--color-brand);
  border-radius: 999px
}

.Summary_iconBar:first-of-type {
  transform: rotate(90deg);
  transition: transform .2s
}

.NavSp_navList {
  list-style: none
}

.SnsList_wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  list-style: none
}

.SnsList_link__RQWwq {
  display: block;
  width: 32px;
  height: 32px
}

.SiteHeader_spOnly__Jg2bM {
  display: none
}

@media screen and (width <=1127px) {
  .SiteHeader_spOnly__Jg2bM {
    display: block
  }

  .SiteHeader_pcOnly {
    display: none
  }
}

.SiteHeader_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-header);
  grid-area: header;
  width: 100%;
  height: var(--header-height);
  padding-inline-start: 40px;
  background-color: hsl(0deg 0% 100% / 90%);
  -webkit-padding-start: 40px
}

@media screen and (width <=1127px) {
  .SiteHeader_wrapper {
    -webkit-padding-start: 12px;
    padding-inline-start: 12px
  }
}

.SiteHeader_wrapper.SiteHeader_border__lnWxG {
  border-bottom: 1px solid var(--light-gray)
}

.SiteHeader_headerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%
}

@media screen and (width <=812px) {
  .SiteHeader_headerTop {
    display: grid;
    grid-template-areas: "logo button""text text";
    align-items: flex-start
  }
}

.SiteHeader_headerLeft {
  display: flex;
  grid-area: logo;
  gap: 8px;
  align-items: center;
  align-self: center;
  width: 100%
}

.SiteHeader_headerTextPc__jzcTk {
  display: block
}

@media screen and (width <=812px) {
  .SiteHeader_headerTextPc__jzcTk {
    display: none
  }
}

.SiteHeader_headerTextSp__lsxgD {
  display: none
}

@media screen and (width <=812px) {
  .SiteHeader_headerTextSp__lsxgD {
    display: block
  }
}

.SiteHeader_logo {
  min-width: 174px;
  max-width: 174px;
  height: auto
}

@media screen and (width <=1127px) {
  .SiteHeader_logo {
    min-width: 140px;
    max-width: 140px
  }
}

.SiteHeader_logo a {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%
}

.SiteHeader_buttonWrap {
  display: flex;
  grid-area: button;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 900px
}

@media screen and (width <=1127px) {
  .SiteHeader_buttonWrap {
    width: auto;
    min-width: auto
  }
}

@media screen and (width <=812px) {
  .SiteHeader_buttonWrap {
    min-width: auto
  }
}

.SiteHeader_links {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  list-style: none
}

.SiteHeader_mainItem {
  position: relative
}

.SiteHeader_mainItem:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 24px;
  content: "";
  background-color: var(--color-gray);
  transform: translateY(-50%)
}

.SiteHeader_mainItemLink {
  position: relative;
  z-index: 10;
  display: block;
  padding: 8px 12px 0;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none !important
}

.SiteHeader_mainItemLink::after {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 6px;
  content: "";
  background-color: var(--color-blue-old);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease
}

.SiteHeader_mainItemLink:hover::after {
  transform: scale(1)
}

.SiteHeader_lang {
  display: flex
}

@media screen and (width <=1127px) {
  .SiteHeader_lang {
    display: none
  }
}

.SiteHeader_drawerToggle {
  position: relative;
  z-index: calc(var(--z-index-header) + 1);
  display: block;
  flex-shrink: 0;
  width: 80px;
  height: 80px
}

.SiteHeader_drawerToggle:focus-visible {
  outline: var(--color-brand) solid 1px
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle {
    width: 60px;
    height: 60px
  }
}

.SiteHeader_drawerToggle .SiteHeader_row {
  position: absolute;
  top: 50%;
  left: 24px;
  display: block;
  height: 1px;
  background-color: var(--color-brand);
  transform: translateY(var(--translate-y));
  translate: 0 -50%;
  transition: transform .3s, opacity .3s
}

.SiteHeader_drawerToggle .SiteHeader_row:first-of-type {
  width: 32px;

  --translate-y: -12px
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle .SiteHeader_row:first-of-type {
    width: 24px;

    --translate-y: -8px
  }
}

.SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(2) {
  width: 32px;

  --translate-y: 0
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(2) {
    width: 24px
  }
}

.SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(3) {
  width: 22px;

  --translate-y: 12px
}

@media screen and (width <=1127px) {
  .SiteHeader_drawerToggle .SiteHeader_row:nth-of-type(3) {
    width: 16.5px;

    --translate-y: 8px
  }
}

.SiteHeader_drawerToggle:hover .SiteHeader_row:first-of-type {
  transform: translateY(calc(var(--translate-y) + 2px))
}

.SiteHeader_drawerToggle:hover .SiteHeader_row:last-of-type {
  transform: translateY(calc(var(--translate-y) - 2px))
}

.SiteHeader_drawerToggle[data-is-open="true"] .SiteHeader_row:first-of-type {
  transform: rotate(45deg)
}

.SiteHeader_drawerToggle[data-is-open="true"] .SiteHeader_row:nth-of-type(2) {
  transform: rotate(-45deg)
}

.SiteHeader_drawerToggle[data-is-open="true"] .SiteHeader_row:last-of-type {
  opacity: 0
}

.Bottom_wrapper__lx86s {
  display: grid;
  grid-gap: 40px;
  gap: 40px;
  justify-items: center;
  padding: 80px 0;
  font-family: var(--font-notosansjp);
  color: var(--color-white);
  background-color: var(--color-brand)
}

.Bottom_linkList__rPfd7 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: center;
  max-width: 1120px;
  padding: 0 34px;
  list-style: none
}

@media screen and (width <=768px) {
  .Bottom_linkList__rPfd7 {
    flex-direction: column;
    gap: 24px;
    align-items: center
  }
}

.Bottom_linkItem__i6Zdf {
  display: flex;
  gap: 16px;
  align-items: center
}

.Bottom_linkItem__i6Zdf:not(:last-of-type)::after {
  display: block;
  width: 1px;
  height: 10px;
  content: "";
  background-color: currentcolor
}

@media screen and (width <=768px) {
  .Bottom_linkItem__i6Zdf:not(:last-of-type)::after {
    display: none
  }
}

.Bottom_copyright__gcnUu {
  padding: 0 16px;
  font-size: var(--font-10);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  text-align: center;
  letter-spacing: var(--letter-spacing-4)
}

.menu_spOnly {
  display: none
}

@media screen and (width <=768px) {
  .menu_spOnly {
    display: block
  }

  .menu_pcOnly {
    display: none
  }
}

.menu_wrapper {
  position: fixed;
  inset: 0;
  z-index: var(--z-index-header);
  visibility: hidden;
  overflow-y: auto;
  background-color: var(--light-blue);
  opacity: 0;
  transition: opacity .3s
}

.menu_open__YehAQ {
  visibility: visible;
  opacity: 1
}

.menu_inner {
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  max-width: 1128px;
  padding: 56px 24px;
  margin-inline: auto
}

@media screen and (width <=812px) {
  .menu_inner {
    gap: 24px;
    padding: 32px 24px 125px
  }
}

.menu_background {
  position: fixed;
  right: -20px;
  bottom: -20px;
  z-index: -1;
  width: 560px;
  height: auto;
  opacity: .4
}

@media screen and (width <=812px) {
  .menu_background {
    right: -80px
  }
}

.Link_wrapper__8kxOc {
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  color: var(--color-white);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.Link_wrapper__8kxOc:hover {
  text-decoration: underline
}

.Link_wrapper__8kxOc:focus-visible {
  outline-color: var(--color-white)
}

.Footer_spOnly {
  display: none
}

@media screen and (width <=768px) {
  .Footer_spOnly {
    display: block
  }

  .Footer_pcOnly__GLhA_ {
    display: none
  }
}

.Footer_footer {
  display: flex;
  gap: 40px;
  justify-content: space-between
}

@media screen and (width <=812px) {
  .Footer_footer {
    flex-direction: column;
    gap: 20px
  }
}

.Footer_linkList {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none
}

.Footer_footerButtons {
  flex-shrink: 0
}

@media screen and (width <=812px) {
  .Footer_footerButtons {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between
  }
}

.Footer_footerLanguageSwitching {
  width: 104px;
  height: 40px
}

.special_menu_pc {
  position: fixed;
  top: calc(var(--header-height) + 110px);
  right: 0;
  z-index: calc(var(--z-index-header) - 1)
}

@media screen and (width <=768px) {
  .special_menu_pc {
    display: none
  }
}

.special_menu_sp {
  display: none
}

@media screen and (width <=768px) {
  .special_menu_sp {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--z-index-header);
    display: block;
    width: 100%
  }
}

.Button_wrapper_pc_menu {
  display: flex;
  text-decoration: none;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);
  transition: all .3s
}

.Button_wrapper_pc_menu:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.Button_wrapper_pc_menu.Button_pc_webentry {
  background-color: #ee4c95;
  border: none
}

.Button_wrapper_pc_menu.Button_pc_webentry:hover {
  background-color: #d43f8b
}

.Button_wrapper_pc_menu::after {
  position: relative;
  display: block;
  width: 0;
  content: "";
  background-color: rgb(38 38 38 / 10.2%);
  transition: width .3s
}

.Button_wrapper_pc_menu:hover::after {
  width: 8px
}

.Button_inner_pc_menu {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  place-items: center;
  width: 48px;
  padding: 12px 8px 20px;
  overflow: hidden
}

.Button_icon_pc_menu {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: var(--color-gray-soft);
  border-radius: 50%
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_icon_pc_menu {
  background: var(--color-white)
}

.Button_text_menu {
  width: 1em;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  color: var(--color-black);
  text-align: center;
  word-break: break-all
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu {
  line-height: .85;
  color: var(--color-white)
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu .Button_e__aG0DQ {
  line-height: .9
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu .Button_b___8MdE {
  line-height: 1.05
}

.Button_wrapper_pc_menu.Button_pc_webentry .Button_text_menu .Button_jp__w_w49 {
  line-height: 1.25
}

.Button_wrapper_pc_menu.Button_informationSeminar .Button_text_menu {
  line-height: 1.15
}

.Button_wrapper_pc_menu.Button_form .Button_text_menu {
  line-height: 1.25
}

.Pc_wrapper_menu {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  place-items: end
}

.Button_wrapper_sp_menu {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-13);
  font-weight: var(--font-bold);
  line-height: var(--line-height-130);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-white);
  transition: all .3s
}

.Button_wrapper_sp_menu:hover {
  text-decoration: none
}

.Button_wrapper_sp_menu.Button_sp_webentry {
  color: var(--color-white);
  background-color: #ee4c95
}

.Button_icon_sp_menu {
  display: grid;
  flex-shrink: 0;
  place-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: var(--color-gray-soft);
  border-radius: 50%
}

.Sp_wrapper_menu {
  display: flex;
  box-shadow: 0 -4px 2px 0 rgb(0 0 0 / 3.9%)
}

.Sp_item_menu {
  flex: 1 1
}

.Sp_item_menu:not(:first-of-type) {
  position: relative
}

.Sp_item_menu:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  content: "";
  background-color: #ccc;
  transform: translate(-50%, -50%)
}

.Sp_item_menu.Sp_webentry__oOiIt::before {
  display: none
}

.index_main {
  margin-top: -96px
}

@media screen and (width <=812px) {
  .index_main {
    margin-top: -300px
  }
}

.index_learning {
  background-color: var(--color-gray-soft)
}

.GlobalLayout_layout {
  display: grid;
  grid-template-areas: "page""footer";
  grid-template-rows: auto auto;
  min-height: 100svh;
  margin: auto;
  background: var(--color-white)
}

.GlobalLayout_wrapper {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper {
    overflow: hidden
  }
}

.GlobalLayout_main {
  position: relative;
  overflow: hidden
}

.GlobalLayout_content {
  overflow: hidden;
  background-image: url("/wp-content/uploads/common/main-bg-pc.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 1920px
}

@media screen and (width <=812px) {
  .GlobalLayout_content {
    background-image: url("/wp-content/uploads/common/main-bg-sp.png");
    background-size: 100%
  }
}

.GlobalLayout_old__xXdMr {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-base);
  line-height: 1.4;
  color: var(--color-black-old-old);
  letter-spacing: 0;
  background-color: var(--color-white-old)
}

@media screen and (width <=1128px) {
  .GlobalLayout_old__xXdMr {
    overflow: auto
  }
}

.PageTitle_pc {
  display: block
}

@media screen and (width <=812px) {
  .PageTitle_pc {
    display: none
  }
}

.BreadCrumbs_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  max-width: var(--content-max-width);
  padding: 11px var(--margin-inline);
  margin: 0 auto;
  list-style: none
}

@media screen and (width <=812px) {
  .BreadCrumbs_breadcrumb {
    max-width: 100%
  }
}

.BreadCrumbs_item {
  display: flex;
  gap: 4px;
  font-size: var(--font-10);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: left;
  letter-spacing: var(--letter-spacing-4)
}

.BreadCrumbs_link {
  color: inherit;
  text-decoration: none
}

.BreadCrumbs_currentPage {
  color: var(--color-black)
}

.H1_sp {
  display: none
}

@media screen and (width <=812px) {
  .H1_sp {
    display: block
  }
}

.H1_wrapper {
  display: flex;
  justify-content: center;
  padding: 0 0 32px;
  margin-inline: var(--margin-inline)
}

@media screen and (width <=812px) {
  .H1_wrapper {
    padding: 0;
    margin-inline: 0
  }
}

.H1_wrapperNoImage__cBPBv {
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_wrapperNoImage__cBPBv {
    padding-bottom: 0
  }
}

.H1_inner {
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: var(--content-width)
}

@media screen and (width <=812px) {
  .H1_inner {
    flex-direction: column;
    gap: 0;
    align-items: center;
    width: 100%
  }
}

.H1_main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 456px;
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_main {
    max-width: 100%;
    padding: 16px 24px 8px
  }
}

.H1_mainNoImage__F6nDN {
  max-width: 100%;
  padding: 24px 0
}

@media screen and (width <=812px) {
  .H1_mainNoImage__F6nDN {
    padding: 16px 24px 8px
  }
}

.H1_label {
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1.4;
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_label {
    font-size: var(--font-12)
  }
}

.H1_titleWrapper {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (width <=812px) {
  .H1_titleWrapper {
    gap: 4px
  }
}

.H1_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-40);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_title {
    font-size: var(--font-28)
  }
}

.H1_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: 1.4
}

@media screen and (width <=812px) {
  .H1_text {
    font-size: var(--font-12)
  }
}

.H1_image {
  width: 100%;
  max-width: 560px
}

@media screen and (width <=812px) {
  .H1_image {
    max-width: 100%
  }

  .H1_image img {
    aspect-ratio: 390/160;
    object-fit: cover
  }
}

.H1_stripe {
  width: 100%
}

.TopReturn_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-top-return);
  display: grid;
  place-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  transition: background-color .3s, opacity .3s, visibility .3s
}

.TopReturn_wrapper:hover {
  background-color: var(--color-gray-soft)
}

.TopReturn_wrapper:focus-visible {
  outline: var(--color-accent) solid 2px
}

.TopReturn_wrapper[data-hidden="true"] {
  visibility: hidden;
  opacity: 0
}

@media screen and (width <=768px) {
  .TopReturn_wrapper {
    right: 16px;
    bottom: 72px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 25.1%)
  }
}

.TopReturn_icon {
  width: 32px;
  height: 32px
}

@media screen and (width <=768px) {
  .TopReturn_icon {
    width: 24px;
    height: 24px
  }
}

.AboutUs_wrapper {
  padding-top: 120px;
  background-color: var(--color-gray-soft)
}

.AboutUs_headWrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  margin-bottom: 64px
}

@media screen and (width <=812px) {
  .AboutUs_headWrapper {
    gap: 16px;
    margin-bottom: 32px
  }
}

.AboutUs_head {
  padding-bottom: 8px;
  font-family: var(--font-notosansjp);
  font-size: 58px;
  font-weight: var(--font-bold);
  line-height: 1.1;
  text-align: center;
  letter-spacing: 4px
}

@media screen and (width <=812px) {
  .AboutUs_head {
    font-size: 32px
  }
}

.AboutUs_col {
  display: flex;
  height: 444px
}

@media screen and (width <=812px) {
  .AboutUs_col {
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
    max-width: 430px;
    height: auto;
    margin: 0 auto
  }
}

.AboutUs_colImg {
  position: relative;
  width: 50vw
}

@media screen and (width <=812px) {
  .AboutUs_colImg {
    width: 100%
  }
}

.AboutUs_colImg img {
  height: 100%;
  object-fit: cover;
  object-position: right
}

@media screen and (width <=812px) {
  .AboutUs_colImg img {
    object-position: center
  }
}

.AboutUs_colImgPc {
  display: block
}

@media screen and (width <=812px) {
  .AboutUs_colImgPc {
    display: none
  }
}

.AboutUs_colImgSp {
  display: none
}

@media screen and (width <=812px) {
  .AboutUs_colImgSp {
    display: block
  }
}

.AboutUs_colImgMain {
  position: relative;
  height: 100%
}

@media screen and (width <=812px) {
  .AboutUs_colImgMain {
    z-index: 2;
    width: 100%;
    padding-top: 17.4358%;
    padding-right: 5.1282%;
    padding-left: 13.3333%
  }
}

.AboutUs_colImgSmall01 {
  position: absolute;
  right: -40px;
  bottom: -80px;
  z-index: 1
}

@media screen and (width <=812px) {
  .AboutUs_colImgSmall01 {
    inset: 0 0 auto;
    padding-right: 39.4871%
  }
}

.AboutUs_colImgSmall02__ZZubP {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 8.2051%
}

.AboutUs_colTextArea {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 50vw;
  min-width: 42.0138vw;
  height: fit-content;
  padding: 32px min(8.3333vw, 120px) 32px 64px
}

@media screen and (width <=812px) {
  .AboutUs_colTextArea {
    gap: 20px;
    width: 100%;
    min-width: 100%;
    padding: 0 24px 30px
  }

  .AboutUs_colText {
    font-size: var(--font-16);
    line-height: var(--line-height-180)
  }
}

.AboutUs_commuting {
  position: relative;
  display: flex;
  align-items: center;
  height: 678px;
  margin-top: 232px
}

@media screen and (width <=812px) {
  .AboutUs_commuting {
    flex-direction: column-reverse;
    max-width: 430px;
    height: auto;
    margin: 56px auto 0
  }
}

.AboutUs_commutingTextArea {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 50%;
  min-width: 540px;
  height: fit-content;
  padding: 64px 48px 32px 120px;
  background: var(--color-white)
}

@media screen and (width <=812px) {
  .AboutUs_commutingTextArea {
    gap: 24px;
    width: calc(100% - 24px);
    min-width: auto;
    padding: 32px 20px 32px 28px;
    margin-top: 66.6666%;
    margin-right: auto
  }
}

.AboutUs_commutingImg {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 92px
}

@media screen and (width <=812px) {
  .AboutUs_commutingImg {
    width: 100%;
    padding-left: 24px
  }
}

.AboutUs_commutingImg::before {
  position: absolute;
  top: -31px;
  right: 0;
  width: calc(100% - 180px);
  height: 32px;
  content: "";
  background: linear-gradient(296.36deg, rgb(151 231 253 / 90%) 43.51%, rgb(107 206 238 / 90%) 86.12%)
}

@media screen and (width <=812px) {
  .AboutUs_commutingImg::before {
    top: -15px;
    width: calc(100% - 50px);
    height: 16px
  }
}

.AboutUs_commutingImg img {
  height: 100%;
  object-fit: cover;
  object-position: top
}

.AboutUs_commutingImgPc {
  display: inline
}

@media screen and (width <=812px) {
  .AboutUs_commutingImgPc {
    display: none
  }
}

.AboutUs_commutingImgSp {
  display: none
}

@media screen and (width <=812px) {
  .AboutUs_commutingImgSp {
    display: block
  }
}

.AboutUs_viewmore {
  text-align: right
}

.ViewMoreInner_wrapper {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.ViewMoreInner_wrapper:focus,
.ViewMoreInner_wrapper:focus-visible,
.ViewMoreInner_wrapper:hover {
  text-decoration: none
}

.ViewMoreInner_wrapper:focus .ViewMoreInner_icon,
.ViewMoreInner_wrapper:focus-visible .ViewMoreInner_icon,
.ViewMoreInner_wrapper:hover .ViewMoreInner_icon {
  color: var(--color-white);
  background: var(--color-brand)
}

@media screen and (width <=812px) {
  .ViewMoreInner_wrapper {
    font-size: var(--font-14)
  }
}

.ViewMoreInner_icon {
  display: flex;
  color: var(--color-brand);
  border-radius: 50%;
  transition: all .3s
}

.ViewMoreInner_circle {
  width: 40px;
  height: 40px;
  color: currentcolor
}

@media screen and (width <=812px) {
  .ViewMoreInner_circle {
    width: 32px;
    height: 32px
  }
}

.H2_wrapper {
  display: flex;
  align-items: center;
  justify-content: center
}

.H2_head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--font-roboto);
  font-size: var(--font-24);
  line-height: 1;
  letter-spacing: 2px
}

.H2_head::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: "";
  background: var(--gradation-rainbow)
}

.H3_head {
  font-family: var(--font-notosansjp);
  font-size: var(--font-30);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160)
}

@media screen and (width <=812px) {
  .H3_head {
    font-size: var(--font-22)
  }
}

.H3_head.H3_vw {
  font-size: clamp(var(--font-21), 2.0833vw, var(--font-30))
}

@media screen and (width <=812px) {
  .H3_head.H3_vw {
    font-size: var(--font-22)
  }
}

.Admission_wrapper {
  background-color: var(--color-white)
}

.Admission_inner {
  display: flex;
  flex-direction: column;
  gap: 120px;
  padding: 120px 0
}

@media screen and (width <=812px) {
  .Admission_inner {
    padding: 80px 0
  }
}

.Admission_tuition {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  max-width: calc(710px + var(--margin-inline)*2);
  padding: 0 var(--margin-inline);
  margin: 0 auto
}

@media screen and (width <=812px) {
  .Admission_tuition {
    max-width: var(--content-max-width)
  }
}

.Admission_tuitionHead {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center
}

@media screen and (width <=812px) {
  .Admission_tuitionHead {
    gap: 24px
  }
}

.Admission_tuitionInner {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.Admission_tuitionImage {
  display: flex;
  flex-direction: column;
  gap: 20px
}

@media screen and (width <=812px) {
  .Admission_tuitionImage {
    gap: 16px
  }
}

.Admission_tuitionImageWrapper {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media screen and (width <=812px) {
  .Admission_tuitionImageWrapper {
    gap: 24px
  }
}

.Admission_annotation__sGn56 {
  font-size: var(--font-12);
  line-height: var(--line-height-180)
}

@media screen and (width <=812px) {
  .Admission_annotation__sGn56 {
    font-size: 11px
  }
}

.Admission_viewmore {
  width: 100%;
  text-align: right
}

.Admission_admission {
  display: flex;
  flex-direction: column;
  gap: 64px;
  width: 100%;
  max-width: var(--content-max-width);
  padding: 80px var(--margin-inline) 0;
  margin: 0 auto
}

@media screen and (width <=812px) {
  .Admission_admission {
    gap: 32px;
    padding-top: 0
  }
}

.Admission_admissionInner {
  display: flex;
  flex-direction: column;
  gap: 64px
}

@media screen and (width <=812px) {
  .Admission_admissionInner {
    gap: 32px
  }
}

.Admission_headWrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center
}

@media screen and (width <=812px) {
  .Admission_headWrapper {
    gap: 16px
  }
}

.Admission_head {
  padding-bottom: 8px;
  font-family: var(--font-notosansjp);
  font-size: 52px;
  font-weight: var(--font-bold);
  line-height: 1.1;
  text-align: center;
  letter-spacing: 4px
}

@media screen and (width <=812px) {
  .Admission_head {
    font-size: 32px
  }
}

.Admission_cardWrapper {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .Admission_cardWrapper {
    flex-direction: column;
    gap: 32px
  }
}

.CardImgAdmission_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.CardImgAdmission_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  text-align: center
}

@media screen and (width <=812px) {
  .CardImgAdmission_text {
    font-size: var(--font-14)
  }
}

.CardImgAdmission_image {
  width: 100%;
  max-width: 338px;
  aspect-ratio: 1/1
}

@media screen and (width <=812px) {
  .CardImgAdmission_image {
    max-width: 100%
  }
}

.En_wrapper__keU2z {
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  padding-block: var(--space-30) var(--space-120);
  margin-inline: auto
}

@media screen and (width <=768px) {
  .En_wrapper__keU2z {
    padding-block: 0 var(--space-80)
  }

  .En_fvWrapper__UNR7X {
    display: grid
  }
}

.En_topWrapper__Oxe1l {
  display: flex;
  column-gap: 30px;
  max-height: 500px;
  margin-bottom: var(--space-80)
}

@media screen and (width <=1200px) {
  .En_topWrapper__Oxe1l {
    flex-direction: column;
    gap: var(--space-40);
    max-height: none
  }
}

@media screen and (width <=768px) {
  .En_topWrapper__Oxe1l {
    display: contents;
    column-gap: 40px;
    order: 1
  }
}

.En_menuArea__gdUWN {
  margin-bottom: var(--space-120)
}

@media screen and (width <=768px) {
  .En_menuArea__gdUWN {
    display: contents;
    order: 2
  }
}

.En_commonTitle__wHIpm {
  width: fit-content;
  padding-bottom: 3px;
  margin-bottom: 32px;
  font-size: 33px;
  border-bottom: 6px solid var(--color-blue-old)
}

@media screen and (width <=768px) {
  .En_commonTitle__wHIpm {
    margin-bottom: 16px;
    font-size: 24px
  }
}

.En_commonTitle__wHIpm[data-color="tertiary"] {
  border-color: var(--color-tertiary)
}

.En_commonTitle__wHIpm[data-section="regional"] {
  margin-inline: auto;
  color: var(--color-white-old);
  border-color: var(--color-white-old)
}

.En_commonTitleEn__spQCp {
  display: block;
  font-family: var(--font-serif);
  font-size: 24px;
  font-weight: var(--font-bold);
  color: var(--color-gray-old);
  text-transform: uppercase
}

@media screen and (width <=768px) {
  .En_commonTitleEn__spQCp {
    font-size: 18px
  }
}

.En_contentTitle__lbeYF[data-section="regional"] {
  text-align: center
}

.En_contentText__XarJB {
  margin-bottom: 16px;
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

@media screen and (width <=768px) {
  .En_contentText__XarJB {
    margin-bottom: 30px
  }
}

.En_aboutWrapper__etQdd {
  display: flex;
  column-gap: 95px;
  align-items: center;
  width: min(100%, 1240px);
  margin-bottom: 200px
}

@media screen and (width <=992px) {
  .En_aboutWrapper__etQdd {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 100px
  }
}

@media screen and (width <=768px) {
  .En_aboutWrapper__etQdd {
    width: calc(100% + 40px);
    margin-inline: calc(50% - 50vw);
    margin-bottom: var(--space-80)
  }
}

.En_aboutImgWrapper__AvTv1 {
  width: 40vw;
  max-width: 560px
}

.En_aboutImgWrapper__AvTv1>span {
  position: static !important
}

.En_aboutImgWrapper__AvTv1 img {
  position: static !important;
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=992px) {
  .En_aboutImgWrapper__AvTv1 {
    width: 100%;
    max-width: 100%
  }
}

.En_aboutBody__5f07y {
  width: 34.7142857143vw;
  width: min(100%, 486px)
}

@media screen and (width <=992px) {
  .En_aboutBody__5f07y {
    width: 100%;
    max-width: 100%
  }
}

@media screen and (width <=768px) {
  .En_aboutBody__5f07y {
    padding-inline: 20px
  }
}

.En_department__Srsuu {
  position: relative;
  width: 100vw;
  margin-inline: calc(50% - 50vw)
}

@media(width <=1400px) {
  .En_department__Srsuu {
    width: calc(100% + 20px);
    margin-left: auto
  }
}

.En_department__Srsuu::before {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 100vw;
  height: calc(100% + 120px);
  margin-inline: calc(50% - 50vw);
  content: "";
  background-color: rgb(105 190 190 / 20%);
  clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  transform: translate(-50%, -50%);
  transform-origin: center
}

@media screen and (width <=992px) {
  .En_department__Srsuu::before {
    top: 50%;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%)
  }
}

@media screen and (width <=768px) {
  .En_department__Srsuu::before {
    top: 53%;
    width: calc(100% + 40px);
    height: 100%
  }
}

.En_departmentWrapper__2grg2 {
  position: relative;
  width: min(100%, 1400px);
  width: 100%;
  max-width: 1400px;
  padding-top: var(--space-80);
  margin-inline: auto;
  margin-bottom: var(--space-120)
}

@media(width <=1400px) {
  .En_departmentWrapper__2grg2 {
    max-width: none
  }
}

@media screen and (width <=992px) {
  .En_departmentWrapper__2grg2 {
    padding-top: 0
  }
}

@media screen and (width <=768px) {
  .En_departmentWrapper__2grg2 {
    margin-bottom: var(--space-80)
  }
}

.En_departmentContainer__a3HRb {
  display: flex;
  gap: 0 min(12.777vw, 100px);
  justify-content: space-between;
  width: 100%;
  max-width: 1260px;
  margin-left: auto
}

@media(width <=1400px) {
  .En_departmentContainer__a3HRb {
    justify-content: flex-end;
    max-width: none
  }
}

@media screen and (width <=992px) {
  .En_departmentContainer__a3HRb {
    flex-direction: column-reverse;
    gap: 30px
  }
}

.En_departmentBody__GkycN {
  width: 42.8571428571vw;
  margin-top: -100px
}

@media screen and (width <=992px) {
  .En_departmentBody__GkycN {
    width: 100%;
    max-width: 100%;
    margin-top: auto
  }
}

@media screen and (width <=768px) {
  .En_departmentBody__GkycN {
    padding-right: 20px;
    margin-inline: 20px
  }
}

.En_departmentImgWrapper__myGux {
  width: 39.5vw;
  max-width: 553px
}

.En_departmentImgWrapper__myGux>span {
  position: static !important
}

.En_departmentImgWrapper__myGux img {
  position: static !important;
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=992px) {
  .En_departmentImgWrapper__myGux {
    width: 100%;
    max-width: 100%
  }
}

.En_regionalWrapper__ofvdg {
  display: flex;
  width: min(100%, 1080px);
  height: 100%;
  min-height: 400px;
  margin-inline: auto;
  margin-bottom: var(--space-120);
  background-color: var(--color-blue-old)
}

@media screen and (width <=992px) {
  .En_regionalWrapper__ofvdg {
    flex-direction: column;
    width: 100%
  }
}

@media screen and (width <=768px) {
  .En_regionalWrapper__ofvdg {
    width: calc(100% + 40px);
    margin-inline: calc(50% - 50vw)
  }
}

.En_regionalImgWrapper__N2oWY {
  width: 38%;
  height: 100%;
  min-height: 400px;
  background-image: url("/wp-content/uploads/top/regional-revitalization.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=992px) {
  .En_regionalImgWrapper__N2oWY {
    width: 100%
  }
}

.En_regionalBody__fvG3e {
  width: 62%
}

@media screen and (width <=992px) {
  .En_regionalBody__fvG3e {
    width: 100%
  }
}

.En_regionalInner__Pzdpp {
  width: min(100%, 505px);
  padding-block: 30px;
  padding-inline: 10px;
  margin-inline: auto;
  color: var(--color-white-old)
}

@media screen and (width <=992px) {
  .En_regionalInner__Pzdpp {
    width: 100%
  }
}

@media screen and (width <=768px) {
  .En_regionalInner__Pzdpp {
    padding-inline: 15px
  }
}

.En_projectArea__7hbMt {
  margin-bottom: 10px
}

.En_projectText__xHj0c {
  width: min(100%, 896px);
  margin-inline: auto;
  margin-bottom: var(--space-60);
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.En_aboutWrapperEn__okxzy {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  padding-top: var(--space-40)
}

@media screen and (width <=768px) {
  .En_aboutWrapperEn__okxzy {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    gap: var(--space-24)
  }
}

.En_aboutImgEn__qCfDj {
  order: 1
}

.En_aboutListEn__qQCSl {
  order: 2;
  padding-left: 80px
}

@media screen and (width <=768px) {
  .En_aboutListEn__qQCSl {
    display: block;
    order: 3;
    height: auto;
    padding-left: 0
  }
}

.En_aboutTextEn__fTDrC {
  grid-row: 1/3;
  grid-column: 2/2;
  order: 3
}

@media screen and (width <=768px) {
  .En_aboutTextEn__fTDrC {
    grid-row: 2;
    grid-column: 1;
    order: 2
  }
}

.En_attempt__cdLSw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  grid-gap: var(--space-30);
  gap: var(--space-30);
  margin: var(--space-60) 0 0
}

@media screen and (width <=768px) {
  .En_attempt__cdLSw {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: var(--space-40) 0 0
  }
}

.En_subHeading__uwuKM {
  font-size: 28px;
  line-height: 1.53;
  text-align: center;
  letter-spacing: .02em
}

.En_subHeading__uwuKM::after {
  display: block;
  width: 100px;
  height: 1px;
  margin: 10px auto 0;
  content: "";
  background: var(--color-blue-old)
}

.En_AttemptDescription__Z_Zrb {
  padding: var(--space-60);
  margin: var(--space-80) 0 0;
  background-color: var(--light-blue)
}

@media screen and (width <=768px) {
  .En_AttemptDescription__Z_Zrb {
    padding: 32px 20px
  }
}

.En_AttemptDescription__Z_Zrb h3 {
  margin-bottom: 24px;
  font-size: clamp(10px, 2.8rem, 28px);
  font-weight: 600;
  line-height: 1.5357142857
}

@media screen and (width <=768px) {
  .En_AttemptDescription__Z_Zrb h3 {
    margin-bottom: 12px;
    font-size: clamp(10px, 1.8rem, 18px);
    font-weight: 600;
    line-height: 1.5
  }
}

.En_AttemptDescription__Z_Zrb p {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.AboutListEn_container__SzkVd {
  width: 100%;
  max-width: 726px;
  padding: var(--space-60) 0;
  margin-inline: auto
}

@media screen and (width <=768px) {
  .AboutListEn_container__SzkVd {
    padding: 0;
    padding-inline: 20px
  }
}

.AboutListEn_headingWrap___EIo7 {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px
}

.AboutListEn_heading__FbV17 {
  padding-right: var(--space-24);
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-blue-old)
}

@media screen and (width <=768px) {
  .AboutListEn_heading__FbV17 {
    padding-right: 0
  }
}

.AboutListEn_list__YchjO {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  padding-top: var(--space-30);
  padding-bottom: var(--space-30);
  border-top: 4px solid var(--color-blue-old);
  border-bottom: 4px solid var(--color-blue-old)
}

@media screen and (width <=768px) {
  .AboutListEn_list__YchjO {
    padding: 20px 0;
    margin: 10px 0 0
  }
}

.AboutListEn_item__h9zsX {
  display: flex;
  gap: 12px;
  align-items: center
}

@media screen and (width <=768px) {
  .AboutListEn_item__h9zsX {
    display: block;
    align-items: flex-start
  }
}

.AboutListEn_number__6DZHl {
  position: relative;
  flex: 0 0 48px
}

@media screen and (width <=768px) {
  .AboutListEn_number__6DZHl {
    flex: 0 0 24px;
    width: 100%;
    height: auto
  }
}

.AboutListEn_content__g9iPa {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  height: 100%;
  padding: 12px 0 12px 20px;
  border-left: 1px solid var(--color-blue-old)
}

@media screen and (width <=768px) {
  .AboutListEn_content__g9iPa {
    height: auto;
    padding: 0 0 0 20px
  }
}

.AboutListEn_head__kyt2G {
  width: 150px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-blue-old);
  text-align: right
}

@media screen and (width <=768px) {
  .AboutListEn_head__kyt2G {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    font-size: var(--font-md);
    text-align: left
  }
}

.AboutListEn_text__JoFqk {
  font-size: var(--font-md);
  font-weight: var(--font-bold);
  line-height: 2
}

.AboutListEn_note__OtP_V {
  margin-top: 12px;
  font-size: clamp(10px, 1.4rem, 14px);
  font-weight: 300;
  line-height: 2;
  text-align: right
}

.AttemptEn_attempt__XeJmp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  grid-gap: var(--space-30);
  gap: var(--space-30);
  margin: var(--space-60) 0 0
}

@media screen and (width <=768px) {
  .AttemptEn_attempt__XeJmp {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: var(--space-40) 0 0
  }
}

.AttemptEn_attemptItem__qSySa {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  align-items: flex-start;
  padding: 48px
}

.AttemptEn_attemptItem__qSySa[data-company="dwango"] {
  border: 4px solid #0075c4
}

.AttemptEn_attemptItem__qSySa[data-company="nippon_foundation"] {
  border: 4px solid #00a040
}

@media screen and (width <=768px) {
  .AttemptEn_attemptItem__qSySa {
    padding: 30px
  }
}

.AttemptEn_attemptLogo__HDuO2 {
  position: relative;
  margin: 0 auto
}

.AttemptEn_attemptLogo__HDuO2[data-company="dwango"] {
  width: 100%;
  max-width: 200px;
  height: 33.684px
}

.AttemptEn_attemptLogo__HDuO2[data-company="nippon_foundation"] {
  width: 100%;
  max-width: 210px;
  height: 37px;
  margin: 0
}

@media screen and (width <=768px) {
  .AttemptEn_attemptLogo__HDuO2[data-company="nippon_foundation"] {
    width: 100%;
    max-width: 280px;
    height: 30px
  }
}

.AttemptEn_attemptLogoWrap__VnIWL[data-company="nippon_foundation"] {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center
}

@media screen and (width <=768px) {
  .AttemptEn_attemptLogoWrap__VnIWL[data-company="nippon_foundation"] {
    flex-direction: column
  }
}

.AttemptEn_attemptTitleWrap__U5F10 {
  display: grid;
  grid-gap: 10px;
  gap: 10px
}

.AttemptEn_attemptTitleWrap__U5F10[data-company="dwango"] * {
  color: #0075c4
}

.AttemptEn_attemptTitleWrap__U5F10[data-company="nippon_foundation"] * {
  color: #00a040
}

.AttemptEn_attemptTitle__NBxhP {
  font-size: 28px;
  font-weight: 600;
  text-align: center
}

@media screen and (width <=768px) {
  .AttemptEn_attemptTitle__NBxhP {
    font-size: var(--font-x2l)
  }
}

.AttemptEn_attemptSubTitle__irv4s {
  font-size: var(--font-lg);
  font-weight: 600;
  text-align: center
}

.AttemptEn_attemptList__Gpewl {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  list-style: none
}

.AttemptEn_attemptContent__bhCur {
  display: flex;
  gap: 30px;
  align-items: center
}

@media screen and (width <=768px) {
  .AttemptEn_attemptContent__bhCur {
    flex-direction: column;
    gap: 20px
  }
}

.AttemptEn_attemptContentImage__iZ4QA {
  position: relative;
  flex: 0 0 41.81%;
  aspect-ratio: 4/3
}

@media screen and (width <=768px) {
  .AttemptEn_attemptContentImage__iZ4QA {
    flex: 0 0 auto;
    width: 100%
  }
}

.AttemptEn_attemptContentText__EAEgd {
  width: 100%;
  font-weight: 600;
  text-align: left;
  letter-spacing: .02em
}

.AttemptEn_supportedBy__kWrVM {
  font-weight: var(--font-bold);
  color: #00a040
}

.MessageLinkEn_wrapper__cI7mx {
  position: relative;
  display: grid;
  width: min(100%, 560px);
  padding: 25px;
  margin: 32px 0;
  overflow: hidden;
  font-size: clamp(10px, 1.8rem, 18px);
  font-weight: 600;
  line-height: 1;
  color: var(--color-white-old);
  text-decoration: none;
  background-color: var(--color-blue-old);
  border: 1px solid var(--color-blue-old);
  transform: translateZ(0);
  transition: color .2s ease-in;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%)
}

@media screen and (width <=768px) {
  .MessageLinkEn_wrapper__cI7mx {
    width: min(100%, 400px);
    padding: 16px 40px 16px 16px;
    font-size: 16px
  }
}

.MessageLinkEn_wrapper__cI7mx[data-position="center"] {
  margin-inline: auto
}

.MessageLinkEn_wrapper__cI7mx[data-position="right"] {
  margin-left: auto
}

.MessageLinkEn_wrapper__cI7mx::before {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-white-old);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
  transition: transform .2s ease-in
}

.MessageLinkEn_wrapper__cI7mx:active,
.MessageLinkEn_wrapper__cI7mx:hover,
.MessageLinkEn_wrapper__cI7mx:visited {
  text-decoration: none !important;
  opacity: 1
}

.MessageLinkEn_wrapper__cI7mx span {
  position: relative;
  z-index: 10
}

.MessageLinkEn_wrapper__cI7mx .MessageLinkEn_icon__I___k {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%)
}

.MessageLinkEn_wrapper__cI7mx .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  width: 10px;
  height: 20px;
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.MessageLinkEn_wrapper__cI7mx .MessageLinkEn_icon__I___k[data-icon-name="external"] {
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

@media screen and (width <=768px) {
  .MessageLinkEn_wrapper__cI7mx .MessageLinkEn_icon__I___k[data-icon-name="external"] {
    width: 20px;
    height: 20px
  }
}

.MessageLinkEn_wrapper__cI7mx:hover {
  color: var(--color-blue-old)
}

.MessageLinkEn_wrapper__cI7mx:hover::before {
  transform: scale(1)
}

.MessageLinkEn_wrapper__cI7mx:hover .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg");
  transition-delay: .1s
}

.MessageLinkEn_wrapper__cI7mx:hover .MessageLinkEn_icon__I___k[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg");
  transition-delay: .1s
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"] {
  color: var(--color-white-old);
  background-color: var(--color-white-old)
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"]::before {
  background-color: var(--color-blue-old)
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"] .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"] .MessageLinkEn_icon__I___k[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"]:hover {
  color: var(--color-white-old)
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"]:hover .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-has-bg="true"]:hover .MessageLinkEn_icon__I___k[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-is-istertiary="true"] {
  color: var(--color-white-old);
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary)
}

.MessageLinkEn_wrapper__cI7mx[data-is-istertiary="true"]::before {
  background-color: var(--color-blue-old)
}

.MessageLinkEn_wrapper__cI7mx[data-is-istertiary="true"] .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-is-istertiary="true"] .MessageLinkEn_icon__I___k[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-is-istertiary="true"]:hover {
  color: var(--color-tertiary)
}

.MessageLinkEn_wrapper__cI7mx[data-is-istertiary="true"]:hover .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-tertiary.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-simple-hover="true"] {
  transition: opacity .3s ease
}

.MessageLinkEn_wrapper__cI7mx[data-simple-hover="true"]::before {
  display: none
}

.MessageLinkEn_wrapper__cI7mx[data-simple-hover="true"]:hover {
  color: var(--color-white-old);
  background-color: var(--color-blue-old);
  opacity: .85
}

.MessageLinkEn_wrapper__cI7mx[data-simple-hover="true"]:hover .MessageLinkEn_icon__I___k[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.MessageLinkEn_wrapper__cI7mx[data-simple-hover="true"]:hover .MessageLinkEn_icon__I___k[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.MessageLinkEn_text__dJ8mY {
  margin-bottom: 12px;
  font-size: 24px
}

.MessageLinkEn_description___d6yo {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.BgTitle_wrapper__Z_Q41 {
  margin-bottom: 32px;
  text-align: center
}

@media screen and (width <=768px) {
  .BgTitle_wrapper__Z_Q41 {
    margin-bottom: 24px
  }
}

.BgTitle_title__zFfpO {
  position: relative;
  display: inline-block;
  padding: 24px 20px;
  font-size: clamp(10px, 3.3rem, 33px);
  font-weight: 600;
  line-height: 1.5151515152
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO {
    font-size: clamp(10px, 2.4rem, 24px);
    font-weight: 600;
    line-height: 1.6666666667
  }
}

.BgTitle_title__zFfpO::before {
  position: absolute;
  z-index: -1;
  width: 331px;
  height: 126px;
  content: "";
  background-position: 50%;
  background-size: contain;
  will-change: transform
}

.BgTitle_title__zFfpO[data-direction="left"]::before {
  top: 50%;
  left: 50%;
  background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-left.svg");
  transform: translate(-50%, -50%)
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-direction="left"]::before {
    background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-left-sp.svg")
  }
}

.BgTitle_title__zFfpO[data-direction="right"]::before {
  top: -65px;
  left: calc(50% - 170px);
  background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-right.svg")
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-direction="right"]::before {
    top: -35px;
    left: calc(50% - 170px);
    background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-right-sp.svg")
  }
}

.BgTitle_title__zFfpO[data-underline="true"] {
  padding-bottom: 4px;
  border-bottom: 6px solid var(--color-blue-old)
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-underline="true"] {
    padding-bottom: 6px
  }

  .BgTitle_text__6B7Ef {
    margin-bottom: 80px
  }
}

.IntroSection_wrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto
}

.IntroSection_wrapper[data-is-center="true"] {
  text-align: center
}

@media screen and (width <=992px) {
  .IntroSection_wrapper[data-is-center="true"] {
    text-align: left
  }
}

.IntroSection_title {
  margin-top: var(--space-80);
  margin-bottom: var(--space-60);
  font-size: clamp(10px, 3.8rem, 38px);
  font-weight: 600;
  line-height: 1.5;
  text-align: center
}

@media screen and (width <=768px) {
  .IntroSection_title {
    margin-block: var(--space-40);
    font-size: clamp(10px, 3rem, 30px);
    font-weight: 600;
    line-height: 1.5
  }
}

.IntroSection_title span {
  display: inline-block
}

.IntroSection_lead {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.IntroSection_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center
}

.IntroSection_icon__14J7F {
  max-width: 180px;
  font-size: 0
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/wp-content/uploads/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/wp-content/uploads/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/wp-content/uploads/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    white-space: pre-line
  }

  .PageTitle_titleBgEn__bLdIy {
    height: auto;
    min-height: 140px;
    padding: 20px
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/wp-content/uploads/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.Kv_kv {
  position: relative;
  display: grid;
  background: radial-gradient(185.37% 188.17% at 49.85% 48.39%, #fff 0, #fafafa 11%, #ededed 24%, #d6d6d6 37%, #b7b7b7 50%, #8f8f8f 64%, #5f5f5f 78%, #262626 92%, #000 100%)
}

@media screen and (width <=812px) {
  .Kv_kv {
    width: 100%;
    -webkit-margin-before: 5px;
    margin-block-start: 5px
  }
}

.Kv_inner {
  display: grid;
  place-content: center;
  overflow: hidden
}

.Kv_kvImage {
  grid-area: -1/1;
  width: min(2140px, 167.1875vw);
  height: auto;
  aspect-ratio: 2140/800
}

@media screen and (width <=812px) {
  .Kv_kvImage {
    width: min(640px, 164.1025641026vw);
    aspect-ratio: 640/956
  }
}

.Kv_kvImage img {
  width: 100%;
  height: 100%
}

@media screen and (width <=812px) {
  .Kv_kvImage img {
    height: 100%;
    object-fit: cover
  }
}

.Kv_kv01 {
  z-index: 1
}

.Kv_kv02 {
  z-index: 2
}

.Kv_kv03 {
  position: absolute;
  z-index: 3;
  transform: translateY(-20px)
}

@media screen and (width <=812px) {
  .Kv_kv03 {
    position: relative;
    transform: none
  }
}

.Kv_kv04 {
  position: relative;
  z-index: 3
}

.Kv_kv05 {
  z-index: 4
}

@media screen and (width <=812px) {
  .Kv_kv05 {
    right: 0
  }
}

.Kv_kv06__pmC2M {
  z-index: 4
}

.Kv_line {
  position: absolute;
  bottom: -3.8%;
  left: 50%;
  width: calc(100% + 100vw);
  height: 25%;
  background: linear-gradient(346.44deg, rgb(151 231 253 / 90%) 9.67%, rgb(107 206 238 / 90%) 98.66%);
  transform: translateX(-50%) rotate(-4deg)
}

@media screen and (width <=812px) {
  .Kv_line {
    bottom: 23%;
    height: 14.5%;
    background: linear-gradient(0deg, rgb(151 231 253 / 90%) 9.67%, rgb(107 206 238 / 90%) 98.66%)
  }
}

.Learning_inner {
  display: flex;
  flex-direction: column;
  gap: 120px;
  max-width: var(--content-max-width);
  padding: 120px var(--margin-inline);
  margin: 0 auto
}

@media screen and (width <=812px) {
  .Learning_inner {
    gap: 80px;
    max-width: calc(526px - var(--margin-inline)*2);
    padding: 80px var(--margin-inline) 40px
  }
}

.Learning_top__eYGEk {
  display: flex;
  flex-direction: column;
  gap: 64px
}

@media screen and (width <=812px) {
  .Learning_top__eYGEk {
    gap: 40px
  }
}

.Learning_headWrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  max-width: 748px;
  margin: 0 auto;
  text-align: center
}

@media screen and (width <=812px) {
  .Learning_headWrapper {
    gap: 24px
  }

  .Learning_text {
    font-size: var(--font-16);
    line-height: var(--line-height-180);
    text-align: left
  }
}

.Learning_viewmore {
  width: 100%;
  text-align: right
}

.Learning_cardSection {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media screen and (width <=812px) {
  .Learning_cardSection {
    gap: 24px
  }
}

.Learning_cardWrapper {
  display: flex;
  gap: 32px;
  width: 100%
}

@media screen and (width <=812px) {
  .Learning_cardWrapper {
    flex-direction: column;
    gap: 40px
  }
}

.Learning_cardWrapperMiddle {
  max-width: 708px;
  margin: 0 auto
}

.CardMainImgTop_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.CardMainImgTop_title {
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  list-style: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .CardMainImgTop_title {
    font-size: var(--font-16)
  }
}

.CardMainImgTop_button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%
}

.CardMainImgTop_image {
  width: 100%;
  max-width: 338px;
  aspect-ratio: 16/9
}

@media screen and (width <=812px) {
  .CardMainImgTop_image {
    max-width: 100%
  }
}

.H4_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 708px;
  margin: 0 auto
}

.H4_wrapper::before {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background-image: linear-gradient(to right, var(--color-black), var(--color-black) 6px, transparent 6px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 10px 2px
}

.H4_head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 16px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-26);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  background: var(--color-gray-soft)
}

@media screen and (width <=812px) {
  .H4_head {
    font-size: var(--font-20)
  }
}

.H4_head span {
  display: block;
  width: 100%
}

.H4_head span:nth-child(2) {
  padding-left: 1em
}

.News_wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: calc(894px + var(--margin-inline)*2);
  padding: 64px var(--margin-inline) 80px;
  margin: 0 auto
}

@media screen and (width <=812px) {
  .News_wrapper {
    padding: 40px var(--margin-inline)
  }
}

.News_list {
  display: flex;
  flex-direction: column;
  list-style: none
}

.News_item {
  border-bottom: 1px solid var(--color-gray)
}

.News_item:first-child {
  border-top: 1px solid var(--color-gray)
}

.News_link {
  display: grid;
  grid-template-areas: "date category title";
  grid-template-columns: 105px auto 1fr;
  grid-gap: 20px;
  gap: 20px;
  align-items: center;
  padding: 24px 0;
  color: inherit;
  text-decoration: none
}

@media screen and (width <=812px) {
  .News_link {
    grid-template-areas: "date category""title title";
    grid-template-columns: auto 1fr;
    gap: 12px
  }
}

.News_link:focus,
.News_link:hover {
  text-decoration: none
}

.News_link:focus .News_title,
.News_link:hover .News_title {
  color: var(--color-blue)
}

.News_date {
  grid-area: date;
  font-family: var(--font-roboto);
  font-size: var(--font-17);
  font-weight: var(--font-bold);
  line-height: .08em;
  color: #868e96
}

@media screen and (width <=812px) {
  .News_date {
    font-size: var(--font-13)
  }
}

.News_category {
  grid-area: category;
  width: 118px;
  padding: 4px 14px;
  font-size: var(--font-12);
  text-align: center;
  background: var(--color-gray-soft)
}

.News_category,
.News_title {
  font-weight: var(--font-bold);
  line-height: var(--line-height-180)
}

.News_title {
  display: -webkit-box;
  grid-area: title;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: var(--font-16);
  transition: all .3s;
  -webkit-box-orient: vertical
}

@media screen and (width <=812px) {
  .News_title {
    font-size: var(--font-14)
  }
}

.News_viewmore {
  text-align: right
}

.PickUp_wrapper {
  position: relative;
  z-index: 5;
  padding: 24px 0 12px 40px;
  margin-left: 60px;
  overflow: hidden;
  background: var(--color-white);
  border-top-left-radius: 16px
}

@media screen and (width <=812px) {
  .PickUp_wrapper {
    padding: 24px 0 12px 24px;
    margin-left: 0;
    border-top-left-radius: 0
  }
}

.PickUp_inner {
  display: grid;
  grid-gap: 24px;
  gap: 24px
}

@media screen and (width <=812px) {
  .PickUp_inner {
    gap: 20px
  }
}

.PickUp_title {
  display: flex;
  gap: 12px;
  align-items: center
}

.PickUp_title::before {
  top: 0;
  left: 0;
  width: 124px;
  height: 4px;
  content: "";
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .PickUp_title::before {
    width: 48px;
    height: 6px
  }
}

.PickUp_titleText {
  font-family: var(--font-roboto);
  font-size: var(--font-17);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 1px
}

.PickUp_card {
  position: relative;
  overflow: hidden
}

@media screen and (width <=812px) {
  .PickUp_card {
    width: 100%
  }
}

.PickUp_slider {
  padding-right: 40px !important
}

@media screen and (width <=812px) {
  .PickUp_slider {
    padding-right: 24px !important
  }
}

.PickUp_slide {
  width: max-content !important;
  height: auto !important
}

.PickUp_next,
.PickUp_prev {
  position: absolute;
  top: calc(50% - 32px);
  z-index: 1;
  width: 44px;
  height: 44px;
  color: var(--color-white);
  cursor: pointer;
  transform: translateY(-50%)
}

.PickUp_next::before,
.PickUp_prev::before {
  position: absolute;
  top: 0;
  top: 50%;
  z-index: 1;
  width: 160px;
  height: 185px;
  content: "";
  background: linear-gradient(270deg, #fff, hsl(0deg 0% 100% / 0%));
  transform: translateY(-50%)
}

@media screen and (width <=812px) {
  .PickUp_next::before,
  .PickUp_prev::before {
    width: 80px
  }
}

.PickUp_next:focus,
.PickUp_next:hover,
.PickUp_prev:focus,
.PickUp_prev:hover {
  color: var(--color-brand)
}

.PickUp_next:focus path,
.PickUp_next:hover path,
.PickUp_prev:focus path,
.PickUp_prev:hover path {
  stroke: var(--color-white)
}

.PickUp_next svg,
.PickUp_prev svg {
  position: relative;
  z-index: 1
}

.PickUp_next svg circle,
.PickUp_prev svg circle {
  fill: currentcolor
}

.PickUp_next svg path,
.PickUp_prev svg path {
  stroke: var(--color-brand)
}

.PickUp_prev {
  left: 0
}

.PickUp_prev::before {
  transform: translateY(-50%) rotate(180deg)
}

@media screen and (width <=812px) {
  .PickUp_prev {
    left: -16px
  }
}

.PickUp_prev svg {
  left: 58px
}

@media screen and (width <=812px) {
  .PickUp_prev svg {
    left: 16px
  }
}

.PickUp_next {
  right: 116px
}

@media screen and (width <=812px) {
  .PickUp_next {
    right: 36px
  }
}

.PickUp_next svg {
  right: -56px
}

@media screen and (width <=812px) {
  .PickUp_next svg {
    right: -16px
  }
}

.Card_wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 320px;
  overflow: hidden;
  color: var(--color-black);
  text-decoration: none
}

@media screen and (width <=812px) {
  .Card_wrapper {
    width: 300px
  }
}

.Card_wrapper:focus,
.Card_wrapper:hover {
  color: var(--color-blue);
  text-decoration: none
}

.Card_wrapper:focus .Card_thumbnail img,
.Card_wrapper:hover .Card_thumbnail img {
  transform: scale(1.1)
}

.Card_thumbnail {
  aspect-ratio: 16/9;
  overflow: hidden
}

.Card_thumbnail img {
  transition: transform .3s
}

.Card_title {
  font-size: var(--font-14);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180)
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
  --swiper-theme-color: #007aff
}

:host {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-left: auto
}

.swiper {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  list-style: none
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  box-sizing: content-box;
  display: flex;
  width: 100%;
  height: 100%;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-property: transform
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  flex-shrink: 0;
  order: 9999;
  content: ""
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.swiper-3d .swiper-slide-shadow {
  background: rgb(0 0 0 / 15%)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgb(0 0 0 / 50%), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgb(0 0 0 / 50%), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgb(0 0 0 / 50%), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgb(0 0 0 / 50%), transparent)
}

.swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid transparent;
  border-radius: 50%;
  transform-origin: 50%
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(1turn)
  }
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: none;
  cursor: auto;
  opacity: .35
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  pointer-events: none;
  cursor: auto;
  opacity: 0
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: auto;
  left: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-lock {
  display: none
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: swiper-icons, sans-serif;;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  line-height: 1;
  text-transform: none !important;
  letter-spacing: 0
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "next"
}

.Support_wrapper {
  padding-bottom: 120px;
  overflow: hidden;
  background-size: cover
}

@media screen and (width <=812px) {
  .Support_wrapper {
    padding-bottom: 40px;
    background-position-y: 100px
  }
}

.Support_support {
  position: relative;
  display: flex;
  align-items: center;
  height: 471px;
  margin-top: 32px
}

@media screen and (width <=812px) {
  .Support_support {
    flex-direction: column-reverse;
    max-width: 430px;
    height: auto;
    margin: 56px auto 0
  }
}

.Support_supportTextArea {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 64%;
  max-width: 921px;
  height: fit-content;
  padding: 64px min(6.9444vw, 100px) 64px min(12.5vw, 180px);
  background: var(--color-white)
}

@media screen and (width <=812px) {
  .Support_supportTextArea {
    gap: 24px;
    width: calc(100% - 24px);
    min-width: auto;
    padding: 32px 20px 32px 28px;
    margin-top: 66.6666%;
    margin-right: auto
  }

  .Support_text {
    font-size: var(--font-16);
    line-height: var(--line-height-180)
  }
}

.Support_supportImg {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-right: 92px
}

@media screen and (width <=812px) {
  .Support_supportImg {
    width: 100%;
    padding-right: 0;
    padding-left: 24px
  }
}

.Support_supportImg::before {
  position: absolute;
  top: -32px;
  left: 0;
  width: calc(100% - 180px);
  height: 32px;
  content: "";
  background: linear-gradient(296.36deg, rgb(151 231 253 / 90%) 43.51%, rgb(107 206 238 / 90%) 86.12%)
}

@media screen and (width <=812px) {
  .Support_supportImg::before {
    top: -15px;
    right: 0;
    left: auto;
    width: calc(100% - 50px);
    height: 16px
  }
}

.Support_supportImg img {
  height: 100%;
  object-fit: cover;
  object-position: top
}

.Support_supportImgPc {
  display: inline
}

@media screen and (width <=812px) {
  .Support_supportImgPc {
    display: none
  }
}

.Support_supportImgSp {
  display: none
}

@media screen and (width <=812px) {
  .Support_supportImgSp {
    display: block
  }
}

.Support_viewmore__NT5ty {
  text-align: right
}

.Support_cardWrapper {
  display: flex;
  gap: 32px;
  align-items: stretch;
  justify-content: center;
  max-width: var(--content-max-width);
  padding: 0 var(--margin-inline);
  margin: 64px auto 0
}

@media screen and (width <=812px) {
  .Support_cardWrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 46px
  }
}

.Support_card {
  width: 50%
}

@media screen and (width <=812px) {
  .Support_card {
    width: 100%
  }
}

.Special_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 524px;
  padding: 38px 32px 32px;
  margin: 0 12px 12px 0;
  background: var(--color-white);
  border-bottom: 1px solid var(--color-gray-soft);
  border-left: 1px solid var(--color-gray-soft);
  box-shadow: 12px 12px 0 0 var(--color-gray-soft)
}

.Special_wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: "";
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .Special_wrapper {
    max-width: 327px;
    padding: 24px
  }
}

.Special_wrapper.Special_fullWidth__LImMU {
  max-width: 100%
}

.Special_image {
  width: 100%
}

.Special_main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Special_main {
    font-size: var(--font-14)
  }
}

.Special_button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%
}

.Caption_caption {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Caption_caption {
    font-size: var(--font-14)
  }
}

.H5_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H5_wrapper {
    gap: 8px
  }
}

.H5_text__pcf6u {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_text__pcf6u {
    font-size: var(--font-14)
  }
}

.H5_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_title {
    font-size: var(--font-18)
  }
}

.admission_top {
  background-color: var(--color-gray-soft)
}

.admission_topInner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  max-width: 948px;
  padding: 60px 24px;
  margin: 0 auto
}

@media screen and (width <=812px) {
  .admission_topInner {
    padding: 40px 24px
  }
}

.admission_topHead {
  font-family: var(--font-notosansjp);
  font-size: var(--font-26)
}

@media screen and (width <=812px) {
  .admission_topHead {
    font-size: var(--font-20)
  }
}

.admission_buttonWrapper {
  display: flex;
  gap: 8px;
  width: 100%
}

@media screen and (width <=812px) {
  .admission_buttonWrapper {
    flex-direction: column
  }
}

.admission_anchor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1128px;
  padding: 64px 24px;
  margin: 0 auto
}

.admission_box__GJj4O {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 30px;
  background: var(--color-white);
  border: 2px solid var(--color-gray-strong)
}

@media screen and (width <=812px) {
  .admission_box__GJj4O {
    padding: 22px
  }
}

.admission_boxHead__6z_uA {
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  text-align: center
}

@media screen and (width <=812px) {
  .admission_boxHead__6z_uA {
    font-size: var(--font-18)
  }
}

.admission_flowOfAdmissionLead {
  font-weight: var(--font-bold)
}

.admission_accent {
  color: var(--color-accent)
}

.admission_dateWrapper__SNjWW {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (width <=812px) {
  .admission_dateWrapper__SNjWW {
    gap: 8px
  }
}

.admission_date__JoQtU {
  display: flex;
  gap: 8px;
  align-items: center
}

@media screen and (width <=812px) {
  .admission_date__JoQtU {
    flex-direction: column
  }
}

.admission_schedule__y1W96 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.admission_descriptionTable__31ElZ tbody tr th {
  min-width: 160px
}

.admission_descriptionTable__31ElZ tbody tr td {
  width: 100%
}

.admission_tableWrapper__3T_sK {
  overflow-x: auto
}

.admission_scheduleTable__5w055 {
  width: 100%
}

.admission_scheduleTable__5w055 tbody tr td,
.admission_scheduleTable__5w055 tbody tr th,
.admission_scheduleTable__5w055 thead tr td,
.admission_scheduleTable__5w055 thead tr th {
  width: 33.3333333333%;
  text-align: center
}

.admission_scheduleTable__5w055 tbody tr th:first-child,
.admission_scheduleTable__5w055 thead tr th:first-child {
  width: 160px
}

.admission_cardWrapper {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .admission_cardWrapper {
    flex-direction: column
  }
}

.admission_button {
  max-width: 336px;
  margin-right: auto
}

@media screen and (width <=812px) {
  .admission_button {
    max-width: 100%
  }
}

.admission_price__MUrm9 {
  color: var(--color-blue)
}

@media screen and (width <=812px) {
  .admission_methodTable tr {
    display: flex;
    flex-direction: column
  }
}

.admission_methodTable th {
  min-width: 330px
}

.admission_methodTable td {
  width: 100%
}

.admission_method {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

@media screen and (width <=812px) {
  .admission_method {
    justify-content: center
  }
}

.admission_boxWrapper {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .admission_boxWrapper {
    flex-direction: column;
    gap: 24px
  }
}

.admission_tuitionBox__kKeo8 {
  width: 100%;
  padding: 30px 0;
  font-family: var(--font-notosansjp);
  text-align: center;
  background: var(--color-white);
  border: 2px solid var(--color-gray-strong)
}

.admission_boxCol {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center
}

.admission_tuitionBoxHead {
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .admission_tuitionBoxHead {
    font-size: var(--font-16)
  }
}

.admission_tuition {
  font-size: var(--font-28);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-blue);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .admission_tuition {
    font-size: var(--font-24)
  }
}

.admission_tuitionPrice {
  font-size: var(--font-40)
}

@media screen and (width <=812px) {
  .admission_tuitionPrice {
    font-size: var(--font-36)
  }
}

.admission_card {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .admission_card {
    flex-direction: column
  }
}

.Label_wrapper {
  width: fit-content;
  padding: 8px 16px
}

.Label_wrapper.Label_gray__U7fgx {
  color: var(--color-black);
  background-color: var(--color-gray-soft)
}

.Label_wrapper.Label_blue {
  color: var(--color-white);
  background-color: var(--color-blue)
}

.Label_wrapper.Label_lineBlue {
  color: var(--color-blue);
  background-color: var(--color-white);
  border: 1px solid var(--color-blue)
}

.Label_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Label_text {
    font-size: var(--font-10)
  }
}

.AnchorNew_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 32px;
  width: 100%
}

@media screen and (width <=812px) {
  .AnchorNew_wrapper {
    flex-direction: column;
    gap: 0
  }
}

.AnchorNew_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 16px;
  color: var(--color-black);
  text-decoration: none
}

.AnchorNew_link::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% + 1px);
  pointer-events: none;
  content: "";
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray)
}

.AnchorNew_link.AnchorNew_col-2__HBpJ6 {
  width: calc(50% - 32px)
}

@media screen and (width <=812px) {
  .AnchorNew_link.AnchorNew_col-2__HBpJ6 {
    width: 100%
  }
}

.AnchorNew_link.AnchorNew_col-3 {
  width: calc(33.3333% - 22px)
}

@media screen and (width <=812px) {
  .AnchorNew_link.AnchorNew_col-3 {
    width: 100%
  }
}

.AnchorNew_text {
  font-size: 15px
}

@media screen and (width <=812px) {
  .AnchorNew_text {
    font-size: 13px
  }
}

.AnchorNew_arrow {
  width: 24px;
  height: 24px
}

.ButtonIcon_wrapper {
  display: block;
  width: 100%;
  background-color: var(--color-white)
}

.ButtonIcon_wrapper:focus-visible,
.ButtonIcon_wrapper:hover {
  text-decoration: none;
  background-color: var(--color-gray-soft)
}

.ButtonIcon_inner {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 24px
}

@media screen and (width <=812px) {
  .ButtonIcon_inner {
    padding: 16px 24px
  }
}

.ButtonIcon_iconWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 64px;
  background-color: var(--color-gray-soft);
  border-radius: 100%
}

.ButtonIcon_icon {
  display: block;
  width: 40px
}

.ButtonIcon_textWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: var(--font-notosansjp);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .ButtonIcon_textWrapper {
    align-items: flex-start
  }
}

.ButtonIcon_label {
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: 1.5;
  color: var(--color-accent)
}

@media screen and (width <=812px) {
  .ButtonIcon_label {
    font-size: var(--font-12)
  }
}

.ButtonIcon_text {
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  color: var(--color-black)
}

@media screen and (width <=812px) {
  .ButtonIcon_text {
    font-size: var(--font-20)
  }
}

.ButtonIcon_arrow {
  width: 42px
}

@media screen and (width <=812px) {
  .ButtonIcon_arrow {
    width: 54px
  }
}

.Common_wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px 15px 23px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  overflow-wrap: break-word;
  text-decoration: none;
  background: var(--color-white);
  border: 2px solid var(--color-brand)
}

@media(hover:hover) {
  .Common_wrapper:where(:any-link, :enabled):focus-visible,
  .Common_wrapper:where(:any-link, :enabled):hover {
    color: var(--color-white);
    text-decoration: none;
    background: var(--color-brand)
  }

  .Common_wrapper:where(:any-link, :enabled):focus-visible,
  .Common_wrapper:where(:any-link, :enabled):hover {
    color: var(--color-white);
    text-decoration: none;
    background: var(--color-brand)
  }

  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="arrow"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="arrow"] path {
    stroke: var(--color-white)
  }

  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="arrow"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="arrow"] path {
    stroke: var(--color-white)
  }

  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="download"] path,
  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="external"] path,
  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="mail"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="download"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="external"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="mail"] path {
    fill: var(--color-white)
  }

  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="download"] path,
  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="external"] path,
  .Common_wrapper:where(:any-link, :enabled):focus-visible [data-icon="mail"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="download"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="external"] path,
  .Common_wrapper:where(:any-link, :enabled):hover [data-icon="mail"] path {
    fill: var(--color-white)
  }

  .Common_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }

  .Common_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .Common_wrapper {
    padding: 11px 15px 11px 23px;
    font-size: var(--font-12)
  }
}

.Common_wrapper.Common_disabled__dbcfm {
  color: hsl(0deg 0% 100% / 30%);
  background-color: var(--color-brand);
  opacity: .3
}

.Common_wrapper.Common_disabled__dbcfm [data-icon="arrow"] path {
  stroke: hsl(0deg 0% 100% / 30%)
}

.Common_wrapper.Common_disabled__dbcfm [data-icon="download"] path,
.Common_wrapper.Common_disabled__dbcfm [data-icon="external"] path,
.Common_wrapper.Common_disabled__dbcfm [data-icon="mail"] path {
  fill: hsl(0deg 0% 100% / 30%)
}

.Common_icon {
  display: flex
}

.IconMain_wrapper {
  display: block;
  width: 100%;
  background-color: var(--color-white);
  border: 2px solid var(--color-gray-strong)
}

.IconMain_inner {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 100%;
  padding: 32px
}

@media screen and (width <=812px) {
  .IconMain_inner {
    flex-direction: column;
    gap: 16px;
    padding: 24px
  }
}

.IconMain_iconWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  max-width: 128px;
  min-height: 128px;
  max-height: 128px;
  background-color: var(--color-gray-soft);
  border-radius: 100%
}

.IconMain_icon {
  width: 96px
}

.IconMain_textWrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  height: 100%
}

.IconMain_labelWrapper {
  display: flex;
  gap: 8px
}

.IconMain_title {
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  color: var(--color-blue)
}

@media screen and (width <=812px) {
  .IconMain_title {
    font-size: var(--font-18)
  }
}

.IconMain_text {
  font-size: var(--font-16);
  color: var(--color-black)
}

@media screen and (width <=812px) {
  .IconMain_text {
    font-size: var(--font-14)
  }
}

.IconMain_link {
  text-align: right
}

.ViewMoreInner_wrapper {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.ViewMoreInner_wrapper:focus,
.ViewMoreInner_wrapper:focus-visible,
.ViewMoreInner_wrapper:hover {
  text-decoration: none
}

.ViewMoreInner_wrapper:focus .ViewMoreInner_icon,
.ViewMoreInner_wrapper:focus-visible .ViewMoreInner_icon,
.ViewMoreInner_wrapper:hover .ViewMoreInner_icon {
  color: var(--color-white);
  background: var(--color-brand)
}

@media screen and (width <=812px) {
  .ViewMoreInner_wrapper {
    font-size: var(--font-14)
  }
}

.ViewMoreInner_icon {
  display: flex;
  color: var(--color-brand);
  border-radius: 50%;
  transition: all .3s
}

.ViewMoreInner_circle {
  width: 40px;
  height: 40px;
  color: currentcolor
}

@media screen and (width <=812px) {
  .ViewMoreInner_circle {
    width: 32px;
    height: 32px
  }
}

.Plane_wrapper {
  display: grid;
  grid-gap: 16px 32px;
  gap: 16px 32px;
  justify-content: center;
  width: 100%;
  padding: 31px;
  font-family: var(--font-notosansjp);
  color: var(--color-black);
  background: var(--color-white);
  border: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .Plane_wrapper {
    padding: 23px
  }
}

.Plane_L {
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr 448px
}

@media screen and (width <=812px) {
  .Plane_L {
    grid-template-rows: auto;
    grid-template-columns: 1fr
  }
}

.Plane_M__tLq34,
.Plane_S {
  grid-template-rows: max-content auto 1fr;
  grid-template-columns: 100%
}

.Plane_M__tLq34 .Plane_button,
.Plane_M__tLq34 .Plane_step,
.Plane_M__tLq34 .Plane_text,
.Plane_M__tLq34 .Plane_title,
.Plane_S .Plane_button,
.Plane_S .Plane_step,
.Plane_S .Plane_text,
.Plane_S .Plane_title {
  grid-row: auto
}

.Plane_M__tLq34 .Plane_image,
.Plane_S .Plane_image {
  grid-row: 1/1
}

.Plane_XS__sHmt6 {
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 160px
}

@media screen and (width <=812px) {
  .Plane_XS__sHmt6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr
  }
}

.Plane_XS__sHmt6 .Plane_button {
  grid-column: 1/-1
}

.Plane_XS__sHmt6 .Plane_image {
  grid-row: 1/span 2
}

.Plane_noImage__w72bG {
  grid-template: auto 1fr/1fr
}

.Plane_M__tLq34,
.Plane_S,
.Plane_XS__sHmt6 {
  max-width: 524px
}

@media screen and (width <=812px) {
  .Plane_M__tLq34,
  .Plane_S,
  .Plane_XS__sHmt6 {
    max-width: 100%
  }
}

.Plane_step,
.Plane_title {
  grid-row: 1/1;
  grid-column: span 1
}

@media screen and (width <=812px) {
  .Plane_step,
  .Plane_title {
    grid-row: auto
  }
}

.Plane_text {
  grid-row: 2/2;
  grid-column: span 1;
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Plane_text {
    grid-row: auto;
    font-size: var(--font-14)
  }
}

.Plane_button {
  grid-row: 3/3;
  grid-column: span 1;
  text-align: right
}

@media screen and (width <=812px) {
  .Plane_button {
    grid-row: auto
  }
}

.Plane_image {
  grid-row: 1/span 3;
  grid-column: span 1;
  width: 100%;
  max-width: var(--max-width);
  aspect-ratio: var(--aspect-ratio)
}

@media screen and (width <=812px) {
  .Plane_image {
    grid-row: 1/1;
    max-width: 100%
  }
}

.Step_wrapper {
  display: flex;
  gap: 16px;
  align-items: center
}

.Step_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 48px;
  height: 64px;
  font-family: var(--font-roboto);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-brand);
  background: var(--color-blue-soft);
  border-radius: 4px
}

@media screen and (width <=812px) {
  .Step_num {
    max-width: 40px;
    height: 32px;
    font-size: var(--font-16)
  }
}

.Step_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Step_text {
    font-size: var(--font-16)
  }
}

.Caption_caption {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Caption_caption {
    font-size: var(--font-14)
  }
}

.H4_wrapper_sub {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H4_wrapper_sub {
    gap: 8px
  }
}

.H4_title {
  display: flex;
  gap: 8px
}

.H4_icon__63V5m {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-top: 5px
}

@media screen and (width <=812px) {
  .H4_icon__63V5m {
    width: 24px;
    height: 24px;
    margin-top: 4px
  }
}

.H4_text__1cygK {
  font-size: var(--font-16);
  font-weight: 400
}

.H4_text__1cygK,
.H4_titleText {
  font-family: var(--font-notosansjp);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

.H4_titleText {
  font-size: var(--font-26);
  font-weight: var(--font-bold)
}

@media screen and (width <=812px) {
  .H4_titleText {
    font-size: var(--font-20)
  }
}

.H4_titleText.H4_firstLetter::first-letter {
  color: var(--color-blue)
}

.Annotation_wrapper {
  display: flex;
  gap: 4px;
  font-size: var(--font-12);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Annotation_wrapper {
    font-size: var(--font-10)
  }
}

.Announcement_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 30px;
  background: var(--color-white);
  border: 2px solid var(--color-gray-strong)
}

@media screen and (width <=812px) {
  .Announcement_box {
    padding: 22px
  }
}

.Announcement_head {
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  text-align: center
}

@media screen and (width <=812px) {
  .Announcement_head {
    font-size: var(--font-18)
  }
}

.Announcement_body {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (width <=812px) {
  .Announcement_body {
    gap: 8px
  }
}

.SeparateLine_hr {
  width: 100%;
  height: 1px;
  border: none;
  border-top: 1px double var(--color-gray)
}

.H2_wrapper_sub {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H2_wrapper_sub {
    gap: 8px
  }
}

.H2_text__lSToU {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_text__lSToU {
    font-size: var(--font-18)
  }
}

.H2_title_sub {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

.H2_titleText_sub {
  font-family: var(--font-notosansjp);
  font-size: var(--font-36);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_titleText_sub {
    font-size: var(--font-24)
  }
}

.H2_titleBorder_sub {
  width: 80px;
  height: 6px;
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .H2_titleBorder_sub {
    width: 64px
  }
}

.H5_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H5_wrapper {
    gap: 8px
  }
}

.H5_text__pcf6u {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_text__pcf6u {
    font-size: var(--font-14)
  }
}

.H5_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_title {
    font-size: var(--font-18)
  }
}

.H6_wrapper__h0rjh {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H6_wrapper__h0rjh {
    gap: 8px
  }
}

.H6_text__7ifny {
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H6_text__7ifny {
    font-size: var(--font-12)
  }
}

.H6_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H6_title {
    font-size: var(--font-16)
  }
}

.Table_wrapper {
  font-family: var(--font-notosansjp);
  table-layout: fixed;
  border-collapse: collapse
}

.Table_caption__LDAPj {
  margin-top: 8px;
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-regular);
  line-height: var(--line-height-180);
  text-align: left;
  letter-spacing: var(--letter-spacing-4);
  caption-side: bottom
}

@media screen and (width <=812px) {
  .Table_caption__LDAPj {
    font-size: var(--font-10)
  }
}

.Td_td {
  padding: 16px 24px;
  font-weight: var(--font-regular);
  background: var(--color-white)
}

.Td_td,
.Th_th {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4);
  border: 1px solid var(--color-gray)
}

.Th_th {
  padding: 16px 22px;
  font-weight: var(--font-bold);
  background-color: var(--color-gray-soft)
}

.GlobalLayout_layout {
  display: grid;
  grid-template-areas: "page""footer";
  grid-template-rows: auto auto;
  min-height: 100svh;
  margin: auto;
  background: var(--color-white)
}

.GlobalLayout_wrapper {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper {
    overflow: hidden
  }
}

.GlobalLayout_main {
  position: relative;
  overflow: hidden
}

.GlobalLayout_content {
  overflow: hidden;
  background-image: url("/wp-content/uploads/common/main-bg-pc.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 1920px
}

@media screen and (width <=812px) {
  .GlobalLayout_content {
    background-image: url("/wp-content/uploads/common/main-bg-sp.png");
    background-size: 100%
  }
}

.GlobalLayout_old__xXdMr {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-base);
  line-height: 1.4;
  color: var(--color-black-old-old);
  letter-spacing: 0;
  background-color: var(--color-white-old)
}

@media screen and (width <=1128px) {
  .GlobalLayout_old__xXdMr {
    overflow: auto
  }
}

.PageTitle_pc {
  display: block
}

@media screen and (width <=812px) {
  .PageTitle_pc {
    display: none
  }
}

.BreadCrumbs_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  max-width: var(--content-max-width);
  padding: 11px var(--margin-inline);
  margin: 0 auto;
  list-style: none
}

@media screen and (width <=812px) {
  .BreadCrumbs_breadcrumb {
    max-width: 100%
  }
}

.BreadCrumbs_item {
  display: flex;
  gap: 4px;
  font-size: var(--font-10);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: left;
  letter-spacing: var(--letter-spacing-4)
}

.BreadCrumbs_link {
  color: inherit;
  text-decoration: none
}

.BreadCrumbs_currentPage {
  color: var(--color-black)
}

.H1_sp {
  display: none
}

@media screen and (width <=812px) {
  .H1_sp {
    display: block
  }
}

.H1_wrapper {
  display: flex;
  justify-content: center;
  padding: 0 0 32px;
  margin-inline: var(--margin-inline)
}

@media screen and (width <=812px) {
  .H1_wrapper {
    padding: 0;
    margin-inline: 0
  }
}

.H1_wrapperNoImage__cBPBv {
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_wrapperNoImage__cBPBv {
    padding-bottom: 0
  }
}

.H1_inner {
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: var(--content-width)
}

@media screen and (width <=812px) {
  .H1_inner {
    flex-direction: column;
    gap: 0;
    align-items: center;
    width: 100%
  }
}

.H1_main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 456px;
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_main {
    max-width: 100%;
    padding: 16px 24px 8px
  }
}

.H1_mainNoImage__F6nDN {
  max-width: 100%;
  padding: 24px 0
}

@media screen and (width <=812px) {
  .H1_mainNoImage__F6nDN {
    padding: 16px 24px 8px
  }
}

.H1_label {
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1.4;
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_label {
    font-size: var(--font-12)
  }
}

.H1_titleWrapper {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (width <=812px) {
  .H1_titleWrapper {
    gap: 4px
  }
}

.H1_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-40);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_title {
    font-size: var(--font-28)
  }
}

.H1_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: 1.4
}

@media screen and (width <=812px) {
  .H1_text {
    font-size: var(--font-12)
  }
}

.H1_image {
  width: 100%;
  max-width: 560px
}

@media screen and (width <=812px) {
  .H1_image {
    max-width: 100%
  }

  .H1_image img {
    aspect-ratio: 390/160;
    object-fit: cover
  }
}

.H1_stripe {
  width: 100%
}

.TopReturn_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-top-return);
  display: grid;
  place-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  transition: background-color .3s, opacity .3s, visibility .3s
}

.TopReturn_wrapper:hover {
  background-color: var(--color-gray-soft)
}

.TopReturn_wrapper:focus-visible {
  outline: var(--color-accent) solid 2px
}

.TopReturn_wrapper[data-hidden="true"] {
  visibility: hidden;
  opacity: 0
}

@media screen and (width <=768px) {
  .TopReturn_wrapper {
    right: 16px;
    bottom: 72px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 25.1%)
  }
}

.TopReturn_icon {
  width: 32px;
  height: 32px
}

@media screen and (width <=768px) {
  .TopReturn_icon {
    width: 24px;
    height: 24px
  }
}

.Item_wrapper {
  margin: var(--spacing) auto;

  --l-item-spacing: 32px;
  --s-item-spacing: 16px;
  --xs-item-spacing: 8px
}

@media screen and (width <=812px) {
  .Item_wrapper {
    --l-item-spacing: 24px;
    --s-item-spacing: 16px;
    --xs-item-spacing: 8px
  }
}

.Section_wrapper {
  max-width: var(--content-max-width);
  padding: 0 var(--margin-inline);
  margin: 120px auto
}

@media screen and (width <=812px) {
  .Section_wrapper {
    margin: 64px auto
  }
}

.about_list {
  padding-left: 1em
}

.about_gray {
  overflow: hidden;
  background: var(--color-gray-soft)
}

.Banner_wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 8px
}

@media(hover:hover) {
  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .Banner_wrapper {
    flex-direction: column;
    font-size: var(--font-12)
  }
}

.Banner_wrapper.Banner_iconType__HEcXg {
  padding: 32px
}

@media screen and (width <=812px) {
  .Banner_wrapper.Banner_iconType__HEcXg {
    padding: 24px
  }
}

.Banner_image {
  width: 100%;
  max-width: 384px
}

@media screen and (width <=812px) {
  .Banner_image {
    max-width: 100%
  }
}

.Banner_iconImage__GpGJ6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  max-width: 160px;
  min-height: 160px;
  max-height: 160px;
  background-color: var(--color-gray-soft);
  border-radius: 100%
}

@media screen and (width <=812px) {
  .Banner_iconImage__GpGJ6 {
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px
  }
}

.Banner_iconImageInner__PaiMS {
  width: 120px
}

.Banner_inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 40px
}

@media screen and (width <=812px) {
  .Banner_inner {
    gap: 16px;
    padding: 16px
  }
}

@media screen and (width <=1024px) {
  .Banner_inner.Banner_innerCol {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start
  }
}

.Banner_inner.Banner_innerIconType__rjM1j {
  padding: 0 0 0 32px
}

@media screen and (width <=812px) {
  .Banner_inner.Banner_innerIconType__rjM1j {
    padding: 16px 0
  }
}

.Banner_main {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .Banner_main {
    gap: 8px
  }
}

.Banner_icon {
  width: 48px;
  height: 48px
}

@media screen and (width <=812px) {
  .Banner_icon,
  .Banner_icon svg {
    width: 32px;
    height: 32px
  }
}

.Banner_linkText {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  min-width: fit-content;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

.JumpOut_container {
  display: flex;
  align-items: flex-end
}

@media screen and (width <=1024px) {
  .JumpOut_container {
    flex-direction: column;
    align-items: center
  }
}

.JumpOut_image {
  width: 100%;
  max-width: 640px
}

@media screen and (width <=1024px) {
  .JumpOut_image {
    max-width: 100%
  }
}

.JumpOut_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 440px;
  height: fit-content;
  padding: 38px 32px 32px;
  background: var(--color-white);
  box-shadow: 12px 12px 0 0 var(--color-gray-soft)
}

.JumpOut_wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: "";
  background: var(--gradation-rainbow)
}

@media screen and (width <=1024px) {
  .JumpOut_wrapper {
    max-width: 100%;
    padding: 24px
  }
}

.JumpOut_wrapper.JumpOut_noImage__Lpjzw {
  max-width: 100%
}

.JumpOut_main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=1024px) {
  .JumpOut_main {
    font-size: var(--font-14)
  }
}

.JumpOut_button {
  text-align: right
}

.ViewMoreInner_wrapper {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none
}

.ViewMoreInner_wrapper:focus,
.ViewMoreInner_wrapper:focus-visible,
.ViewMoreInner_wrapper:hover {
  text-decoration: none
}

.ViewMoreInner_wrapper:focus .ViewMoreInner_icon,
.ViewMoreInner_wrapper:focus-visible .ViewMoreInner_icon,
.ViewMoreInner_wrapper:hover .ViewMoreInner_icon {
  color: var(--color-white);
  background: var(--color-brand)
}

@media screen and (width <=812px) {
  .ViewMoreInner_wrapper {
    font-size: var(--font-14)
  }
}

.ViewMoreInner_icon {
  display: flex;
  color: var(--color-brand);
  border-radius: 50%;
  transition: all .3s
}

.ViewMoreInner_circle {
  width: 40px;
  height: 40px;
  color: currentcolor
}

@media screen and (width <=812px) {
  .ViewMoreInner_circle {
    width: 32px;
    height: 32px
  }
}

.WidthFullA_wrapper {
  display: flex;
  flex-direction: var(--flex-direction);
  gap: 48px;
  align-items: var(--align-items);
  width: 100%
}

@media screen and (width <=812px) {
  .WidthFullA_wrapper {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: center;
    padding: 0
  }
}

.WidthFullA_wrapper.WidthFullA_border {
  padding: 32px 0 63px;
  border-bottom: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .WidthFullA_wrapper.WidthFullA_border {
    padding: 16px 0 32px
  }
}

.WidthFullA_body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 512px
}

@media screen and (width <=812px) {
  .WidthFullA_body {
    gap: 8px
  }
}

.WidthFullA_text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .WidthFullA_text {
    gap: 8px;
    font-size: var(--font-14)
  }
}

.WidthFullA_viewmore {
  text-align: right
}

.WidthFullA_image {
  width: 100%;
  max-width: var(--max-width);
  aspect-ratio: var(--aspect-ratio)
}

.Step_wrapper {
  display: flex;
  gap: 16px;
  align-items: center
}

.Step_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 48px;
  height: 64px;
  font-family: var(--font-roboto);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-brand);
  background: var(--color-blue-soft);
  border-radius: 4px
}

@media screen and (width <=812px) {
  .Step_num {
    max-width: 40px;
    height: 32px;
    font-size: var(--font-16)
  }
}

.Step_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Step_text {
    font-size: var(--font-16)
  }
}

.Caption_caption {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Caption_caption {
    font-size: var(--font-14)
  }
}

.H2_wrapper_sub {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H2_wrapper_sub {
    gap: 8px
  }
}

.H2_text__lSToU {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_text__lSToU {
    font-size: var(--font-18)
  }
}

.H2_title_sub {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

.H2_titleText_sub {
  font-family: var(--font-notosansjp);
  font-size: var(--font-36);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_titleText_sub {
    font-size: var(--font-24)
  }
}

.H2_titleBorder_sub {
  width: 80px;
  height: 6px;
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .H2_titleBorder_sub {
    width: 64px
  }
}

.H3_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H3_wrapper {
    gap: 8px
  }
}

.H3_text__q0puW {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H3_text__q0puW {
    font-size: var(--font-16)
  }
}

.H3_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-30);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H3_title {
    font-size: var(--font-22)
  }
}

.H5_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H5_wrapper {
    gap: 8px
  }
}

.H5_text__pcf6u {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_text__pcf6u {
    font-size: var(--font-14)
  }
}

.H5_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_title {
    font-size: var(--font-18)
  }
}

.GlobalLayout_layout {
  display: grid;
  grid-template-areas: "page""footer";
  grid-template-rows: auto auto;
  min-height: 100svh;
  margin: auto;
  background: var(--color-white)
}

.GlobalLayout_wrapper {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper {
    overflow: hidden
  }
}

.GlobalLayout_main {
  position: relative;
  overflow: hidden
}

.GlobalLayout_content {
  overflow: hidden;
  background-image: url("/wp-content/uploads/common/main-bg-pc.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 1920px
}

@media screen and (width <=812px) {
  .GlobalLayout_content {
    background-image: url("/wp-content/uploads/common/main-bg-sp.png");
    background-size: 100%
  }
}

.GlobalLayout_old__xXdMr {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-base);
  line-height: 1.4;
  color: var(--color-black-old-old);
  letter-spacing: 0;
  background-color: var(--color-white-old)
}

@media screen and (width <=1128px) {
  .GlobalLayout_old__xXdMr {
    overflow: auto
  }
}

.PageTitle_pc {
  display: block
}

@media screen and (width <=812px) {
  .PageTitle_pc {
    display: none
  }
}

.BreadCrumbs_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  max-width: var(--content-max-width);
  padding: 11px var(--margin-inline);
  margin: 0 auto;
  list-style: none
}

@media screen and (width <=812px) {
  .BreadCrumbs_breadcrumb {
    max-width: 100%
  }
}

.BreadCrumbs_item {
  display: flex;
  gap: 4px;
  font-size: var(--font-10);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: left;
  letter-spacing: var(--letter-spacing-4)
}

.BreadCrumbs_link {
  color: inherit;
  text-decoration: none
}

.BreadCrumbs_currentPage {
  color: var(--color-black)
}

.H1_sp {
  display: none
}

@media screen and (width <=812px) {
  .H1_sp {
    display: block
  }
}

.H1_wrapper {
  display: flex;
  justify-content: center;
  padding: 0 0 32px;
  margin-inline: var(--margin-inline)
}

@media screen and (width <=812px) {
  .H1_wrapper {
    padding: 0;
    margin-inline: 0
  }
}

.H1_wrapperNoImage__cBPBv {
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_wrapperNoImage__cBPBv {
    padding-bottom: 0
  }
}

.H1_inner {
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: var(--content-width)
}

@media screen and (width <=812px) {
  .H1_inner {
    flex-direction: column;
    gap: 0;
    align-items: center;
    width: 100%
  }
}

.H1_main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 456px;
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_main {
    max-width: 100%;
    padding: 16px 24px 8px
  }
}

.H1_mainNoImage__F6nDN {
  max-width: 100%;
  padding: 24px 0
}

@media screen and (width <=812px) {
  .H1_mainNoImage__F6nDN {
    padding: 16px 24px 8px
  }
}

.H1_label {
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1.4;
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_label {
    font-size: var(--font-12)
  }
}

.H1_titleWrapper {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (width <=812px) {
  .H1_titleWrapper {
    gap: 4px
  }
}

.H1_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-40);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_title {
    font-size: var(--font-28)
  }
}

.H1_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: 1.4
}

@media screen and (width <=812px) {
  .H1_text {
    font-size: var(--font-12)
  }
}

.H1_image {
  width: 100%;
  max-width: 560px
}

@media screen and (width <=812px) {
  .H1_image {
    max-width: 100%
  }

  .H1_image img {
    aspect-ratio: 390/160;
    object-fit: cover
  }
}

.H1_stripe {
  width: 100%
}

.TopReturn_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-top-return);
  display: grid;
  place-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  transition: background-color .3s, opacity .3s, visibility .3s
}

.TopReturn_wrapper:hover {
  background-color: var(--color-gray-soft)
}

.TopReturn_wrapper:focus-visible {
  outline: var(--color-accent) solid 2px
}

.TopReturn_wrapper[data-hidden="true"] {
  visibility: hidden;
  opacity: 0
}

@media screen and (width <=768px) {
  .TopReturn_wrapper {
    right: 16px;
    bottom: 72px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 25.1%)
  }
}

.TopReturn_icon {
  width: 32px;
  height: 32px
}

@media screen and (width <=768px) {
  .TopReturn_icon {
    width: 24px;
    height: 24px
  }
}

.Item_wrapper {
  margin: var(--spacing) auto;

  --l-item-spacing: 32px;
  --s-item-spacing: 16px;
  --xs-item-spacing: 8px
}

@media screen and (width <=812px) {
  .Item_wrapper {
    --l-item-spacing: 24px;
    --s-item-spacing: 16px;
    --xs-item-spacing: 8px
  }
}

.Section_wrapper {
  max-width: var(--content-max-width);
  padding: 0 var(--margin-inline);
  margin: 120px auto
}

@media screen and (width <=812px) {
  .Section_wrapper {
    margin: 64px auto
  }
}

.En_pc__aKsox {
  display: block
}

@media screen and (width <=970px) {
  .En_pc__aKsox {
    display: none
  }
}

.En_sp__23XBG {
  display: none
}

@media screen and (width <=970px) {
  .En_sp__23XBG {
    display: block
  }
}

.En_wrapper__IbRiK {
  padding: 0 20px
}

.En_main__fuoOu {
  padding-top: var(--space-120);
  margin-bottom: var(--space-120)
}

@media screen and (width <=768px) {
  .En_main__fuoOu {
    padding-top: var(--space-40);
    margin-bottom: var(--space-120)
  }
}

.En_mainLead__g3Ck4 {
  display: flex;
  flex-direction: column;
  gap: var(--space-24)
}

.En_smallText__QzPF7 {
  font-size: clamp(10px, 1.2rem, 12px);
  font-weight: 300;
  line-height: 1.6666666667
}

.En_feature__2G8Qg {
  width: 100%;
  max-width: 1080px;
  padding-top: var(--space-40);
  margin: 0 auto var(--space-80)
}

@media screen and (width <=970px) {
  .En_feature__2G8Qg {
    padding-top: 0;
    margin-bottom: var(--space-80)
  }
}

.En_featureWrapper__VChEv {
  display: flex;
  gap: 95px;
  align-items: center
}

@media screen and (width <=970px) {
  .En_featureWrapper__VChEv {
    flex-direction: column !important;
    gap: 90px
  }
}

.En_featureImage__wnzhg {
  position: relative;
  width: 100%;
  max-width: 490px
}

.En_featureImage__wnzhg>span {
  position: static !important
}

.En_featureImage__wnzhg img {
  position: static !important;
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=970px) {
  .En_featureImage__wnzhg::before {
    position: absolute;
    top: 50px;
    right: 70px;
    z-index: -1;
    display: block;
    width: inherit;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
    content: "";
    background: var(--color-blue)
  }
}

.En_featureTextArea__HKUOC {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 485px
}

.En_featureTextWrapper__L5Jqm {
  margin-bottom: var(--space-24)
}

@media screen and (width <=970px) {
  .En_featureTextWrapper__L5Jqm {
    margin-bottom: var(--space-40)
  }
}

.En_featureTextWrapper__L5Jqm h3 {
  margin-bottom: var(--space-40);
  font-size: clamp(10px, 2.8rem, 28px);
  font-weight: 600;
  line-height: 1.5357142857
}

@media screen and (width <=970px) {
  .En_featureTextWrapper__L5Jqm h3 {
    margin-bottom: var(--space-24);
    font-size: clamp(10px, 2.2rem, 22px);
    font-weight: 600;
    line-height: 1.6363636364
  }
}

.En_featureTextWrapper__L5Jqm p {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.En_cooporation__neOZv {
  width: 100%;
  max-width: 1290px;
  padding-top: var(--space-120);
  margin: 0 auto var(--space-120)
}

@media screen and (width <=970px) {
  .En_cooporation__neOZv {
    padding-top: 0;
    margin-bottom: var(--space-80)
  }
}

.En_cooporationWrapper__bZ1sR {
  display: flex;
  align-items: center;
  color: var(--color-white);
  background: var(--color-blue)
}

@media screen and (width <=970px) {
  .En_cooporationWrapper__bZ1sR {
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto
  }
}

.En_cooporationImage__9Jsqo {
  position: relative;
  flex: 1 1
}

.En_cooporationImage__9Jsqo>span {
  position: static !important
}

.En_cooporationImage__9Jsqo img {
  position: static !important;
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=970px) {
  .En_cooporationImage__9Jsqo {
    width: 100%;
    max-width: 600px
  }
}

.En_cooporationTextArea__EWUPR {
  flex: 1 1
}

@media screen and (width <=1140px) {
  .En_cooporationTextArea__EWUPR {
    padding: 0 20px
  }
}

@media screen and (width <=970px) {
  .En_cooporationTextArea__EWUPR {
    padding: var(--space-40)
  }
}

.En_cooporationTextWrapper__clcyH {
  max-width: 485px;
  margin: 0 auto 2.4285714286vw
}

@media screen and (width >=1400px) {
  .En_cooporationTextWrapper__clcyH {
    margin: 0 auto 34px
  }
}

@media screen and (width <=970px) {
  .En_cooporationTextWrapper__clcyH {
    margin-bottom: 40px
  }
}

.En_cooporationTextWrapper__clcyH h2 {
  margin-bottom: 2.4285714286vw;
  font-size: clamp(28px, 2.3571428571vw, 33px) !important;
  font-size: clamp(10px, 3.3rem, 33px);
  font-weight: 600;
  line-height: 1.5151515152
}

@media screen and (width >=1400px) {
  .En_cooporationTextWrapper__clcyH h2 {
    margin-bottom: 34px
  }
}

@media screen and (width <=970px) {
  .En_cooporationTextWrapper__clcyH h2 {
    margin-bottom: 24px;
    font-size: clamp(10px, 2.4rem, 24px);
    font-weight: 600;
    line-height: 1.6666666667
  }
}

.En_cooporationTextWrapper__clcyH p {
  font-size: clamp(12px, 1.1428571429vw, 16px) !important;
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.En_button__4t3ns {
  color: inherit
}

.En_featureColumn__oenvU h3 {
  width: fit-content;
  padding-bottom: 3px;
  margin-bottom: 32px;
  font-size: 26px;
  border-bottom: 6px solid var(--color-blue)
}

@media screen and (width <=768px) {
  .En_featureColumn__oenvU h3 {
    margin-bottom: 16px;
    font-size: 24px;
    text-align: left
  }
}

.En_featureColumn__oenvU h3[data-color="tertiary"] {
  border-color: var(--color-tertiary)
}

.En_featureColumn__oenvU h3[data-section="regional"] {
  margin-inline: auto;
  color: var(--color-white);
  border-color: var(--color-white)
}

.En_featureColumn__oenvU p {
  margin-bottom: 16px
}

.En_columnWrapper__nJ9I6 {
  display: flex;
  flex-direction: column;
  gap: 72px
}

@media screen and (width <=768px) {
  .En_columnWrapper__nJ9I6 {
    gap: 48px
  }
}

.En_support__tkd8L {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.En_support__tkd8L p {
  margin-bottom: 0;
  font-weight: 700
}

.En_support__tkd8L ul {
  list-style: none
}

.En_graph__91gPA {
  max-width: 650px;
  margin: 72px auto var(--space-24)
}

@media screen and (width <=768px) {
  .En_graph__91gPA {
    width: 100%;
    margin: 0 auto
  }
}

.En_note__V9jid {
  display: flex;
  flex-direction: column;
  gap: var(--space-24)
}

.BgTitle_wrapper__Z_Q41 {
  margin-bottom: 32px;
  text-align: center
}

@media screen and (width <=768px) {
  .BgTitle_wrapper__Z_Q41 {
    margin-bottom: 24px
  }
}

.BgTitle_title__zFfpO {
  position: relative;
  display: inline-block;
  padding: 24px 20px;
  font-size: clamp(10px, 3.3rem, 33px);
  font-weight: 600;
  line-height: 1.5151515152
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO {
    font-size: clamp(10px, 2.4rem, 24px);
    font-weight: 600;
    line-height: 1.6666666667
  }
}

.BgTitle_title__zFfpO::before {
  position: absolute;
  z-index: -1;
  width: 331px;
  height: 126px;
  content: "";
  background-position: 50%;
  background-size: contain;
  will-change: transform
}

.BgTitle_title__zFfpO[data-direction="left"]::before {
  top: 50%;
  left: 50%;
  background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-left.svg");
  transform: translate(-50%, -50%)
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-direction="left"]::before {
    background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-left-sp.svg")
  }
}

.BgTitle_title__zFfpO[data-direction="right"]::before {
  top: -65px;
  left: calc(50% - 170px);
  background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-right.svg")
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-direction="right"]::before {
    top: -35px;
    left: calc(50% - 170px);
    background-image: url("/wp-content/uploads/icon/triangle/icon-triangle-right-sp.svg")
  }
}

.BgTitle_title__zFfpO[data-underline="true"] {
  padding-bottom: 4px;
  border-bottom: 6px solid var(--color-blue-old)
}

@media screen and (width <=768px) {
  .BgTitle_title__zFfpO[data-underline="true"] {
    padding-bottom: 6px
  }

  .BgTitle_text__6B7Ef {
    margin-bottom: 80px
  }
}

.Button_wrapper {
  position: relative;
  display: grid;
  place-content: center;
  width: min(100%, 390px);
  padding: 25px 0;
  overflow: hidden;
  font-size: clamp(10px, 1.8rem, 18px);
  font-weight: 600;
  line-height: 1;
  color: var(--color-blue-old);
  text-decoration: none;
  background-color: var(--color-white-old);
  border: 1px solid var(--color-blue-old);
  border-radius: 100vmax;
  transform: translateZ(0);
  transition: color .2s ease-in;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%)
}

@media screen and (width <=768px) {
  .Button_wrapper {
    width: min(100%, 280px);
    padding: 21px 0;
    font-size: 16px
  }
}

.Button_wrapper[data-position="center"] {
  margin-inline: auto
}

.Button_wrapper[data-position="right"] {
  margin-left: auto
}

.Button_wrapper::before {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-blue-old);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
  transition: transform .2s ease-in
}

.Button_wrapper:active,
.Button_wrapper:hover,
.Button_wrapper:visited {
  text-decoration: none !important;
  opacity: 1
}

.Button_wrapper span {
  position: relative;
  z-index: 10
}

.Button_wrapper .Button_icon__hTLa5 {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%)
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="arrow"] {
  width: 10px;
  height: 20px;
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

@media screen and (width <=768px) {
  .Button_wrapper .Button_icon__hTLa5[data-icon-name="external"] {
    width: 20px;
    height: 20px
  }
}

.Button_wrapper:hover {
  color: var(--color-white-old)
}

.Button_wrapper:hover::before {
  transform: scale(1)
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg");
  transition-delay: .1s
}

.Button_wrapper:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg");
  transition-delay: .1s
}

.Button_wrapper[data-has-bg="true"] {
  color: var(--color-white-old);
  background-color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-has-bg="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-has-bg="true"]:hover {
  color: var(--color-blue-old)
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-has-bg="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.Button_wrapper[data-is-istertiary="true"] {
  color: var(--color-white-old);
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]::before {
  background-color: var(--color-white-old)
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-white.svg")
}

.Button_wrapper[data-is-istertiary="true"] .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external-white.svg")
}

.Button_wrapper[data-is-istertiary="true"]:hover {
  color: var(--color-tertiary)
}

.Button_wrapper[data-is-istertiary="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular-tertiary.svg")
}

.Button_wrapper[data-simple-hover="true"] {
  transition: opacity .3s ease
}

.Button_wrapper[data-simple-hover="true"]::before {
  display: none
}

.Button_wrapper[data-simple-hover="true"]:hover {
  color: var(--color-blue-old);
  background-color: var(--color-white-old);
  opacity: .85
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="arrow"] {
  background-image: url("/wp-content/uploads/icon/icon-arrow-right-angular.svg")
}

.Button_wrapper[data-simple-hover="true"]:hover .Button_icon__hTLa5[data-icon-name="external"] {
  background-image: url("/wp-content/uploads/icon/icon-external.svg")
}

.Column_pc__3nbMi {
  display: block
}

@media screen and (width <=970px) {
  .Column_pc__3nbMi {
    display: none
  }
}

.Column_sp__amoaz {
  display: none
}

@media screen and (width <=970px) {
  .Column_sp__amoaz {
    display: block
  }
}

.Column_wrapper__0DLt_ {
  display: flex;
  gap: 95px;
  align-items: center
}

@media screen and (width <=970px) {
  .Column_wrapper__0DLt_ {
    flex-direction: column !important;
    gap: 90px
  }

  .Column_wrapper__0DLt_.Column_bgNone__6_O6C {
    flex-direction: column !important;
    gap: 40px
  }
}

.Column_wrapperFlexStart__ECebO {
  align-items: flex-start
}

@media screen and (width <=970px) {
  .Column_wrapperFlexStart__ECebO {
    align-items: center
  }
}

.Column_wrapperReverse__PNHwp {
  flex-direction: row-reverse
}

@media screen and (width <=970px) {
  .Column_wrapperReverse__PNHwp {
    flex-direction: column !important
  }
}

.Column_image__TUG4i {
  position: relative;
  width: 100%;
  max-width: 490px
}

.Column_image__TUG4i img,
.Column_image__TUG4i>span {
  position: static !important
}

.Column_image__TUG4i img {
  width: 100% !important;
  height: auto !important
}

@media screen and (width <=970px) {
  .Column_image__TUG4i::before {
    position: absolute;
    top: 50px;
    z-index: -1;
    display: block;
    width: inherit;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
    content: "";
    background: var(--color-blue-old)
  }

  .Column_image__TUG4i.Column_left__BkO2_::before {
    left: -70px
  }

  .Column_image__TUG4i.Column_right__zG92Z::before {
    right: -70px
  }

  .Column_image__TUG4i.Column_none__SS0tc::before {
    content: none
  }
}

.Column_textArea__TPi7Y {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 485px
}

.Column_textWrapper__RuogN {
  margin-bottom: var(--space-24)
}

@media screen and (width <=970px) {
  .Column_textWrapper__RuogN {
    margin-bottom: var(--space-40)
  }
}

.Column_textWrapper__RuogN h3 {
  margin-bottom: var(--space-40);
  font-size: clamp(10px, 2.8rem, 28px);
  font-weight: 600;
  line-height: 1.5357142857
}

@media screen and (width <=970px) {
  .Column_textWrapper__RuogN h3 {
    margin-bottom: var(--space-24);
    font-size: clamp(10px, 2.2rem, 22px);
    font-weight: 600;
    line-height: 1.6363636364;
    text-align: center
  }
}

.Column_textWrapper__RuogN .Column_text__68j9F {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.Column_button__rs8Rd {
  color: inherit
}

.IntroSection_wrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto
}

.IntroSection_wrapper[data-is-center="true"] {
  text-align: center
}

@media screen and (width <=992px) {
  .IntroSection_wrapper[data-is-center="true"] {
    text-align: left
  }
}

.IntroSection_title {
  margin-top: var(--space-80);
  margin-bottom: var(--space-60);
  font-size: clamp(10px, 3.8rem, 38px);
  font-weight: 600;
  line-height: 1.5;
  text-align: center
}

@media screen and (width <=768px) {
  .IntroSection_title {
    margin-block: var(--space-40);
    font-size: clamp(10px, 3rem, 30px);
    font-weight: 600;
    line-height: 1.5
  }
}

.IntroSection_title span {
  display: inline-block
}

.IntroSection_lead {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.IntroSection_inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center
}

.IntroSection_icon__14J7F {
  max-width: 180px;
  font-size: 0
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/wp-content/uploads/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/wp-content/uploads/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/wp-content/uploads/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    white-space: pre-line
  }

  .PageTitle_titleBgEn__bLdIy {
    height: auto;
    min-height: 140px;
    padding: 20px
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/wp-content/uploads/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.tuition_anchor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1128px;
  padding: 64px 24px;
  margin: 0 auto
}

.tuition_gradationWrapper {
  display: flex;
  justify-content: center;
  font-family: var(--font-notosansjp);
  font-size: var(--font-32);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4);
  background: linear-gradient(90.06deg, #e13782 20.15%, #9042bd 50.06%, #00a8d2 79.96%);
  background-clip: text;
  -webkit-text-fill-color: transparent
}

@media screen and (width <=812px) {
  .tuition_gradationWrapper {
    flex-direction: column;
    align-items: center;
    font-size: var(--font-22);
    background: none
  }
}

.tuition_gradation {
  display: inline
}

@media screen and (width <=812px) {
  .tuition_gradation {
    display: block;
    background: linear-gradient(90.06deg, #e13782 20.15%, #9042bd 50.06%, #00a8d2 79.96%);
    background-clip: text;
    -webkit-text-fill-color: transparent
  }
}

.tuition_boxWrapper__eKznn {
  display: flex;
  gap: 32px
}

@media screen and (width <=812px) {
  .tuition_boxWrapper__eKznn {
    flex-direction: column;
    gap: 24px
  }
}

.tuition_box__xMQxb {
  width: 100%;
  padding: 30px 0;
  font-family: var(--font-notosansjp);
  text-align: center;
  background: var(--color-white);
  border: 2px solid var(--color-gray-strong)
}

.tuition_boxCol__UUQbK {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center
}

.tuition_boxHead__yvzed {
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .tuition_boxHead__yvzed {
    font-size: var(--font-16)
  }
}

.tuition_tuition__bTfMd {
  font-size: var(--font-28);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-blue);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .tuition_tuition__bTfMd {
    font-size: var(--font-24)
  }
}

.tuition_price__EeSMj {
  font-size: var(--font-40)
}

@media screen and (width <=812px) {
  .tuition_price__EeSMj {
    font-size: var(--font-36)
  }
}

.tuition_boxAnnotation__awV2j {
  justify-content: center;
  margin-top: 8px
}

.tuition_graph__cQSBZ {
  max-width: 710px
}

.tuition_accent__kHmmD {
  color: var(--color-accent)
}

.tuition_linkList__oik0M {
  display: flex;
  flex-direction: column;
  padding-left: 1em
}

.tuition_strong {
  font-weight: var(--font-bold)
}

.tuition_highlightItemBox {
  display: flex;
  gap: 32px;
  align-items: center;
  padding: 32px;
  background-color: var(--color-gray-soft);
  border: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .tuition_highlightItemBox {
    flex-direction: column;
    gap: 24px;
    padding: 24px
  }
}

.tuition_highlightItemBoxImage {
  min-width: 180px;
  max-width: 180px;
  min-height: 180px;
  max-height: 180px;
  background-color: var(--color-white);
  border-radius: 100%
}

.tuition_highlightItemBoxBody {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.tuition_highlightItemBoxBodyInner {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.tuition_button {
  max-width: 336px;
  margin-right: auto
}

.tuition_emphasis {
  font-weight: var(--font-bold)
}

.tuition_block {
  display: block;
  margin: 1em 0
}

.tuition_annouceFlex__Sf35K {
  display: flex;
  gap: 8px;
  align-items: center
}

@media screen and (width <=812px) {
  .tuition_annouceFlex__Sf35K {
    flex-direction: column
  }
}

.tuition_cardSpecialInner__XV_mn {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px
}

@media screen and (width <=812px) {
  .tuition_cardSpecialInner__XV_mn {
    padding: 40px 0
  }
}

.tuition_cardSpecialHead__H_emN {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center
}

.tuition_cardSpecialHeadImage__jyYhP {
  max-width: 268px;
  margin: 0 auto
}

@media screen and (width <=812px) {
  .tuition_cardSpecialHeadImage__jyYhP {
    max-width: 214px
  }
}

.tuition_cardSpecialHeadText__jouEw {
  color: var(--color-brand)
}

.tuition_cardSpecialBody__p99RU {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.tuition_cardSpecialItem__sN3_8 {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.tuition_cardSpecialItem__sN3_8:first-child {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .tuition_cardSpecialItem__sN3_8:first-child {
    padding-bottom: 16px
  }
}

.tuition_cardSpecialItem__sN3_8:last-child {
  padding-top: 32px
}

@media screen and (width <=812px) {
  .tuition_cardSpecialItem__sN3_8:last-child {
    padding-top: 16px
  }
}

.tuition_label__D3yhU {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.tuition_labelHead__w8eB7 {
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  color: var(--color-blue)
}

@media screen and (width <=812px) {
  .tuition_labelHead__w8eB7 {
    font-size: var(--font-18)
  }
}

.tuition_viewmore__mQN1s {
  text-align: right
}

.tuition_boxText__KfY6q {
  text-align: center
}

@media screen and (width <=812px) {
  .tuition_boxText__KfY6q {
    text-align: left
  }
}

.Label_wrapper {
  width: fit-content;
  padding: 8px 16px
}

.Label_wrapper.Label_gray__U7fgx {
  color: var(--color-black);
  background-color: var(--color-gray-soft)
}

.Label_wrapper.Label_blue {
  color: var(--color-white);
  background-color: var(--color-blue)
}

.Label_wrapper.Label_lineBlue {
  color: var(--color-blue);
  background-color: var(--color-white);
  border: 1px solid var(--color-blue)
}

.Label_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-12);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Label_text {
    font-size: var(--font-10)
  }
}

.Accent_wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: var(--font-bold);
  color: var(--color-white);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background-color: var(--color-accent);
  border: 1px solid var(--color-accent)
}

.Accent_wrapper:focus-visible,
.Accent_wrapper:hover {
  color: var(--color-accent);
  text-decoration: none;
  background-color: var(--color-white)
}

.Accent_wrapper.Accent_L {
  gap: 34px;
  max-width: 544px;
  padding: 23px 18px 23px 83px;
  font-size: var(--font-24)
}

@media screen and (width <=812px) {
  .Accent_wrapper.Accent_L {
    gap: 8px;
    max-width: 327px;
    padding: 11px 15px 11px 23px;
    font-size: var(--font-16)
  }
}

.Accent_wrapper.Accent_M__rpysA {
  gap: 28px;
  max-width: 470px;
  padding: 15px 19px 15px 78px;
  font-size: var(--font-20)
}

@media screen and (width <=812px) {
  .Accent_wrapper.Accent_M__rpysA {
    gap: 8px;
    max-width: 327px;
    padding: 11px 15px 11px 23px;
    font-size: var(--font-16)
  }
}

.Accent_text {
  width: 100%;
  text-align: center
}

@media screen and (width <=812px) {
  .Accent_text {
    text-align: left
  }
}

.Accent_icon__v9uEU {
  width: 32px;
  height: 32px
}

.AnchorNew_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 32px;
  width: 100%
}

@media screen and (width <=812px) {
  .AnchorNew_wrapper {
    flex-direction: column;
    gap: 0
  }
}

.AnchorNew_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 16px;
  color: var(--color-black);
  text-decoration: none
}

.AnchorNew_link::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% + 1px);
  pointer-events: none;
  content: "";
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray)
}

.AnchorNew_link.AnchorNew_col-2__HBpJ6 {
  width: calc(50% - 32px)
}

@media screen and (width <=812px) {
  .AnchorNew_link.AnchorNew_col-2__HBpJ6 {
    width: 100%
  }
}

.AnchorNew_link.AnchorNew_col-3 {
  width: calc(33.3333% - 22px)
}

@media screen and (width <=812px) {
  .AnchorNew_link.AnchorNew_col-3 {
    width: 100%
  }
}

.AnchorNew_text {
  font-size: 15px
}

@media screen and (width <=812px) {
  .AnchorNew_text {
    font-size: 13px
  }
}

.AnchorNew_arrow {
  width: 24px;
  height: 24px
}

.Banner_wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  line-height: var(--line-height-180);
  color: var(--color-black);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: none;
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 8px
}

@media(hover:hover) {
  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible,
  .Banner_wrapper:where(:any-link, :enabled):hover {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg,
  .Banner_wrapper:where(:any-link, :enabled):hover svg {
    fill: var(--color-brand)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus-visible svg path,
  .Banner_wrapper:where(:any-link, :enabled):hover svg path {
    stroke: var(--color-white)
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }

  .Banner_wrapper:where(:any-link, :enabled):focus {
    text-decoration: none
  }
}

@media screen and (width <=812px) {
  .Banner_wrapper {
    flex-direction: column;
    font-size: var(--font-12)
  }
}

.Banner_wrapper.Banner_iconType__HEcXg {
  padding: 32px
}

@media screen and (width <=812px) {
  .Banner_wrapper.Banner_iconType__HEcXg {
    padding: 24px
  }
}

.Banner_image {
  width: 100%;
  max-width: 384px
}

@media screen and (width <=812px) {
  .Banner_image {
    max-width: 100%
  }
}

.Banner_iconImage__GpGJ6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  max-width: 160px;
  min-height: 160px;
  max-height: 160px;
  background-color: var(--color-gray-soft);
  border-radius: 100%
}

@media screen and (width <=812px) {
  .Banner_iconImage__GpGJ6 {
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px
  }
}

.Banner_iconImageInner__PaiMS {
  width: 120px
}

.Banner_inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 40px
}

@media screen and (width <=812px) {
  .Banner_inner {
    gap: 16px;
    padding: 16px
  }
}

@media screen and (width <=1024px) {
  .Banner_inner.Banner_innerCol {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start
  }
}

.Banner_inner.Banner_innerIconType__rjM1j {
  padding: 0 0 0 32px
}

@media screen and (width <=812px) {
  .Banner_inner.Banner_innerIconType__rjM1j {
    padding: 16px 0
  }
}

.Banner_main {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .Banner_main {
    gap: 8px
  }
}

.Banner_icon {
  width: 48px;
  height: 48px
}

@media screen and (width <=812px) {
  .Banner_icon,
  .Banner_icon svg {
    width: 32px;
    height: 32px
  }
}

.Banner_linkText {
  display: inline-flex;
  min-width: fit-content;
  font-size: var(--font-16)
}

.Banner_linkText,
.Common_wrapper {
  gap: 16px;
  align-items: center;
  font-family: var(--font-notosansjp);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

.Common_icon {
  display: flex
}

.Annotation_wrapper {
  display: flex;
  gap: 4px;
  font-size: var(--font-12);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Annotation_wrapper {
    font-size: var(--font-10)
  }
}

.Announcement_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 30px;
  background: var(--color-white);
  border: 2px solid var(--color-gray-strong)
}

@media screen and (width <=812px) {
  .Announcement_box {
    padding: 22px
  }
}

.Announcement_head {
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  text-align: center
}

@media screen and (width <=812px) {
  .Announcement_head {
    font-size: var(--font-18)
  }
}

.Announcement_body {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (width <=812px) {
  .Announcement_body {
    gap: 8px
  }
}

.HighlightItemBoxCenter_wrapper {
  position: relative;
  padding-top: 40px
}

.HighlightItemBoxCenter_wrapper::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 80px;
  content: "";
  background-color: var(--color-black)
}

@media screen and (width <=812px) {
  .HighlightItemBoxCenter_wrapper {
    padding-top: 0
  }

  .HighlightItemBoxCenter_wrapper::before {
    content: none
  }
}

.HighlightItemBoxCenter_inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 80px 32px;
  background-color: var(--color-gray-soft)
}

@media screen and (width <=812px) {
  .HighlightItemBoxCenter_inner {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    background-color: transparent
  }
}

.HighlightItemBoxCenter_title {
  font-size: var(--font-20);
  font-weight: var(--font-bold)
}

@media screen and (width <=812px) {
  .HighlightItemBoxCenter_title {
    font-size: var(--font-16)
  }
}

.Caption_caption {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .Caption_caption {
    font-size: var(--font-14)
  }
}

.HighlightItemBoxList_wrapper {
  padding: 32px 40px;
  background-color: var(--color-gray-soft)
}

@media screen and (width <=812px) {
  .HighlightItemBoxList_wrapper {
    padding: 32px
  }
}

.HighlightItemBoxList_listInner {
  display: flex;
  align-items: center;
  padding-bottom: 16px
}

.HighlightItemBoxList_listInner+.HighlightItemBoxList_listInner {
  padding: 16px 0;
  border-top: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .HighlightItemBoxList_listInner {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
  }
}

.HighlightItemBoxList_title {
  width: 100%;
  max-width: 200px;
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160)
}

@media screen and (width <=812px) {
  .HighlightItemBoxList_title {
    max-width: 100%;
    font-size: var(--font-16)
  }
}

.HighlightItemBoxList_description {
  width: 100%;
  max-width: 800px
}

.HighlightItemBoxList_description ul {
  margin-left: 1em
}

.H2_wrapper_sub {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H2_wrapper_sub {
    gap: 8px
  }
}

.H2_text__lSToU {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_text__lSToU {
    font-size: var(--font-18)
  }
}

.H2_title_sub {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

.H2_titleText_sub {
  font-family: var(--font-notosansjp);
  font-size: var(--font-36);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H2_titleText_sub {
    font-size: var(--font-24)
  }
}

.H2_titleBorder_sub {
  width: 80px;
  height: 6px;
  background: var(--gradation-rainbow)
}

@media screen and (width <=812px) {
  .H2_titleBorder_sub {
    width: 64px
  }
}

.H5_wrapper {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H5_wrapper {
    gap: 8px
  }
}

.H5_text__pcf6u {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_text__pcf6u {
    font-size: var(--font-14)
  }
}

.H5_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-24);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H5_title {
    font-size: var(--font-18)
  }
}

.GlobalLayout_layout {
  display: grid;
  grid-template-areas: "page""footer";
  grid-template-rows: auto auto;
  min-height: 100svh;
  margin: auto;
  background: var(--color-white)
}

.GlobalLayout_wrapper {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper {
    overflow: hidden
  }
}

.GlobalLayout_main {
  position: relative;
  overflow: hidden
}

.GlobalLayout_content {
  overflow: hidden;
  background-image: url("/wp-content/uploads/common/main-bg-pc.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 1920px
}

@media screen and (width <=812px) {
  .GlobalLayout_content {
    background-image: url("/wp-content/uploads/common/main-bg-sp.png");
    background-size: 100%
  }
}

.GlobalLayout_old__xXdMr {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-base);
  line-height: 1.4;
  color: var(--color-black-old-old);
  letter-spacing: 0;
  background-color: var(--color-white-old)
}

@media screen and (width <=1128px) {
  .GlobalLayout_old__xXdMr {
    overflow: auto
  }
}

.PageTitle_pc {
  display: block
}

@media screen and (width <=812px) {
  .PageTitle_pc {
    display: none
  }
}

.BreadCrumbs_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  max-width: var(--content-max-width);
  padding: 11px var(--margin-inline);
  margin: 0 auto;
  list-style: none
}

@media screen and (width <=812px) {
  .BreadCrumbs_breadcrumb {
    max-width: 100%
  }
}

.BreadCrumbs_item {
  display: flex;
  gap: 4px;
  font-size: var(--font-10);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  text-align: left;
  letter-spacing: var(--letter-spacing-4)
}

.BreadCrumbs_link {
  color: inherit;
  text-decoration: none
}

.BreadCrumbs_currentPage {
  color: var(--color-black)
}

.H1_sp {
  display: none
}

@media screen and (width <=812px) {
  .H1_sp {
    display: block
  }
}

.H1_wrapper {
  display: flex;
  justify-content: center;
  padding: 0 0 32px;
  margin-inline: var(--margin-inline)
}

@media screen and (width <=812px) {
  .H1_wrapper {
    padding: 0;
    margin-inline: 0
  }
}

.H1_wrapperNoImage__cBPBv {
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_wrapperNoImage__cBPBv {
    padding-bottom: 0
  }
}

.H1_inner {
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: var(--content-width)
}

@media screen and (width <=812px) {
  .H1_inner {
    flex-direction: column;
    gap: 0;
    align-items: center;
    width: 100%
  }
}

.H1_main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 456px;
  padding-bottom: 40px
}

@media screen and (width <=812px) {
  .H1_main {
    max-width: 100%;
    padding: 16px 24px 8px
  }
}

.H1_mainNoImage__F6nDN {
  max-width: 100%;
  padding: 24px 0
}

@media screen and (width <=812px) {
  .H1_mainNoImage__F6nDN {
    padding: 16px 24px 8px
  }
}

.H1_label {
  font-family: var(--font-roboto);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: 1.4;
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_label {
    font-size: var(--font-12)
  }
}

.H1_titleWrapper {
  display: grid;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (width <=812px) {
  .H1_titleWrapper {
    gap: 4px
  }
}

.H1_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-40);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H1_title {
    font-size: var(--font-28)
  }
}

.H1_text {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: 1.4
}

@media screen and (width <=812px) {
  .H1_text {
    font-size: var(--font-12)
  }
}

.H1_image {
  width: 100%;
  max-width: 560px
}

@media screen and (width <=812px) {
  .H1_image {
    max-width: 100%
  }

  .H1_image img {
    aspect-ratio: 390/160;
    object-fit: cover
  }
}

.H1_stripe {
  width: 100%
}

.TopReturn_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-top-return);
  display: grid;
  place-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
  border-top-left-radius: 4px;
  transition: background-color .3s, opacity .3s, visibility .3s
}

.TopReturn_wrapper:hover {
  background-color: var(--color-gray-soft)
}

.TopReturn_wrapper:focus-visible {
  outline: var(--color-accent) solid 2px
}

.TopReturn_wrapper[data-hidden="true"] {
  visibility: hidden;
  opacity: 0
}

@media screen and (width <=768px) {
  .TopReturn_wrapper {
    right: 16px;
    bottom: 72px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 25.1%)
  }
}

.TopReturn_icon {
  width: 32px;
  height: 32px
}

@media screen and (width <=768px) {
  .TopReturn_icon {
    width: 24px;
    height: 24px
  }
}

.Item_wrapper {
  margin: var(--spacing) auto;

  --l-item-spacing: 32px;
  --s-item-spacing: 16px;
  --xs-item-spacing: 8px
}

@media screen and (width <=812px) {
  .Item_wrapper {
    --l-item-spacing: 24px;
    --s-item-spacing: 16px;
    --xs-item-spacing: 8px
  }
}

.Section_wrapper {
  max-width: var(--content-max-width);
  padding: 0 var(--margin-inline);
  margin: 120px auto
}

@media screen and (width <=812px) {
  .Section_wrapper {
    margin: 64px auto
  }
}

.news_wrapper {
  width: min(100%, 936px);
  padding: 90px 20px var(--space-80);
  margin-inline: auto
}

@media screen and (width <=768px) {
  .news_wrapper {
    padding: var(--space-40) 20px var(--space-80)
  }
}

.news_filterWrapper {
  background-color: transparent
}

.news_categoryWrapper {
  display: flex;
  column-gap: 40px;
  margin-bottom: var(--space-40)
}

@media screen and (width <=768px) {
  .news_categoryWrapper {
    column-gap: 20px;
    justify-content: center
  }
}

.news_listWrap {
  display: block;
  margin-bottom: var(--space-80)
}

@media screen and (width <=768px) {
  .news_listWrap {
    margin-bottom: var(--space-40)
  }
}

.news_list {
  border-top: 1px solid var(--light-gray)
}

.news_item {
  background-color: inherit
}

.news_itemLink {
  display: block;
  width: 100%;
  height: 100%;
  padding-block: var(--space-40);
  text-decoration: none !important;
  border-bottom: 1px solid var(--light-gray)
}

.news_itemLink:hover {
  border-color: var(--color-blue-old);
  opacity: .9
}

.news_articleInfo {
  display: flex;
  align-items: center;
  margin-bottom: 20px
}

.news_itemPublishedAt {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2;
  color: var(--color-gray-old)
}

.news_categories {
  display: flex;
  column-gap: 8px;
  align-items: center;
  list-style: none
}

.news_category {
  color: var(--color-blue-old)
}

.news_category,
.news_itemTitle {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.news_itemTitle {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: var(--color-black-old);
  -webkit-box-orient: vertical
}

@media screen and (width <=768px) {
  .news_itemTitle {
    -webkit-line-clamp: 3
  }
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    white-space: pre-line
  }

  .PageTitle_titleBgEn__bLdIy {
    height: auto;
    min-height: 140px;
    padding: 20px
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.PaginationNav_wrapper {
  position: relative;
  display: flex;
  column-gap: 20px;
  align-items: center;
  justify-content: center
}

@media screen and (width <=768px) {
  .PaginationNav_wrapper {
    column-gap: 12px
  }
}

.PaginationNav_link__Nglki {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: var(--color-blue-old);
  text-decoration: none !important;
  border: 1px solid var(--color-blue-old);
  transition: opacity .2s ease
}

.PaginationNav_link__Nglki:hover {
  color: var(--color-white-old);
  background-color: var(--color-blue-old);
  opacity: .8
}

.PaginationNav_link__Nglki[aria-current="page"] {
  color: var(--color-white-old);
  pointer-events: none;
  cursor: default;
  background-color: var(--color-blue-old)
}

.PaginationNav_separator__tXVPi {
  width: 14px;
  height: 1px;
  margin-inline: -10px;
  background-color: var(--color-blue-old)
}

@media screen and (width <=768px) {
  .PaginationNav_separator__tXVPi {
    width: 8px;
    margin-inline: -8px
  }
}

.PaginationNav_sideButton__lKLbZ {
  position: absolute
}

.PaginationNav_sideButton__lKLbZ[data-type="prev"] {
  left: 10svw
}

.PaginationNav_sideButton__lKLbZ[data-type="next"] {
  right: 10svw
}

.PaginationNav_prev__EvCIL {
  display: block;
  width: 35px;
  height: 35px;
  background-image: url("/icon/icon-arrow-right-angular.svg");
  background-position: 50%;
  transform: rotate(180deg);
  transition: opacity .2s ease
}

@media screen and (width <=768px) {
  .PaginationNav_prev__EvCIL {
    width: 15px;
    height: 15px
  }
}

.PaginationNav_prev__EvCIL:hover {
  opacity: .8
}

.PaginationNav_next__IJl8K {
  display: block;
  width: 35px;
  height: 35px;
  background-image: url("/icon/icon-arrow-right-angular.svg");
  background-position: 50%;
  transition: opacity .2s ease
}

@media screen and (width <=768px) {
  .PaginationNav_next__IJl8K {
    width: 15px;
    height: 15px
  }
}

.PaginationNav_next__IJl8K:hover {
  opacity: .8
}

.SelectTab_wrapper {
  color: inherit
}

.SelectTab_selectBox {
  display: flex;
  column-gap: 6px;
  align-items: center;
  min-width: 140px
}

.SelectTab_icon {
  width: 24px;
  transform: rotate(90deg)
}

.SelectTab_button {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2;
  color: var(--color-blue-old) !important
}

.SelectTab_list {
  position: absolute;
  z-index: 100;
  visibility: hidden;
  width: 250px;
  max-height: 300px;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgb(12 21 34 / 16%);
  opacity: 0;
  transition: opacity .2s ease-in, visibility .2s ease
}

@media screen and (width <=576px) {
  .SelectTab_list {
    left: 50%;
    width: 200px;
    transform: translateX(-50%)
  }
}

.SelectTab_list[data-is-shown="true"] {
  visibility: visible;
  opacity: 1
}

.SelectTab_list li {
  padding: 12px;
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 1;
  cursor: pointer
}

.SelectTab_list li[data-current="true"] {
  pointer-events: none;
  opacity: .5
}

.SelectTab_list li:hover {
  background-color: var(--color-gray-old-hover)
}

.HighlightItemBox_wrapper {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 31px;
  background-color: var(--color-gray-soft);
  border: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .HighlightItemBox_wrapper {
    padding: 23px
  }
}

.HighlightItemBox_wrapper.HighlightItemBox_hasHeading__eTncw {
  padding: 16px 16px 24px
}

.HighlightItemBox_content {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .HighlightItemBox_content {
    font-size: var(--font-14)
  }
}

.H6_wrapper__h0rjh {
  display: grid;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (width <=812px) {
  .H6_wrapper__h0rjh {
    gap: 8px
  }
}

.H6_text__7ifny {
  font-family: var(--font-notosansjp);
  font-size: var(--font-14);
  font-weight: var(--font-bold);
  line-height: var(--line-height-160);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H6_text__7ifny {
    font-size: var(--font-12)
  }
}

.H6_title {
  font-family: var(--font-notosansjp);
  font-size: var(--font-20);
  font-weight: var(--font-bold);
  line-height: var(--line-height-180);
  letter-spacing: var(--letter-spacing-4)
}

@media screen and (width <=812px) {
  .H6_title {
    font-size: var(--font-16)
  }
}

.TextLink_wrapper {
  font-family: var(--font-notosansjp);
  font-size: var(--font-16);
  line-height: var(--line-height-180);
  color: var(--color-brand);
  letter-spacing: var(--letter-spacing-4);
  text-decoration: underline
}

@media screen and (width <=812px) {
  .TextLink_wrapper {
    font-size: var(--font-14)
  }
}

.TextLink_wrapper:hover {
  color: var(--color-black);
  text-decoration: none
}

@media screen and (width <=768px) {
  .partnership_sp__6iwbF {
    display: block
  }
}

.partnership_pc__zZBxF {
  display: block
}

@media screen and (width <=768px) {
  .partnership_pc__zZBxF {
    display: none
  }
}

.partnership_inner__HY0xo {
  position: relative;
  z-index: 2;
  display: grid;
  grid-gap: 30px;
  gap: 30px;
  width: min(100%, 1120px);
  padding: var(--space-40) 20px;
  margin-inline: auto
}

.partnership_inner__HY0xo::before {
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  content: "";
  background: var(--light-blue)
}

@media screen and (width <=768px) {
  .partnership_inner__HY0xo {
    gap: var(--space-24);
    padding: var(--space-24) 20px
  }
}

.partnership_mainFlex__v_77G {
  display: flex;
  gap: var(--space-40);
  align-items: center
}

@media screen and (width <=992px) {
  .partnership_mainFlex__v_77G {
    flex-direction: column;
    gap: var(--space-24)
  }
}

.partnership_mainContent__7ie77 {
  display: grid;
  flex: 1 1;
  grid-gap: 20px;
  gap: 20px
}

.partnership_mainImage__Bfh_L {
  position: relative;
  flex: 0 0 44.4444%;
  aspect-ratio: 4/3
}

@media screen and (width <=992px) {
  .partnership_mainImage__Bfh_L {
    flex: 0 0 auto;
    width: 100%
  }
}

.partnership_mainHeading__7us_d {
  font-size: 38px;
  font-weight: 600
}

@media screen and (width <=768px) {
  .partnership_mainHeading__7us_d {
    font-size: 30px
  }
}

.partnership_mainText__VIUPX {
  line-height: 2;
  letter-spacing: .02em
}

.partnership_companyGrid__JCcJA {
  display: grid;
  grid-template-areas: "itemNipponFoundation itemDwango";
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 57px;
  gap: 30px 57px;
  justify-content: center
}

@media screen and (width <=992px) {
  .partnership_companyGrid__JCcJA {
    grid-template-areas: "itemNipponFoundation""itemDwango";
    grid-template-columns: 1fr;
    gap: 20px
  }
}

.partnership_companyItem__1TmYp {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  width: fit-content
}

@media screen and (width <=768px) {
  .partnership_companyItem__1TmYp {
    gap: 12px
  }
}

.partnership_companyItem__1TmYp[data-company="dwango"] {
  grid-area: itemDwango
}

.partnership_companyItem__1TmYp[data-company="nippon_foundation"] {
  position: relative;
  grid-area: itemNipponFoundation;
  margin-left: auto
}

.partnership_companyItem__1TmYp[data-company="nippon_foundation"]::before {
  position: absolute;
  top: 50%;
  right: -42px;
  content: url("/icon/icon-cross.svg");
  translate: 0 -50%
}

@media screen and (width <=992px) {
  .partnership_companyItem__1TmYp[data-company="nippon_foundation"]::before {
    top: unset;
    right: 50%;
    bottom: -40px;
    translate: 50% 0
  }

  .partnership_companyItem__1TmYp[data-company="nippon_foundation"] {
    margin: 0 auto 35px
  }

  .partnership_companyItem__1TmYp {
    margin: 0 auto
  }
}

.partnership_companyLogo__o5VVD {
  display: flex;
  align-items: center;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .partnership_companyLogo__o5VVD[data-company="dwango"] {
    width: 100%;
    max-width: 154px
  }

  .partnership_companyLogo__o5VVD[data-company="nippon_foundation"] {
    width: 100%;
    max-width: 280px
  }
}

.partnership_companyDescription__cUY_t {
  font-size: var(--font-lg);
  font-weight: 600;
  text-align: center
}

@media screen and (width <=768px) {
  .partnership_companyDescription__cUY_t {
    font-size: var(--font-sm);
    line-height: 2
  }
}

.partnership_introGrid__qlsDc {
  display: grid;
  grid-template-areas: "introNipponFoundation intoroDwango ";
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 57px;
  gap: 30px 57px;
  justify-content: center;
  padding: 0 var(--space-24)
}

@media screen and (width <=992px) {
  .partnership_introGrid__qlsDc {
    grid-template-areas: "introNipponFoundation""intoroDwango";
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0
  }
}

.partnership_companyIntro__9xG5E>*,
.partnership_companyIntro__9xG5E>*>* {
  height: 100%
}

.partnership_companyIntro__9xG5E[data-company="dwango"] {
  grid-area: intoroDwango
}

.partnership_companyIntro__9xG5E[data-company="nippon_foundation"] {
  grid-area: introNipponFoundation
}

.partnership_body {
  width: min(100%, 1120px);
  padding: var(--space-60) 20px var(--space-120);
  margin-inline: auto
}

@media screen and (width <=768px) {
  .partnership_body {
    padding: var(--space-40) 20px var(--space-80)
  }
}

.partnership_body>* {
  margin: 0 0 40px
}

.partnership_attempt__pm8pL {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  grid-gap: var(--space-30);
  gap: var(--space-30);
  margin: var(--space-60) 0 0
}

@media screen and (width <=768px) {
  .partnership_attempt__pm8pL {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: var(--space-40) 0 0
  }
}

.partnership_attemptItem__rscfF {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  align-items: flex-start;
  padding: var(--space-40)
}

.partnership_attemptItem__rscfF[data-company="dwango"] {
  border: 1px solid var(--color-blue-old)
}

.partnership_attemptItem__rscfF[data-company="nippon_foundation"] {
  border: 1px solid #00a040
}

@media screen and (width <=768px) {
  .partnership_attemptItem__rscfF {
    padding: 30px
  }
}

.partnership_attemptLogo__VMuiZ {
  position: relative;
  margin: 0 auto
}

.partnership_attemptLogo__VMuiZ[data-company="dwango"] {
  width: 100%;
  max-width: 200px;
  height: 33.684px
}

.partnership_attemptLogo__VMuiZ[data-company="nippon_foundation"] {
  width: 100%;
  max-width: 342px;
  height: 37px
}

@media screen and (width <=768px) {
  .partnership_attemptLogo__VMuiZ[data-company="nippon_foundation"] {
    width: 100%;
    max-width: 280px;
    height: 30px
  }
}

.partnership_attemptTitleWrap__UVIAF {
  display: grid;
  grid-gap: 10px;
  gap: 10px
}

.partnership_attemptTitleWrap__UVIAF[data-company="dwango"] * {
  color: var(--color-blue-old)
}

.partnership_attemptTitleWrap__UVIAF[data-company="nippon_foundation"] * {
  color: #00a040
}

.partnership_attemptTitle__mKle_ {
  font-size: 28px;
  font-weight: 600;
  text-align: center
}

@media screen and (width <=768px) {
  .partnership_attemptTitle__mKle_ {
    font-size: var(--font-x2l)
  }
}

.partnership_attemptSubTitle__kP7iG {
  font-size: var(--font-lg);
  font-weight: 600;
  text-align: center
}

.partnership_attemptList__hGbMY {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  list-style: none
}

.partnership_attemptContent__47OLD {
  display: flex;
  gap: 30px;
  align-items: center
}

@media screen and (width <=768px) {
  .partnership_attemptContent__47OLD {
    flex-direction: column;
    gap: 20px
  }
}

.partnership_attemptContentImage__uVtdW {
  position: relative;
  flex: 0 0 41.81%;
  aspect-ratio: 4/3
}

@media screen and (width <=768px) {
  .partnership_attemptContentImage__uVtdW {
    flex: 0 0 auto;
    width: 100%
  }
}

.partnership_attemptContentText__vWooS {
  width: 100%;
  font-weight: 600;
  text-align: left;
  letter-spacing: .02em
}

.GlobalLayout_layout__vobro {
  display: grid;
  grid-template-areas: "header""page""footer";
  grid-template-rows: var(--header-height) auto auto;
  min-height: 100svh;
  margin: auto;
  font-family: var(--font-base)
}

.GlobalLayout_wrapper__n5UPF {
  grid-area: page;
  height: 100%
}

@media(width <=1400px) {
  .GlobalLayout_wrapper__n5UPF {
    overflow: hidden
  }
}

.PageTitle_titleBg__FnKA2 {
  width: 100%;
  height: 208px;
  color: #fff;
  background-color: var(--color-blue-old);
  background-image: url("/common/bg.svg");
  background-position: 50%;
  background-size: cover
}

@media screen and (width <=768px) {
  .PageTitle_titleBg__FnKA2 {
    height: 140px;
    padding: 0 20px;
    background-image: url("/common/bg-title-sp.png")
  }
}

.PageTitle_isGradation__BT86Z {
  background: url("/common/bg.svg"), linear-gradient(90deg, #32a764, #4c95c5);
  background-repeat: no-repeat;
  background-position: 50%, 0;
  background-size: cover, auto
}

@media screen and (width <=768px) {
  .PageTitle_isGradation__BT86Z {
    background-position: 50%, 0;
    background-size: auto
  }
}

.PageTitle_titleBgInner__dzF2O {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  margin: 0 auto
}

@media screen and (width <=768px) {
  .PageTitle_titleBgInner__dzF2O {
    width: 100%
  }
}

.PageTitle_titleBgMain__zS8VK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%
}

.PageTitle_title___Cm14 {
  font-size: 38px;
  line-height: 1.1
}

@media screen and (width <=768px) {
  .PageTitle_title___Cm14 {
    font-size: 24px;
    text-align: center;
    white-space: pre-line
  }
}

.PageTitle_enLabel__OfdT_ {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}

@media screen and (width <=768px) {
  .PageTitle_enLabel__OfdT_ {
    font-size: 16px
  }
}

.PageTitle_text__tZ72k {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (width <=768px) {
  .PageTitle_text__tZ72k {
    font-size: 20px
  }
}

.Breadcrumbs_breadcrumbsWrapper__zHD_m {
  padding: 10px 12px
}

@media screen and (width <=768px) {
  .Breadcrumbs_breadcrumbsWrapper__zHD_m {
    padding: 10px 12px
  }
}

.Breadcrumbs_breadcrumbs__FDBQk {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  overflow: hidden;
  font-size: 14px;
  list-style: none
}

.Breadcrumbs_breadcrumbs__FDBQk li {
  white-space: nowrap
}

.Breadcrumbs_breadcrumbs__FDBQk>li:not(:last-of-type)::after {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  content: url("/icon/icon-arrow-right-rounded.svg")
}

.Breadcrumbs_breadcrumbs__FDBQk a {
  font-weight: 600;
  color: var(--color-blue-old);
  text-decoration: none
}

.Breadcrumbs_currentItem__G3LaX {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  white-space: nowrap;
  cursor: default
}

.Body_body {
  margin-bottom: var(--space-120)
}

@media screen and (width <=768px) {
  .Body_body {
    margin-bottom: var(--space-40)
  }
}

.Body_titleWrapper___RKNB {
  display: block;
  margin-bottom: var(--space-40)
}

.Body_title__7VK9l {
  position: relative;
  display: block;
  width: fit-content;
  padding: 7px 13px;
  font-size: clamp(10px, 2.8rem, 28px);
  font-weight: 600;
  line-height: 1;
  color: var(--color-white-old);
  background: var(--color-blue-old);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s cubic-bezier(.645, .045, .355, 1)
}

@media screen and (width <=768px) {
  .Body_title__7VK9l {
    font-size: clamp(10px, 2.2rem, 22px);
    font-weight: 600;
    line-height: 1.6363636364;
    line-height: 160%;
    white-space: pre-line
  }
}

.Body_title__7VK9l[data-is-active="true"] {
  transform: scaleX(1)
}

.Body_title__7VK9l[data-is-active="true"]::after {
  transform: scaleX(0)
}

.Body_title__7VK9l::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-blue-old);
  transform-origin: right;
  transition: transform .5s cubic-bezier(.645, .045, .355, 1) .2s
}

.Body_col__M4iye {
  display: flex;
  gap: min(7.1428571429vw, 100px);
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--space-60)
}

.Body_col__M4iye[data-reverse="true"] {
  flex-direction: row-reverse
}

@media screen and (width <=768px) {
  .Body_col__M4iye[data-reverse="true"] {
    flex-direction: column-reverse
  }

  .Body_col__M4iye {
    flex-direction: column;
    gap: var(--space-40);
    align-items: center;
    margin-bottom: var(--space-40)
  }
}

.Body_col__M4iye[data-is-center="true"] {
  align-items: center
}

@media screen and (width <=768px) {
  .Body_col__M4iye[data-is-center="true"] {
    align-items: flex-start
  }
}

.Body_normal {
  width: 100%;
  margin-bottom: var(--space-40)
}

.Body_normalWrapper {
  width: 100%
}

.Body_textWrapper__apOzc {
  width: 100%;
  max-width: 490px
}

@media screen and (width <=768px) {
  .Body_textWrapper__apOzc {
    max-width: 100%
  }
}

.Body_image__5isgr {
  position: relative;
  width: 100%;
  max-width: 490px
}

.Body_image__5isgr img,
.Body_image__5isgr>span {
  position: static !important
}

.Body_image__5isgr img {
  width: 100% !important;
  height: auto !important
}

.Body_text {
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 300;
  line-height: 2
}

.Body_text[data-is-thin="true"] {
  font-family: var(--font-yugothic);
  font-weight: 500
}

.Body_name {
  margin-bottom: 16px;
  font-size: clamp(10px, 1.6rem, 16px);
  font-weight: 600;
  line-height: 1.5;
  color: var(--color)
}

.Body_imgCaption__P3Cjv {
  display: block;
  margin-top: 5px;
  font-size: clamp(10px, 1.2rem, 12px);
  font-weight: 300;
  line-height: 1.6666666667;
  text-align: center
}

.Intro_intro__3P1JH {
  display: block;
  order: var(--order)
}

.Intro_introWrapper__9VGwq {
  padding: min(1.1428571429vw, 16px);
  background: var(--color-white-old);
  box-shadow: 5px 6px 0 0 var(--color-blue-old)
}

@media screen and (width <=990px) {
  .Intro_introWrapper__9VGwq {
    padding: 18px 14px 18px 9px
  }
}

.Intro_title__6FNGf {
  margin-bottom: min(.7142857143vw, 10px);
  font-size: clamp(10px, .8571428571vw, 12px);
  white-space: pre-line
}

@media screen and (width <=990px) {
  .Intro_title__6FNGf {
    margin-bottom: 10px;
    font-size: clamp(10px, 1.2rem, 12px);
    font-weight: 700;
    line-height: 1.6666666667
  }
}

.Intro_title__6FNGf span {
  display: block
}

.Intro_nameWrapper__Wehbp {
  display: flex;
  gap: .5714285714vw;
  align-items: flex-end;
  margin-bottom: min(1.3571428571vw, 19px);
  line-height: 1
}

@media screen and (width <=990px) {
  .Intro_nameWrapper__Wehbp {
    margin-bottom: 19px
  }
}

.Intro_name__HMX8R {
  font-size: clamp(12px, 1.2857142857vw, 18px)
}

@media screen and (width <=990px) {
  .Intro_name__HMX8R {
    font-size: clamp(10px, 1.8rem, 18px);
    font-weight: 600;
    line-height: 1.5
  }
}

.Intro_ruby__BhZ5d {
  font-family: "Noto Serif JP", sans-serif;
  font-size: clamp(10px, .8571428571vw, 12px);
  color: var(--color-gray-old)
}

@media screen and (width <=990px) {
  .Intro_ruby__BhZ5d {
    font-size: clamp(10px, 1.2rem, 12px);
    font-weight: 700;
    line-height: 1.6666666667
  }
}

.Intro_text__fukRx {
  font-size: clamp(10px, .8571428571vw, 12px)
}

@media screen and (width <=990px) {
  .Intro_text__fukRx {
    font-size: clamp(10px, 1.2rem, 12px);
    font-weight: 400;
    line-height: 1.6666666667
  }
}

.Intro_intro__3P1JH[data-rows="1"] {
  margin-bottom: 16px
}

.Intro_intro__3P1JH[data-rows="2"] {
  max-width: 519px;
  transform: translateX(11%)
}

@media screen and (width <=1200px) {
  .Intro_intro__3P1JH[data-rows="2"] {
    transform: translateX(20px)
  }
}

.Intro_intro__3P1JH[data-rows="2"]:nth-child(2n) {
  justify-self: flex-end
}

@media screen and (width <=990px) {
  .Intro_intro__3P1JH[data-rows="2"] {
    max-width: 100%;
    margin-bottom: 30px;
    transform: translateX(0)
  }

  .Intro_intro__3P1JH[data-rows="2"]:nth-child(2n) {
    justify-self: auto
  }
}

.id_subjects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(242px, 100%), 1fr));
  grid-gap: 16px;
  gap: 16px;
  padding: 30px;
  list-style: none;
  background: var(--color-gray-soft);
  border: 1px solid var(--color-gray)
}

@media screen and (width <=812px) {
  .id_subjects {
    gap: 8px;
    padding: 14px
  }
}

.id_subject_Go {
  padding: 8px 16px;
  font-family: var(--font-notosansjp);
  font-weight: 700;
  background: var(--color-white)
}

.id_subject_Go {
  font-size: 12px;
  line-height: var(--line-height-180);
  letter-spacing: .04em
}


.dog-row {
  background: #fff;
  border: 1px solid var(--iugc-gray-light);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 15px;
  margin-bottom: 20px;
}

.dog-row p{
  padding-bottom:10px;
}