@charset "UTF-8";
/*******************
 * フォント
 *******************/
/*******************
 * カラー
 *******************/
@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
:root {
  --bg-color: #fcfeff;
  --text-color: #737373;
}

h1 {
  font-size: inherit;
  margin-block: 0;
}

html {
  word-break: normal;
  text-spacing-trim: space-all;
  font-size: 100%;
  scroll-behavior: smooth;
}
@media (min-width: 768px) and (max-width: 1340px) {
  html {
    font-size: 1.1940298507vw;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 2.1333333333vw;
  }
}

body {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  background-color: var(--bg-color);
  color: var(--text-color);
  padding-block-start: 7.5rem;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: max(1rem, 10px);
    padding-block-start: 6.3125rem;
  }
}
body a {
  transition: all 0.4s;
}

.Inner {
  max-width: 1340px;
  width: 100%;
  padding-inline-start: 1.875rem;
  padding-inline-end: 1.875rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (max-width: 767px) {
  .Inner {
    padding-inline-start: 1.4285714286rem;
    padding-inline-end: 1.4285714286rem;
    max-width: 550px;
  }
}

.textTen {
  font-family: "ten-mincho", serif !important;
}

#wpadminbar {
  inset-block-start: auto !important;
  inset-block-end: 0 !important;
}

html {
  margin-block-start: 0 !important;
  margin-block-end: 32px !important;
}

@media screen and (max-width: 782px) {
  html {
    margin-block-end: 46px !important;
  }
}
.Header {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 7.8125rem;
  background-color: #8eaebd;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .Header {
    block-size: 6.3125rem;
  }
}

.HeaderInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-inline-size: 90rem;
  margin-inline: auto;
  padding-inline-start: 2.875rem;
  padding-inline-end: 5.0625rem;
  padding-block-start: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .HeaderInner {
    max-inline-size: none;
    block-size: 100%;
    padding-inline-start: 2.875rem;
    padding-inline-end: 2.625rem;
    padding-block-start: 0;
  }
}

.HeaderLogo {
  flex-shrink: 0;
  inline-size: 24.625rem;
}
@media only screen and (max-width: 767px) {
  .HeaderLogo {
    inline-size: 18.3125rem;
  }
}

.HeaderLogo__Link {
  display: block;
}

.HeaderActions {
  display: flex;
  align-items: center;
  gap: 1.0625rem;
}
@media only screen and (max-width: 767px) {
  .HeaderActions {
    display: none;
  }
}

.HeaderBurger {
  display: none;
  padding: 0;
  border: none;
  background: none;
}
@media only screen and (max-width: 767px) {
  .HeaderBurger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    inline-size: 4.5625rem;
    block-size: 3.5625rem;
    cursor: pointer;
  }
}

.HeaderBurger__Bar {
  display: block;
  inline-size: 100%;
  block-size: 0.25rem;
  background-color: #ffffff;
}

.HeaderBurger:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.375rem;
}

.HeaderBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  white-space: nowrap;
}

.HeaderBtn--fill {
  flex-shrink: 0;
  inline-size: 16.625rem;
  block-size: 3.375rem;
  background-color: #ffffff;
  color: #8eaebd;
}

.HeaderBtn--outline {
  flex-shrink: 0;
  inline-size: 17rem;
  block-size: 3.75rem;
  border: 0.125rem solid #ffffff;
  color: #ffffff;
}

.HeaderNav {
  max-inline-size: 90rem;
  margin-inline: auto;
  margin-block-start: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .HeaderNav {
    display: none;
  }
}

.HeaderNav__List {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4375rem;
  line-height: 1;
}

.HeaderNav__Link {
  color: #ffffff;
  font-size: max(1.125rem, 14px);
  line-height: 1;
  white-space: nowrap;
}

.Drawer {
  position: fixed;
  inset: 0;
  inline-size: 100%;
  max-inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #8eaebd;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .Drawer {
    display: none;
  }
}

.Drawer::backdrop {
  background-color: rgba(61, 61, 61, 0.42);
}

.DrawerInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 5rem;
  block-size: 100%;
  padding-block: 6.3125rem 3.75rem;
  padding-inline: 2.875rem;
}

.DrawerClose {
  padding: 0;
  border: none;
  background: none;
  position: absolute;
  inset-block-start: 1.375rem;
  inset-inline-end: 2.625rem;
  inline-size: 4.5625rem;
  block-size: 3.5625rem;
  cursor: pointer;
}

.DrawerClose__Bar {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 0.25rem;
  background-color: #ffffff;
}

.DrawerClose__Bar:nth-child(1) {
  transform: translateY(-50%) rotate(45deg);
}

.DrawerClose__Bar:nth-child(2) {
  transform: translateY(-50%) rotate(-45deg);
}

.DrawerClose:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.375rem;
}

.DrawerNav__List {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2.875rem;
}

.DrawerNav__Link {
  display: block;
  padding-block: 0.375rem;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}

.DrawerActions {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.8125rem;
}

.DrawerBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 19.4375rem;
  block-size: 4.3125rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: max(1.375rem, 14px);
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

.DrawerBtn--fill {
  background-color: #ffffff;
  color: #8eaebd;
}

.DrawerBtn--outline {
  border: 0.1875rem solid #ffffff;
  color: #ffffff;
}

body:has(.Drawer[open]) {
  overflow: hidden;
}

/*******************
 * Footer（全ページ共通）
 *******************/
.Footer {
  margin-block-start: calc(0.1875rem * -1);
  padding-block-start: 2.0625rem;
  padding-block-end: 4.9375rem;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .Footer {
    margin-block-start: 0;
    padding-block-start: 1.875rem;
    padding-block-end: 3.4375rem;
    padding-inline-start: 3.75rem;
    padding-inline-end: 2.9375rem;
  }
}

.FooterInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}
@media only screen and (max-width: 767px) {
  .FooterInner {
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
  }
}

.FooterNav__List {
  display: flex;
  align-items: center;
  gap: 1.4375rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .FooterNav__List {
    flex-direction: column;
    align-items: flex-end;
    gap: 1.375rem;
  }
}

.FooterNav__Link {
  color: #8eaebd;
  font-size: max(1.125rem, 14px);
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .FooterNav__Link {
    font-size: max(1.131875rem, 12px);
  }
}

.FooterLogo {
  display: block;
  inline-size: 9.1875rem;
}
@media only screen and (max-width: 767px) {
  .FooterLogo {
    inline-size: 10.4375rem;
    margin-block-start: 0.3125rem;
  }
}

/*******************
 * Btn（汎用ボタン: 資料請求 / お問い合わせ）
 *******************/
.Btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 999px;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .Btn {
    font-size: max(1.5625rem, 10px);
  }
}
.Btn {
  padding-inline: max(1.5rem, 14px);
}

.Btn--doc {
  min-inline-size: 17.0625rem;
  block-size: max(3.4375rem, 39px);
  border: 0.125rem solid #b4c8d2;
  background-color: #ffffff;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Btn--doc {
    min-inline-size: 20.25rem;
    block-size: 4.3125rem;
    border-width: 0.25rem;
  }
}

.Btn--contact {
  min-inline-size: 16.625rem;
  block-size: max(3.375rem, 38px);
  background-color: #8eaebd;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .Btn--contact {
    min-inline-size: 21.5rem;
    block-size: 4.375rem;
  }
}

/*******************
 * CtaBtn（大ピルボタン: トップ CTA・企業ページ CTA で共用）
 *******************/
.CtaBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  inline-size: 22.75rem;
  block-size: 5.125rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: max(1.625rem, 14px);
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .CtaBtn {
    inline-size: 19.4375rem;
    block-size: 4.3125rem;
    font-size: max(1.35rem, 10px);
  }
}

.CtaBtn--fill {
  border: 0.1875rem solid #8eaebd;
  background-color: #ffffff;
  color: #8eaebd;
}

.CtaBtn--key {
  border: 0.1875rem solid #ffffff;
  background-color: #8eaebd;
  color: #ffffff;
}

/*******************
 * SectionTab（見出しタブ: 画面左端から生えて右端だけ半円で閉じる帯）
 *******************/
.SectionTab {
  inline-size: var(--section-tab-w, 30rem);
  block-size: 6.5rem;
  padding-inline-start: 7.5rem;
  padding-block-start: 1.3125rem;
  background-color: #8eaebd;
  border-start-end-radius: 3.25rem;
  border-end-end-radius: 3.25rem;
}
@media only screen and (max-width: 767px) {
  .SectionTab {
    block-size: 6.25rem;
    padding-inline-start: 3.5rem;
    padding-block-start: 1.1875rem;
    border-start-end-radius: 3.125rem;
    border-end-end-radius: 3.125rem;
  }
}

.SectionTab__En {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(1.5625rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .SectionTab__En {
    font-size: max(1.5625rem, 10px);
  }
}

.SectionTab__Ja {
  margin-block-start: 0.5rem;
  font-weight: 500;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .SectionTab__Ja {
    margin-block-start: 0.3125rem;
    font-size: max(1.875rem, 10px);
  }
}

.SectionTab--solo {
  block-size: var(--section-tab-h, 6.6875rem);
  padding-block-start: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-start-end-radius: calc(var(--section-tab-h, 6.6875rem) / 2);
  border-end-end-radius: calc(var(--section-tab-h, 6.6875rem) / 2);
}

.SectionTab__Solo {
  font-weight: 600;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .SectionTab__Solo {
    white-space: nowrap;
  }
}

.ArrowsArea {
  width: 51.5rem;
  margin-inline: auto;
  display: flex;
  column-gap: 5.75rem;
  color: #354256;
  margin-block-start: 5.1875rem;
  margin-block-end: 6.875rem;
}

.PrevNavi,
.NextNavi {
  width: 22.875rem;
  height: 5rem;
  border-radius: 999px;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  position: relative;
  transition: all 0.4s;
}
.PrevNavi:hover,
.NextNavi:hover {
  background-color: #354256;
  color: #fff;
}

.PrevNavi__p,
.NextNavi__p {
  opacity: 0.6;
  pointer-events: none;
}

.PrevNavi::after {
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border-block-start: 2px solid;
  border-inline-start: 2px solid;
  position: absolute;
  top: 50%;
  left: 3.125rem;
  transform: translateY(-50%) rotate(-45deg);
}

.PrevNavi:hover::after,
.NextNavi:hover::after {
  border-color: #fff;
}

.NextNavi::after {
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border-block-start: 2px solid;
  border-inline-end: 2px solid;
  position: absolute;
  top: 50%;
  right: 3.125rem;
  transform: translateY(-50%) rotate(45deg);
}

/*******************
 * 記事下ナビ（前へ / 一覧へ / 次へ）
 *******************/
.SinglePageNav {
  margin-block-start: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.25rem;
}

.SinglePageNavBtn a,
.SinglePageNavBtn span {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  inline-size: 10rem;
  block-size: 2.875rem;
  border-radius: 999px;
  border: 1px solid #8eaebd;
  background-color: #ffffff;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.125rem, 14px);
  line-height: 1;
  color: #8eaebd;
}

.SinglePageNavBtn--archive a {
  border-color: transparent;
  background-color: #8eaebd;
  color: #ffffff;
}

.SinglePageNavBtn span.is-disabled {
  border-color: #d0dade;
  color: #d0dade;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.list-pageNo {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .list-pageNo {
    margin-top: 6.4rem;
  }
}

.PageNumBox {
  display: flex;
  justify-content: center;
  column-gap: 0.625rem;
}

.page-numbers {
  font-size: max(1.125rem, 10px);
  font-weight: bold;
  text-align: center;
  padding-top: 0.9375rem;
  width: 3.125rem;
  height: 3.125rem;
  background: #fff;
  border: 0.0625rem solid #000;
}

.page-numbers.current {
  color: #fff;
  background: #000;
}

.page-numbers.dots {
  border: none;
}

.PageNumBox div {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 0.21875rem;
  border: 1px solid #000;
  position: relative;
  transition-duration: 0.3s;
}
@media only screen and (max-width: 767px) {
  .PageNumBox div {
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 0.21875rem;
  }
}
.PageNumBox div:hover {
  opacity: 0.5;
}

.PageNumBox div:nth-of-type(1) {
  background-color: #000;
  color: #fff;
}

.PageNumBox div:nth-of-type(4) {
  border: none;
}

.PageNumBox div p,
.PageNumBox div a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.625rem 0.9375rem;
}

.Breadcrumb {
  margin-block-end: 0.5rem;
}

.Breadcrumb_List {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .Breadcrumb_List {
    row-gap: unset;
  }
}

.Breadcrumb_Item {
  display: flex;
  align-items: center;
  font-size: max(1.125rem, 10px);
  color: #fff;
  line-height: 2.3333333333;
}
@media only screen and (max-width: 767px) {
  .Breadcrumb_Item {
    font-size: max(0.8571428571rem, 10px);
    line-height: unset;
  }
}

.Breadcrumb_Item:not(:last-child)::after {
  content: ">";
  margin-left: min(0.7462686567vw, 10px);
  color: #fff;
  font-family: sans-serif;
  align-self: center;
}

.Breadcrumb_Item a {
  text-decoration: none;
  color: inherit;
}

.Breadcrumb_Item a:hover {
  text-decoration: underline;
}

.Breadcrumb_List--white .Breadcrumb_Item {
  color: #000;
}

.Breadcrumb_List--white .Breadcrumb_Item:not(:last-child)::after {
  color: #000;
}

/*******************
 * FV
 *******************/
.Fv {
  padding-block-start: 3.25rem;
  padding-block-end: 4.4375rem;
  background-color: #f1f1f1;
  background-image: repeating-linear-gradient(to bottom, #ecdbc7 0, #ecdbc7 1px, transparent 1px, transparent 20px);
  background-position: 0 14px;
}
@media only screen and (max-width: 767px) {
  .Fv {
    padding-block-start: 3rem;
    padding-block-end: 2.9375rem;
  }
}

.FvFrame {
  position: relative;
  inline-size: 74.4375rem;
  aspect-ratio: 1191/577;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .FvFrame {
    inline-size: 38.6875rem;
    aspect-ratio: 619/473;
  }
}

.FvFrame::before {
  content: "";
  position: absolute;
  inset: -0.5rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(68, 68, 68, 0.35);
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .FvFrame::before {
    inset: -0.625rem;
    border-radius: 0.625rem;
  }
}

.FvFrame__Img {
  position: relative;
  z-index: 1;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.FvCopy {
  position: absolute;
  z-index: 2;
  inset-inline-start: 1.75rem;
  inset-block-start: 24.75rem;
  color: #ffffff;
  font-weight: 700;
  font-size: max(3.084375rem, 18px);
  line-height: 1.7755102041;
  text-shadow: 0 0 0.5rem rgba(68, 68, 68, 0.6);
}
@media only screen and (max-width: 767px) {
  .FvCopy {
    inset-inline-start: 2.0625rem;
    inset-block-start: 20.75rem;
    font-size: max(2.165rem, 14px);
    line-height: 1.7609699769;
  }
}

/*******************
 * News（新着情報）
 *******************/
.News {
  margin-block-start: 2.625rem;
  padding-block-start: 2.3125rem;
  padding-block-end: 3.8125rem;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .News {
    margin-block-start: 0.125rem;
    padding-block-start: 2.5625rem;
    padding-block-end: 3.6875rem;
  }
}

.NewsInner {
  max-width: 43.75rem;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .NewsInner {
    max-width: 37.1875rem;
  }
}

.NewsHead {
  text-align: center;
}

.NewsHead__En {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(1.5625rem, 14px);
  line-height: 1;
  color: #aeaeae;
}
@media only screen and (max-width: 767px) {
  .NewsHead__En {
    font-size: max(1.5625rem, 10px);
  }
}

.NewsHead__Ja {
  margin-block-start: 0.5rem;
  font-weight: 500;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #aeaeae;
}
@media only screen and (max-width: 767px) {
  .NewsHead__Ja {
    margin-block-start: 0.5rem;
    font-size: max(1.875rem, 10px);
  }
}

.NewsList {
  margin-block-start: 3.1875rem;
}
@media only screen and (max-width: 767px) {
  .NewsList {
    margin-block-start: 1.90625rem;
  }
}

.NewsList__Item {
  border-block-end: 0.0625rem solid #aeaeae;
}

.NewsRow {
  display: grid;
  grid-template-columns: 10rem 12rem 1fr;
  align-items: center;
  block-size: 4.6875rem;
}
@media only screen and (max-width: 767px) {
  .NewsRow {
    grid-template-columns: max(7.3125rem, 70px) max(11rem, 106px) 1fr;
    block-size: max(4.28125rem, 41px);
  }
}

.NewsRow__Date {
  font-size: max(1.125rem, 14px);
  line-height: 1;
  color: #aeaeae;
}
@media only screen and (max-width: 767px) {
  .NewsRow__Date {
    font-size: max(1.25rem, 12px);
  }
}

.NewsRow__Cat {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 9rem;
  block-size: 2.5rem;
  border-radius: 999px;
  background-color: #8eaebd;
  color: #ffffff;
  font-size: max(1.125rem, 14px);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .NewsRow__Cat {
    inline-size: max(6.375rem, 61px);
    block-size: max(2.125rem, 20px);
    font-size: max(1.25rem, 12px);
  }
}

.NewsRow__Title {
  font-size: max(1.125rem, 14px);
  line-height: 1;
  color: #aeaeae;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .NewsRow__Title {
    font-size: max(1.25rem, 12px);
  }
}

/*******************
 * About us（わたしたちについて）
 *******************/
.About {
  padding-block-start: 4.4375rem;
}
@media only screen and (max-width: 767px) {
  .About {
    --section-tab-w: 23.25rem;
    padding-block-start: 9.875rem;
  }
}

.AboutInner {
  max-inline-size: 90rem;
  margin-inline: auto;
}

.AboutLead {
  max-width: 67.4375rem;
  margin-inline: auto;
  margin-block-start: 3.3125rem;
  font-size: max(1.25rem, 14px);
  line-height: 1.75;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .AboutLead {
    max-width: 40rem;
    margin-block-start: 2.625rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.8;
  }
}

.Concept {
  display: flex;
  gap: min(9.7222222222vw, 140px);
  padding-inline-start: min(6.9444444444vw, 100px);
  padding-inline-end: min(11.8055555556vw, 170px);
  padding-block-start: min(4.5833333333vw, 66px);
}
@media only screen and (max-width: 767px) {
  .Concept {
    display: grid;
    grid-template-columns: 1fr 16.875rem;
    column-gap: 1.625rem;
    row-gap: 0;
    padding-inline-start: 2.5625rem;
    padding-inline-end: 2.8125rem;
    padding-block-start: 4.625rem;
  }
}

.Concept__Text {
  flex: 0 0 min(39.1666666667vw, 564px);
}
@media only screen and (max-width: 767px) {
  .Concept__Text {
    display: contents;
  }
}

.Concept__Head {
  display: contents;
}
@media only screen and (max-width: 767px) {
  .Concept__Head {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
}

.Echo {
  --echo-offset: min(2.0833333333vw, 30px);
  position: relative;
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(5.1388888889vw, 74px), 20px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Echo {
    --echo-offset: 1.9375rem;
    margin-block-start: 2.8125rem;
    font-size: max(4.710625rem, 10px);
    white-space: nowrap;
  }
}

.Echo--offset35 {
  --echo-offset: min(2.4305555556vw, 35px);
}
@media only screen and (max-width: 767px) {
  .Echo--offset35 {
    --echo-offset: 2.1875rem;
    margin-block-start: 3.8125rem;
    font-size: max(4.710625rem, 10px);
  }
}

.Echo__Item {
  display: block;
}

.Echo__Item--70 {
  position: absolute;
  inset-block-start: var(--echo-offset);
  inset-inline-start: 0;
  opacity: 0.7;
}

.Echo__Item--40 {
  position: absolute;
  inset-block-start: calc(var(--echo-offset) * 2);
  inset-inline-start: 0;
  opacity: 0.4;
}

.Concept__Ja {
  margin-block-start: min(4.9305555556vw, 71px);
  font-weight: 600;
  font-size: max(min(2.0833333333vw, 30px), 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Concept__Ja {
    margin-block-start: 4.9375rem;
    font-size: max(1.875rem, 10px);
  }
}

.Concept__Body {
  margin-block-start: min(0.8333333333vw, 12px);
  font-size: max(min(1.3888888889vw, 20px), 14px);
  line-height: 1.76;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .Concept__Body {
    grid-column: 1/-1;
    grid-row: 2;
    margin-block-start: 1rem;
    margin-inline-start: 0.375rem;
    font-size: max(1.375rem, 12px);
    line-height: 1.7636363636;
  }
}

.Concept__Media {
  position: relative;
  flex: 0 0 min(32.3611111111vw, 466px);
  block-size: min(32.8472222222vw, 473px);
  margin-block-start: min(1.3194444444vw, 19px);
}
@media only screen and (max-width: 767px) {
  .Concept__Media {
    grid-column: 2;
    grid-row: 1;
    block-size: 17.125rem;
    margin-block-start: 0;
  }
}

.Concept__Deco {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: min(31.0416666667vw, 447px);
  block-size: min(30.7638888889vw, 443px);
  border-radius: min(0.8333333333vw, 12px);
  background-color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Concept__Deco {
    inline-size: 16.25rem;
    block-size: 16.1875rem;
    border-radius: 0.75rem;
  }
}

.Concept__Photo {
  position: absolute;
  inset-block-start: min(1.3888888889vw, 20px);
  inset-inline-start: 0;
  inline-size: min(31.0416666667vw, 447px);
  block-size: min(31.4583333333vw, 453px);
  border-radius: min(0.6944444444vw, 10px);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .Concept__Photo {
    inset-block-start: 0.75rem;
    inline-size: 16.0625rem;
    block-size: 16.3125rem;
    border-radius: 0.625rem;
  }
}

.Messege {
  display: flex;
  gap: min(10.2083333333vw, 147px);
  padding-inline-start: min(7.4305555556vw, 107px);
  padding-inline-end: min(3.4027777778vw, 49px);
  padding-block-start: min(5.5555555556vw, 80px);
}
@media only screen and (max-width: 767px) {
  .Messege {
    display: grid;
    grid-template-columns: 16.875rem 1fr;
    column-gap: 3.3125rem;
    row-gap: 0;
    padding-inline-start: 3rem;
    padding-inline-end: 3.125rem;
    padding-block-start: 4.625rem;
  }
}

.Messege__Text {
  flex: 0 0 min(46.5972222222vw, 671px);
}
@media only screen and (max-width: 767px) {
  .Messege__Text {
    display: contents;
  }
}

.Messege__Head {
  display: contents;
}
@media only screen and (max-width: 767px) {
  .Messege__Head {
    display: block;
    grid-column: 2;
    grid-row: 1;
  }
}

.Messege__Ja {
  margin-block-start: min(6.4583333333vw, 93px);
  font-weight: 600;
  font-size: max(min(2.0833333333vw, 30px), 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Messege__Ja {
    margin-block-start: 5.3125rem;
    font-size: max(1.875rem, 10px);
  }
}

.Messege__Body {
  display: flex;
  flex-direction: column;
  gap: min(2.4305555556vw, 35px);
  margin-block-start: min(1.0416666667vw, 15px);
  font-size: max(min(1.3888888889vw, 20px), 14px);
  line-height: 1.75;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .Messege__Body {
    grid-column: 1/-1;
    grid-row: 2;
    gap: 2.40625rem;
    margin-block-start: 1.6875rem;
    margin-inline-start: calc(0.0625rem * -1);
    font-size: max(1.344375rem, 12px);
    line-height: 1.789865179;
  }
}

.Messege__Media {
  position: relative;
  flex: 0 0 min(32.3611111111vw, 466px);
  block-size: min(32.7777777778vw, 472px);
  margin-block-start: min(3.2638888889vw, 47px);
}
@media only screen and (max-width: 767px) {
  .Messege__Media {
    grid-column: 1;
    grid-row: 1;
    block-size: 17.0625rem;
    margin-block-start: 0;
  }
}

.Messege__Deco {
  position: absolute;
  inset-block-start: min(2.0138888889vw, 29px);
  inset-inline-start: 0;
  inline-size: min(31.0416666667vw, 447px);
  block-size: min(30.7638888889vw, 443px);
  border-radius: min(0.8333333333vw, 12px);
  background-color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Messege__Deco {
    inset-block-start: 0.875rem;
    inline-size: 16.25rem;
    block-size: 16.1875rem;
    border-radius: 0.75rem;
  }
}

.Messege__Photo {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: min(31.0416666667vw, 447px);
  block-size: min(31.4583333333vw, 453px);
  border-radius: min(0.6944444444vw, 10px);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .Messege__Photo {
    inline-size: 16.0625rem;
    block-size: 16.3125rem;
    border-radius: 0.625rem;
  }
}

/*******************
 * Service（サービス概要）
 *******************/
.Service {
  padding-block-start: 4.75rem;
}
@media only screen and (max-width: 767px) {
  .Service {
    --section-tab-w: 23.5625rem;
    padding-block-start: 9.8125rem;
  }
}

.ServiceLead {
  max-width: 59.125rem;
  margin-inline: auto;
  margin-block-start: 6.0625rem;
  font-size: max(1.25rem, 14px);
  line-height: 1.75;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .ServiceLead {
    max-width: 42.25rem;
    margin-block-start: 1.6875rem;
    font-size: max(1.241875rem, 12px);
    line-height: 1.7765475591;
  }
}

.ServiceCards {
  display: grid;
  grid-template-columns: repeat(2, 29.5rem);
  gap: 7rem;
  justify-content: center;
  margin-block-start: 2.625rem;
}
@media only screen and (max-width: 767px) {
  .ServiceCards {
    grid-template-columns: 29.8125rem;
    gap: 2.25rem;
    margin-block-start: 2.375rem;
  }
}

.ServiceCard {
  --card-accent: #8eaebd;
  display: flex;
  flex-direction: column;
  block-size: 22.125rem;
  overflow: hidden;
  border: 0.0625rem solid var(--card-accent);
  border-radius: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .ServiceCard {
    block-size: 22.25rem;
    border-width: 0.25rem;
    border-radius: 0.625rem;
  }
}

.ServiceCard--light {
  --card-accent: #b4c8d2;
}

.ServiceCard__Head {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 6.0625rem;
  background-color: var(--card-accent);
  font-weight: 600;
  font-size: max(1.5625rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ServiceCard__Head {
    block-size: 6rem;
    font-size: max(1.5625rem, 10px);
  }
}

.ServiceCard__Body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-block-start: 1.6875rem;
  padding-block-end: 1.3125rem;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ServiceCard__Body {
    padding-block-start: 1.5rem;
    padding-block-end: 1.625rem;
  }
}

.ServiceCard__List {
  inline-size: fit-content;
  margin-inline: auto;
}

.ServiceCard--light .ServiceCard__List {
  margin-block: auto;
}

.ServiceCard__List li {
  font-size: max(1.25rem, 14px);
  line-height: 1.8;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .ServiceCard__List li {
    font-size: max(1.255625rem, 12px);
    line-height: 1.7570930811;
  }
}

.ServiceCard__List li::before {
  content: "・";
}

.ServiceCard__Btn {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 11.375rem;
  block-size: 3.4375rem;
  margin-block-start: auto;
  margin-inline: auto;
  border-radius: 999px;
  background-color: var(--card-accent);
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ServiceCard__Btn {
    inline-size: 11.5rem;
    block-size: 3.1875rem;
    font-size: max(1.2675rem, 10px);
  }
}

/*******************
 * 講師紹介（Our Instructors）
 *******************/
.Instructors {
  position: relative;
  isolation: isolate;
  padding-block-start: 11.9375rem;
  padding-block-end: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .Instructors {
    --section-tab-w: 19.375rem;
    padding-block-start: 10rem;
    padding-block-end: 3.5625rem;
  }
}

.Instructors::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-inline: 0;
  inset-block-start: 16rem;
  block-size: 47.9375rem;
  background-color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Instructors::before {
    inset-block-start: 13.3125rem;
    block-size: 51.3125rem;
  }
}

.InstructorGrid {
  display: grid;
  grid-template-columns: repeat(5, 14.25rem);
  column-gap: 1.5rem;
  row-gap: 1.0625rem;
  justify-content: center;
  margin-block-start: 7.3125rem;
}
@media only screen and (max-width: 767px) {
  .InstructorGrid {
    grid-template-columns: repeat(3, 12.0625rem);
    column-gap: 1.5625rem;
    row-gap: 2.3125rem;
    margin-block-start: 1.375rem;
  }
}

.InstructorCard {
  display: flex;
  flex-direction: column;
}

.InstructorCard__Photo {
  inline-size: 14.25rem;
  block-size: 10.4375rem;
}
@media only screen and (max-width: 767px) {
  .InstructorCard__Photo {
    inline-size: 12.0625rem;
    block-size: 8.875rem;
  }
}

.InstructorCard__Role {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 4.625rem;
  block-size: 1.9375rem;
  margin-block-start: 0.5625rem;
  border-radius: 0.6875rem;
  background-color: #ffffff;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .InstructorCard__Role {
    inline-size: 3.75rem;
    block-size: 1.4375rem;
    margin-block-start: 0.625rem;
    border-radius: 0.5rem;
    font-size: max(1.284375rem, 10px);
  }
}

.InstructorCard__Name {
  margin-block-start: 0.3125rem;
  margin-inline-start: 3.0625rem;
  font-size: max(1.5625rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .InstructorCard__Name {
    margin-block-start: 0.3125rem;
    margin-inline-start: 2.5rem;
    font-size: max(1.3825rem, 12px);
  }
}

/*******************
 * CTA（お問い合わせ）
 *******************/
.Cta {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  block-size: 22.625rem;
  padding-block-start: 8.0625rem;
  margin-block-start: -0.3125rem;
  overflow: hidden;
  background-image: url(../img/cta-bg.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .Cta {
    block-size: 19.375rem;
    padding-block-start: 3.5625rem;
    margin-block-start: 0;
  }
}

.Cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.5);
}

.CtaInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.CtaLead {
  font-weight: 600;
  font-size: max(2.1875rem, 14px);
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 0 0.625rem rgba(113, 113, 113, 0.6);
}
@media only screen and (max-width: 767px) {
  .CtaLead {
    font-size: max(1.875rem, 10px);
  }
}

.CtaBtns {
  display: flex;
  gap: 5.75rem;
  margin-block-start: 2.9375rem;
}
@media only screen and (max-width: 767px) {
  .CtaBtns {
    flex-direction: column;
    gap: 0.8125rem;
    margin-block-start: 2.3125rem;
  }
}

/*******************
 * FV（企業ご担当者様）
 *******************/
.BizFv {
  position: relative;
  margin-block-start: calc(0.1875rem * -1);
  block-size: 18.9375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block-start: 2.5rem;
  overflow: hidden;
  background-image: url(../img/business-fv.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .BizFv {
    block-size: 16rem;
    margin-block-start: calc(0.0625rem * -1);
    padding-block-start: 2.4375rem;
    background-image: url(../img/business-fv-sp.webp);
  }
}

.BizFv::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.BizFvInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .BizFvInner {
    gap: 1.375rem;
    padding-inline: 5.0625rem;
  }
}

.BizFvTitle {
  font-weight: 600;
  font-size: max(2.1875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .BizFvTitle {
    font-size: max(1.875rem, 10px);
  }
}

.BizFvLead {
  font-weight: 400;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .BizFvLead {
    font-size: max(1.25rem, 12px);
    line-height: 1.575;
  }
}

/*******************
 * section1（リード + ボタン2）
 *******************/
.BizIntro {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: 5.6875rem;
  padding-block-end: 8.625rem;
}
@media only screen and (max-width: 767px) {
  .BizIntro {
    padding-block-start: 3.25rem;
    padding-block-end: 5.5625rem;
  }
}

.BizIntroLead {
  font-weight: 600;
  font-size: max(1.5625rem, 14px);
  line-height: 1.4;
  color: #8eaebd;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .BizIntroLead {
    max-width: 27rem;
    font-size: max(1.625rem, 12px);
    line-height: 1.6807692308;
    text-align: start;
  }
}

.BizIntroActions {
  margin-block-start: 3.5625rem;
  display: flex;
  gap: 1.8125rem;
}
@media only screen and (max-width: 767px) {
  .BizIntroActions {
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    margin-block-start: 3.1875rem;
  }
}

/*******************
 * お悩み（全幅グレー帯 + 見出し + 角丸バー3本 + イラスト）
 *******************/
.BizWorries {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: 3.75rem;
  padding-block-end: 5rem;
  background-color: #e0e0e0;
}
@media only screen and (max-width: 767px) {
  .BizWorries {
    padding-block-start: 3.5rem;
    padding-block-end: 4.75rem;
    padding-inline: 3.125rem;
  }
}

.BizWorries__Title {
  font-weight: 600;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .BizWorries__Title {
    font-size: max(1.5625rem, 10px);
  }
}

.BizWorries__List {
  position: relative;
  margin-block-start: 1.9375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8125rem;
}
@media only screen and (max-width: 767px) {
  .BizWorries__List {
    margin-block-start: 3.1875rem;
    gap: 1.5625rem;
    inline-size: 100%;
  }
}

.BizWorries__Item {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 4rem;
  padding-inline: 1.25rem;
  border-radius: 0.1875rem;
  background-color: #737373;
  color: #ffffff;
  font-weight: 400;
  font-size: max(1.5625rem, 14px);
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .BizWorries__Item {
    inline-size: fit-content;
    max-inline-size: min(100%, 40.625rem);
    min-block-size: 3rem;
    block-size: auto;
    padding-block: 0.40625rem;
    padding-inline: 0.875rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.75;
    white-space: normal;
  }
}

.BizWorries__Img {
  position: absolute;
  inset-block-start: calc(0.75rem * -1);
  inset-inline-end: 1.125rem;
  inline-size: 12.0625rem;
}
@media only screen and (max-width: 767px) {
  .BizWorries__Img {
    inset-block-start: calc(4.5rem * -1);
    inset-inline-end: 0.1875rem;
    inline-size: 7.875rem;
  }
}

/*******************
 * 3つの柱（見出しタブ + リード + 3カード）
 *******************/
.Pillars {
  padding-block-start: 7.625rem;
}
@media only screen and (max-width: 767px) {
  .Pillars {
    padding-block-start: 7.9375rem;
  }
}

.Pillars .SectionTab--solo {
  --section-tab-w: 44.375rem;
}
@media only screen and (max-width: 767px) {
  .Pillars .SectionTab--solo {
    --section-tab-w: 36.8125rem;
    --section-tab-h: 5.1875rem;
    padding-inline-start: 2.6875rem;
  }
}

.Pillars__Lead {
  margin-block-start: 8rem;
  font-weight: 400;
  font-size: max(1.25rem, 14px);
  line-height: 1.35;
  color: #737373;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Pillars__Lead {
    margin-block-start: 2.8125rem;
    max-width: 41rem;
    margin-inline: auto;
    font-size: max(1.5625rem, 12px);
    line-height: 1.7;
    text-align: start;
  }
}

.Pillars__Cards {
  margin-block-start: 5.6875rem;
  display: flex;
  justify-content: center;
  gap: 3.9375rem;
}
@media only screen and (max-width: 767px) {
  .Pillars__Cards {
    flex-wrap: wrap;
    column-gap: 2.4375rem;
    row-gap: 2.4375rem;
    margin-block-start: 3.4375rem;
  }
}

.Pillars__Card {
  display: flex;
  flex-direction: column;
  align-items: center;
  inline-size: 19.5rem;
}
@media only screen and (max-width: 767px) {
  .Pillars__Card {
    inline-size: 18.5rem;
  }
}

.Pillars__Label {
  font-weight: 500;
  font-size: max(1.5625rem, 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Pillars__Label {
    font-size: max(1.5625rem, 10px);
  }
}

.Pillars__Photo {
  margin-block-start: 0.4375rem;
  inline-size: 19.5rem;
  block-size: 13.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .Pillars__Photo {
    margin-block-start: 0.3125rem;
    inline-size: 18.5rem;
    block-size: 13.0625rem;
    border-radius: 0.5rem;
  }
}

.Pillars__Desc {
  margin-block-start: 1.125rem;
  font-weight: 400;
  font-size: max(1.25rem, 14px);
  line-height: 1.35;
  color: #737373;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Pillars__Desc {
    margin-block-start: 0.625rem;
    align-self: flex-start;
    padding-inline-start: 0.3125rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.75;
    text-align: start;
  }
}

/*******************
 * サポート体制（見出しタブ + 3ピルカード：アクセント円 + 箇条書き）
 *******************/
.Support {
  padding-block-start: 9.75rem;
}
@media only screen and (max-width: 767px) {
  .Support {
    padding-block-start: 7.625rem;
  }
}

.Support .SectionTab--solo {
  --section-tab-w: 35.625rem;
  --section-tab-h: 6.625rem;
}
@media only screen and (max-width: 767px) {
  .Support .SectionTab--solo {
    --section-tab-w: 27.5625rem;
    --section-tab-h: 6.875rem;
    padding-inline-start: 2.6875rem;
  }
}

.Support .SectionTab__Solo {
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .Support .SectionTab__Solo {
    line-height: 1.1;
  }
}

.Support__List {
  margin-block-start: 8.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .Support__List {
    margin-block-start: 3.3125rem;
    gap: 0.75rem;
  }
}

.Support__Card {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  inline-size: max(50.5625rem, 566.3px);
  block-size: max(17rem, 190.4px);
  padding-inline-start: max(0.625rem, 7px);
  gap: max(2.5625rem, 28.7px);
  border: 0.125rem solid var(--accent);
  border-radius: max(8.5rem, 95.2px);
  background-color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .Support__Card {
    inline-size: 41.625rem;
    block-size: 14rem;
    padding-inline-start: 0.3125rem;
    gap: 1.875rem;
    border-width: 0.25rem;
    border-radius: 7rem;
  }
}

.Support__Card:nth-child(1) {
  --accent: #8eaebd;
}

.Support__Card:nth-child(2) {
  --accent: #8e83aa;
}

.Support__Card:nth-child(3) {
  --accent: #91ac86;
}

.Support__Circle {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: max(15.5625rem, 174.3px);
  block-size: max(15.5625rem, 174.3px);
  border-radius: 50%;
  background-color: var(--accent);
}
@media only screen and (max-width: 767px) {
  .Support__Circle {
    inline-size: 12.6875rem;
    block-size: 12.6875rem;
  }
}

.Support__CircleTitle {
  font-weight: 600;
  font-size: max(1.5625rem, 14px);
  line-height: 1.76;
  color: #fcfeff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .Support__CircleTitle {
    font-size: max(1.375rem, 12px);
    line-height: 1.6818181818;
  }
}

.Support__Body {
  list-style: none;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1.75;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .Support__Body {
    font-size: max(1.25rem, 12px);
  }
}

.Support__Body li {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .Support__Body li {
    white-space: normal;
  }
}

.Support__Body li::before {
  content: "・";
}

/*******************
 * CTA（全幅写真帯 + 暗オーバーレイ + 見出し + リード + ボタン2）
 *******************/
.BizCta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-block-size: 22.5625rem;
  margin-block-start: 14.25rem;
  padding-block-start: 4.8125rem;
  padding-block-end: 3.5rem;
  background-image: url(../img/biz-cta-bg.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .BizCta {
    min-block-size: 22.8125rem;
    margin-block-start: 7.75rem;
    padding-block-start: 2.875rem;
    padding-block-end: 1.9375rem;
    background-image: url(../img/biz-cta-bg-sp.webp);
  }
}

.BizCta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.42);
}

.BizCtaInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .BizCtaInner {
    padding-inline: 2.25rem;
  }
}

.BizCta__Title {
  font-weight: 600;
  font-size: max(2.1875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .BizCta__Title {
    font-size: max(1.5625rem, 10px);
  }
}

.BizCta__Lead {
  margin-block-start: 1.4375rem;
  font-weight: 400;
  font-size: max(1.25rem, 14px);
  line-height: 1.35;
  color: #fcfeff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .BizCta__Lead {
    margin-block-start: 1.1875rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.5;
    text-align: start;
  }
}

.BizCta__Btns {
  margin-block-start: 2.125rem;
  display: flex;
  gap: 5.75rem;
}
@media only screen and (max-width: 767px) {
  .BizCta__Btns {
    flex-direction: column;
    align-items: center;
    gap: 0.8125rem;
    margin-block-start: 1.8125rem;
  }
}

.PersonalFv {
  position: relative;
  block-size: min(46.1111111111vw, 664px);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .PersonalFv {
    block-size: 53.0625rem;
  }
}

.PersonalFv__Band {
  position: absolute;
  inset-block-start: calc(min(2.5347222222vw, 36.5px) - 2.6736vw);
  inset-inline: 0;
  block-size: calc(5.3472vw + min(36.5277777778vw, 526px));
  z-index: 0;
  clip-path: polygon(0 5.3472vw, 100% 0, 100% min(36.5277777778vw, 526px), 0 calc(5.3472vw + min(36.5277777778vw, 526px)));
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Band {
    inset-block-start: calc(0.125rem * -1);
    block-size: 44.0625rem;
    clip-path: polygon(0 5.625rem, 100% 0, 100% 38.4375rem, 0 44.0625rem);
  }
}

.PersonalFv__Photo {
  display: block;
  inline-size: 100%;
  block-size: auto;
  margin-block-start: -5.3472vw;
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Photo {
    margin-block-start: 0;
    block-size: 100%;
    object-fit: cover;
  }
}

.PersonalFv__Inner {
  position: relative;
  z-index: 1;
  max-inline-size: min(100vw, 1440px);
  block-size: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Inner {
    max-inline-size: 100%;
  }
}

.PersonalFv__Marquee {
  position: absolute;
  inset-block-start: min(3.125vw, 45px);
  inset-inline-start: min(1.6666666667vw, 24px);
  display: flex;
  column-gap: min(1.5277777778vw, 22px);
  transform-origin: left top;
  transform: rotate(-3.11deg);
  white-space: nowrap;
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(1.3888888889vw, 20px), 10px);
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Marquee {
    inset-block-start: 3.625rem;
    inset-inline-start: 0.9375rem;
    column-gap: 0.4375rem;
    transform: rotate(-6.84deg);
    font-size: max(1.25rem, 10px);
  }
}

.PersonalFv__Title {
  position: absolute;
  inset-block-start: min(7.2222222222vw, 104px);
  inset-inline-start: min(50.1388888889vw, 722px);
  transform-origin: left top;
  transform: rotate(-5.1deg);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(3.9583333333vw, 57px), 14px);
  line-height: 1.4561403509;
  color: #fcfeff;
  text-shadow: min(0.2083333333vw, 3px) min(0.2083333333vw, 3px) min(0.4861111111vw, 7px) rgba(0, 0, 0, 0.53);
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Title {
    inset-block-start: 29.625rem;
    inset-inline-start: 21.125rem;
    font-size: max(2.15625rem, 14px);
    line-height: 1.2463768116;
    text-shadow: 0.1875rem 0.1875rem 0.25rem rgba(0, 0, 0, 0.27);
  }
}

.PersonalFv__Btn {
  position: absolute;
  inset-block-start: min(34.5833333333vw, 498px);
  inset-inline-start: min(65.3472222222vw, 941px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  inline-size: min(28.4722222222vw, 410px);
  block-size: min(6.25vw, 90px);
  border: min(0.2083333333vw, 3px) solid #8eaebd;
  border-radius: 999px;
  background-color: #ffffff;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(1.8055555556vw, 26px), 10px);
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Btn {
    inset-block-start: 47.1875rem;
    inset-inline-start: 9.875rem;
    inline-size: 27.25rem;
    block-size: 5.875rem;
    border-width: 0.1875rem;
    font-size: max(1.875rem, 10px);
  }
}

.PersonalFv__Lead {
  position: absolute;
  inset-block-start: min(41.1111111111vw, 592px);
  inset-inline-start: min(5.9722222222vw, 86px);
  transform-origin: left top;
  transform: rotate(-3.06deg);
  white-space: nowrap;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 10px);
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PersonalFv__Lead {
    inset-block-start: 44rem;
    inset-inline-start: 3rem;
    transform: rotate(-6.84deg);
    font-size: max(1.125rem, 10px);
  }
}

.PersonalReco {
  position: relative;
  padding-block-start: min(3.3333333333vw, 48px);
  padding-block-end: min(1.1111111111vw, 16px);
}
@media only screen and (max-width: 767px) {
  .PersonalReco {
    padding-block-start: 8.875rem;
    padding-block-end: 5.625rem;
  }
}

.PersonalReco__Title {
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(2.0833333333vw, 30px), 14px);
  line-height: 1;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Title {
    font-size: max(1.875rem, 14px);
  }
}

.PersonalReco__Cloud {
  position: relative;
  max-inline-size: min(100vw, 1440px);
  block-size: min(23.8194444444vw, 343px);
  margin-block-start: min(2.0138888889vw, 29px);
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Cloud {
    block-size: auto;
    margin-block-start: 2.4375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
  }
}

.PersonalReco__Pill {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: min(4.375vw, 63px);
  border-radius: 999px;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.7361111111vw, 25px), 14px);
  color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Pill {
    position: static;
    block-size: max(3rem, 29px);
    padding-inline: 1.25rem;
    font-size: max(1.25rem, 12px);
  }
}

.PersonalReco__Pill--purple {
  inset-block-start: 0;
  inset-inline-start: min(13.4027777778vw, 193px);
  inline-size: min(36.1805555556vw, 521px);
  background-color: #8e83aa;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Pill--purple {
    inline-size: max(26.125rem, 251px);
  }
}

.PersonalReco__Pill--rose {
  inset-block-start: 0;
  inset-inline-start: min(52.2916666667vw, 753px);
  inline-size: min(34.5138888889vw, 497px);
  background-color: #a7848a;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Pill--rose {
    inline-size: max(24.875rem, 239px);
  }
}

.PersonalReco__Pill--green {
  inset-block-start: min(5.4861111111vw, 79px);
  inset-inline-start: min(25.625vw, 369px);
  inline-size: min(21.1111111111vw, 304px);
  block-size: min(4.4444444444vw, 64px);
  background-color: #91ac86;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Pill--green {
    inline-size: max(15.125rem, 145px);
    block-size: max(3rem, 29px);
  }
}

.PersonalReco__Pill--key {
  inset-block-start: min(5.4861111111vw, 79px);
  inset-inline-start: min(49.0972222222vw, 707px);
  inline-size: min(31.4583333333vw, 453px);
  block-size: min(4.4444444444vw, 64px);
  background-color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Pill--key {
    inline-size: max(22.75rem, 218px);
    block-size: max(3rem, 29px);
  }
}

.PersonalReco__Img {
  position: absolute;
  inset-block-start: min(10.4861111111vw, 151px);
  inset-inline-start: min(39.8611111111vw, 574px);
  inline-size: min(19.0277777778vw, 274px);
}
@media only screen and (max-width: 767px) {
  .PersonalReco__Img {
    position: static;
    inline-size: 17.5rem;
    margin-block-start: 1.3125rem;
  }
}

.PersonalPoints {
  position: relative;
  padding-block-start: min(0.4166666667vw, 6px);
  padding-block-end: min(4.5138888889vw, 65px);
}
@media only screen and (max-width: 767px) {
  .PersonalPoints {
    padding-block-start: 0;
    padding-block-end: 10rem;
  }
}

.PersonalPoints__Tab {
  --section-tab-w: min(40.1388888889vw, 578px);
  --section-tab-h: min(7.1527777778vw, 103px);
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__Tab {
    --section-tab-w: 28.5625rem;
    --section-tab-h: 5.1875rem;
    padding-inline-start: 3.1875rem;
  }
}

.PersonalPoints__List {
  max-inline-size: min(100vw, 1440px);
  margin-block-start: min(5.625vw, 81px);
  margin-inline: auto;
  padding-inline-start: min(11.25vw, 162px);
  display: flex;
  flex-direction: column;
  row-gap: min(3.4722222222vw, 50px);
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__List {
    max-inline-size: 100%;
    margin-block-start: 6.5rem;
    padding-inline-start: 2.5625rem;
    padding-inline-end: 1.625rem;
    row-gap: 4.625rem;
  }
}

.PersonalPoints__Item {
  display: flex;
  align-items: flex-start;
  column-gap: min(4.2361111111vw, 61px);
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__Item {
    column-gap: 1.875rem;
  }
}

.PersonalPoints__Body {
  margin-block-start: min(2.0833333333vw, 30px);
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__Body {
    margin-block-start: calc(0.4375rem * -1);
  }
}

.PersonalPoints__Photo {
  flex: 0 0 min(21.6666666667vw, 312px);
  block-size: min(15.2083333333vw, 219px);
  border-radius: min(1.1111111111vw, 16px);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__Photo {
    flex-basis: 16.6875rem;
    block-size: 11.75rem;
    border-radius: 0.5rem;
  }
}

.PersonalPoints__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(2.0833333333vw, 30px), 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__Title {
    font-size: max(1.5625rem, 14px);
    line-height: 1.52;
  }
}

.PersonalPoints__Desc {
  margin-block-start: min(2.7083333333vw, 39px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 14px);
  line-height: 1.45;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PersonalPoints__Desc {
    margin-block-start: 0.9375rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.75;
  }
}

.PersonalCourse {
  position: relative;
  padding-block-end: min(3.75vw, 54px);
}
@media only screen and (max-width: 767px) {
  .PersonalCourse {
    padding-block-end: 2.625rem;
  }
}

.PersonalCourse__Band {
  position: absolute;
  inset-inline: 0;
  inset-block-start: min(8.2638888889vw, 119px);
  inset-block-end: 0;
  z-index: 0;
  background-color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__Band {
    inset-block-start: 7rem;
  }
}

.PersonalCourse__Tab {
  position: absolute;
  inset-block-start: min(4.6527777778vw, 67px);
  z-index: 1;
  --section-tab-w: min(24.3055555556vw, 350px);
  --section-tab-h: min(6.25vw, 90px);
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__Tab {
    inset-block-start: 4.1875rem;
    --section-tab-w: 15.0625rem;
    --section-tab-h: 5.1875rem;
    padding-inline-start: 3.3125rem;
  }
}

.PersonalCourse__Entry {
  position: absolute;
  z-index: 1;
  inset-block-start: min(15.6944444444vw, 226px);
  inset-inline-start: min(14.7916666667vw, 213px);
  display: flex;
  align-items: baseline;
  color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__Entry {
    inset-block-start: 10.375rem;
    inset-inline-start: 6.75rem;
  }
}

.PersonalCourse__EntryLabel {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(1.7361111111vw, 25px), 10px);
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__EntryLabel {
    font-size: max(1.5625rem, 10px);
  }
}

.PersonalCourse__EntryYen {
  margin-inline-start: min(1.0416666667vw, 15px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 800;
  font-size: max(min(2.0833333333vw, 30px), 10px);
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__EntryYen {
    margin-inline-start: 1rem;
    font-size: max(1.875rem, 10px);
  }
}

.PersonalCourse__EntryNum {
  margin-inline-start: min(0.2777777778vw, 4px);
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(3.125vw, 45px), 10px);
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__EntryNum {
    margin-inline-start: 0.375rem;
    font-size: max(2.8125rem, 10px);
  }
}

.PersonalCourse__Note {
  position: relative;
  z-index: 1;
  max-inline-size: min(100vw, 1440px);
  margin-block-start: min(1.25vw, 18px);
  margin-inline: auto;
  padding-inline-start: min(62.3611111111vw, 898px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 10px);
  color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__Note {
    max-inline-size: 100%;
    margin-block-start: 1.4375rem;
    padding-inline-start: 0;
    padding-inline-end: 6rem;
    text-align: end;
    font-size: max(1.25rem, 10px);
  }
}

.PersonalCourse__Cards {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: stretch;
  column-gap: min(1.1111111111vw, 16px);
  padding-block-start: min(20.9027777778vw, 301px);
}
@media only screen and (max-width: 767px) {
  .PersonalCourse__Cards {
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
    padding-block-start: 15.625rem;
  }
}

.CourseCard {
  --accent: #8eaebd;
  --accent-tint: #aec5d0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 min(17.1527777778vw, 247px);
  min-block-size: min(27.0833333333vw, 390px);
  padding-block-start: min(1.0416666667vw, 15px);
  padding-block-end: min(1.3888888889vw, 20px);
  border-radius: min(0.5555555556vw, 8px);
  background-color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .CourseCard {
    flex-basis: 16.625rem;
    min-block-size: 26.5625rem;
    padding-block-start: 1rem;
    padding-block-end: 1.0625rem;
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.5rem rgba(61, 61, 61, 0.18);
  }
}

.CourseCard--green {
  --accent: #91ac86;
  --accent-tint: #b0c4a9;
}

.CourseCard--purple {
  --accent: #8e83aa;
  --accent-tint: #aea7c2;
}

.CourseCard--rose {
  --accent: #a7848a;
  --accent-tint: #bfa8ac;
}

.CourseCard__Head {
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: min(14.9305555556vw, 215px);
  block-size: min(5.9027777778vw, 85px);
  border-radius: min(0.6944444444vw, 10px);
  background-color: var(--accent);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Head {
    inline-size: 14.5rem;
    block-size: 5.625rem;
    border-radius: 0.3125rem;
  }
}

.CourseCard__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(1.7361111111vw, 25px), 14px);
  line-height: 1.16;
  text-align: center;
  color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .CourseCard__Title {
    font-size: max(1.5625rem, 14px);
    line-height: 1.16;
  }
}

.CourseCard__Yen,
.CourseCard__Num,
.CourseCard__Per,
.CourseCard__Note,
.CourseCard__MinNum,
.CourseCard__MinPer,
.CourseCard__Label,
.CourseCard__Body {
  color: var(--accent);
}

.CourseCard__Price {
  display: flex;
  align-items: baseline;
  line-height: 1;
  margin-block-start: min(2.0833333333vw, 30px);
  padding-inline-start: min(2.6388888889vw, 38px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Price {
    margin-block-start: 2.1875rem;
    padding-inline-start: 2.4375rem;
  }
}

.CourseCard__Min {
  display: flex;
  align-items: baseline;
  line-height: 1;
  column-gap: min(0.3472222222vw, 5px);
  margin-block-start: min(0.5555555556vw, 8px);
  padding-inline-start: min(6.6666666667vw, 96px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Min {
    column-gap: 0.25rem;
    margin-block-start: 0.875rem;
    padding-inline-start: 6.4375rem;
  }
}

.CourseCard__Yen {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 800;
  font-size: max(min(2.0833333333vw, 30px), 10px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Yen {
    font-size: max(1.875rem, 10px);
  }
}

.CourseCard__Num {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(2.8472222222vw, 41px), 10px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Num {
    font-size: max(2.8125rem, 10px);
  }
}

.CourseCard__Per {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(min(1.3888888889vw, 20px), 10px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Per {
    font-size: max(1.25rem, 10px);
  }
}

.CourseCard__Note {
  align-self: flex-start;
  margin-block-start: min(0.6944444444vw, 10px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(min(1.1111111111vw, 16px), 10px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__Note {
    margin-block-start: 0.375rem;
    font-size: max(1rem, 10px);
  }
}

.CourseCard__MinNum {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(2.8472222222vw, 41px), 10px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__MinNum {
    font-size: max(2.8125rem, 10px);
  }
}

.CourseCard__MinPer {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(min(1.3888888889vw, 20px), 10px);
}
@media only screen and (max-width: 767px) {
  .CourseCard__MinPer {
    font-size: max(1.25rem, 10px);
  }
}

.CourseCard__Label {
  margin-block-start: min(1.5277777778vw, 22px);
  margin-inline-start: min(0.8333333333vw, 12px);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: min(5vw, 72px);
  block-size: min(2.6388888889vw, 38px);
  border-radius: min(0.5555555556vw, 8px);
  background-color: var(--accent-tint);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(min(1.3888888889vw, 20px), 14px);
  color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .CourseCard__Label {
    margin-block-start: 1.8125rem;
    margin-inline-start: 0.8125rem;
    inline-size: 4.6875rem;
    block-size: 2.3125rem;
    border-radius: 0.25rem;
    background-color: var(--accent);
    font-size: max(1.25rem, 14px);
  }
}

.CourseCard__Body {
  margin-block-start: min(0.2083333333vw, 3px);
  margin-inline-start: min(1.0416666667vw, 15px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 12px);
  line-height: 1.45;
}
@media only screen and (max-width: 767px) {
  .CourseCard__Body {
    margin-block-start: 0.4375rem;
    margin-inline-start: 0.875rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.45;
  }
}

.PersonalVoice {
  position: relative;
  padding-block-start: min(10.1388888889vw, 146px);
  padding-block-end: min(4.6527777778vw, 67px);
}
@media only screen and (max-width: 767px) {
  .PersonalVoice {
    padding-block-start: 9.75rem;
    padding-block-end: 4.375rem;
  }
}

.PersonalVoice__Tab {
  --section-tab-w: min(22.7083333333vw, 327px);
  --section-tab-h: min(7.1527777778vw, 103px);
}
@media only screen and (max-width: 767px) {
  .PersonalVoice__Tab {
    --section-tab-w: 15rem;
    --section-tab-h: 5.1875rem;
    padding-inline-start: 3.4375rem;
  }
}

.PersonalVoice__List {
  max-inline-size: min(63.3333333333vw, 912px);
  margin-block-start: min(9.0277777778vw, 130px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: min(1.1111111111vw, 16px);
}
@media only screen and (max-width: 767px) {
  .PersonalVoice__List {
    max-inline-size: 41.9375rem;
    margin-block-start: 3.3125rem;
    align-items: stretch;
    row-gap: 2.5rem;
  }
}

.PersonalVoice__Item {
  display: flex;
  align-items: center;
  column-gap: min(2.0833333333vw, 30px);
  inline-size: min(63.125vw, 909px);
  min-block-size: min(12.5vw, 180px);
  padding-block-start: min(2.0138888889vw, 29px);
  padding-block-end: min(2.0138888889vw, 29px);
  padding-inline-start: min(2.0138888889vw, 29px);
  padding-inline-end: min(2.0138888889vw, 29px);
  border: min(0.2083333333vw, 3px) solid #8eaebd;
  background-color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .PersonalVoice__Item {
    inline-size: 100%;
    min-block-size: 13.125rem;
    column-gap: 1.4375rem;
    padding-block-start: 2rem;
    padding-block-end: 2rem;
    padding-inline-start: 1.8125rem;
    padding-inline-end: 0.9375rem;
    border-width: 0.1875rem;
  }
}

.PersonalVoice__Avatar {
  flex: 0 0 min(6.1111111111vw, 88px);
  inline-size: min(6.1111111111vw, 88px);
}
@media only screen and (max-width: 767px) {
  .PersonalVoice__Avatar {
    flex-basis: 5.5rem;
    inline-size: 5.5rem;
  }
}

.PersonalVoice__Text {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 14px);
  line-height: 1.45;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PersonalVoice__Text {
    font-size: max(1.5625rem, 12px);
    line-height: 1.4;
  }
}

.PersonalFlow {
  position: relative;
  padding-block-start: min(5.7638888889vw, 83px);
  padding-block-end: min(4.7916666667vw, 69px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow {
    padding-block-start: 5.1875rem;
    padding-block-end: 10.3125rem;
  }
}

.PersonalFlow__Tab {
  --section-tab-w: min(34.0972222222vw, 491px);
  --section-tab-h: min(7.5vw, 108px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Tab {
    --section-tab-w: 23.375rem;
    --section-tab-h: 5.1875rem;
    padding-inline-start: 2.5rem;
  }
}

.PersonalFlow__List {
  max-inline-size: min(100vw, 1440px);
  margin-block-start: min(5.3472222222vw, 77px);
  margin-inline: auto;
  padding-inline-start: min(20.6944444444vw, 298px);
  display: flex;
  flex-direction: column;
  row-gap: min(2.5vw, 36px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__List {
    max-inline-size: 100%;
    margin-block-start: 4.125rem;
    padding-inline-start: 2.75rem;
    row-gap: 3.125rem;
  }
}

.PersonalFlow__Item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Item {
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .PersonalFlow__Item:nth-child(3) {
    margin-block-start: 0.625rem;
  }
}

.PersonalFlow__Circle {
  flex: 0 0 min(7.7777777778vw, 112px);
  block-size: min(7.7777777778vw, 112px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Circle {
    flex-basis: 6.8125rem;
    block-size: 6.8125rem;
  }
}
.PersonalFlow__Circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background-color: #8eaebd;
  color: #fcfeff;
}

.PersonalFlow__StepLabel {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(1.3888888889vw, 20px), 10px);
  line-height: 1;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__StepLabel {
    font-size: max(1.25rem, 10px);
  }
}

.PersonalFlow__StepNum {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(min(3.1944444444vw, 46px), 10px);
  line-height: 1;
  margin-block-start: min(0.2777777778vw, 4px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__StepNum {
    margin-block-start: 0.25rem;
    font-size: max(2.875rem, 10px);
  }
}

.PersonalFlow__Icon {
  flex: 0 0 min(4.3055555556vw, 62px);
  margin-inline-start: min(1.875vw, 27px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Icon {
    flex-basis: 3.875rem;
    margin-inline-start: 1.75rem;
  }
}
.PersonalFlow__Icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.PersonalFlow__Body {
  margin-inline-start: min(2.2916666667vw, 33px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Body {
    margin-inline-start: 2.0625rem;
  }
}

.PersonalFlow__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(2.0833333333vw, 30px), 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Title {
    font-size: max(1.875rem, 14px);
  }
}

.PersonalFlow__Desc {
  margin-block-start: min(0.6944444444vw, 10px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Desc {
    margin-block-start: 0.625rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.75;
  }
}

.PersonalFlow__Arrow {
  position: absolute;
  inset-inline-start: min(36.9444444444vw, 532px);
  inline-size: 0;
  block-size: 0;
  border-inline: min(3.6805555556vw, 53px) solid transparent;
  border-block-start: min(1.9444444444vw, 28px) solid #97b4c2;
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Arrow {
    inset-block-start: 100%;
    inset-inline-start: 14.625rem;
    margin-block-start: 0.875rem;
    border-inline-width: 3.1875rem;
    border-block-start-width: 1.4375rem;
    border-block-start-color: #8eaebd;
  }
}

.PersonalFlow__Arrow--1 {
  inset-block-start: min(26.5972222222vw, 383px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Arrow--1 {
    inset-block-start: 100%;
  }
}

.PersonalFlow__Arrow--2 {
  inset-block-start: min(37.0833333333vw, 534px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Arrow--2 {
    inset-block-start: 100%;
  }
}

.PersonalFlow__Arrow--3 {
  inset-block-start: min(47.5vw, 684px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Arrow--3 {
    inset-block-start: 100%;
  }
}

.PersonalFlow__Arrow--4 {
  inset-block-start: min(57.9861111111vw, 835px);
}
@media only screen and (max-width: 767px) {
  .PersonalFlow__Arrow--4 {
    inset-block-start: 100%;
  }
}

.PersonalCta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  block-size: min(25.2083333333vw, 363px);
  margin-block-start: min(6.5972222222vw, 95px);
  padding-block-start: min(6.1805555556vw, 89px);
  overflow: hidden;
  background-image: url(../img/personal/cta-bg.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .PersonalCta {
    block-size: 18.125rem;
    margin-block-start: 0;
    padding-block-start: 1.5625rem;
    background-image: url(../img/personal/cta-bg-sp.webp);
  }
}

.PersonalCta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.42);
}

.PersonalCtaInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.PersonalCta__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(min(2.4305555556vw, 35px), 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .PersonalCta__Title {
    font-size: max(1.5625rem, 14px);
    line-height: 1.76;
    text-align: center;
  }
}

.PersonalCta__Lead {
  margin-block-start: min(1.5972222222vw, 23px);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(min(1.3888888889vw, 20px), 14px);
  line-height: 1.35;
  color: #fcfeff;
}
@media only screen and (max-width: 767px) {
  .PersonalCta__Lead {
    margin-block-start: 0.4375rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.5;
  }
}

.PersonalCta .CtaBtn {
  margin-block-start: min(1.5277777778vw, 22px);
}
@media only screen and (max-width: 767px) {
  .PersonalCta .CtaBtn {
    margin-block-start: 0.625rem;
  }
}

.NewsFv {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  block-size: 18.75rem;
  padding-block-start: 5rem;
  overflow: hidden;
  background-image: url(../img/news/news-fv.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .NewsFv {
    block-size: 15.9375rem;
    padding-block-start: 3.8125rem;
    background-image: url(../img/news/news-fv-sp.webp);
  }
}

.NewsFv::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.4);
}
@media only screen and (max-width: 767px) {
  .NewsFv::before {
    background-color: rgba(61, 61, 61, 0.33);
  }
}

.NewsFvInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.NewsFv__En {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(5rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .NewsFv__En {
    font-size: max(3.75rem, 14px);
  }
}

.NewsFv__Ja {
  margin-block-start: 0.5rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .NewsFv__Ja {
    margin-block-start: 0.125rem;
    font-size: max(1.5625rem, 14px);
  }
}

.NewsFv__Lead {
  margin-block-start: 1.6875rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .NewsFv__Lead {
    margin-block-start: 0.875rem;
    font-size: max(1.25rem, 12px);
  }
}

.NewsArchive {
  padding-block-start: 9.5625rem;
  padding-block-end: 10.625rem;
}
@media only screen and (max-width: 767px) {
  .NewsArchive {
    padding-block-start: 4.375rem;
    padding-block-end: 7.5625rem;
  }
}

.NewsArchiveInner {
  max-inline-size: 53.6875rem;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .NewsArchiveInner {
    max-inline-size: 42.1875rem;
  }
}

.NewsFilter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0.59375rem;
  margin-inline-end: 1rem;
}
@media only screen and (max-width: 767px) {
  .NewsFilter {
    justify-content: center;
    column-gap: 0.4375rem;
    margin-inline-end: 0;
  }
}

.NewsFilter__Btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  inline-size: 8.625rem;
  block-size: 3rem;
  border-radius: 999px;
  border: 0.1875rem solid #8eaebd;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsFilter__Btn {
    inline-size: 9.25rem;
    block-size: 3rem;
    font-size: max(1.25rem, 12px);
  }
}

.NewsFilter__Btn.is-active {
  border-color: transparent;
  background-color: #8eaebd;
  color: #ffffff;
}

.NewsCards {
  margin-block-start: 4.1875rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .NewsCards {
    margin-block-start: 4.25rem;
    row-gap: 3rem;
  }
}

.NewsCard {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 2.4375rem;
  min-block-size: 17.1875rem;
  padding-block: 2.3125rem 2.3125rem;
  padding-inline: 2.5625rem 2.625rem;
  border: 0.1875rem solid #8eaebd;
  border-radius: 1rem;
  background-color: #f3f8fb;
}
@media only screen and (max-width: 767px) {
  .NewsCard {
    min-block-size: 16.875rem;
    column-gap: 1.4375rem;
    padding-block: 1.25rem 1.875rem;
    padding-inline: 1.875rem 1.9375rem;
    border-radius: 1rem;
  }
}

.NewsCard__Body {
  flex: 1;
  min-inline-size: 0;
}

.NewsCard__Date {
  display: block;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.125rem, 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsCard__Date {
    font-size: max(1.25rem, 12px);
  }
}

.NewsCard__Title {
  margin-block-start: 0.5rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsCard__Title {
    margin-block-start: 0.5rem;
    font-size: max(1.5625rem, 14px);
  }
}

.NewsCard__Excerpt {
  margin-block-start: 1.125rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.125rem, 14px);
  line-height: 1.6666666667;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsCard__Excerpt {
    -webkit-line-clamp: 4;
    margin-block-start: 0.75rem;
    font-size: max(1.25rem, 12px);
    line-height: 1.175;
  }
}

.NewsCard__More {
  margin-block-start: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 10rem;
  block-size: 2.875rem;
  border-radius: 999px;
  border: 1px solid #8eaebd;
  background-color: #ffffff;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsCard__More {
    margin-block-start: 1.25rem;
    inline-size: 9.75rem;
    block-size: 2.6875rem;
    font-size: max(1.25rem, 12px);
  }
}

.NewsCard__Thumb {
  flex: 0 0 14.8125rem;
  block-size: 10.125rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .NewsCard__Thumb {
    align-self: center;
    flex-basis: 14.25rem;
    block-size: 10rem;
    border-radius: 0.75rem;
  }
}

.NewsCard__ThumbImg {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.NewsCard__ThumbPlaceholder {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-color: #aeaeae;
}

.NewsArchive__Empty {
  margin-block-start: 4.1875rem;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  color: #737373;
}

.NewsSingle {
  padding-block-start: 9.5625rem;
  padding-block-end: 10.625rem;
}
@media only screen and (max-width: 767px) {
  .NewsSingle {
    padding-block-start: 4.375rem;
    padding-block-end: 7.5625rem;
  }
}

.NewsSingleInner {
  max-inline-size: 53.6875rem;
  margin-inline: auto;
  padding-inline: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .NewsSingleInner {
    max-inline-size: 42.1875rem;
    padding-inline: 1.875rem;
  }
}

.NewsArticle__Meta {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
}

.NewsArticle__Date {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.125rem, 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsArticle__Date {
    font-size: max(1.25rem, 12px);
  }
}

.NewsArticle__Cat {
  inline-size: auto;
  block-size: auto;
  padding-block: 0.375rem;
  padding-inline: 1.25rem;
  font-size: max(1rem, 14px);
}
@media only screen and (max-width: 767px) {
  .NewsArticle__Cat {
    inline-size: auto;
    block-size: auto;
    padding-block: 0.5rem;
    padding-inline: 1.5rem;
    font-size: max(1.125rem, 12px);
  }
}

.NewsArticle__Title {
  margin-block-start: 1.25rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.875rem, 14px);
  line-height: 1.5;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsArticle__Title {
    font-size: max(1.75rem, 14px);
    line-height: 1.5;
  }
}

.NewsArticle__Thumb {
  margin-block-start: 2rem;
  border-radius: 0.625rem;
  overflow: hidden;
}

.NewsArticle__ThumbImg {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.NewsArticle__Content {
  margin-block-start: 2.5rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1.125rem, 14px);
  line-height: 1.6666666667;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .NewsArticle__Content {
    font-size: max(1.25rem, 12px);
    line-height: 1.75;
  }
}

.NewsArticle__Content > * + * {
  margin-block-start: 1.5rem;
}

.NewsArticle__Content h2 {
  margin-block-start: 3rem;
  font-weight: 700;
  font-size: max(1.5rem, 14px);
  line-height: 1.5;
  color: #8eaebd;
}

.NewsArticle__Content h3 {
  margin-block-start: 2.25rem;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1.5;
  color: #8eaebd;
}

.NewsArticle__Content ul,
.NewsArticle__Content ol {
  padding-inline-start: 1.5rem;
  list-style: disc;
}

.NewsArticle__Content ol {
  list-style: decimal;
}

.NewsArticle__Content a {
  color: #8eaebd;
  text-decoration: underline;
}

.NewsArticle__Content img {
  block-size: auto;
}

.NewsPager {
  margin-block-start: 3.3125rem;
  display: flex;
  justify-content: center;
  column-gap: 1.0625rem;
}
@media only screen and (max-width: 767px) {
  .NewsPager {
    margin-block-start: 5rem;
    column-gap: 1.4375rem;
  }
}

.NewsPager .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  inline-size: 2.6875rem;
  block-size: 2.6875rem;
  border-radius: 999px;
  border: 0.125rem solid #8eaebd;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.875rem, 10px);
  line-height: 1;
  padding-block-end: 1.1875rem;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .NewsPager .page-numbers {
    inline-size: 3.5625rem;
    block-size: 3.5625rem;
    border-width: 0.1875rem;
    font-size: max(2.5rem, 10px);
    padding-block-end: 1.5625rem;
  }
}

.NewsPager .page-numbers.current {
  border-color: transparent;
  background-color: #8eaebd;
  color: #fcfeff;
}

.NewsCta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  block-size: 22.4375rem;
  padding-block-start: 7.3125rem;
  overflow: hidden;
  background-image: url(../img/news/cta-bg.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .NewsCta {
    block-size: 18.125rem;
    padding-block-start: 2.4375rem;
    background-image: url(../img/news/cta-bg-sp.webp);
  }
}

.NewsCta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.42);
}

.NewsCtaInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.NewsCta__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(2.1875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .NewsCta__Title {
    font-size: max(1.5625rem, 14px);
  }
}

.NewsCta__Btns {
  margin-block-start: 2.375rem;
  display: flex;
  column-gap: 5.75rem;
}
@media only screen and (max-width: 767px) {
  .NewsCta__Btns {
    flex-direction: column;
    align-items: center;
    column-gap: 0;
    row-gap: 1rem;
    margin-block-start: 2.6875rem;
  }
}

.ContactFv {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  block-size: 18.75rem;
  padding-block-start: 5.5rem;
  overflow: hidden;
  background-image: url(../img/contact/contact-fv.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .ContactFv {
    block-size: 16rem;
    margin-block-start: calc(0.0625rem * -1);
    padding-block-start: 4.1875rem;
    background-image: url(../img/contact/contact-fv-sp.webp);
  }
}

.ContactFvInner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ContactFv__En {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(5rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ContactFv__En {
    font-size: max(3.75rem, 14px);
  }
}

.ContactFv__Ja {
  margin-block-start: 0.375rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ContactFv__Ja {
    margin-block-start: calc(0.1875rem * -1);
    font-size: max(1.5625rem, 14px);
  }
}

.ContactForm {
  padding-block: 3.3125rem 3.6875rem;
}
@media only screen and (max-width: 767px) {
  .ContactForm {
    padding-block: 4.5rem 4.9375rem;
  }
}

.ContactFormPanel {
  display: flex;
  flex-direction: column;
  align-items: center;
  inline-size: min(100%, 80.1875rem);
  min-block-size: 94.375rem;
  margin-inline: auto;
  padding-block: 4.4375rem 6.1875rem;
  background-color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .ContactFormPanel {
    inline-size: 41.875rem;
    min-block-size: auto;
    padding-block: 1.5625rem 5.25rem;
    padding-inline: 3.5rem;
  }
}

.ContactFormPanel__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(2.1875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ContactFormPanel__Title {
    font-size: max(1.625rem, 14px);
  }
}

.ContactFormPanel__GlobalError {
  margin-block-start: 1rem;
  padding-block: 0.75rem;
  padding-inline: 1.25rem;
  border: 0.125rem solid #d9534f;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(1rem, 14px);
  text-align: center;
  color: #ffe1df;
}

.ContactTabs {
  display: flex;
  column-gap: 0.375rem;
  margin-block-start: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .ContactTabs {
    column-gap: 1.25rem;
    margin-block-start: 2.125rem;
  }
}

.ContactTab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 14.25rem;
  block-size: 3.9375rem;
  border-radius: 999px;
  border: 0.09375rem solid #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .ContactTab {
    inline-size: 13.75rem;
    block-size: 3.6875rem;
    border-width: 0.125rem;
  }
}

.ContactTab input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.ContactTab__Label {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ContactTab__Label {
    font-size: max(1.25rem, 12px);
  }
}

.ContactTab:has(input:checked) {
  background-color: #ffffff;
  border-color: #ffffff;
}

.ContactTab:has(input:checked) .ContactTab__Label {
  color: #8eaebd;
}

.ContactTab:has(input:focus-visible) {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.125rem;
}

.ContactForm__RequiredNote {
  margin-block-start: 1.75rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1.125rem, 14px);
  line-height: 1;
  color: #ffffff;
}

.ContactField__Req {
  margin-inline-start: 0.125rem;
  color: #e5352c;
}

.ContactFields {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  row-gap: 1.8125rem;
  margin-block-start: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .ContactFields {
    align-self: stretch;
    row-gap: 1.375rem;
    margin-block-start: 1.25rem;
  }
}

.ContactField {
  display: grid;
  grid-template-columns: 18.125rem 43.875rem;
  column-gap: 1.25rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ContactField {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 0.6875rem;
    align-items: start;
  }
}

.ContactField--area {
  align-items: start;
  margin-block-start: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .ContactField--area {
    margin-block-start: 0;
  }
}

.ContactField__Label {
  justify-self: end;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #ffffff;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .ContactField__Label {
    justify-self: start;
    font-size: max(1.25rem, 12px);
  }
}

.ContactField--area .ContactField__Label {
  padding-block-start: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .ContactField--area .ContactField__Label {
    padding-block-start: 0;
  }
}

.ContactField__Input {
  inline-size: 100%;
  block-size: 4.5rem;
  padding-inline: 2rem;
  border-radius: 0.6875rem;
}
@media only screen and (max-width: 767px) {
  .ContactField__Input {
    block-size: 4.25rem;
    padding-inline: 1.6875rem;
    border-radius: 0.6875rem;
    font-size: max(1.25rem, 12px);
  }
}
.ContactField__Input {
  background-color: #ffffff;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1.25rem, 14px);
  color: #737373;
}

.ContactField__Area {
  inline-size: 100%;
  block-size: 25.875rem;
  padding-block: 1.25rem;
  padding-inline: 2rem;
}
@media only screen and (max-width: 767px) {
  .ContactField__Area {
    block-size: 19.875rem;
    padding-inline: 1.6875rem;
    font-size: max(1.25rem, 12px);
  }
}
.ContactField__Area {
  border-radius: 0.6875rem;
  background-color: #ffffff;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1.25rem, 14px);
  line-height: 1.5;
  color: #737373;
  resize: vertical;
}

.ContactField__Input::placeholder,
.ContactField__Area::placeholder {
  color: #d0dade;
}

.ContactField.is-error .ContactField__Input,
.ContactField.is-error .ContactField__Area {
  outline: 0.125rem solid #d9534f;
}

.ContactField__Error {
  grid-column: 2;
  margin-block-start: 0.375rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(0.875rem, 14px);
  color: #ffe1df;
}

.ContactSubmit {
  margin-block-start: auto;
}
@media only screen and (max-width: 767px) {
  .ContactSubmit {
    margin-block-start: 4.625rem;
  }
}

.ContactSubmit__Btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 34.75rem;
  block-size: 5.625rem;
  border-radius: 2.375rem;
  background-color: #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .ContactSubmit__Btn {
    inline-size: 34.875rem;
    block-size: 5.5rem;
    border-radius: 999px;
  }
}

.ContactSubmit__Text {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .ContactSubmit__Text {
    font-size: max(1.5625rem, 14px);
  }
}

.ContactSubmit__Arrow {
  position: absolute;
  inset-inline-end: 2.25rem;
  inline-size: 0.8125rem;
  block-size: 1.4375rem;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .ContactSubmit__Arrow {
    inset-inline-end: 1.9375rem;
    inline-size: 0.6875rem;
    block-size: 1.25rem;
  }
}

.ContactSubmit__Btn:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.125rem;
}

.ContactPrivacy {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-start: 3rem;
}

.ContactPrivacy__Label {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  cursor: pointer;
}

.ContactPrivacy__Check {
  inline-size: max(1.25rem, 20px);
  block-size: max(1.25rem, 20px);
  flex-shrink: 0;
  display: grid;
  place-content: center;
  border: max(0.125rem, 2px) solid #ffffff;
  background-color: transparent;
  cursor: pointer;
}

.ContactPrivacy__Check:checked {
  background-color: #ffffff;
}

.ContactPrivacy__Check:checked::before {
  content: "";
  inline-size: max(0.625rem, 10px);
  block-size: max(0.3125rem, 5px);
  border-inline-start: max(0.125rem, 2px) solid #8eaebd;
  border-block-end: max(0.125rem, 2px) solid #8eaebd;
  transform: rotate(-45deg) translate(0.0625rem, -0.0625rem);
}

.ContactPrivacy__Check:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.125rem;
}

.ContactPrivacy__Text {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(1.25rem, 14px);
  line-height: 1;
  color: #ffffff;
}

.ContactPrivacy__Link {
  color: #ffffff;
  text-decoration: underline;
}

.ContactPrivacy.is-error .ContactPrivacy__Check {
  outline: 0.125rem solid #d9534f;
  outline-offset: 0.125rem;
}

.ContactPrivacy .ContactField__Error {
  grid-column: auto;
  margin-block-start: 0.625rem;
}

.ContactFormPanel--confirm {
  min-block-size: auto;
  padding-block: 4.4375rem 4.4375rem;
}

.ContactConfirm__Lead {
  margin-block-start: 1.5rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1.125rem, 14px);
  line-height: 1.6666666667;
  color: #ffffff;
}

.ContactConfirm__List {
  inline-size: min(100%, 63.25rem);
  margin-block-start: 2.5rem;
}

.ContactConfirm__Item {
  display: grid;
  grid-template-columns: 18.125rem 1fr;
  column-gap: 1.25rem;
  padding-block: 1.25rem;
  border-block-end: 0.0625rem solid #ffffff;
}
@media only screen and (max-width: 767px) {
  .ContactConfirm__Item {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 0.375rem;
  }
}

.ContactConfirm__Label {
  justify-self: end;
}
@media only screen and (max-width: 767px) {
  .ContactConfirm__Label {
    justify-self: start;
  }
}
.ContactConfirm__Label {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: max(1.25rem, 14px);
  color: #ffffff;
}

.ContactConfirm__Value {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1.25rem, 14px);
  line-height: 1.6;
  color: #ffffff;
  word-break: break-word;
}

.ContactConfirm__Actions {
  display: flex;
  justify-content: center;
  margin-block-start: 3.125rem;
}

.ContactConfirm__BackForm {
  display: flex;
  justify-content: center;
  margin-block-start: 1.5rem;
}

.ContactConfirm__BackButton {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.125rem, 14px);
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}

.ContactCta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  block-size: 22.4375rem;
  padding-block-start: 7.3125rem;
  overflow: hidden;
  background-image: url(../img/news/cta-bg.webp);
}
@media only screen and (max-width: 767px) {
  .ContactCta {
    block-size: 18.125rem;
    padding-block-start: 2.4375rem;
    background-image: url(../img/news/cta-bg-sp.webp);
  }
}
.ContactCta {
  background-position: center;
  background-size: cover;
}

.ContactCta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.42);
}

.ContactCtaInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ContactCta__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(2.1875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ContactCta__Title {
    font-size: max(1.5625rem, 14px);
  }
}

.ContactCta__Btns {
  margin-block-start: 2.375rem;
  display: flex;
  column-gap: 5.75rem;
}
@media only screen and (max-width: 767px) {
  .ContactCta__Btns {
    flex-direction: column;
    align-items: center;
    column-gap: 0;
    row-gap: 1rem;
    margin-block-start: 2.6875rem;
  }
}

.PrivacyFv {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  block-size: 18.75rem;
  padding-block-start: 5.625rem;
  overflow: hidden;
  background-image: url(../img/privacy/fv_bg-privacy.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .PrivacyFv {
    block-size: 16rem;
    margin-block-start: calc(0.0625rem * -1);
    padding-block-start: 4.1875rem;
  }
}

.PrivacyFv::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.4);
}

.PrivacyFvInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.PrivacyFv__En {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(5rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .PrivacyFv__En {
    font-size: max(3.75rem, 14px);
  }
}

.PrivacyFv__Ja {
  margin-block-start: 0.5rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .PrivacyFv__Ja {
    margin-block-start: calc(0.1875rem * -1);
    font-size: max(1.5625rem, 14px);
  }
}

.PrivacyBody {
  padding-block: 5.625rem 7.5rem;
}
@media only screen and (max-width: 767px) {
  .PrivacyBody {
    padding-block: 4.375rem 6.25rem;
  }
}

.PrivacyInner {
  max-inline-size: 60rem;
  margin-inline: auto;
  padding-inline: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .PrivacyInner {
    max-inline-size: 100%;
    padding-inline: 2.5rem;
  }
}

.PrivacyLead {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1rem, 14px);
  line-height: 2;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PrivacyLead {
    font-size: max(1.75rem, 14px);
    line-height: 1.8571428571;
  }
}

.PrivacySection {
  margin-block-start: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .PrivacySection {
    margin-block-start: 4rem;
  }
}

.PrivacySection__Title {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(1.5rem, 14px);
  line-height: 1.5;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .PrivacySection__Title {
    font-size: max(2.125rem, 14px);
  }
}

.PrivacySection__Text {
  margin-block-start: 1.125rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1rem, 14px);
  line-height: 2;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PrivacySection__Text {
    margin-block-start: 1.5rem;
    font-size: max(1.75rem, 14px);
    line-height: 1.8571428571;
  }
}

.PrivacyList {
  margin-block-start: 1.125rem;
  padding-inline-start: 1.5rem;
  list-style: disc;
}
@media only screen and (max-width: 767px) {
  .PrivacyList {
    margin-block-start: 1.5rem;
    padding-inline-start: 2.25rem;
  }
}

.PrivacyList li {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-size: max(1rem, 14px);
  line-height: 2.125;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .PrivacyList li {
    font-size: max(1.75rem, 14px);
    line-height: 1.9642857143;
  }
}

.PrivacyList li::marker {
  color: #8eaebd;
}

.PrivacyLink {
  color: #8eaebd;
  text-decoration: underline;
  word-break: break-all;
}

.ErrorFv {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  block-size: 18.75rem;
  overflow: hidden;
  background-image: url(../img/privacy/fv_bg-privacy.webp);
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .ErrorFv {
    block-size: 15.9375rem;
  }
}

.ErrorFv::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(61, 61, 61, 0.4);
}

.ErrorFvInner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ErrorFv__En {
  font-family: "Maven Pro", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: max(5rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ErrorFv__En {
    font-size: max(3.75rem, 14px);
  }
}

.ErrorFv__Ja {
  margin-block-start: 0.5rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: max(1.875rem, 14px);
  line-height: 1;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ErrorFv__Ja {
    margin-block-start: 0.125rem;
    font-size: max(1.5625rem, 14px);
  }
}

.Error {
  padding-block: 5.625rem 7.5rem;
}
@media only screen and (max-width: 767px) {
  .Error {
    padding-block: 4.375rem 5.625rem;
  }
}

.ErrorInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-inline-size: 60rem;
  margin-inline: auto;
  padding-inline: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .ErrorInner {
    max-inline-size: 100%;
    padding-inline: 2.5rem;
  }
}

.Error__Lead {
  font-weight: 400;
  font-size: max(1rem, 14px);
  line-height: 2;
  text-align: center;
  color: #737373;
}
@media only screen and (max-width: 767px) {
  .Error__Lead {
    font-size: max(1.75rem, 14px);
    line-height: 1.86;
  }
}

.Error__Actions {
  margin-block-start: 3rem;
}
@media only screen and (max-width: 767px) {
  .Error__Actions {
    margin-block-start: 3.5rem;
  }
}

.Error__Body {
  inline-size: 100%;
}

.Error__List {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .Error__List {
    row-gap: 2rem;
  }
}

.Error__ListLink {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.Error__ListTitle {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 600;
  font-size: max(1.25rem, 14px);
  line-height: 1.6;
  color: #8eaebd;
}
@media only screen and (max-width: 767px) {
  .Error__ListTitle {
    font-size: max(1.625rem, 14px);
  }
}

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