@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* ボックスモデルのリセット
============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  min-width: 0;
  border-style: solid;
  border-width: 0;
}

/* Document
============================================ */
/**
 * 1. すべてのブラウザで行の高さを修正。
 * 2. iOSで方向変更後のフォントサイズの調整を禁止
 * 3. iOSのリンク上の灰色のオーバーレイを削除
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* Sections
 ============================================ */
/**
 * すべてのブラウザでマージンを削除
 */
body {
  margin: 0;
  text-size-adjust: 100%;
  line-break: strict;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * IEで一貫して「main」要素をレンダリング
 */
main {
  display: block;
}

/* マージンリセット
 ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* 見出し
 ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

/* リスト
 ============================================ */
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* 定義リスト
 ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content
 ============================================ */
/**
 * 1. Firefoxで正しいボックスサイズを追加
 * 2. EdgeとIEでオーバーフローを表示
 */
hr {
  box-sizing: content-box;
  height: 0;
  margin: 0;
  overflow: visible;
  clear: both;
  color: inherit;
  border-top-width: 1px;
}

/**
 * 1. すべてのブラウザでフォントサイズの継承と拡大縮小を修正
 * 2. すべてのブラウザーで`em`のフォントサイズが変なのを修正
 */
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

blockquote,
q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before,
q::after {
  content: none;
}

/* テキストレベルの設定
 ============================================ */
/**
 * IE10でアクティブリンクの灰色背景を削除
 */
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/**
 * 1. Chrome 57-で下部のボーダーを削除
 * 2. Chrome、Edge、IE、Opera、Safariで正しいテキスト装飾を追加
 */
abbr[title] {
  text-decoration: underline dotted;
}

/**
 * Chrome、Edge、Safariで正しいフォントウェイトを追加
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. すべてのブラウザでフォントサイズの継承と拡大縮小を修正
 * 2. すべてのブラウザーで`em`のフォントサイズが変なのを修正
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

/**
 * すべてのブラウザで正しいフォントサイズを追加
 */
small {
  font-size: 80%;
}

/**
 * すべてのブラウザで `sub` と `sup` 要素が行の高さに影響しないようにする。
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
 * フォントスタイルリセット
 */
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: inherit;
}

/* 置換要素
 ============================================ */
/**
 * vertical-alignの差異を防ぐ
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

img,
abbr,
acronym {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
}

a img {
  border: 0;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

/* Forms
 ============================================ */
/**
 * フォームフィールドをリセットして、スタイル設定できるようにする
 * 1. iOSは特に、システム間でフォーム要素をスタイリング可能にする
 * 2. 親要素から text-transform を継承する
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
}

:focus:not(:focus-visible) {
  outline: 0;
}

/**
 * クリック可能な要素のカーソルを修正
 */
button,
select,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Firefoxのアウトラインを改善し、入力要素とボタンのスタイルを統一
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * paddingを取り除く
 */
option {
  padding: 0;
}

/**
 * 不可視にリセット
 */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  padding: 0;
}

/**
 * Chrome、Firefox、Operaで正しいvertical-alignを追加する
 */
progress {
  vertical-align: baseline;
}

/**
 * IE 10+のデフォルトの垂直スクロールバーを削除
 */
textarea {
  overflow: auto;
}

/**
 * Chromeのインクリメントボタンとデクリメントボタンのカーソルスタイルを修正
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Safariのアウトラインスタイルを修正
 */
[type=search] {
  outline-offset: -2px;
}

/**
 * macOSのChromeとSafariで内側のパディングを削除
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. iOSとSafariでクリッカブルタイプのスタイル設定ができない問題を修正
 * 2. フォントの継承を修正
 */
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

/**
 * Firefoxの外観を修正
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * クリック可能なラベル
 */
label {
  cursor: pointer;
}

/* Interactive
 ============================================ */
/*
 * Edge、IE 10+、Firefoxで正しく表示されるようにする
 */
details {
  display: block;
}

/*
 * すべてのブラウザで正しく表示されるようにする
 */
summary {
  display: list-item;
  list-style: none;
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none;
}

/*
 * 編集可能なコンテンツのアウトラインを削除
 */
[contenteditable]:focus {
  outline: auto;
}

/* テーブル
 ============================================ */
/**
1. すべてのChromeとSafariで、テーブルのボーダー色の継承を修正
*/
table {
  font-size: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: inherit;
}

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: left;
}

/* ========================================== */
/* base
-------------------------------------------------------------- */
html {
  cursor: default;
  scroll-padding-top: var(--header-h);
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  position: relative;
  min-height: 100dvh;
  font-family: "Noto Sans JP", sans-serif;
  color: #414C56;
  background-color: #F8F8F8;
  overflow-x: clip;
}
@media print {
  body {
    overflow: visible visible;
  }
}

:root {
  --leading-trim: calc((1em - 1lh) / 2);
}
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0;
  }
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

a {
  font-size: 100%;
  color: inherit;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}

/* レスポンシブ
-------------------------------------------------------------- */
@media (min-width: 768px) {
  :root {
    --header-h: min(80px, calc(5.5555555556 * var(--vw)));
  }
  body {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
  .sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  :root {
    --header-h: calc(16.4102564103 * var(--vw));
  }
  body {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
  .pc {
    display: none !important;
  }
}
/* アニメーション
============================================ */
/* Slider */
.swiper {
  height: 100%;
}

.swiper-fade .swiper-slide {
  transition-timing-function: ease-out;
}

/* .g-header
--------------------------------------------- */
.g-header {
  position: fixed;
  top: 0;
  z-index: 99;
}
.g-header__home {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.g-header__logo-txt {
  color: #64727D;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.g-header__input {
  display: none;
}
@media (min-width: 768px) {
  .g-header {
    width: 94.4444444444vw;
    height: min(80px, calc(5.5555555556 * var(--vw)));
    padding-left: min(28px, calc(1.9444444444 * var(--vw)));
    background-color: #F8F8F8;
    border-radius: 0 0 1.3888888889vw 1.3888888889vw;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .g-header__home {
    gap: min(17px, calc(1.1805555556 * var(--vw)));
  }
  .g-header__logo {
    width: min(101px, calc(7.0138888889 * var(--vw)));
    aspect-ratio: 101/42;
  }
  .g-header__logo-txt {
    font-size: min(14px, calc(0.9722222222 * var(--vw)));
    line-height: 1.2142857143;
    margin-top: min(8px, calc(0.5555555556 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .g-header {
    width: 100%;
    background-color: rgba(248, 248, 248, 0.8);
    backdrop-filter: blur(calc(5.1282051282 * var(--vw)));
    left: 0;
  }
  .g-header__home {
    gap: calc(4.1025641026 * var(--vw));
  }
  .g-header__logo {
    width: calc(23.5897435897 * var(--vw));
    aspect-ratio: 92/37;
  }
  .g-header__logo-txt {
    font-size: calc(2.5641025641 * var(--vw));
    line-height: 2;
    margin-top: calc(3.5897435897 * var(--vw));
  }
  .g-header__sp-wrap {
    height: calc(16.4102564103 * var(--vw));
    padding: 0 calc(4.1025641026 * var(--vw));
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(3.0769230769 * var(--vw));
  }
  .g-header__sp-menu-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(3.0769230769 * var(--vw));
    margin-left: auto;
  }
  .g-header__btn {
    color: transparent;
    font-size: 0;
    display: block;
    width: calc(12.3076923077 * var(--vw));
    margin-left: auto;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
  }
  .g-header__btn::before, .g-header__btn::after {
    content: "";
    transition: rotate 0.3s ease-out, margin-top 0.3s ease-out;
  }
  .g-header__btn::before, .g-header__btn::after,
  .g-header__btn span {
    width: calc(6.1538461538 * var(--vw));
    height: 2px;
    background-color: #152660;
    border-radius: 100vmax;
    translate: -50% -50%;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .g-header__btn span {
    transition: left 0.3s ease-out;
  }
  .g-header__btn[aria-expanded=false]::before {
    margin-top: calc(-2.0512820513 * var(--vw));
  }
  .g-header__btn[aria-expanded=false]::after {
    margin-top: calc(2.0512820513 * var(--vw));
  }
  .g-header__btn[aria-expanded=true]::before {
    rotate: 36deg;
  }
  .g-header__btn[aria-expanded=true]::after {
    rotate: -36deg;
  }
  .g-header__btn[aria-expanded=true] span {
    left: -100%;
  }
}

/* .g-gnav
----------------------------------- */
.g-nav {
  display: flex;
}
.g-nav__item {
  position: relative;
}
.g-nav__link {
  color: #414C56;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: color 0.3s ease-out;
  cursor: pointer;
  transition: color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-nav__link[href]:hover {
    color: #00AEEF;
  }
}
.g-nav__link svg {
  transition: transform 0.3s ease-out;
}
.g-nav__sub {
  max-height: 0;
  overflow: hidden;
}
.g-nav__sub-list {
  background-color: #F8F8F8;
}
.g-nav__sub-link {
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-nav__sub-link[href]:hover {
    color: #00AEEF;
  }
}
@media (any-hover: hover) {
  .g-nav__sub-link:hover path {
    fill: #00AEEF;
  }
}
.g-nav__sub-link path {
  transition: fill 0.3s ease-out;
}
.g-nav__btn {
  font-family: "Fugaz One", sans-serif;
  color: #F5F6F7;
  background-color: #FC474A;
  border-right: solid 2px #FC474A;
  border-bottom: solid 2px #FC474A;
  border-left: solid 2px #FC474A;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-nav__btn:hover {
    color: #FC474A;
    background-color: #F5F6F7;
  }
}
.g-nav__btn-txt {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .g-nav {
    margin-left: auto;
    gap: min(48px, calc(3.3333333333 * var(--vw)));
  }
  .g-nav__list {
    display: flex;
  }
  .g-nav__list {
    gap: min(26px, calc(1.8055555556 * var(--vw)));
  }
}
@media (min-width: 768px) and (any-hover: hover) {
  .g-nav__item:hover .g-nav__sub {
    max-height: min(300px, calc(20.8333333333 * var(--vw)));
  }
  .g-nav__item:hover .g-nav__link svg {
    transform: rotate(-180deg);
  }
}
@media (min-width: 768px) {
  .g-nav__link {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    line-height: 1.875;
    height: min(80px, calc(5.5555555556 * var(--vw)));
    justify-content: flex-start;
    gap: min(8px, calc(0.5555555556 * var(--vw)));
  }
  .g-nav__sub {
    padding-top: min(80px, calc(5.5555555556 * var(--vw)));
    filter: drop-shadow(0 min(4px, calc(0.2777777778 * var(--vw))) min(20px, calc(1.3888888889 * var(--vw))) rgba(0, 0, 0, 0.15));
    position: absolute;
    top: 0;
    left: max(-14px, calc(-0.9722222222 * var(--vw)));
    z-index: -1;
    transition: max-height 0.5s ease-out;
  }
  .g-nav__sub-list {
    width: min(178px, calc(12.3611111111 * var(--vw)));
    padding: min(12px, calc(0.8333333333 * var(--vw))) min(20px, calc(1.3888888889 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .g-nav__sub-item:not(:first-of-type) {
    padding-top: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .g-nav__sub-item:not(:last-of-type) .g-nav__sub-link {
    padding-bottom: min(10px, calc(0.6944444444 * var(--vw)));
    border-bottom: solid 1px #414C56;
  }
  .g-nav__sub-link {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    line-height: 1.875;
  }
  .g-nav__sub-link svg {
    width: min(5px, calc(0.3472222222 * var(--vw)));
    height: min(8px, calc(0.5555555556 * var(--vw)));
  }
  .g-nav__btn {
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.4736842105;
    width: min(260px, calc(18.0555555556 * var(--vw)));
    height: min(80px, calc(5.5555555556 * var(--vw)));
    border-radius: 0 0 min(20px, calc(1.3888888889 * var(--vw))) min(20px, calc(1.3888888889 * var(--vw)));
    gap: min(16px, calc(1.1111111111 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .g-nav {
    gap: calc(3.0769230769 * var(--vw));
    width: 100%;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0.3s ease-out, max-height 0.3s ease-out;
  }
  .g-nav__list {
    width: 100%;
  }
  .g-nav__item:not(:last-of-type) {
    border-bottom: solid 1px #152660;
  }
  .g-nav__btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(3.0769230769 * var(--vw)) calc(4.1025641026 * var(--vw)) calc(3.0769230769 * var(--vw)) calc(6.1538461538 * var(--vw));
  }
  .g-nav__btn-wrap .g-nav__link {
    padding: unset;
  }
  .g-nav__link {
    color: #152660;
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 700;
    line-height: 1.7692307692;
    padding: calc(3.0769230769 * var(--vw)) calc(4.1025641026 * var(--vw)) calc(3.0769230769 * var(--vw)) calc(6.1538461538 * var(--vw));
  }
  .g-nav__link--no-sub {
    width: 100%;
    justify-content: space-between;
  }
  .g-nav__arrow-wrap {
    width: calc(8.2051282051 * var(--vw));
    height: calc(8.2051282051 * var(--vw));
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .g-nav__arrow-wrap svg {
    width: calc(1.5384615385 * var(--vw));
    height: calc(3.0769230769 * var(--vw));
  }
  .g-nav__trigger {
    width: calc(8.2051282051 * var(--vw));
    height: calc(8.2051282051 * var(--vw));
    flex-shrink: 0;
    position: relative;
  }
  .g-nav__trigger::before, .g-nav__trigger::after {
    content: "";
    display: inline-block;
    background-color: #152660;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .g-nav__trigger::before {
    width: calc(3.0769230769 * var(--vw));
    height: 2px;
    transition: opacity 0.3s ease-out;
  }
  .g-nav__trigger::after {
    width: 2px;
    height: calc(3.0769230769 * var(--vw));
    transition: transform 0.3s ease-out;
  }
  .g-nav__trigger[aria-expanded=true]::before {
    opacity: 0;
  }
  .g-nav__trigger[aria-expanded=true]::after {
    position: absolute;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
  }
  .g-nav__sub {
    padding: 0 calc(4.1025641026 * var(--vw)) 0 calc(6.1538461538 * var(--vw));
    pointer-events: none;
    transition: max-height 0.3s ease-out;
  }
  .g-nav__sub[aria-hidden=false] {
    pointer-events: auto;
    max-height: calc(38.4615384615 * var(--vw));
  }
  .g-nav__sub-list {
    padding: calc(1.0256410256 * var(--vw)) 0 calc(7.1794871795 * var(--vw));
    background-color: unset;
  }
  .g-nav__sub-item {
    padding-right: calc(3.5897435897 * var(--vw));
  }
  .g-nav__sub-item:not(:first-of-type) {
    margin-top: calc(6.1538461538 * var(--vw));
  }
  .g-nav__sub-link {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 500;
    line-height: 1.7692307692;
  }
  .g-nav__sub-link svg {
    width: calc(1.0256410256 * var(--vw));
    height: calc(2.0512820513 * var(--vw));
  }
  .g-nav__btn {
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.4666666667;
    height: calc(8.7179487179 * var(--vw));
    border-radius: calc(2.0512820513 * var(--vw));
    padding: calc(1.5384615385 * var(--vw)) calc(3.0769230769 * var(--vw)) calc(0.5128205128 * var(--vw)) calc(3.5897435897 * var(--vw));
  }
}

/* .g-footer
--------------------------------------------- */
.g-footer {
  background-color: #DFEBEF;
}
.g-footer__box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.g-footer__logo, .g-footer__lead {
  display: inline-block;
}
.g-footer__logo img, .g-footer__lead img {
  width: 100%;
}
.g-footer__corporate-link {
  color: #00AEEF;
  font-weight: 500;
  line-height: 1.2142857143;
  border: solid 1px #00AEEF;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-footer__corporate-link:hover {
    color: #F5F6F7;
    background-color: #00AEEF;
  }
  .g-footer__corporate-link:hover path {
    stroke: #F5F6F7;
  }
}
.g-footer__corporate-link path {
  transition: stroke 0.3s ease-out;
}
.g-footer__sns-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-footer__sns-wrap::before, .g-footer__sns-wrap::after {
  content: "";
  display: block;
  width: 100%;
  background-color: #00AEEF;
  height: 1px;
}
.g-footer__sns {
  background-color: #00AEEF;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-footer__sns:hover {
    background-color: #33C9FF;
  }
}
.g-footer__small {
  font-weight: 400;
  line-height: 1.1818181818;
  display: block;
}
@media (min-width: 768px) {
  .g-footer__wrap {
    padding: min(66px, calc(4.5833333333 * var(--vw))) 0 min(48px, calc(3.3333333333 * var(--vw)));
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .g-footer__box {
    padding-top: min(54px, calc(3.75 * var(--vw)));
  }
  .g-footer__logo {
    width: min(242px, calc(16.8055555556 * var(--vw)));
  }
  .g-footer__lead {
    width: min(536px, calc(37.2222222222 * var(--vw)));
    margin-top: min(100px, calc(6.9444444444 * var(--vw)));
  }
  .g-footer__corporate-link {
    font-size: min(14px, calc(0.9722222222 * var(--vw)));
    margin-top: min(15px, calc(1.0416666667 * var(--vw)));
    padding: min(5px, calc(0.3125 * var(--vw))) min(13px, calc(0.8680555556 * var(--vw))) min(5px, calc(0.3125 * var(--vw))) min(37px, calc(2.5694444444 * var(--vw)));
    gap: min(14px, calc(0.9375 * var(--vw)));
  }
  .g-footer__corporate-link svg {
    width: min(12px, calc(0.8333333333 * var(--vw)));
    height: min(13px, calc(0.8680555556 * var(--vw)));
  }
  .g-footer__sns-wrap {
    margin-top: min(14px, calc(0.9722222222 * var(--vw)));
    gap: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .g-footer__sns {
    width: min(48px, calc(3.3333333333 * var(--vw)));
    height: min(48px, calc(3.3333333333 * var(--vw)));
  }
  .g-footer__sns img {
    width: min(24px, calc(1.6666666667 * var(--vw)));
    height: min(24px, calc(1.6666666667 * var(--vw)));
  }
  .g-footer__copy {
    padding: min(58px, calc(4.0277777778 * var(--vw))) 0;
    border-top: solid 1px #8C8C8C;
  }
  .g-footer__small {
    font-size: min(11px, calc(0.7638888889 * var(--vw)));
    text-align: right;
  }
}
@media (max-width: 767px) {
  .g-footer__wrap {
    padding-top: calc(6.1538461538 * var(--vw));
  }
  .g-footer__box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: calc(4.6153846154 * var(--vw));
  }
  .g-footer__logo {
    width: calc(46.6666666667 * var(--vw));
  }
  .g-footer__corporate-link {
    font-size: calc(3.5897435897 * var(--vw));
    padding: calc(2.1794871795 * var(--vw)) calc(2.5641025641 * var(--vw)) calc(1.9230769231 * var(--vw)) calc(10.2564102564 * var(--vw));
    gap: calc(4.2307692308 * var(--vw));
  }
  .g-footer__corporate-link svg {
    width: calc(2.8205128205 * var(--vw));
    height: calc(3.0769230769 * var(--vw));
  }
  .g-footer__sns-wrap {
    margin-top: calc(4.358974359 * var(--vw));
    margin-inline: calc(50% - 50vw);
    gap: calc(5.1282051282 * var(--vw));
  }
  .g-footer__sns {
    width: calc(12.3076923077 * var(--vw));
    height: calc(12.3076923077 * var(--vw));
  }
  .g-footer__sns img {
    width: calc(6.1538461538 * var(--vw));
    height: calc(6.1538461538 * var(--vw));
  }
  .g-footer__copy {
    padding: calc(5.1282051282 * var(--vw)) 0 calc(6.9230769231 * var(--vw));
  }
  .g-footer__small {
    font-size: calc(2.8205128205 * var(--vw));
    text-align: left;
  }
}

/* .g-fnav
----------------------------------- */
.g-fnav__link {
  font-weight: 500;
  transition: color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-fnav__link[href]:hover {
    color: #00AEEF;
  }
}
.g-fnav__sub-link {
  font-weight: 400;
  transition: color 0.3s ease-out;
}
@media (any-hover: hover) {
  .g-fnav__sub-link[href]:hover {
    color: #00AEEF;
  }
}
@media (min-width: 768px) {
  .g-fnav__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: min(67px, calc(4.6527777778 * var(--vw)));
  }
  .g-fnav__blk + .g-fnav__blk {
    margin-top: min(24px, calc(1.6666666667 * var(--vw)));
  }
  .g-fnav__link {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    line-height: 1.875;
  }
  .g-fnav__list {
    margin-top: max(-3px, calc(-0.2083333333 * var(--vw)));
  }
  .g-fnav__item + .g-fnav__item {
    margin-top: max(-2px, calc(-0.1388888889 * var(--vw)));
  }
  .g-fnav__sub-link {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    line-height: 1.875;
  }
}
/* .c-headline
----------------------------------- */
.c-headline {
  font-weight: 900;
  color: #00AEEF;
  border-bottom: 1px solid currentColor;
}
.c-headline--lg {
  position: relative;
  font-weight: 900;
  color: #00AEEF;
}
.c-headline--lg::before {
  position: absolute;
  display: block;
  width: max-content;
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  opacity: 0.15;
  content: attr(data-txt);
}
.c-headline--lg > span {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .c-headline {
    padding-block: min(4px, calc(0.2777777778 * var(--vw))) min(23px, calc(1.5972222222 * var(--vw)));
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.3157894737;
  }
  .c-headline--lg {
    font-size: min(60px, calc(4.1666666667 * var(--vw)));
    line-height: 1.4833333333;
  }
  .c-headline--lg::before {
    top: max(-80px, calc(-5.5555555556 * var(--vw)));
    left: max(-147px, calc(-10.2083333333 * var(--vw)));
    font-size: min(138px, calc(9.5833333333 * var(--vw)));
    line-height: 1.0362318841;
  }
}
@media (max-width: 767px) {
  .c-headline {
    padding-bottom: calc(1.5384615385 * var(--vw));
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
  }
  .c-headline--lg {
    font-size: calc(5.641025641 * var(--vw));
    line-height: 1.5;
  }
  .c-headline--lg::before {
    top: calc(-7.9487179487 * var(--vw));
    left: calc(-7.1794871795 * var(--vw));
    font-size: calc(9.7435897436 * var(--vw));
    line-height: 1.4736842105;
  }
}

/* .c-page-head
----------------------------------- */
.c-page-head {
  background-color: #33C9FF;
  background-image: url("../img/common/page-head_bg.svg");
  background-repeat: no-repeat;
}
.c-page-head__logo {
  display: block;
  margin-inline: auto;
}
.c-page-head__ttl-en {
  display: block;
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
  color: #F8F8F8;
}
.c-page-head__ttl {
  width: fit-content;
  margin-inline: auto;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.2em;
  color: #00AEEF;
  background: #F8F8F8;
  border-radius: 100vmax;
}
@media (min-width: 768px) {
  .c-page-head {
    min-height: min(390px, calc(27.0833333333 * var(--vw)));
    padding-block: min(107px, calc(7.4305555556 * var(--vw))) min(51px, calc(3.5416666667 * var(--vw)));
    background-position: center min(107px, calc(7.4305555556 * var(--vw)));
    background-size: min(268px, calc(18.6111111111 * var(--vw))) auto;
  }
  .c-page-head__ttl-en {
    font-size: min(60px, calc(4.1666666667 * var(--vw)));
    line-height: 1.3;
  }
  .c-page-head__ttl {
    padding: min(2px, calc(0.1388888889 * var(--vw))) calc(min(20px, calc(1.3888888889 * var(--vw))) - 0.2em) min(2px, calc(0.1388888889 * var(--vw))) min(20px, calc(1.3888888889 * var(--vw)));
    margin-top: min(8px, calc(0.5555555556 * var(--vw)));
    font-size: min(24px, calc(1.6666666667 * var(--vw)));
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .c-page-head {
    min-height: calc(43.3333333333 * var(--vw));
    padding-block: calc(19.2307692308 * var(--vw)) calc(3.3333333333 * var(--vw));
    background-position: center calc(18.9743589744 * var(--vw));
    background-size: calc(22.5641025641 * var(--vw)) auto;
  }
  .c-page-head__logo {
    width: calc(7.6923076923 * var(--vw));
  }
  .c-page-head__ttl-en {
    margin-block: calc(var(--leading-trim) + 0.6128205128 * var(--vw)) var(--leading-trim);
    font-size: calc(5.641025641 * var(--vw));
  }
  .c-page-head__ttl {
    padding: calc(0.5128205128 * var(--vw)) calc(5.1282051282 * var(--vw) - 0.2em) calc(0.5128205128 * var(--vw)) calc(5.1282051282 * var(--vw));
    margin-top: calc(1.5384615385 * var(--vw));
    font-size: calc(2.5641025641 * var(--vw));
    line-height: 1.8;
  }
}

/* .c-hover-btn
----------------------------------- */
.c-hover-btn {
  overflow: hidden;
}
/* .c-hover-circle
----------------------------------- */
.c-hover-circle {
  display: inline-block;
  position: relative;
}
.c-hover-circle__btn {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  transition: background-color 0.3s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
}
.c-hover-circle__btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.c-hover-circle__btn path {
  transition: color 0.3s ease-out;
}
.c-hover-circle__btn--wt {
  background-color: #F5F6F7;
}
.c-hover-circle__btn--blu {
  background-color: #00AEEF;
}
.c-hover-circle__bg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: transform 0.3s ease-out;
}
.c-hover-circle__bg--wt {
  background-color: #F5F6F7;
}
.c-hover-circle__bg--red {
  background-color: #FC474A;
}
@media (min-width: 768px) {
  .c-hover-circle--32 {
    width: min(32px, calc(2.2222222222 * var(--vw)));
    height: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .c-hover-circle--32 svg {
    width: min(6px, calc(0.4166666667 * var(--vw)));
    height: min(12px, calc(0.8333333333 * var(--vw)));
  }
  .c-hover-circle--40 {
    width: min(40px, calc(2.7777777778 * var(--vw)));
    height: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .c-hover-circle--40 svg {
    width: min(8px, calc(0.5555555556 * var(--vw)));
    height: min(16px, calc(1.1111111111 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .c-hover-circle--32, .c-hover-circle--40 {
    width: calc(4.6153846154 * var(--vw));
    height: calc(4.6153846154 * var(--vw));
  }
  .c-hover-circle--32 svg, .c-hover-circle--40 svg {
    width: calc(1.0256410256 * var(--vw));
    height: calc(1.7948717949 * var(--vw));
  }
}

/* .c-inner
----------------------------------- */
@media (min-width: 768px) {
  .c-inner {
    width: min(1160px, calc(80.5555555556 * var(--vw)));
    margin: 0 auto;
  }
  .c-inner--842 {
    width: min(842px, calc(58.4722222222 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .c-inner {
    width: 100%;
    padding: 0 calc(6.1538461538 * var(--vw));
  }
}

/* .c-interview-profile
----------------------------------- */
.c-interview-profile {
  display: block flex;
  align-items: center;
  color: #F8F8F8;
  background: #00AEEF;
  overflow: hidden;
}
.c-interview-profile__job {
  display: block grid;
  place-content: center;
  aspect-ratio: 1/1;
  font-weight: 900;
  text-align: center;
  color: #00AEEF;
  background: #E0F7FA;
  border-radius: 50%;
}
.c-interview-profile__name {
  display: block;
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  letter-spacing: 0.15em;
}
.c-interview-profile__year {
  display: block;
  padding-bottom: 1px;
  font-weight: 500;
  text-align: center;
  border: 1px solid currentColor;
  border-radius: 100vmax;
}
@media (min-width: 768px) {
  .c-interview-profile {
    min-width: min(410px, calc(28.4722222222 * var(--vw)));
    height: min(60px, calc(4.1666666667 * var(--vw)));
    padding-inline: min(16px, calc(1.1111111111 * var(--vw)));
    border-radius: min(5px, calc(0.3472222222 * var(--vw)));
  }
  .c-interview-profile__job {
    width: min(121px, calc(8.4027777778 * var(--vw)));
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    line-height: 1.3;
    letter-spacing: 0.1em;
  }
  .c-interview-profile__name {
    margin-left: min(23px, calc(1.5972222222 * var(--vw)));
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.4736842105;
  }
  .c-interview-profile__year {
    padding-inline: min(16px, calc(1.1111111111 * var(--vw)));
    margin-left: min(4px, calc(0.2777777778 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.2222222222;
  }
}
@media (max-width: 767px) {
  .c-interview-profile {
    height: calc(6.6666666667 * var(--vw));
    padding-inline: calc(2.5641025641 * var(--vw));
    border-radius: calc(0.5128205128 * var(--vw));
  }
  .c-interview-profile__job {
    width: calc(12.8205128205 * var(--vw));
    font-size: calc(2.3076923077 * var(--vw));
    line-height: 1.4444444444;
  }
  .c-interview-profile__name {
    margin-left: calc(1.2820512821 * var(--vw));
    font-size: calc(4.6153846154 * var(--vw));
    line-height: 1.4444444444;
  }
  .c-interview-profile__year {
    padding-inline: calc(1.5384615385 * var(--vw));
    padding-top: 1px;
    margin-left: calc(0.7692307692 * var(--vw));
    font-size: calc(2.0512820513 * var(--vw));
    line-height: 1.25;
  }
}

/* .c-top-ttl
----------------------------------- */
.c-top-ttl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.c-top-ttl__en {
  font-family: "Fugaz One", sans-serif;
  color: #00AEEF;
  letter-spacing: 0.01em;
}
.c-top-ttl__ja {
  font-weight: 900;
}
@media (min-width: 768px) {
  .c-top-ttl {
    gap: min(8px, calc(0.5555555556 * var(--vw)));
  }
  .c-top-ttl__en {
    font-size: min(78px, calc(5.4166666667 * var(--vw)));
    line-height: 1.1282051282;
  }
  .c-top-ttl__ja {
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.3157894737;
  }
}
@media (max-width: 767px) {
  .c-top-ttl {
    gap: calc(1.0256410256 * var(--vw));
  }
  .c-top-ttl__en {
    font-size: calc(9.7435897436 * var(--vw));
    line-height: 1em;
    margin-block: var(--leading-trim);
  }
  .c-top-ttl__ja {
    font-size: calc(4.8717948718 * var(--vw));
    line-height: 1.2105263158;
  }
}

/* .c-top-subttl
----------------------------------- */
.c-top-subttl {
  color: #00AEEF;
  font-weight: 900;
}
@media (min-width: 768px) {
  .c-top-subttl {
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.3157894737;
  }
}
@media (max-width: 767px) {
  .c-top-subttl {
    font-size: calc(4.8717948718 * var(--vw));
    line-height: 1.3684210526;
  }
}

/* .c-btn
----------------------------------- */
.c-btn {
  overflow: hidden;
  color: #00AEEF;
  font-weight: 900;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: solid 2px #00AEEF;
  border-radius: 100vmax;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
@media (any-hover: hover) {
  .c-btn:hover {
    color: #F5F6F7;
    background-color: #FC474A;
    border-color: #FC474A;
  }
}
.c-btn__txt {
  position: relative;
  z-index: 2;
}
.c-btn__txt--en {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
}
.c-btn--simple {
  position: relative;
  display: block flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
  color: #00AEEF;
  overflow: hidden;
  border: 2px solid #00AEEF;
  border-radius: 100vmax;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.c-btn--simple .c-hover-circle {
  position: absolute;
  inset-block: 0;
  display: block;
  aspect-ratio: 1/1;
  margin-block: auto;
}
.c-btn--simple .c-hover-circle__btn {
  display: block grid;
  place-content: center;
  width: 100%;
  height: 100%;
  background: currentColor;
  border-radius: 50%;
}
.c-btn--simple .c-hover-circle__btn::before {
  display: block;
  aspect-ratio: 6/12;
  content: "";
  background: #F5F6F7;
  mask: url("../img/common/btn_arw.svg") no-repeat center center;
  mask-size: contain;
  transition: background-color 0.3s ease-out;
}
.c-btn--simple .c-hover-circle__bg {
  position: relative;
  top: 0;
  left: 0;
  background: #FC474A;
  transform: scale(0.9);
}
@media (any-hover: hover) {
  .c-btn--simple:hover {
    color: #F5F6F7;
    border-color: #FC474A;
  }
  .c-btn--simple:hover:not(:has(.c-hover-circle)) {
    background: #FC474A;
  }
  .c-btn--simple:hover .c-hover-circle__btn::before {
    background: #FC474A;
  }
  .c-btn--simple:hover .c-hover-circle__bg {
    transform: scale(20, 15);
  }
}
.c-btn--simple--en {
  font-family: "Fugaz One", sans-serif;
}
.c-btn__arrow {
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media (min-width: 768px) {
  .c-btn {
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    line-height: 1.2;
    max-width: min(360px, calc(25 * var(--vw)));
    width: 100%;
    height: min(64px, calc(4.4444444444 * var(--vw)));
  }
  .c-btn__arrow {
    right: min(16px, calc(1.1111111111 * var(--vw)));
  }
  .c-btn--simple {
    width: min(351px, calc(24.375 * var(--vw)));
    height: min(64px, calc(4.4444444444 * var(--vw)));
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    line-height: 1.5;
  }
  .c-btn--simple__bg {
    right: min(36px, calc(2.5 * var(--vw)));
  }
  .c-btn--simple .c-hover-circle {
    right: min(20px, calc(1.3888888889 * var(--vw)));
    width: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .c-btn--simple .c-hover-circle__btn::before {
    width: min(6px, calc(0.4166666667 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .c-btn {
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 130%;
    width: 100%;
    height: calc(12.3076923077 * var(--vw));
  }
  .c-btn__arrow {
    right: calc(2.5641025641 * var(--vw));
  }
  .c-btn--simple {
    width: calc(53.0769230769 * var(--vw));
    height: calc(12.3076923077 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.4615384615;
  }
  .c-btn--simple__bg {
    right: calc(5.1282051282 * var(--vw));
  }
  .c-btn--simple .c-hover-circle {
    right: calc(2.8205128205 * var(--vw));
    width: calc(4.6153846154 * var(--vw));
  }
  .c-btn--simple .c-hover-circle__btn::before {
    width: calc(1.0256410256 * var(--vw));
  }
}

/* .c-read-more
----------------------------------- */
.c-read-more {
  display: block grid;
  place-content: center;
  aspect-ratio: 1/1;
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.2em;
  color: #F8F8F8;
  background: #00AEEF;
  border-radius: 50%;
}
.c-read-more::after {
  display: block;
  aspect-ratio: 10/18;
  margin-inline: auto;
  content: "";
  background: currentColor;
  mask: url("../img/common/btn_arw.svg") no-repeat center center;
  mask-size: contain;
  transition: translate 0.3s ease-out;
  will-change: transform;
}
@media (min-width: 768px) {
  .c-read-more {
    width: min(124px, calc(8.6111111111 * var(--vw)));
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    line-height: 1.25;
  }
  .c-read-more::after {
    width: min(10px, calc(0.6944444444 * var(--vw)));
    margin-top: min(8px, calc(0.5555555556 * var(--vw)));
  }
}
@media (min-width: 768px) and (any-hover: hover) {
  a:hover .c-read-more::after {
    translate: min(4px, calc(0.2777777778 * var(--vw))) 0;
  }
}
@media (max-width: 767px) {
  .c-read-more {
    width: calc(10.2564102564 * var(--vw));
    font-size: calc(1.6538461538 * var(--vw));
    line-height: 1.2558139535;
  }
  .c-read-more::after {
    width: calc(1.0256410256 * var(--vw));
    margin-top: calc(0.7692307692 * var(--vw));
  }
}

/* .c-switch-nav
----------------------------------- */
.c-switch-nav {
  margin: 0 auto;
  position: relative;
}
.c-switch-nav__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c-switch-nav__item {
  overflow: hidden;
}
.c-switch-nav__link {
  color: #F5F6F7;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9BA5AD;
  transition: background-color 0.2s ease-out;
}
@media (any-hover: hover) {
  .c-switch-nav__link[href]:hover {
    background-color: #00AEEF;
  }
}
.c-switch-nav__link[aria-current=page] {
  background-color: #00AEEF;
}
@media (min-width: 768px) {
  .c-switch-nav {
    width: min(760px, calc(52.7777777778 * var(--vw)));
  }
  .c-switch-nav__list {
    gap: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .c-switch-nav__item {
    border-radius: min(10px, calc(0.6944444444 * var(--vw))) min(10px, calc(0.6944444444 * var(--vw))) 0 0;
  }
  .c-switch-nav__link {
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.3333333333;
    width: min(240px, calc(16.6666666667 * var(--vw)));
    height: min(48px, calc(3.3333333333 * var(--vw)));
  }
  .c-switch-nav__link[aria-current=page] {
    height: min(64px, calc(4.4444444444 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .c-switch-nav::before {
    content: "";
    width: calc(100 * var(--vw));
    height: 1px;
    background-color: #00AEEF;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .c-switch-nav__list {
    gap: calc(2.8205128205 * var(--vw));
  }
  .c-switch-nav__item {
    border-radius: calc(2.5641025641 * var(--vw)) calc(2.5641025641 * var(--vw)) 0 0;
  }
  .c-switch-nav__link {
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.2857142857;
    width: calc(27.1794871795 * var(--vw));
    height: calc(12.3076923077 * var(--vw));
    white-space: nowrap;
  }
  .c-switch-nav__link[aria-current=page] {
    height: calc(14.358974359 * var(--vw));
  }
  .c-switch-nav__link[href] {
    font-size: calc(3.0769230769 * var(--vw));
    line-height: 1.3;
  }
}

/* .p-top-fv
----------------------------------- */
.p-top-fv {
  width: 100vw;
  position: relative;
}
.p-top-fv__slider {
  height: 100%;
  overflow: hidden;
}
.p-top-fv__slide {
  width: 100%;
  height: 100%;
}
.p-top-fv__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.p-top-fv__logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 2;
}
.p-top-fv__logo img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-top-fv {
    min-height: min(810px, calc(56.25 * var(--vw)));
    height: 100dvh;
  }
  .p-top-fv__slider {
    border-radius: 0 0 min(500px, calc(34.7222222222 * var(--vw))) 0;
  }
  .p-top-fv__slide {
    aspect-ratio: 16/9;
  }
  .p-top-fv__logo {
    width: min(382px, calc(26.5277777778 * var(--vw)));
    top: calc(min(80px, calc(5.5555555556 * var(--vw))) + min(186px, calc(12.9166666667 * var(--vw))));
  }
}
@media (max-width: 767px) {
  .p-top-fv {
    padding-top: calc(16.4102564103 * var(--vw));
  }
  .p-top-fv__slider {
    border-radius: 0 0 calc(41.0256410256 * var(--vw)) 0;
  }
  .p-top-fv__slide {
    aspect-ratio: 390/279;
  }
  .p-top-fv__logo {
    width: calc(35.1282051282 * var(--vw));
    top: calc(16.4102564103 * var(--vw) + 12.3076923077 * var(--vw));
  }
}

/* .p-top-about
----------------------------------- */
.p-top-about {
  overflow-x: clip;
}
.p-top-about__inner {
  position: relative;
}
.p-top-about__inner::before {
  content: "";
  display: block;
  background-image: url(../img/top/about/about_obj.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}
.p-top-about__imgblk {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.p-top-about__img {
  position: absolute;
}
.p-top-about__img img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-top-about {
    margin-top: min(206px, calc(14.3055555556 * var(--vw)));
    padding: min(80px, calc(5.5555555556 * var(--vw))) 0 min(104px, calc(7.2222222222 * var(--vw)));
  }
  .p-top-about__inner::before {
    width: min(1211px, calc(84.0972222222 * var(--vw)));
    height: min(1021px, calc(70.9027777778 * var(--vw)));
    top: max(-171px, calc(-11.875 * var(--vw)));
    left: max(-568px, calc(-39.4444444444 * var(--vw)));
  }
  .p-top-about__subttl {
    margin-top: min(60px, calc(4.1666666667 * var(--vw)));
  }
  .p-top-about__btn-wrap {
    margin-top: min(62px, calc(4.3055555556 * var(--vw)));
  }
  .p-top-about__btn + .p-top-about__btn {
    margin-top: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-top-about__imgblk {
    width: min(805px, calc(55.9027777778 * var(--vw)));
    height: min(720px, calc(50 * var(--vw)));
    top: -80px;
    right: max(-80px, calc(-5.5555555556 * var(--vw)));
  }
  .p-top-about__img--01 {
    width: min(388px, calc(26.9444444444 * var(--vw)));
    top: 0;
    left: min(69px, calc(4.7916666667 * var(--vw)));
  }
  .p-top-about__img--02 {
    width: min(231px, calc(16.0416666667 * var(--vw)));
    top: min(105px, calc(7.2916666667 * var(--vw)));
    right: 0;
  }
  .p-top-about__img--03 {
    width: min(386px, calc(26.8055555556 * var(--vw)));
    bottom: min(91px, calc(6.3194444444 * var(--vw)));
    right: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-top-about__img--04 {
    width: min(318px, calc(22.0833333333 * var(--vw)));
    bottom: 0;
    left: 0;
  }
  .p-top-about__img img {
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
    filter: drop-shadow(min(6px, calc(0.4166666667 * var(--vw))) min(6px, calc(0.4166666667 * var(--vw))) min(30px, calc(2.0833333333 * var(--vw))) rgba(49, 156, 178, 0.35));
  }
}
@media (max-width: 767px) {
  .p-top-about {
    margin-top: calc(8.9743589744 * var(--vw));
    padding: calc(4.6153846154 * var(--vw)) 0 0;
  }
  .p-top-about__inner::before {
    content: unset;
  }
  .p-top-about__subttl {
    margin-top: calc(39.2307692308 * var(--vw));
  }
  .p-top-about__btn-wrap {
    margin-top: calc(7.6923076923 * var(--vw));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(4.1025641026 * var(--vw));
  }
  .p-top-about__imgblk {
    width: calc(78.9743589744 * var(--vw));
    height: calc(66.6666666667 * var(--vw));
    top: calc(3.0769230769 * var(--vw));
    right: calc(6.1538461538 * var(--vw));
  }
  .p-top-about__img--01 {
    width: calc(33.8461538462 * var(--vw));
    top: 0;
    right: calc(3.3333333333 * var(--vw));
  }
  .p-top-about__img--02 {
    width: calc(22.3076923077 * var(--vw));
    bottom: 0;
    right: 0;
  }
  .p-top-about__img--03 {
    width: calc(24.8717948718 * var(--vw));
    bottom: calc(19.4871794872 * var(--vw));
    right: calc(20.5128205128 * var(--vw));
  }
  .p-top-about__img--04 {
    width: calc(26.4102564103 * var(--vw));
    bottom: calc(24.6153846154 * var(--vw));
    left: 0;
  }
  .p-top-about__img img {
    border-radius: calc(1.5384615385 * var(--vw));
    filter: drop-shadow(calc(0.5128205128 * var(--vw)) calc(0.5128205128 * var(--vw)) calc(2.5641025641 * var(--vw)) rgba(49, 156, 178, 0.35));
  }
}

/* .p-top-business
----------------------------------- */
.p-top-business {
  overflow-x: clip;
}
.p-top-business__inner {
  position: relative;
}
.p-top-business__img {
  position: absolute;
  z-index: -1;
}
.p-top-business__img img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-top-business {
    margin-top: min(334px, calc(23.1944444444 * var(--vw)));
    padding-bottom: min(162px, calc(11.25 * var(--vw)));
  }
  .p-top-business__inner::before {
    content: "";
    display: block;
    width: min(452px, calc(31.3888888889 * var(--vw)));
    height: min(303px, calc(21.0416666667 * var(--vw)));
    background-image: url(../img/top/business/business_obj.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: max(-364px, calc(-25.2777777778 * var(--vw)));
    left: max(-441px, calc(-30.625 * var(--vw)));
    z-index: -1;
  }
  .p-top-business__subttl {
    margin-top: min(60px, calc(4.1666666667 * var(--vw)));
  }
  .p-top-business__btn-wrap {
    margin-top: min(62px, calc(4.3055555556 * var(--vw)));
  }
  .p-top-business__img {
    width: min(999px, calc(69.375 * var(--vw)));
    height: min(620px, calc(43.0555555556 * var(--vw)));
    top: min(9px, calc(0.625 * var(--vw)));
    right: max(-232px, calc(-16.1111111111 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-top-business {
    margin-top: calc(13.3333333333 * var(--vw));
  }
  .p-top-business__subttl {
    margin-top: calc(54.358974359 * var(--vw));
  }
  .p-top-business__btn-wrap {
    margin-top: calc(7.6923076923 * var(--vw));
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-top-business__btn {
    width: calc(53.8461538462 * var(--vw));
  }
  .p-top-business__img {
    width: calc(108.2051282051 * var(--vw));
    height: calc(62.8205128205 * var(--vw));
    top: calc(5.8974358974 * var(--vw));
    right: calc(-5.3846153846 * var(--vw));
  }
}

/* .p-top-interview
----------------------------------- */
.p-top-interview {
  background-color: #E0F7FA;
  overflow: hidden;
}
.p-top-interview__inner {
  position: relative;
  z-index: 1;
}
.p-top-interview__inner::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
}
.p-top-interview__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.p-top-interview__item {
  overflow: hidden;
}
.p-top-interview__link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media (any-hover: hover) {
  .p-top-interview__link:hover .p-top-interview__img img {
    transform: scale(1.03);
  }
}
.p-top-interview__img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-top-interview__img img {
  width: 100%;
  height: 100%;
  transform: scale(1.01);
  transition: transform 0.3s ease-out;
}
.p-top-interview__txtblk {
  background-color: #00AEEF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-top-interview__division {
  color: #00AEEF;
  font-weight: 900;
  white-space: nowrap;
  position: relative;
}
.p-top-interview__division::before {
  content: "";
  display: block;
  background-color: #E0F7FA;
  border-radius: 100vmax;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.p-top-interview__division span {
  position: relative;
  z-index: 2;
}
.p-top-interview__name {
  font-family: "Fugaz One", sans-serif;
  color: #F5F6F7;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
.p-top-interview__join {
  color: #F5F6F7;
  font-weight: 500;
  white-space: nowrap;
  border: solid 1px #F5F6F7;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .p-top-interview {
    margin-top: min(120px, calc(8.3333333333 * var(--vw)));
    padding: min(80px, calc(5.5555555556 * var(--vw))) 0 min(103px, calc(7.1527777778 * var(--vw)));
  }
  .p-top-interview__inner::before {
    background-image: url(../img/top/interview/interview_bg.svg);
    width: min(1704px, calc(118.3333333333 * var(--vw)));
    height: min(1122px, calc(77.9166666667 * var(--vw)));
    top: max(-94px, calc(-6.5277777778 * var(--vw)));
    left: max(-188px, calc(-13.0555555556 * var(--vw)));
  }
  .p-top-interview__list {
    margin-top: min(28px, calc(1.9444444444 * var(--vw)));
    padding: 0 min(40px, calc(2.7777777778 * var(--vw)));
    gap: min(56px, calc(3.8888888889 * var(--vw))) min(80px, calc(5.5555555556 * var(--vw)));
  }
  .p-top-interview__item {
    width: min(500px, calc(34.7222222222 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-top-interview__txtblk {
    width: min(248px, calc(17.2222222222 * var(--vw)));
    height: min(35px, calc(2.4305555556 * var(--vw)));
    padding: 0 min(13px, calc(0.9027777778 * var(--vw))) 0 min(20px, calc(1.3888888889 * var(--vw)));
    border-radius: min(3px, calc(0.2083333333 * var(--vw)));
  }
  .p-top-interview__division {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    margin-right: min(22px, calc(1.5277777778 * var(--vw)));
  }
  .p-top-interview__division::before {
    width: min(68px, calc(4.7222222222 * var(--vw)));
    height: min(68px, calc(4.7222222222 * var(--vw)));
  }
  .p-top-interview__name {
    font-size: min(24px, calc(1.6666666667 * var(--vw)));
    line-height: 1.4583333333;
    margin-right: min(6px, calc(0.4166666667 * var(--vw)));
  }
  .p-top-interview__join {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    line-break: 1.5333333333;
    padding: 0 min(10px, calc(0.6944444444 * var(--vw)));
    height: min(17px, calc(1.1805555556 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-top-interview {
    margin-top: calc(14.1025641026 * var(--vw));
    padding: calc(9.2307692308 * var(--vw)) 0 calc(10.2564102564 * var(--vw));
  }
  .p-top-interview__inner::before {
    background-image: url(../img/top/interview/sp/interview_bg.svg);
    width: calc(140.7692307692 * var(--vw));
    height: calc(150.7692307692 * var(--vw));
    top: calc(-16.4102564103 * var(--vw));
    left: calc(-24.8717948718 * var(--vw));
  }
  .p-top-interview__list {
    margin-top: calc(6.4102564103 * var(--vw));
    gap: calc(2.5641025641 * var(--vw));
  }
  .p-top-interview__item {
    width: calc(42.5641025641 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-top-interview__txtblk {
    width: 100%;
    height: calc(6.6666666667 * var(--vw));
    padding: 0 calc(2.3076923077 * var(--vw)) 0 calc(3.0769230769 * var(--vw));
  }
  .p-top-interview__division {
    font-size: calc(2.0512820513 * var(--vw));
    margin-right: calc(2.5641025641 * var(--vw));
  }
  .p-top-interview__division::before {
    width: calc(10.2564102564 * var(--vw));
    height: calc(10.2564102564 * var(--vw));
  }
  .p-top-interview__name {
    font-size: calc(4.8717948718 * var(--vw));
    line-height: 1.4736842105;
    margin-right: calc(1.0256410256 * var(--vw));
  }
  .p-top-interview__join {
    font-size: calc(2.0512820513 * var(--vw));
    line-break: 2.3;
    padding: 0 calc(1.0256410256 * var(--vw));
    height: calc(4.358974359 * var(--vw));
  }
}

/* .p-top-welfare
----------------------------------- */
.p-top-welfare {
  overflow-x: clip;
}
.p-top-welfare__wrap {
  position: relative;
}
.p-top-welfare__wrap::before {
  content: "";
  display: block;
  background-image: url(../img/top/welfare/welfare_obj.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}
.p-top-welfare__img-box {
  position: relative;
}
.p-top-welfare__img {
  position: absolute;
}
.p-top-welfare__img img {
  width: 100%;
}
.p-top-welfare__list {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.p-top-welfare__item {
  width: 100%;
  position: relative;
}
.p-top-welfare__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (any-hover: hover) {
  .p-top-welfare__link:hover .p-top-welfare__item-txt {
    color: #FC474A;
  }
  .p-top-welfare__link:hover .p-top-welfare__item-label {
    color: #F5F6F7;
    background-color: #FC474A;
  }
}
.p-top-welfare__link-bg {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: height 0.3s ease-out, border-radius 0.3s ease-out;
}
.p-top-welfare__link-bg::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 174, 239, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease-out;
}
.p-top-welfare__link-bg::after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 100vmax;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.p-top-welfare__link-bg--01 {
  background-image: url(../img/top/welfare/welfare_item-img01.jpg);
}
.p-top-welfare__link-bg--02 {
  background-image: url(../img/top/welfare/welfare_item-img02.jpg);
}
.p-top-welfare__link-bg--03 {
  background-image: url(../img/top/welfare/welfare_item-img03.jpg);
}
.p-top-welfare__item-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.p-top-welfare__item-txt {
  color: #F5F6F7;
  font-weight: 900;
  letter-spacing: 0.2em;
  transition: color 0.3s ease-out;
}
.p-top-welfare__item-label {
  font-family: "Fugaz One", sans-serif;
  color: #00AEEF;
  background-color: #F5F6F7;
  border-radius: 100vmax;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
@media (min-width: 768px) {
  .p-top-welfare {
    margin-top: min(147px, calc(10.2083333333 * var(--vw)));
  }
  .p-top-welfare__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .p-top-welfare__wrap::before {
    width: min(853px, calc(59.2361111111 * var(--vw)));
    height: min(877px, calc(60.9027777778 * var(--vw)));
    top: max(-237px, calc(-16.4583333333 * var(--vw)));
    right: max(-429px, calc(-29.7916666667 * var(--vw)));
  }
  .p-top-welfare__img-box {
    width: min(600px, calc(41.6666666667 * var(--vw)));
    height: min(624px, calc(43.3333333333 * var(--vw)));
  }
  .p-top-welfare__img {
    width: min(798px, calc(55.4166666667 * var(--vw)));
    height: min(683px, calc(47.4305555556 * var(--vw)));
    top: max(-87px, calc(-6.0416666667 * var(--vw)));
    left: max(-196px, calc(-13.6111111111 * var(--vw)));
  }
  .p-top-welfare__subttl {
    margin-top: min(60px, calc(4.1666666667 * var(--vw)));
  }
  .p-top-welfare__list {
    max-width: min(1440px, calc(100 * var(--vw)));
    margin-top: max(-48px, calc(-3.3333333333 * var(--vw)));
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(4px, calc(0.2777777778 * var(--vw)));
  }
  .p-top-welfare__item {
    height: min(240px, calc(16.6666666667 * var(--vw)));
  }
}
@media (min-width: 768px) and (any-hover: hover) {
  .p-top-welfare__link:hover .p-top-welfare__link-bg {
    height: min(280px, calc(19.4444444444 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw))) min(20px, calc(1.3888888889 * var(--vw))) 0 0;
  }
  .p-top-welfare__link:hover .p-top-welfare__link-bg::before {
    opacity: 0;
  }
  .p-top-welfare__link:hover .p-top-welfare__link-bg::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(560);
    -webkit-transform: translate(-50%, -50%) scale(560);
    -ms-transform: translate(-50%, -50%) scale(560);
  }
}
@media (min-width: 768px) {
  .p-top-welfare__link-bg {
    height: min(240px, calc(16.6666666667 * var(--vw)));
  }
  .p-top-welfare__link-bg::after {
    width: min(1px, calc(0.0694444444 * var(--vw)));
    height: min(1px, calc(0.0694444444 * var(--vw)));
  }
  .p-top-welfare__link-bg--01 {
    border-radius: min(20px, calc(1.3888888889 * var(--vw))) 0 0 0;
  }
  .p-top-welfare__link-bg--03 {
    border-radius: 0 min(20px, calc(1.3888888889 * var(--vw))) 0 0;
  }
  .p-top-welfare__item-wrap {
    gap: min(28px, calc(1.9444444444 * var(--vw)));
  }
  .p-top-welfare__item-txt {
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.2105263158;
  }
  .p-top-welfare__item-label {
    font-size: min(25px, calc(1.7361111111 * var(--vw)));
    padding: 0 min(24px, calc(1.6666666667 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-top-welfare {
    margin-top: calc(13.3333333333 * var(--vw));
  }
  .p-top-welfare__img-box {
    width: calc(100 * var(--vw));
    height: calc(64.8717948718 * var(--vw));
    margin-inline: calc(50% - 50vw);
    position: absolute;
    top: calc(7.6923076923 * var(--vw));
    left: 0;
  }
  .p-top-welfare__img {
    width: 100%;
    height: 100%;
  }
  .p-top-welfare__subttl {
    margin-top: calc(62.3076923077 * var(--vw));
  }
  .p-top-welfare__list {
    max-width: calc(87.6923076923 * var(--vw));
    margin-top: calc(7.1794871795 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
    overflow: hidden;
  }
  .p-top-welfare__item {
    height: calc(30.7692307692 * var(--vw));
  }
  .p-top-welfare__item + .p-top-welfare__item {
    margin-top: calc(2.5641025641 * var(--vw));
  }
  .p-top-welfare__link-bg {
    height: calc(30.7692307692 * var(--vw));
    background-position: center;
  }
  .p-top-welfare__item-wrap {
    gap: calc(1.0256410256 * var(--vw));
  }
  .p-top-welfare__item-txt {
    font-size: calc(5.641025641 * var(--vw));
    line-height: 1.1818181818;
  }
  .p-top-welfare__item-label {
    font-size: calc(3.3333333333 * var(--vw));
    padding: calc(0.5128205128 * var(--vw)) calc(3.0769230769 * var(--vw));
  }
}

/* .p-top-guidelines
----------------------------------- */
.p-top-guidelines {
  overflow-x: clip;
}
.p-top-guidelines__inner {
  position: relative;
}
.p-top-guidelines__inner::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}
.p-top-guidelines__img {
  position: absolute;
}
.p-top-guidelines__img img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-top-guidelines {
    margin-top: min(120px, calc(8.3333333333 * var(--vw)));
    padding-bottom: min(187px, calc(12.9861111111 * var(--vw)));
  }
  .p-top-guidelines__inner::before {
    background-image: url(../img/top/guidelines/guidelines_obj.svg);
    width: min(507px, calc(35.2083333333 * var(--vw)));
    height: min(827px, calc(57.4305555556 * var(--vw)));
    top: min(13px, calc(0.9027777778 * var(--vw)));
    left: max(-467px, calc(-32.4305555556 * var(--vw)));
  }
  .p-top-guidelines__subttl {
    margin-top: min(60px, calc(4.1666666667 * var(--vw)));
  }
  .p-top-guidelines__btn-wrap {
    margin-top: min(62px, calc(4.3055555556 * var(--vw)));
  }
  .p-top-guidelines__btn + .p-top-guidelines__btn {
    margin-top: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-top-guidelines__img {
    width: min(955px, calc(66.3194444444 * var(--vw)));
    height: min(805px, calc(55.9027777778 * var(--vw)));
    top: max(-12px, calc(-0.8333333333 * var(--vw)));
    right: max(-221px, calc(-15.3472222222 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-top-guidelines {
    margin-top: calc(13.3333333333 * var(--vw));
    padding-bottom: calc(14.358974359 * var(--vw));
  }
  .p-top-guidelines__inner::before {
    background-image: url(../img/top/guidelines/sp/guidelines_obj.svg);
    width: calc(145.8974358974 * var(--vw));
    height: calc(77.1794871795 * var(--vw));
    bottom: calc(-18.4615384615 * var(--vw));
    left: calc(-23.5897435897 * var(--vw));
  }
  .p-top-guidelines__subttl {
    margin-top: calc(50 * var(--vw));
  }
  .p-top-guidelines__btn-wrap {
    margin-top: calc(7.1794871795 * var(--vw));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: calc(4.1025641026 * var(--vw));
  }
  .p-top-guidelines__btn {
    width: calc(54.8717948718 * var(--vw));
  }
  .p-top-guidelines__img {
    width: calc(104.8717948718 * var(--vw));
    height: calc(56.1538461538 * var(--vw));
    top: calc(7.9487179487 * var(--vw));
    right: calc(-2.5641025641 * var(--vw));
  }
}

/* .p-top-entry
----------------------------------- */
.p-top-entry {
  overflow: hidden;
  position: relative;
}
.p-top-entry::before {
  content: "";
  display: block;
  background-color: #00AEEF;
  border-radius: 50%;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}
.p-top-entry__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.p-top-entry__ttl-ja {
  color: #F5F6F7;
  font-weight: 900;
}
.p-top-entry__ttl-en {
  font-family: "Fugaz One", sans-serif;
  color: #F5F6F7;
  margin-block: var(--leading-trim);
}
.p-top-entry__list {
  display: grid;
}
.p-top-entry__item {
  overflow: hidden;
}
.p-top-entry__link {
  color: #00AEEF;
  background-color: #F5F6F7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
@media (any-hover: hover) {
  .p-top-entry__link:hover {
    color: #F5F6F7;
    background-color: #FC474A;
  }
}
.p-top-entry__link-wrap {
  position: relative;
  z-index: 2;
}
.p-top-entry__link-ttl {
  font-weight: 900;
  text-align: center;
}
.p-top-entry__link-txt {
  font-family: "Fugaz One", sans-serif;
  letter-spacing: 0.05em;
  text-align: center;
}
.p-top-entry__arrow {
  position: absolute;
}
@media (min-width: 768px) {
  .p-top-entry {
    padding: min(124px, calc(8.6111111111 * var(--vw))) 0 min(94px, calc(6.5277777778 * var(--vw))) 0;
  }
  .p-top-entry::before {
    width: 158.75vw;
    height: 158.75vw;
  }
  .p-top-entry__ttl {
    gap: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-top-entry__ttl-ja {
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.3157894737;
  }
  .p-top-entry__ttl-en {
    font-size: min(128px, calc(8.8888888889 * var(--vw)));
    line-height: 1.46875;
  }
  .p-top-entry__list {
    margin-top: min(26px, calc(1.8055555556 * var(--vw)));
    grid-template-columns: repeat(3, 1fr);
    gap: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-top-entry__item {
    height: min(240px, calc(16.6666666667 * var(--vw)));
    border-radius: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-top-entry__link-ttl {
    font-size: min(32px, calc(2.2222222222 * var(--vw)));
    line-height: 1.1875;
  }
  .p-top-entry__link-txt {
    font-size: min(24px, calc(1.6666666667 * var(--vw)));
    line-height: 1.4583333333;
    margin-top: min(16px, calc(1.1111111111 * var(--vw)));
  }
  .p-top-entry__arrow {
    bottom: min(20px, calc(1.3888888889 * var(--vw)));
    right: min(20px, calc(1.3888888889 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-top-entry {
    padding: calc(10.2564102564 * var(--vw)) 0 calc(10.2564102564 * var(--vw));
  }
  .p-top-entry::before {
    width: calc(360.5128205128 * var(--vw));
    height: calc(360.5128205128 * var(--vw));
  }
  .p-top-entry__ttl {
    gap: calc(4.1025641026 * var(--vw));
  }
  .p-top-entry__ttl-ja {
    font-size: calc(4.8717948718 * var(--vw));
    line-height: 1.2105263158;
    letter-spacing: 0.01em;
  }
  .p-top-entry__ttl-en {
    font-size: calc(13.3333333333 * var(--vw));
    line-height: 1.4615384615;
  }
  .p-top-entry__list {
    margin-top: calc(5.641025641 * var(--vw));
    grid-template-columns: repeat(2, 1fr);
    gap: calc(2.5641025641 * var(--vw));
  }
  .p-top-entry__item {
    height: calc(27.1794871795 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-top-entry__link-ttl {
    font-size: calc(4.6153846154 * var(--vw));
    line-height: 1.3333333333;
  }
  .p-top-entry__link-txt {
    font-size: calc(2.5641025641 * var(--vw));
    line-height: 1.2;
    margin-top: calc(1.0256410256 * var(--vw));
  }
  .p-top-entry__arrow {
    bottom: calc(2.0512820513 * var(--vw));
    right: calc(2.0512820513 * var(--vw));
  }
}

/* .p-about
----------------------------------- */
.p-about__cont {
  background: #F8F8F8;
  overflow: hidden;
}
.p-about__words {
  background: linear-gradient(180deg, #E0F7FA 0%, #F8F8F8 35.1%);
}
.p-about__words img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .p-about__words img {
    max-width: 1440px;
    margin-inline: auto;
  }
}
/* .p-about-boxs
----------------------------------- */
.p-about-boxs {
  display: block grid;
}
.p-about-boxs__box {
  display: block grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  background: #F8F8F8;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #A3DFF5;
}
.p-about-boxs__h {
  display: block grid;
  place-content: center;
  font-weight: 900;
  text-align: center;
}
.p-about-boxs__num-row-1, .p-about-boxs__num-row-2 {
  display: block grid;
  place-content: center;
  font-weight: 900;
  text-align: center;
  color: #00AEEF;
}
.p-about-boxs__num, .p-about-boxs__num-main, .p-about-boxs__num-sub {
  display: block flex;
  align-items: center;
  justify-content: center;
}
.p-about-boxs__num > span, .p-about-boxs__num-main > span, .p-about-boxs__num-sub > span {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  line-height: 1;
}
.p-about-boxs__fig {
  display: block grid;
  place-content: center;
}
@media (min-width: 768px) {
  .p-about-boxs {
    grid-template-columns: repeat(3, 1fr);
    gap: min(40px, calc(2.7777777778 * var(--vw)));
    margin-top: min(48px, calc(3.3333333333 * var(--vw)));
  }
  .p-about-boxs__box {
    padding: min(32px, calc(2.2222222222 * var(--vw))) min(40px, calc(2.7777777778 * var(--vw))) min(23px, calc(1.5972222222 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-about-boxs__h {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.2307692308;
  }
  .p-about-boxs__num-row-1, .p-about-boxs__num-row-2 {
    margin-inline: max(-20px, calc(-1.3888888889 * var(--vw)));
    margin-top: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-about-boxs__num-main, .p-about-boxs__num-sub {
    column-gap: min(4px, calc(0.2777777778 * var(--vw)));
    font-size: min(32px, calc(2.2222222222 * var(--vw)));
    line-height: 1.46875;
  }
  .p-about-boxs__num-main > span {
    font-size: 2.1875em;
    letter-spacing: 0.01em;
  }
  .p-about-boxs__num-sub {
    margin-top: max(-7px, calc(-0.4861111111 * var(--vw)));
  }
  .p-about-boxs__num-sub > span {
    font-size: 1.75em;
    letter-spacing: 0.01em;
  }
  .p-about-boxs__num {
    font-size: min(60px, calc(4.1666666667 * var(--vw)));
    line-height: 1.4833333333;
  }
  .p-about-boxs__num > span {
    font-size: 1.8666666667em;
    letter-spacing: 0.01em;
  }
  .p-about-boxs__fig {
    min-height: min(124px, calc(8.6111111111 * var(--vw)));
    margin-top: min(8px, calc(0.5555555556 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-about-boxs {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(2.5641025641 * var(--vw));
    margin-top: calc(7.1794871795 * var(--vw));
  }
  .p-about-boxs__box {
    padding-block: calc(3.0769230769 * var(--vw)) calc(2.5641025641 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-about-boxs__h {
    font-size: calc(3.0769230769 * var(--vw));
    line-height: 1.1666666667;
  }
  .p-about-boxs__num-row-1, .p-about-boxs__num-row-2 {
    min-height: calc(16.9230769231 * var(--vw));
    margin-top: calc(3.3333333333 * var(--vw));
  }
  .p-about-boxs__num-main {
    font-size: calc(4.6153846154 * var(--vw));
    line-height: 1.5;
  }
  .p-about-boxs__num-main > span {
    padding-inline: 0.025em;
    font-size: 2.3888888889em;
  }
  .p-about-boxs__num-main > span:not([class]) {
    letter-spacing: 0.01em;
  }
  .p-about-boxs__num-sub {
    margin-top: calc(-0.7692307692 * var(--vw));
    font-size: calc(4.6153846154 * var(--vw));
    line-height: 1.5;
  }
  .p-about-boxs__num-sub > span {
    padding-inline: 0.025em;
    font-size: 1.9444444444em;
  }
  .p-about-boxs__num-sub > span:not([class]) {
    letter-spacing: 0.01em;
  }
  .p-about-boxs__num {
    font-size: calc(6.4102564103 * var(--vw));
    line-height: 1.48;
  }
  .p-about-boxs__num > span {
    padding-right: 0.06em;
    font-size: 2.24em;
    line-height: 0.05;
  }
  .p-about-boxs__num > span:not([class]) {
    letter-spacing: 0.01em;
  }
  .p-about-boxs__icn--01 {
    width: calc(8.2051282051 * var(--vw));
  }
  .p-about-boxs__icn--02 {
    width: calc(12.3076923077 * var(--vw));
  }
  .p-about-boxs__icn--03 {
    width: calc(7.6923076923 * var(--vw));
  }
  .p-about-boxs__icn--04 {
    width: calc(9.2307692308 * var(--vw));
  }
  .p-about-boxs__icn--05 {
    width: calc(9.2307692308 * var(--vw));
  }
  .p-about-boxs__icn--06 {
    width: calc(8.7179487179 * var(--vw));
  }
}

/* .p-about-greetings
----------------------------------- */
.p-about-greetings__cont {
  display: block grid;
}
.p-about-greetings__img {
  display: block;
  width: 100%;
}
.p-about-greetings__h {
  font-weight: 900;
}
.p-about-greetings__txt {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
.p-about-greetings__txt + .p-about-greetings__txt {
  margin-top: 1lh;
}
.p-about-greetings__slogan {
  display: block;
}
.p-about-greetings__signature {
  display: block flex;
  align-items: center;
  justify-content: flex-end;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .p-about-greetings {
    padding-block: min(85px, calc(5.9027777778 * var(--vw))) min(138px, calc(9.5833333333 * var(--vw)));
  }
  .p-about-greetings__cont {
    grid-template-columns: 1fr min(500px, calc(34.7222222222 * var(--vw)));
    column-gap: min(84px, calc(5.8333333333 * var(--vw)));
    margin-top: min(50px, calc(3.4722222222 * var(--vw)));
  }
  .p-about-greetings__fig {
    grid-column-start: 2;
    grid-row-start: 1;
    padding-top: min(15px, calc(1.0416666667 * var(--vw)));
  }
  .p-about-greetings__img {
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-about-greetings__bloc {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .p-about-greetings__h {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.3076923077;
  }
  .p-about-greetings__txt {
    margin-top: min(20px, calc(1.3888888889 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  .p-about-greetings__slogan {
    margin-block: min(32px, calc(2.2222222222 * var(--vw))) min(30px, calc(2.0833333333 * var(--vw)));
    font-size: min(22px, calc(1.5277777778 * var(--vw)));
    font-weight: 700;
    line-height: 1.3636363636;
  }
  .p-about-greetings__signature {
    column-gap: min(20px, calc(1.3888888889 * var(--vw)));
    margin-top: min(20px, calc(1.3888888889 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  .p-about-greetings__signature img {
    width: min(180px, calc(12.5 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-about-greetings {
    padding-block: calc(15.1282051282 * var(--vw));
  }
  .p-about-greetings__cont {
    row-gap: calc(6.1538461538 * var(--vw));
    margin-top: calc(6.1538461538 * var(--vw));
  }
  .p-about-greetings__img {
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-about-greetings__h {
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
  }
  .p-about-greetings__txt {
    margin-top: calc(3.0769230769 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692;
  }
  .p-about-greetings__slogan {
    margin-block: calc(3.0769230769 * var(--vw));
    font-size: calc(3.8461538462 * var(--vw));
    font-weight: 500;
    line-height: 1.5333333333;
  }
  .p-about-greetings__signature {
    column-gap: calc(3.0769230769 * var(--vw));
    margin-top: calc(3.0769230769 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692;
  }
  .p-about-greetings__signature img {
    width: calc(29.2307692308 * var(--vw));
  }
}

/* .p-about-learn
----------------------------------- */
.p-about-learn {
  background: #E0F7FA;
  overflow: hidden;
}
.p-about-learn__sec {
  display: block grid;
  background: #F8F8F8;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #A3DFF5;
}
.p-about-learn__img {
  display: block;
  width: 100%;
}
.p-about-learn__h {
  font-weight: 900;
  color: #00AEEF;
}
.p-about-learn__btns {
  display: block flex;
  align-items: center;
}
@media (min-width: 768px) {
  .p-about-learn {
    padding-block: min(61px, calc(4.2361111111 * var(--vw))) min(131px, calc(9.0972222222 * var(--vw)));
  }
  .p-about-learn__sec {
    grid-template-columns: 1fr min(280px, calc(19.4444444444 * var(--vw)));
    gap: min(52px, calc(3.6111111111 * var(--vw))) min(40px, calc(2.7777777778 * var(--vw)));
    padding: min(48px, calc(3.3333333333 * var(--vw))) min(50px, calc(3.4722222222 * var(--vw))) min(48px, calc(3.3333333333 * var(--vw))) min(48px, calc(3.3333333333 * var(--vw)));
    margin-top: min(80px, calc(5.5555555556 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-about-learn__sec + .p-about-learn__sec {
    margin-top: min(64px, calc(4.4444444444 * var(--vw)));
  }
  .p-about-learn__fig {
    grid-column-start: 2;
    grid-row-start: 1;
  }
  .p-about-learn__img {
    border-radius: min(24px, calc(1.6604166667 * var(--vw)));
  }
  .p-about-learn__bloc {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .p-about-learn__h {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.3076923077;
  }
  .p-about-learn__txt {
    margin-top: min(25px, calc(1.7361111111 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  .p-about-learn__btns {
    grid-column: span 2/span 2;
    column-gap: min(40px, calc(2.7777777778 * var(--vw)));
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .p-about-learn {
    padding-block: calc(4.6153846154 * var(--vw)) calc(10.2564102564 * var(--vw));
  }
  .p-about-learn__sec {
    row-gap: calc(5.1282051282 * var(--vw));
    padding: calc(6.1538461538 * var(--vw));
    margin-top: calc(6.1538461538 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-about-learn__img {
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-about-learn__h {
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
  }
  .p-about-learn__txt {
    margin-top: calc(2.0512820513 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
  }
  .p-about-learn__btns {
    justify-content: space-between;
  }
  .p-about-learn__btn {
    width: calc(35.641025641 * var(--vw));
  }
}

/* .p-works
----------------------------------- */
.p-works__cont {
  background: #F8F8F8;
}
.p-works__flow img {
  display: block;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .p-works__cont {
    padding-block: min(130px, calc(9.0277777778 * var(--vw))) min(119px, calc(8.2638888889 * var(--vw)));
  }
  .p-works__sec:nth-of-type(n+2) {
    margin-top: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-works__flow {
    margin-top: min(32px, calc(2.2222222222 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-works__cont {
    padding-block: calc(14.358974359 * var(--vw)) calc(13.6487179487 * var(--vw));
  }
  .p-works__sec:nth-of-type(n+2) {
    margin-top: calc(14.358974359 * var(--vw));
  }
  .p-works__flow {
    margin-top: calc(4.1025641026 * var(--vw));
  }
  .p-works__flow img {
    width: 100%;
  }
}

/* .p-works-about
----------------------------------- */
.p-works-about {
  display: block grid;
}
.p-works-about__img {
  display: block;
  width: 100%;
}
.p-works-about__txt {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
@media (min-width: 768px) {
  .p-works-about {
    grid-template-columns: 1fr min(422px, calc(29.3055555556 * var(--vw)));
    gap: min(57px, calc(3.9583333333 * var(--vw))) min(41px, calc(2.8472222222 * var(--vw)));
    padding-inline: min(40px, calc(2.7777777778 * var(--vw)));
    margin-top: min(27px, calc(1.875 * var(--vw)));
  }
  .p-works-about__fig {
    grid-column-start: 2;
    grid-row-start: 1;
  }
  .p-works-about__img {
    border-radius: min(19px, calc(1.3138888889 * var(--vw)));
  }
  .p-works-about__bloc {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .p-works-about__txt {
    font-size: min(22px, calc(1.5277777778 * var(--vw)));
    font-weight: 500;
    line-height: 2.0909090909;
  }
}
@media (max-width: 767px) {
  .p-works-about {
    row-gap: calc(4.1025641026 * var(--vw));
    margin-top: calc(4.1025641026 * var(--vw));
  }
  .p-works-about__img {
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-works-about__txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
}

/* .p-works-jobs
----------------------------------- */
.p-works-jobs {
  display: block grid;
}
.p-works-jobs__box {
  position: relative;
  background: #F8F8F8;
  border: 2px solid #00AEEF;
}
.p-works-jobs__hgroup {
  position: absolute;
  inset-inline: 0;
  top: 0;
  display: block flex;
  align-items: center;
  margin-inline: auto;
  color: #F8F8F8;
  background: #00AEEF;
  border-radius: 100vmax;
  transform: translateY(-50%);
}
.p-works-jobs__icn {
  display: block grid;
  place-content: center;
}
.p-works-jobs__icn > img {
  display: block;
}
.p-works-jobs__h {
  font-weight: 900;
}
.p-works-jobs__txt {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
@media (min-width: 768px) {
  .p-works-jobs {
    grid-template-columns: repeat(2, 1fr);
    gap: min(80px, calc(5.5555555556 * var(--vw))) min(40px, calc(2.7777777778 * var(--vw)));
    margin-top: min(96px, calc(6.6666666667 * var(--vw)));
  }
  .p-works-jobs__box {
    padding: min(56px, calc(3.8888888889 * var(--vw))) min(32px, calc(2.2222222222 * var(--vw))) min(32px, calc(2.2222222222 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-works-jobs__hgroup {
    width: min(280px, calc(19.4444444444 * var(--vw)));
    padding-inline: min(15px, calc(1.0416666667 * var(--vw)));
  }
  .p-works-jobs__icn {
    width: min(80px, calc(5.5555555556 * var(--vw)));
    aspect-ratio: 1/1;
  }
  .p-works-jobs__h {
    min-width: 5em;
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.3076923077;
    text-align: center;
  }
  .p-works-jobs__txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
}
@media (max-width: 767px) {
  .p-works-jobs {
    row-gap: calc(12.8205128205 * var(--vw));
    margin-top: calc(10.7692307692 * var(--vw));
  }
  .p-works-jobs__box {
    padding: calc(6.1538461538 * var(--vw)) calc(6.1538461538 * var(--vw)) calc(4.8717948718 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-works-jobs__hgroup {
    width: calc(35.8974358974 * var(--vw));
    padding-inline: calc(3.5897435897 * var(--vw));
  }
  .p-works-jobs__icn {
    width: calc(6.6666666667 * var(--vw));
    height: calc(9.7435897436 * var(--vw));
  }
  .p-works-jobs__icn--sales {
    width: calc(4.1205128205 * var(--vw));
  }
  .p-works-jobs__icn--design {
    width: calc(6.4102564103 * var(--vw));
  }
  .p-works-jobs__icn--estimate {
    width: calc(4.1025641026 * var(--vw));
  }
  .p-works-jobs__icn--contractor {
    width: calc(5.1282051282 * var(--vw));
  }
  .p-works-jobs__h {
    flex: 1 1 5%;
    min-width: 0;
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
    text-align: center;
  }
  .p-works-jobs__txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
}

/* .p-works-qcds
----------------------------------- */
.p-works-qcds {
  position: relative;
  background: #E0F7FA;
  border-top: 1px solid #00AEEF;
}
.p-works-qcds__ttl {
  position: absolute;
  inset-inline: 0;
  top: 0;
  width: fit-content;
  margin-inline: auto;
  font-weight: 900;
  text-align: center;
  color: #F8F8F8;
  background: #00AEEF;
  border-radius: 100vmax;
  transform: translateY(-50%);
}
.p-works-qcds__list {
  display: block grid;
}
.p-works-qcds__li {
  position: relative;
}
.p-works-qcds__li::before {
  position: absolute;
  left: 0;
  display: block;
  aspect-ratio: 1/1;
  content: "";
  background: #00AEEF;
  border-radius: 50%;
}
.p-works-qcds__h {
  font-weight: 700;
  color: #00AEEF;
}
.p-works-qcds__txt {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
@media (min-width: 768px) {
  .p-works-qcds {
    grid-column: span 2/span 2;
    padding: min(40px, calc(2.7777777778 * var(--vw)));
    margin-inline: max(-40px, calc(-2.7777777778 * var(--vw)));
    border-radius: 0 0 min(10px, calc(0.6944444444 * var(--vw))) min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-works-qcds__ttl {
    padding: min(4px, calc(0.2777777778 * var(--vw))) min(36px, calc(2.5 * var(--vw)));
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.3076923077;
  }
  .p-works-qcds__list {
    grid-template-columns: repeat(4, 1fr);
    column-gap: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-works-qcds__li {
    padding-left: min(18px, calc(1.25 * var(--vw)));
  }
  .p-works-qcds__li::before {
    top: min(13px, calc(0.9027777778 * var(--vw)));
    width: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-works-qcds__h {
    font-size: min(24px, calc(1.6666666667 * var(--vw)));
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .p-works-qcds__txt {
    margin-top: min(4px, calc(0.2777777778 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
}
@media (max-width: 767px) {
  .p-works-qcds {
    padding: calc(6.1538461538 * var(--vw));
    border-radius: 0 0 calc(3.0769230769 * var(--vw)) calc(3.0769230769 * var(--vw));
  }
  .p-works-qcds__ttl {
    padding: calc(0.641025641 * var(--vw)) calc(7.6923076923 * var(--vw));
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
  }
  .p-works-qcds__list {
    row-gap: calc(5.1282051282 * var(--vw));
  }
  .p-works-qcds__li {
    padding-left: calc(3.5897435897 * var(--vw));
  }
  .p-works-qcds__li::before {
    top: calc(1.7948717949 * var(--vw));
    width: calc(2.5641025641 * var(--vw));
  }
  .p-works-qcds__h {
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.56;
  }
  .p-works-qcds__txt {
    margin-top: calc(0.5128205128 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
}

/* .p-works-schedule
----------------------------------- */
.p-works-schedule {
  display: block grid;
}
.p-works-schedule__img {
  display: block;
  width: 100%;
}
.p-works-schedule__post {
  display: block flex;
  align-items: center;
  letter-spacing: 0.1em;
}
.p-works-schedule__post > small {
  letter-spacing: 0;
}
.p-works-schedule__name {
  display: block;
  font-weight: 900;
  color: #00AEEF;
}
.p-works-schedule__timeline {
  position: relative;
}
.p-works-schedule__timeline::before {
  position: absolute;
  inset-block: 0;
  display: block;
  content: "";
  background: #E0F7FA;
}
.p-works-schedule__item {
  position: relative;
  z-index: 2;
  display: block flex;
  align-items: flex-start;
}
.p-works-schedule__time {
  display: block flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #00AEEF;
}
.p-works-schedule__time > span {
  display: block;
  min-width: 3.3em;
  text-align: right;
}
.p-works-schedule__txt {
  flex: 1 1 5%;
  min-width: 0;
}
.p-works-schedule__txt > small {
  display: block;
}
.p-works-schedule__txt dt,
.p-works-schedule__txt dd {
  font-weight: inherit;
}
@media (min-width: 768px) {
  .p-works-schedule {
    grid-template-columns: min(400px, calc(27.7777777778 * var(--vw))) 1fr;
    column-gap: min(120px, calc(8.3333333333 * var(--vw)));
    margin-top: min(56px, calc(3.8888888889 * var(--vw)));
  }
  .p-works-schedule__img {
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-works-schedule__h {
    margin-top: min(4px, calc(0.2777777778 * var(--vw)));
  }
  .p-works-schedule__post {
    column-gap: min(8px, calc(0.5555555556 * var(--vw)));
    padding-block: min(8px, calc(0.5555555556 * var(--vw)));
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    font-weight: 900;
    line-height: 1.3;
  }
  .p-works-schedule__post > small {
    font-size: 1em;
    font-weight: 500;
  }
  .p-works-schedule__name {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.3076923077;
  }
  .p-works-schedule__timeline {
    padding-bottom: min(12px, calc(0.8333333333 * var(--vw)));
  }
  .p-works-schedule__timeline::before {
    left: min(13px, calc(0.9027777778 * var(--vw)));
    width: min(4px, calc(0.2777777778 * var(--vw)));
  }
  .p-works-schedule__item {
    column-gap: min(56px, calc(3.8888888889 * var(--vw)));
  }
  .p-works-schedule__item:nth-of-type(n+2) {
    margin-top: min(24px, calc(1.6666666667 * var(--vw)));
  }
  .p-works-schedule__time {
    column-gap: min(20px, calc(1.3888888889 * var(--vw)));
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    line-height: 1.15;
  }
  .p-works-schedule__icn {
    width: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-works-schedule__txt {
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.1em;
  }
  .p-works-schedule__txt > small,
  .p-works-schedule__txt dt,
  .p-works-schedule__txt dd {
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1.875;
  }
  .p-works-schedule__txt dt,
  .p-works-schedule__txt dd {
    display: inline;
  }
  .p-works-schedule__txt > small {
    margin-top: 0.225em;
  }
}
@media (max-width: 767px) {
  .p-works-schedule {
    row-gap: calc(4.6717948718 * var(--vw));
    margin-top: calc(4.1615384615 * var(--vw));
  }
  .p-works-schedule__img {
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-works-schedule__h {
    margin-top: calc(4.1025641026 * var(--vw));
  }
  .p-works-schedule__post {
    padding-block: calc(0.7692307692 * var(--vw));
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.2142857143;
  }
  .p-works-schedule__post > small {
    font-size: 0.9285714286em;
  }
  .p-works-schedule__name {
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
  }
  .p-works-schedule__timeline {
    padding-bottom: calc(7.2974358974 * var(--vw));
  }
  .p-works-schedule__timeline::before {
    left: calc(2.8205128205 * var(--vw));
    width: calc(0.5128205128 * var(--vw));
  }
  .p-works-schedule__item {
    column-gap: calc(7.1794871795 * var(--vw));
  }
  .p-works-schedule__item:nth-of-type(n+2) {
    margin-top: calc(5.1282051282 * var(--vw));
  }
  .p-works-schedule__time {
    column-gap: calc(0.7692307692 * var(--vw));
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.1875;
  }
  .p-works-schedule__icn {
    width: calc(6.1538461538 * var(--vw));
  }
  .p-works-schedule__txt {
    font-size: calc(4.1025641026 * var(--vw));
    font-weight: 500;
    line-height: 1.3125;
  }
  .p-works-schedule__txt > small,
  .p-works-schedule__txt dt,
  .p-works-schedule__txt dd {
    font-size: 0.8125em;
    line-height: 1.7692307692;
  }
  .p-works-schedule__txt > small,
  .p-works-schedule__txt > dl {
    margin-top: 0.3em;
  }
  .p-works-schedule__txt > dl {
    display: block flex;
  }
  .p-works-schedule__txt dd {
    flex: 1 1 5%;
    min-width: 0;
  }
}

/* .p-employee
----------------------------------- */
.p-employee__cont {
  background-color: #E0F7FA;
  background-position: center top;
  background-repeat: repeat-y;
}
@media (min-width: 768px) {
  .p-employee__cont {
    padding-block: min(169px, calc(11.7361111111 * var(--vw))) min(120px, calc(8.3333333333 * var(--vw)));
    background-image: url("../img/employee/bg-pc.svg");
  }
}
@media (max-width: 767px) {
  .p-employee__cont {
    padding-block: calc(14.358974359 * var(--vw));
    background-image: url("../img/employee/bg-sp.svg");
    background-size: 100% auto;
  }
}

/* .p-employee-card
----------------------------------- */
.p-employee-card {
  position: relative;
  display: block flex;
}
.p-employee-card::before {
  position: absolute;
  display: block;
  aspect-ratio: 348/330;
  pointer-events: none;
  content: "";
  background: #F5F6F7;
  mask: url("../img/common/logo_mark.svg") no-repeat center center;
  mask-size: contain;
}
.p-employee-card:nth-child(2n) {
  flex-direction: row-reverse;
}
.p-employee-card__bloc {
  position: relative;
  z-index: 2;
  display: block flex;
  flex: 1 1 5%;
  flex-direction: column;
  min-width: 0;
}
.p-employee-card__interview {
  display: block flex;
  align-items: flex-end;
  margin-block: var(--leading-trim);
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  color: #FC474A;
  opacity: 0.7;
}
.p-employee-card__interview > span {
  display: block;
}
.p-employee-card__interview-num {
  padding-bottom: 0.1em;
  letter-spacing: 0.01em;
}
.p-employee-card__job-en {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #00AEEF;
  opacity: 0.2;
}
.p-employee-card__ttl {
  display: block;
}
.p-employee-card__foot {
  margin-top: auto;
}
.p-employee-card__fig {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.p-employee-card__img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease-out;
  will-change: transform;
}
@media (min-width: 768px) {
  .p-employee-card {
    column-gap: min(126px, calc(8.75 * var(--vw)));
  }
  .p-employee-card::before {
    width: min(348px, calc(24.1666666667 * var(--vw)));
  }
  .p-employee-card:nth-child(2n+1)::before {
    top: 23.2087227414%;
    left: 30.6034482759%;
  }
  .p-employee-card:nth-child(2n)::before {
    top: 22.8971962617%;
    right: max(-5px, calc(-0.3472222222 * var(--vw)));
  }
  .p-employee-card:nth-child(3)::before {
    left: 34.224137931%;
  }
  .p-employee-card:nth-child(n+2) {
    margin-top: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-employee-card__bloc {
    padding-top: min(38px, calc(2.6388888889 * var(--vw)));
  }
  .p-employee-card__interview {
    gap: min(15px, calc(1.0416666667 * var(--vw)));
    font-size: min(50px, calc(3.4722222222 * var(--vw)));
    line-height: 1.76;
  }
  .p-employee-card__interview-num {
    font-size: 1.56em;
    line-height: 1.1282051282;
  }
  .p-employee-card__job-en {
    margin-top: min(15px, calc(1.0416666667 * var(--vw)));
    font-size: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-employee-card__ttl {
    margin-block: min(98px, calc(6.8055555556 * var(--vw))) min(15px, calc(1.0416666667 * var(--vw)));
  }
  .p-employee-card__foot {
    display: block flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .p-employee-card__profile {
    min-width: min(410px, calc(28.4722222222 * var(--vw)));
    margin-bottom: min(3px, calc(0.2083333333 * var(--vw)));
  }
  .p-employee-card__fig {
    width: min(474px, calc(32.9166666667 * var(--vw)));
    margin-top: auto;
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
}
@media (min-width: 768px) and (any-hover: hover) {
  .p-employee-card:hover .p-employee-card__img {
    transform: scale(1.0301737968);
  }
}
@media (max-width: 767px) {
  .p-employee-card {
    column-gap: calc(4.8717948718 * var(--vw));
  }
  .p-employee-card::before {
    top: 12.2222222222%;
    width: calc(20.5128205128 * var(--vw));
  }
  .p-employee-card:nth-child(2n+1)::before {
    left: 29.2397660819%;
  }
  .p-employee-card:nth-child(2n)::before {
    right: calc(0.7692307692 * var(--vw));
  }
  .p-employee-card:nth-child(n+2) {
    margin-top: calc(14.358974359 * var(--vw));
  }
  .p-employee-card__interview {
    gap: calc(1.5384615385 * var(--vw));
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.4375;
  }
  .p-employee-card__interview-txt {
    padding-bottom: calc(2 * var(--vw));
  }
  .p-employee-card__interview-num {
    font-size: 1.75em;
    line-height: 1.2857142857;
  }
  .p-employee-card__job-en {
    margin-top: calc(-1.2820512821 * var(--vw));
    font-size: calc(3.0769230769 * var(--vw));
    line-height: 1.0833333333;
  }
  .p-employee-card__ttl {
    margin-block: calc(3.0769230769 * var(--vw)) calc(1.0256410256 * var(--vw));
  }
  .p-employee-card__ttl img {
    width: 100%;
  }
  .p-employee-card__foot {
    position: relative;
  }
  .p-employee-card__icn {
    position: absolute;
    top: calc(-11.7948717949 * var(--vw));
    right: 0;
  }
  .p-employee-card__fig {
    width: calc(35.8974358974 * var(--vw));
    border-radius: calc(1.3 * var(--vw));
  }
}

/* .p-interview
----------------------------------- */
.p-interview {
  background: #F8F8F8;
}
.p-interview__cont {
  background-repeat: repeat-y;
}
.p-interview__recommend {
  position: relative;
  display: block grid;
  grid-template-columns: repeat(2, 1fr);
  background: #F8F8F8;
}
.p-interview__back-btn {
  margin-inline: auto;
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  background: #F8F8F8;
}
@media (min-width: 768px) {
  .p-interview__cont {
    padding-top: min(127px, calc(8.8194444444 * var(--vw)));
    background-image: url("../img/interview01/bg-pc.svg");
    background-position: center max(-64px, calc(-4.4444444444 * var(--vw)));
  }
  .p-interview__recommend {
    max-width: min(1440px, calc(100 * var(--vw)));
    margin-inline: auto;
  }
  .p-interview__recommend::before {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    width: min(10px, calc(0.6944444444 * var(--vw)));
    margin-inline: auto;
    content: "";
    background: #F5F6F7;
  }
  .p-interview__foot {
    padding-block: min(79px, calc(5.4861111111 * var(--vw))) min(121px, calc(8.4027777778 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-interview__cont {
    padding-top: calc(7.4358974359 * var(--vw));
    background-image: url("../img/interview01/bg-sp.svg");
    background-position: center calc(-53.3333333333 * var(--vw));
    background-size: 100% auto;
  }
  [data-interview="02"] .p-interview__cont {
    background-image: url("../img/interview02/bg-sp.svg");
    background-position: center calc(-52.3076923077 * var(--vw));
  }
  [data-interview="03"] .p-interview__cont {
    background-image: url("../img/interview03/bg-sp.svg");
    background-position: center calc(-35.1282051282 * var(--vw));
  }
  [data-interview="04"] .p-interview__cont {
    background-image: url("../img/interview04/bg-sp.svg");
    background-position: center calc(-53.5897435897 * var(--vw));
  }
  .p-interview__recommend {
    gap: calc(2.5641025641 * var(--vw));
    margin-top: calc(14.358974359 * var(--vw));
  }
  .p-interview__foot {
    padding-block: calc(8.2051282051 * var(--vw)) calc(14.358974359 * var(--vw));
    background: #F8F8F8 url("../img/interview01/foot_bg-sp.svg") no-repeat center center/100% auto;
  }
  [data-interview="02"] .p-interview__foot {
    background-image: url("../img/interview02/foot_bg-sp.svg");
  }
  [data-interview="03"] .p-interview__foot {
    background-image: url("../img/interview03/foot_bg-sp.svg");
  }
  [data-interview="04"] .p-interview__foot {
    background-image: url("../img/interview04/foot_bg-sp.svg");
  }
}

/* .p-interview-card
----------------------------------- */
.p-interview-card {
  position: relative;
  display: block;
  background: #00AEEF;
  overflow: hidden;
}
.p-interview-card__bg {
  position: absolute;
}
.p-interview-card__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease-out;
  will-change: transform;
}
.p-interview-card__job {
  position: absolute;
  display: block;
  margin-block: var(--leading-trim);
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #E0F7FA;
  opacity: 0.5;
  transition: color 0.3s ease-out;
}
.p-interview-card__img {
  transition: scale 0.3s ease-out;
  transform-origin: 60%;
  will-change: transform;
}
.p-interview-card__profile {
  position: relative;
  z-index: 5;
  color: #00AEEF;
  background: #E0F7FA;
}
.p-interview-card__profile .c-interview-profile__job {
  background: #F8F8F8;
}
@media (any-hover: hover) {
  .p-interview-card:hover .p-interview-card__job {
    color: #FC474A;
  }
  .p-interview-card:hover .p-interview-card__bg img {
    scale: 1.03;
  }
  .p-interview-card:hover .p-interview-card__img {
    scale: 1.03;
  }
}
@media (min-width: 768px) {
  .p-interview-card {
    padding: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-interview-card__ttl {
    position: relative;
    z-index: 5;
    display: block flex;
    flex-direction: column;
    row-gap: min(18px, calc(1.2222222222 * var(--vw)));
    align-items: flex-start;
    font-size: min(24px, calc(1.6805555556 * var(--vw)));
    font-weight: 900;
    line-height: 1.4876033058;
  }
  .p-interview-card__ttl > span {
    display: block;
    background: #F8F8F8;
    padding: min(7px, calc(0.4583333333 * var(--vw))) min(11px, calc(0.7638888889 * var(--vw)));
  }
  .p-interview-card__bg {
    inset-block: 0;
    right: min(46px, calc(3.1944444444 * var(--vw)));
    width: min(374px, calc(25.9722222222 * var(--vw)));
    mask: url("../img/interview01/recomend_mask.svg") no-repeat center max(-26px, calc(-1.8055555556 * var(--vw)));
    mask-size: 100% auto;
  }
  .p-interview-card__job {
    top: min(27px, calc(1.875 * var(--vw)));
    right: 0.25em;
    font-size: min(60px, calc(4.1666666667 * var(--vw)));
    line-height: 1.15;
  }
  .p-interview-card__img {
    position: absolute;
    inset-block: 0;
    right: 0;
    width: auto;
    height: 100%;
  }
  .p-interview-card__profile {
    width: fit-content;
    min-width: min(410px, calc(28.4722222222 * var(--vw)));
    margin-top: min(17px, calc(1.1944444444 * var(--vw)));
  }
  .p-interview-card__icn {
    position: absolute;
    right: min(32px, calc(2.2222222222 * var(--vw)));
    bottom: min(31px, calc(2.1527777778 * var(--vw)));
    z-index: 4;
    color: #00AEEF;
    background: #F8F8F8;
  }
}
@media (max-width: 767px) {
  .p-interview-card__ttl, .p-interview-card__icn {
    display: none;
  }
  .p-interview-card__bg {
    inset: 0;
    object-fit: cover;
  }
  .p-interview-card__job {
    top: calc(2.0512820513 * var(--vw));
    left: calc(2.5641025641 * var(--vw));
    font-size: calc(3.0769230769 * var(--vw));
    line-height: 1.0833333333;
  }
  .p-interview-card__img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p-interview-card__profile {
    position: absolute;
    inset-inline: calc(2.5641025641 * var(--vw));
    bottom: calc(2.5641025641 * var(--vw));
  }
  .p-interview-card__profile .c-interview-profile {
    height: calc(6.1538461538 * var(--vw));
    padding-inline: calc(1.2820512821 * var(--vw)) 0;
    border-radius: calc(1.0948717949 * var(--vw));
  }
  .p-interview-card__profile .c-interview-profile__job {
    font-size: calc(2.0512820513 * var(--vw));
  }
  .p-interview-card__profile .c-interview-profile__name {
    margin-left: calc(0.7692307692 * var(--vw));
    white-space: nowrap;
  }
  .p-interview-card__profile .c-interview-profile__year {
    width: calc(14.1025641026 * var(--vw));
    padding-inline: 0;
    line-height: 1.25;
  }
}

/* .p-interview-head
----------------------------------- */
.p-interview-head {
  background: #33C9FF;
}
.p-interview-head__inner {
  position: relative;
}
.p-interview-head__num, .p-interview-head__sub-ttl, .p-interview-head__ttl, .p-interview-head__profile {
  position: relative;
  z-index: 2;
}
.p-interview-head__num {
  display: block;
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #FC474A;
  opacity: 0.7;
}
.p-interview-head__sub-ttl {
  display: block;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: #F8F8F8;
}
.p-interview-head__ttl img {
  display: block;
}
.p-interview-head__profile {
  width: fit-content;
  color: #00AEEF;
  background: #F8F8F8;
}
.p-interview-head__profile .c-interview-profile__year {
  border: none;
}
.p-interview-head__img, .p-interview-head__job {
  position: absolute;
  display: block;
}
.p-interview-head__job {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #F8F8F8;
  opacity: 0.7;
}
@media (min-width: 768px) {
  .p-interview-head {
    padding-block: min(120px, calc(8.3333333333 * var(--vw))) min(88px, calc(6.1111111111 * var(--vw)));
  }
  .p-interview-head__num {
    font-size: min(78px, calc(5.4166666667 * var(--vw)));
    line-height: 1.1282051282;
  }
  .p-interview-head__sub-ttl {
    margin-top: max(-28px, calc(-1.9444444444 * var(--vw)));
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    line-height: 1.3;
  }
  .p-interview-head__ttl {
    margin-top: min(89px, calc(6.1805555556 * var(--vw)));
  }
  .p-interview-head__ttl img {
    width: 100%;
  }
  .p-interview-head__profile {
    min-width: min(395px, calc(27.4305555556 * var(--vw)));
    margin-top: min(150px, calc(10.4166666667 * var(--vw)));
  }
  .p-interview-head__img {
    right: 0;
    bottom: min(14px, calc(0.9722222222 * var(--vw)));
    width: min(857px, calc(59.5138888889 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-interview-head__job {
    right: max(-83px, calc(-5.7638888889 * var(--vw)));
    bottom: max(-20px, calc(-1.3888888889 * var(--vw)));
    font-size: min(60px, calc(4.1666666667 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-interview-head {
    padding-block: calc(22.5641025641 * var(--vw)) calc(6.4102564103 * var(--vw));
  }
  .p-interview-head__num {
    font-size: calc(6.1538461538 * var(--vw));
    line-height: 1.0833333333;
  }
  .p-interview-head__sub-ttl {
    margin-top: calc(-2.3076923077 * var(--vw));
    font-size: calc(2.0512820513 * var(--vw));
    line-height: 1.5;
  }
  .p-interview-head__ttl {
    margin-top: calc(3.5897435897 * var(--vw));
  }
  .p-interview-head__ttl img {
    width: calc(46.9230769231 * var(--vw));
    object-fit: contain;
    object-position: left;
  }
  .p-interview-head__profile {
    min-width: calc(46.9230769231 * var(--vw));
    margin-top: calc(9.7435897436 * var(--vw));
  }
  .p-interview-head__img {
    right: calc(6.1538461538 * var(--vw));
    bottom: 0;
    width: calc(64.6153846154 * var(--vw));
    border-radius: calc(1.5076923077 * var(--vw));
  }
  .p-interview-head__job {
    right: calc(2.5641025641 * var(--vw));
    bottom: calc(-4.1025641026 * var(--vw));
    font-size: calc(4.5333333333 * var(--vw));
  }
}

/* .p-interview-sec
----------------------------------- */
.p-interview-sec {
  position: relative;
}
.p-interview-sec__bloc, .p-interview-sec__fig {
  position: relative;
  z-index: 2;
}
.p-interview-sec__img {
  display: block;
  width: 100%;
}
.p-interview-sec__h {
  font-weight: 900;
  color: #00AEEF;
}
@media (min-width: 768px) {
  .p-interview-sec {
    display: block flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .p-interview-sec__img {
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-interview-sec__h {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.3076923077;
  }
  .p-interview-sec__txt {
    margin-top: min(32px, calc(2.2222222222 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  .p-interview-sec:last-of-type {
    padding-bottom: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(1) .p-interview-sec__fig {
    width: min(400px, calc(27.7777777778 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(1) .p-interview-sec__bloc {
    width: min(600px, calc(41.6666666667 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(2) {
    flex-direction: row-reverse;
    margin-top: min(180px, calc(12.5 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(2)::before {
    position: absolute;
    top: max(-166px, calc(-11.5277777778 * var(--vw)));
    left: max(-568px, calc(-39.4444444444 * var(--vw)));
    display: block;
    width: min(1314px, calc(91.2563194444 * var(--vw)));
    height: min(1029px, calc(71.4744444444 * var(--vw)));
    content: "";
    background: url("../img/interview01/bg_obj.svg") no-repeat center center/contain;
  }
  .p-interview-sec:nth-of-type(2) .p-interview-sec__fig {
    width: min(507px, calc(35.2083333333 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(2) .p-interview-sec__bloc {
    width: min(559px, calc(38.8194444444 * var(--vw)));
    padding-top: min(60px, calc(4.1666666667 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(3) {
    row-gap: min(60px, calc(4.1666666667 * var(--vw)));
    flex-direction: column;
    align-items: center;
    padding-bottom: min(120px, calc(8.3333333333 * var(--vw)));
    margin-top: min(187px, calc(12.9861111111 * var(--vw)));
  }
  .p-interview-sec:nth-of-type(3)::before {
    position: absolute;
    bottom: 0;
    left: calc((50vw - 50%) * -1);
    display: block;
    width: 100vw;
    height: min(598px, calc(41.5277777778 * var(--vw)));
    content: "";
    background: #E0F7FA;
  }
  .p-interview-sec:nth-of-type(3) .p-interview-sec__fig {
    width: min(1016px, calc(70.5555555556 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-interview-sec {
    display: block grid;
    row-gap: calc(4.1025641026 * var(--vw));
  }
  .p-interview-sec:nth-of-type(n+2) {
    margin-top: calc(10.2564102564 * var(--vw));
  }
  .p-interview-sec__img {
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-interview-sec__h {
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3125;
  }
  .p-interview-sec__txt {
    margin-top: calc(2.0512820513 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

/* .p-training
----------------------------------- */
.p-training__detail {
  display: flex;
}
.p-training__detail-image {
  overflow: hidden;
}
.p-training__detail-image img {
  width: 100%;
}
.p-training__detail-intro-title {
  position: relative;
}
.p-training__detail-intro-title::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.p-training__detail-intro-title-en {
  display: block;
  color: #00AEEF;
  font-family: "Fugaz One", sans-serif;
}
.p-training__detail-intro-title-ja {
  display: block;
  font-weight: bold;
  color: #00AEEF;
  text-align: right;
}
@media (min-width: 768px) {
  .p-training .c-headline--lg {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
  }
  .p-training .c-headline--lg::before {
    top: max(-70px, calc(-4.8611111111 * var(--vw)));
    left: max(-148px, calc(-10.2777777778 * var(--vw)));
    font-size: min(96px, calc(6.6666666667 * var(--vw)));
  }
  .p-training__cont {
    padding-top: min(85px, calc(5.9027777778 * var(--vw)));
  }
  .p-training__text {
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.7777777778em;
  }
  .p-training__detail {
    justify-content: space-between;
    align-items: start;
  }
  .p-training__detail--initial {
    margin-top: min(83px, calc(5.7638888889 * var(--vw)));
  }
  .p-training__detail--support {
    margin-top: min(51px, calc(3.5416666667 * var(--vw)));
  }
  .p-training__detail-text {
    width: min(560px, calc(38.8888888889 * var(--vw)));
  }
  .p-training__detail-image {
    width: min(464px, calc(32.2222222222 * var(--vw)));
  }
  .p-training__detail-text-block + .p-training__detail-text-block {
    margin-top: min(58px, calc(4.0277777778 * var(--vw)));
  }
  .p-training__detail-intro {
    display: grid;
    grid-template-columns: 4.5fr 6.5fr;
    justify-content: space-between;
  }
  .p-training__detail-intro-title {
    position: relative;
  }
  .p-training__detail-intro-title::before {
    content: "";
    width: min(127px, calc(8.8194444444 * var(--vw)));
    height: min(76px, calc(5.2777777778 * var(--vw)));
    background-image: url(../img/training/obj.svg);
  }
  .p-training__detail-intro-title--initial {
    width: min(149px, calc(10.3472222222 * var(--vw)));
  }
  .p-training__detail-intro-title--follow {
    width: min(187px, calc(12.9861111111 * var(--vw)));
  }
  .p-training__detail-intro-title--programs {
    width: min(186px, calc(12.9166666667 * var(--vw)));
  }
  .p-training__detail-intro-title--leaning {
    width: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-training__detail-intro-title--leaning .p-training__detail-intro-title-ja {
    text-align: left;
  }
  .p-training__detail-intro-title-en {
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-training__detail-intro-title-ja {
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.3333333333em;
    letter-spacing: 0.05em;
  }
  .p-training__detail-intro-lead {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    font-weight: 900;
    line-height: 1.2692307692em;
  }
  .p-training__detail-lead {
    margin-top: min(16px, calc(1.1111111111 * var(--vw)));
  }
  .p-training__detail-image {
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-training .p-training-support .c-headline--lg::before {
    top: calc(-12.3076923077 * var(--vw));
    left: calc(-5.641025641 * var(--vw));
  }
  .p-training .p-training-career .c-headline--lg::before {
    top: calc(-8.9743589744 * var(--vw));
    left: calc(-6.1538461538 * var(--vw));
  }
  .p-training .c-headline--lg {
    font-size: calc(4.1025641026 * var(--vw));
  }
  .p-training .c-headline--lg::before {
    top: calc(-8.2051282051 * var(--vw));
    left: calc(-1.2820512821 * var(--vw));
    font-size: calc(11.5384615385 * var(--vw));
    letter-spacing: 0.03em;
  }
  .p-training__text {
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692em;
    letter-spacing: -0.03em;
  }
  .p-training__detail {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: start;
  }
  .p-training__detail--initial {
    margin-top: calc(17.9487179487 * var(--vw));
  }
  .p-training__detail--support {
    margin-top: calc(4.1025641026 * var(--vw));
  }
  .p-training__detail-text {
    width: 100%;
    margin-top: calc(6.9230769231 * var(--vw));
  }
  .p-training__detail-image {
    width: 100%;
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-training__detail-text-block + .p-training__detail-text-block {
    margin-top: calc(6.1538461538 * var(--vw));
  }
  .p-training__detail-intro {
    grid-template-columns: 1fr;
    justify-content: space-between;
  }
  .p-training__detail-intro-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(5.1282051282 * var(--vw));
  }
  .p-training__detail-intro-title::before {
    content: "";
    width: calc(15.8974358974 * var(--vw));
    height: calc(10.2564102564 * var(--vw));
    left: calc(7.6923076923 * var(--vw));
    transform: translateY(-50%);
    background-image: url(../img/training/obj-sp.svg);
  }
  .p-training__detail-intro-title--initial {
    width: 100%;
  }
  .p-training__detail-intro-title--follow {
    width: 100%;
  }
  .p-training__detail-intro-title--programs {
    width: 100%;
  }
  .p-training__detail-intro-title--leaning {
    width: 100%;
  }
  .p-training__detail-intro-title--leaning .p-training__detail-intro-title-ja {
    text-align: left;
  }
  .p-training__detail-intro-title-en {
    font-size: calc(3.5897435897 * var(--vw));
  }
  .p-training__detail-intro-title-ja {
    font-size: calc(3.5897435897 * var(--vw));
    font-weight: 900;
    line-height: 1.3333333333em;
    letter-spacing: 0.1em;
  }
  .p-training__detail-intro-lead {
    margin-top: calc(3.0769230769 * var(--vw));
    font-size: calc(3.5897435897 * var(--vw));
    font-weight: 500;
    line-height: 1.7142857143em;
    letter-spacing: 0.05em;
  }
  .p-training__detail-lead {
    margin-top: calc(1.0256410256 * var(--vw));
  }
  .p-training__detail-image {
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
}

/* .p-training-initial
----------------------------------- */
.p-training-initial__flow img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-training-initial {
    margin-top: min(85px, calc(5.9027777778 * var(--vw)));
  }
  .p-training-initial__lead {
    margin-top: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-training-initial__flow {
    margin-top: min(63px, calc(4.375 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-training-initial {
    margin-top: calc(14.358974359 * var(--vw));
  }
  .p-training-initial__lead {
    margin-top: calc(2.0512820513 * var(--vw));
  }
  .p-training-initial__flow {
    margin-top: calc(6.1538461538 * var(--vw));
  }
}

/* .p-training-support
----------------------------------- */
@media (min-width: 768px) {
  .p-training-support {
    margin-top: min(183px, calc(12.7083333333 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-training-support {
    margin-top: calc(21.5384615385 * var(--vw));
  }
}

/* .p-training-career
----------------------------------- */
.p-training-career {
  background-color: #E0F7FA;
  overflow: hidden;
}
.p-training-career__image img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-training-career {
    margin-top: min(120px, calc(8.3333333333 * var(--vw)));
    margin-bottom: min(105px, calc(7.2916666667 * var(--vw)));
    padding-top: min(60px, calc(4.1666666667 * var(--vw)));
    padding-bottom: min(107px, calc(7.4305555556 * var(--vw)));
  }
  .p-training-career__image {
    margin-top: min(49px, calc(3.4027777778 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-training-career {
    margin-top: calc(17.9487179487 * var(--vw));
    padding-top: calc(8.4615384615 * var(--vw));
    padding-bottom: calc(14.358974359 * var(--vw));
  }
  .p-training-career__image {
    margin-top: calc(4.1025641026 * var(--vw));
  }
}

/* .p-welfare
----------------------------------- */
.p-welfare__title {
  color: #00AEEF;
  font-weight: 900;
  line-height: 1;
}
.p-welfare__item {
  display: grid;
  align-items: center;
  background: #F8F8F8;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: #A3DFF5;
}
.p-welfare__item-title {
  color: #00AEEF;
  font-weight: 900;
  line-height: 1;
}
.p-welfare__item-support-title {
  display: flex;
  align-items: flex-start;
  color: #00AEEF;
}
.p-welfare__item-support-title::after {
  content: "：";
  margin-left: 1em;
  color: #414C56;
}
.p-welfare__item-support-content {
  margin-left: 1em;
}
.p-welfare__item-support-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em;
}
@media (min-width: 768px) {
  .p-welfare__cont {
    margin-top: min(150px, calc(10.4166666667 * var(--vw)));
    margin-bottom: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-welfare__title {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
  }
  .p-welfare__lead {
    margin-top: min(20px, calc(1.3888888889 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.7777777778em;
  }
  .p-welfare__item {
    grid-template-columns: min(175px, calc(12.1527777778 * var(--vw))) 1fr;
    column-gap: min(48px, calc(3.3333333333 * var(--vw)));
    padding: min(40px, calc(2.7777777778 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-welfare__item:first-of-type {
    margin-top: min(72px, calc(5 * var(--vw)));
  }
  .p-welfare__item + .p-welfare__item {
    margin-top: min(56px, calc(3.8888888889 * var(--vw)));
  }
  .p-welfare__item--support {
    align-items: start;
  }
  .p-welfare__item-title {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
  }
  .p-welfare__item-lead {
    margin-top: min(16px, calc(1.1111111111 * var(--vw)));
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.7777777778em;
  }
  .p-welfare__item-support {
    display: flex;
    align-items: flex-start;
  }
  .p-welfare__item-support + .p-welfare__item-support {
    margin-top: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-welfare__item-support-title {
    line-height: 1.7777777778em;
  }
}
@media (max-width: 767px) {
  .p-welfare__cont {
    margin-top: calc(14.358974359 * var(--vw));
    margin-bottom: calc(14.358974359 * var(--vw));
  }
  .p-welfare__title {
    font-size: calc(4.1025641026 * var(--vw));
  }
  .p-welfare__lead {
    margin-top: calc(2.0512820513 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692em;
  }
  .p-welfare__item {
    grid-template-columns: calc(12.5641025641 * var(--vw)) 1fr;
    grid-template-areas: "image title" "lead lead";
    column-gap: calc(2.5641025641 * var(--vw));
    padding: calc(5.1282051282 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-welfare__item:first-of-type {
    margin-top: calc(6.1538461538 * var(--vw));
  }
  .p-welfare__item + .p-welfare__item {
    margin-top: calc(8.2051282051 * var(--vw));
  }
  .p-welfare__item-image {
    grid-area: image;
    width: calc(12.5641025641 * var(--vw));
  }
  .p-welfare__item-text {
    display: contents;
  }
  .p-welfare__item-title {
    grid-area: title;
    font-size: calc(4.1025641026 * var(--vw));
    white-space: nowrap;
  }
  .p-welfare__item-lead {
    grid-area: lead;
    margin-top: calc(1.5384615385 * var(--vw));
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692em;
    letter-spacing: -0.05em;
  }
  .p-welfare__item-support + .p-welfare__item-support {
    margin-top: calc(5.8974358974 * var(--vw));
  }
  .p-welfare__item-support-title::after {
    content: none;
  }
}

/* .p-requirements
----------------------------------- */
.p-requirements__h {
  color: #00AEEF;
  font-weight: 900;
}
.p-requirements__table {
  width: 100%;
}
.p-requirements__tr {
  display: block;
  border-top: solid 1px #C7CCD1;
}
.p-requirements__tr:last-of-type {
  border-bottom: solid 1px #C7CCD1;
}
.p-requirements__th {
  color: #00AEEF;
  font-weight: 700;
}
.p-requirements__btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .p-requirements__h {
    font-size: min(38px, calc(2.6388888889 * var(--vw)));
    line-height: 1.3157894737;
  }
  .p-requirements__cont {
    margin-top: min(100px, calc(6.9444444444 * var(--vw)));
    padding-bottom: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-requirements__nav {
    margin-top: min(66px, calc(4.5833333333 * var(--vw)));
  }
  .p-requirements__wrap {
    border: solid 2px #00AEEF;
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
    padding: min(61px, calc(4.2361111111 * var(--vw))) min(41px, calc(2.8472222222 * var(--vw))) min(64px, calc(4.4444444444 * var(--vw)));
  }
  .p-requirements__txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
    text-align: center;
  }
  .p-requirements__table {
    margin-top: min(18px, calc(1.25 * var(--vw)));
  }
  .p-requirements__tr {
    padding: min(20px, calc(1.3888888889 * var(--vw))) min(22px, calc(1.5277777778 * var(--vw)));
  }
  .p-requirements__th {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    line-height: 1.875;
    width: min(174px, calc(12.0833333333 * var(--vw)));
  }
  .p-requirements__td {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  .p-requirements__btn-wrap {
    margin-top: min(62px, calc(4.3055555556 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-requirements__cont {
    padding-bottom: calc(14.358974359 * var(--vw));
  }
  .p-requirements__nav {
    margin-top: calc(12.3076923077 * var(--vw));
  }
  .p-requirements__wrap {
    margin-top: calc(8.2051282051 * var(--vw));
  }
  .p-requirements__txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
  .p-requirements__table {
    margin-top: calc(6.1538461538 * var(--vw));
  }
  .p-requirements__tr {
    padding: calc(3.8461538462 * var(--vw)) calc(6.1538461538 * var(--vw));
  }
  .p-requirements__th {
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692;
    display: block;
  }
  .p-requirements__td {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    display: block;
    margin-top: calc(1.0256410256 * var(--vw));
  }
  .p-requirements__btn-wrap {
    margin-top: calc(8.2051282051 * var(--vw));
  }
  .p-requirements__btn {
    width: calc(53.0769230769 * var(--vw));
  }
}

/* .p-form
----------------------------------- */
.p-form__blk-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.p-form__required {
  color: #F5F6F7;
  font-weight: 500;
  line-height: 1.1666666667;
  background-color: #FC474A;
}
.p-form__check-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p-form__check-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p-form__check-label input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.p-form__check-label input:checked + .p-form__check-ui {
  border-color: #00AEEF;
}
.p-form__check-label input:checked + .p-form__check-ui::after {
  content: "";
  display: block;
  background-color: #00AEEF;
  border-radius: 100vmax;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.p-form__check-ui {
  flex-shrink: 0;
  position: relative;
  border: solid 1px #7F8C95;
  border-radius: 100vmax;
}
.p-form__check-txt {
  font-weight: 500;
  line-height: 1.1666666667;
}
.p-form__error {
  color: #FC474A;
}
.p-form__error + .p-form__error {
  display: none;
}
.p-form__input-txt, .p-form__input-txtarea {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  border: solid 1px #C7CCD1;
}
.p-form__input-txt::placeholder, .p-form__input-txtarea::placeholder {
  color: #9BA5AD;
}
.p-form__input-txtarea {
  overflow-y: auto;
}
.p-form__input-txtarea strong {
  font-weight: 700;
}
.p-form__input-txtarea-head {
  display: block;
  margin-top: 1em;
}
.p-form__input-txtarea-list {
  list-style: decimal;
}
.p-form__input-txtarea-item {
  margin-left: 1em;
}
.p-form__date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p-form__date-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p-form__select-wrap {
  position: relative;
}
.p-form__select-wrap::before, .p-form__select-wrap::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
}
.p-form__select-wrap::before {
  background-color: #DFEBEF;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-top: solid 1px #C7CCD1;
  border-right: solid 1px #C7CCD1;
  border-bottom: solid 1px #C7CCD1;
}
.p-form__select-wrap::after {
  background-image: url(../img/common/btn_arw.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
}
.p-form__select-wrap:focus-within::before {
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
}
.p-form__select {
  text-align: center;
  background-color: #FFFFFF;
  border: solid 1px #C7CCD1;
  appearance: none;
}
.p-form__btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-form__btn {
  transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.p-form__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.p-form__btn:disabled:hover {
  color: #00AEEF;
  background-color: unset;
  border-color: #00AEEF;
}
.p-form__confirm-list {
  display: flex;
  border-top: solid 1px #C7CCD1;
}
.p-form__confirm-list .p-form__confirm-txt {
  border-top: unset;
  margin-top: unset;
  padding: unset;
}
.p-form__confirm-txt {
  border-top: solid 1px #C7CCD1;
}
@media (min-width: 768px) {
  .p-form__cont {
    margin-top: min(102px, calc(7.0833333333 * var(--vw)));
    padding-bottom: min(120px, calc(8.3333333333 * var(--vw)));
  }
  .p-form__wrap {
    padding: min(60px, calc(4.1666666667 * var(--vw))) min(40px, calc(2.7777777778 * var(--vw)));
    border: solid 2px #00AEEF;
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-form__blk-head {
    gap: min(8px, calc(0.5555555556 * var(--vw)));
  }
  .p-form__blk-ttl {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
  }
  .p-form__required {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    border-radius: min(5px, calc(0.3472222222 * var(--vw)));
    margin-top: min(2px, calc(0.1388888889 * var(--vw)));
    padding: 0 min(8px, calc(0.5555555556 * var(--vw))) min(1px, calc(0.0694444444 * var(--vw)));
  }
  .p-form__blk + .p-form__blk {
    margin-top: min(37px, calc(2.5694444444 * var(--vw)));
  }
  .p-form__check-list {
    margin-top: min(10px, calc(0.6944444444 * var(--vw)));
    gap: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-form__check-label {
    gap: min(6px, calc(0.4166666667 * var(--vw)));
  }
  .p-form__check-label input:checked + .p-form__check-ui::after {
    width: min(20px, calc(1.3888888889 * var(--vw)));
    height: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-form__check-ui {
    width: min(32px, calc(2.2222222222 * var(--vw)));
    height: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-form__check-txt {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
  }
  .p-form__error {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    font-weight: 500;
  }
  .p-form__input-txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
    height: min(48px, calc(3.3333333333 * var(--vw)));
    border-radius: min(5px, calc(0.3472222222 * var(--vw)));
    padding: min(8px, calc(0.5555555556 * var(--vw))) min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-form__date-era {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    font-weight: 500;
    line-height: 1.1666666667;
    margin-right: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-form__date-item {
    margin-right: min(20px, calc(1.3888888889 * var(--vw)));
    gap: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-form__select-wrap::before {
    width: min(32px, calc(2.2222222222 * var(--vw)));
    height: min(48px, calc(3.3333333333 * var(--vw)));
    border-radius: 0 min(5px, calc(0.3472222222 * var(--vw))) min(5px, calc(0.3472222222 * var(--vw))) 0;
  }
  .p-form__select-wrap::after {
    width: min(4px, calc(0.2777777778 * var(--vw)));
    height: min(8px, calc(0.5555555556 * var(--vw)));
    right: min(14px, calc(0.9722222222 * var(--vw)));
  }
  .p-form__select-wrap:focus-within::before {
    width: min(30px, calc(2.0833333333 * var(--vw)));
    height: min(44px, calc(3.0555555556 * var(--vw)));
    border-radius: 0 min(4px, calc(0.2777777778 * var(--vw))) min(4px, calc(0.2777777778 * var(--vw))) 0;
    right: min(2px, calc(0.1388888889 * var(--vw)));
  }
  .p-form__select {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
    height: min(48px, calc(3.3333333333 * var(--vw)));
    border-radius: min(5px, calc(0.3472222222 * var(--vw)));
    padding: 0 min(32px, calc(2.2222222222 * var(--vw))) 0 0;
  }
  .p-form__select[aria-label=生年月日（年）], .p-form__select[aria-label=卒業予定] {
    width: min(176px, calc(12.2222222222 * var(--vw)));
  }
  .p-form__select[aria-label=生年月日（月）], .p-form__select[aria-label=生年月日（日）] {
    width: min(88px, calc(6.1111111111 * var(--vw)));
  }
  .p-form__date-unit {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    font-weight: 500;
    line-height: 1.1666666667;
  }
  .p-form__input-txtarea {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    font-weight: 500;
    line-height: 1.1666666667;
    height: min(96px, calc(6.6666666667 * var(--vw)));
    border-radius: min(5px, calc(0.3472222222 * var(--vw)));
    padding: min(24px, calc(1.6666666667 * var(--vw)));
  }
  .p-form__input-txtarea strong {
    font-size: min(16px, calc(1.1111111111 * var(--vw)));
    line-height: 1.875;
  }
  .p-form__input-txtarea-txt {
    margin-top: min(6px, calc(0.4166666667 * var(--vw)));
  }
  .p-form__input-txtarea-closing {
    font-size: min(12px, calc(0.8333333333 * var(--vw)));
    font-weight: 500;
    line-height: 1.1666666667;
    margin-top: min(18px, calc(1.25 * var(--vw)));
  }
  .p-form__input-address {
    height: min(110px, calc(7.6388888889 * var(--vw)));
    resize: none;
  }
  .p-form__input-reason {
    height: min(170px, calc(11.8055555556 * var(--vw)));
    resize: none;
  }
  .p-form__btn-wrap {
    margin-top: min(32px, calc(2.2222222222 * var(--vw)));
  }
  .p-form__btn-wrap--confirm {
    margin-top: min(18px, calc(1.25 * var(--vw)));
    gap: min(64px, calc(4.4444444444 * var(--vw)));
  }
  .p-form__btn-wrap form {
    width: min(260px, calc(18.0555555556 * var(--vw)));
  }
  .p-form__confirm-list {
    margin-top: min(2px, calc(0.1388888889 * var(--vw)));
    padding-top: min(6px, calc(0.4166666667 * var(--vw)));
    gap: min(16px, calc(1.1111111111 * var(--vw)));
  }
  .p-form__confirm-txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
    margin-top: min(2px, calc(0.1388888889 * var(--vw)));
    padding-top: min(6px, calc(0.4166666667 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-form__cont {
    margin-top: calc(13.3333333333 * var(--vw));
    padding-bottom: calc(15.3846153846 * var(--vw));
  }
  .p-form__wrap {
    margin-top: calc(8.2051282051 * var(--vw));
  }
  .p-form__blk-head {
    gap: calc(1.0256410256 * var(--vw)) calc(2.0512820513 * var(--vw));
  }
  .p-form__blk-ttl {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
  .p-form__required {
    font-size: calc(3.0769230769 * var(--vw));
    border-radius: calc(1.2820512821 * var(--vw));
    margin-top: calc(0.5128205128 * var(--vw));
    padding: 0 calc(2.0512820513 * var(--vw)) calc(0.2564102564 * var(--vw));
  }
  .p-form__blk + .p-form__blk {
    margin-top: calc(6.1538461538 * var(--vw));
  }
  .p-form__check-list {
    margin-top: calc(4.358974359 * var(--vw));
    gap: calc(8.4615384615 * var(--vw));
  }
  .p-form__check-label {
    gap: calc(1.5384615385 * var(--vw));
  }
  .p-form__check-label input:checked + .p-form__check-ui::after {
    width: calc(5.1282051282 * var(--vw));
    height: calc(5.1282051282 * var(--vw));
  }
  .p-form__check-ui {
    width: calc(8.2051282051 * var(--vw));
    height: calc(8.2051282051 * var(--vw));
  }
  .p-form__check-txt {
    font-size: calc(3.0769230769 * var(--vw));
  }
  .p-form__error {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
  }
  .p-form__input-txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    border-radius: calc(1.2820512821 * var(--vw));
    height: calc(10.2564102564 * var(--vw));
    margin-top: calc(1.2820512821 * var(--vw));
    padding: calc(2.0512820513 * var(--vw)) calc(3.0769230769 * var(--vw));
  }
  .p-form__date {
    margin-top: calc(1.2820512821 * var(--vw));
  }
  .p-form__date-era {
    font-size: calc(2.8205128205 * var(--vw));
    font-weight: 400;
    line-height: 1.1818181818;
    margin-right: calc(2.0512820513 * var(--vw));
    flex-shrink: 0;
  }
  .p-form__date-item {
    margin-right: calc(2.5641025641 * var(--vw));
    gap: calc(1.5384615385 * var(--vw));
    flex-shrink: 0;
  }
  .p-form__select-wrap::before {
    width: calc(6.1538461538 * var(--vw));
    height: calc(10.2564102564 * var(--vw));
    border-radius: 0 calc(1.2820512821 * var(--vw)) calc(1.2820512821 * var(--vw)) 0;
  }
  .p-form__select-wrap::after {
    width: calc(1.0256410256 * var(--vw));
    height: calc(2.0512820513 * var(--vw));
    right: calc(2.5641025641 * var(--vw));
  }
  .p-form__select-wrap:focus-within::before {
    width: calc(5.641025641 * var(--vw));
    height: calc(9.2307692308 * var(--vw));
    border-radius: 0 calc(1.0256410256 * var(--vw)) calc(1.0256410256 * var(--vw)) 0;
    right: calc(0.5128205128 * var(--vw));
  }
  .p-form__select {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    height: calc(10.2564102564 * var(--vw));
    border-radius: calc(1.2820512821 * var(--vw));
    padding: 0 calc(6.1538461538 * var(--vw)) 0 0;
  }
  .p-form__select[aria-label=生年月日（年）], .p-form__select[aria-label=卒業予定] {
    width: calc(22.5641025641 * var(--vw));
  }
  .p-form__select[aria-label=生年月日（月）], .p-form__select[aria-label=生年月日（日）] {
    width: calc(18.4615384615 * var(--vw));
  }
  .p-form__date-unit {
    font-size: calc(2.8205128205 * var(--vw));
    font-weight: 400;
    line-height: 1.1818181818;
  }
  .p-form__input-txtarea {
    font-size: calc(2.8205128205 * var(--vw));
    font-weight: 400;
    line-height: 1.4545454545;
    height: calc(71.0256410256 * var(--vw));
    border-radius: calc(1.2820512821 * var(--vw));
    margin-top: calc(1.5384615385 * var(--vw));
    padding: calc(4.1025641026 * var(--vw));
  }
  .p-form__input-txtarea strong {
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692;
  }
  .p-form__input-txtarea-closing {
    font-size: calc(2.8205128205 * var(--vw));
    font-weight: 400;
    line-height: 1.1818181818;
    margin-top: calc(5.1282051282 * var(--vw));
    padding: 0 calc(4.1025641026 * var(--vw));
  }
  .p-form__input-address {
    height: calc(18.7179487179 * var(--vw));
    resize: none;
  }
  .p-form__input-reason {
    height: calc(49.2307692308 * var(--vw));
    resize: none;
  }
  .p-form__btn-wrap {
    margin-top: calc(9.4871794872 * var(--vw));
  }
  .p-form__btn-wrap--confirm {
    margin-top: calc(8.2051282051 * var(--vw));
    justify-content: space-between;
  }
  .p-form__btn-wrap form {
    width: calc(41.0256410256 * var(--vw));
  }
  .p-form__btn-wrap form button {
    width: 100%;
  }
  .p-form__btn {
    width: calc(53.0769230769 * var(--vw));
  }
  .p-form__confirm-list {
    margin-top: calc(2.0512820513 * var(--vw));
    padding-top: calc(2.0512820513 * var(--vw));
    gap: calc(2.0512820513 * var(--vw));
  }
  .p-form__confirm-txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    margin-top: calc(2.0512820513 * var(--vw));
    padding-top: calc(2.0512820513 * var(--vw));
  }
}

/* .p-form-thanks
----------------------------------- */
.p-form-thanks__cont {
  background-color: #33C9FF;
}
.p-form-thanks__wrap {
  background-color: #F5F6F7;
}
.p-form-thanks__ttl {
  color: #00AEEF;
  text-align: center;
}
.p-form-thanks__contact-ttl {
  color: #00AEEF;
  text-align: center;
}
.p-form-thanks__contact-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #00AEEF;
}
.p-form-thanks__contact-link {
  color: #00AEEF;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: opacity 0.3s ease-out;
}
@media (any-hover: hover) {
  .p-form-thanks__contact-link:hover {
    opacity: 0.5;
  }
}
.p-form-thanks__contact-link::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
.p-form-thanks__contact-link--tel::before {
  background-image: url("../img/common/icon_tel.svg");
}
.p-form-thanks__contact-link--mail {
  text-decoration: underline;
}
.p-form-thanks__contact-link--mail::before {
  background-image: url("../img/common/icon_mail.svg");
}
@media (min-width: 768px) {
  .p-form-thanks__cont {
    padding: min(240px, calc(16.6666666667 * var(--vw))) 0 min(160px, calc(11.1111111111 * var(--vw)));
  }
  .p-form-thanks__wrap {
    padding: min(36px, calc(2.5 * var(--vw))) min(180px, calc(12.5 * var(--vw))) min(62px, calc(4.3055555556 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-form-thanks__ttl {
    font-size: min(48px, calc(3.3333333333 * var(--vw)));
    font-weight: 700;
  }
  .p-form-thanks__txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    text-align: center;
    line-height: 1.7777777778;
    margin-top: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-form-thanks__contact {
    margin-top: min(65px, calc(4.5138888889 * var(--vw)));
  }
  .p-form-thanks__contact-ttl {
    font-size: min(24px, calc(1.6666666667 * var(--vw)));
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.75;
  }
  .p-form-thanks__contact-wrap {
    margin-top: min(16px, calc(1.1111111111 * var(--vw)));
    padding-top: min(12px, calc(0.8333333333 * var(--vw)));
  }
  .p-form-thanks__contact-link {
    font-size: min(32px, calc(2.2222222222 * var(--vw)));
    line-height: 1.1875;
    gap: min(8px, calc(0.5555555556 * var(--vw)));
  }
  .p-form-thanks__contact-link--tel::before, .p-form-thanks__contact-link--mail::before {
    width: min(32px, calc(2.2222222222 * var(--vw)));
    height: min(32px, calc(2.2222222222 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-form-thanks__cont {
    padding: calc(30.7692307692 * var(--vw)) 0 calc(14.358974359 * var(--vw));
  }
  .p-form-thanks__wrap {
    padding: calc(13.3333333333 * var(--vw)) calc(6.1538461538 * var(--vw)) calc(14.6153846154 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-form-thanks__ttl {
    font-size: calc(4.1025641026 * var(--vw));
    font-weight: 900;
  }
  .p-form-thanks__txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    margin-top: calc(3.0769230769 * var(--vw));
  }
  .p-form-thanks__contact {
    margin-top: calc(9.4871794872 * var(--vw));
  }
  .p-form-thanks__contact-ttl {
    font-size: calc(4.1025641026 * var(--vw));
    font-weight: 900;
    line-height: 1.3;
  }
  .p-form-thanks__contact-wrap {
    flex-direction: column;
    gap: calc(6.6666666667 * var(--vw));
    padding-top: calc(3.8461538462 * var(--vw));
  }
  .p-form-thanks__contact-link {
    font-size: calc(6.4102564103 * var(--vw));
    line-height: 1.2;
    gap: calc(2.0512820513 * var(--vw));
  }
  .p-form-thanks__contact-link--tel::before, .p-form-thanks__contact-link--mail::before {
    width: calc(8.2051282051 * var(--vw));
    height: calc(8.2051282051 * var(--vw));
  }
  .p-form-thanks__contact-link--mail {
    font-size: calc(4.8717948718 * var(--vw));
  }
}

/* .p-form-error
----------------------------------- */
.p-form-error__cont {
  background-color: #33C9FF;
}
.p-form-error__wrap {
  background-color: #F5F6F7;
}
.p-form-error__ttl {
  color: #00AEEF;
  text-align: center;
}
.p-form-error__btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .p-form-error__cont {
    padding: min(240px, calc(16.6666666667 * var(--vw))) 0 min(160px, calc(11.1111111111 * var(--vw)));
  }
  .p-form-error__wrap {
    padding: min(36px, calc(2.5 * var(--vw))) min(180px, calc(12.5 * var(--vw))) min(62px, calc(4.3055555556 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
  }
  .p-form-error__ttl {
    font-size: min(48px, calc(3.3333333333 * var(--vw)));
    font-weight: 700;
  }
  .p-form-error__txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    text-align: center;
    line-height: 1.7777777778;
    margin-top: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-form-error__btn-wrap {
    margin-top: min(65px, calc(4.5138888889 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-form-error__cont {
    padding: calc(42.8205128205 * var(--vw)) 0 calc(14.358974359 * var(--vw));
  }
  .p-form-error__wrap {
    padding: calc(13.3333333333 * var(--vw)) calc(6.1538461538 * var(--vw)) calc(14.6153846154 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-form-error__ttl {
    font-size: calc(4.1025641026 * var(--vw));
    font-weight: 900;
  }
  .p-form-error__txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    margin-top: calc(3.0769230769 * var(--vw));
  }
  .p-form-error__btn-wrap {
    margin-top: calc(9.4871794872 * var(--vw));
  }
}

/* .p-entry-new
----------------------------------- */
.p-entry-new__lead {
  text-align: center;
}
.p-entry-new__list {
  display: grid;
}
@media (min-width: 768px) {
  .p-entry-new__lead {
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.7777777778em;
  }
  .p-entry-new__list {
    margin: min(10px, calc(0.6944444444 * var(--vw))) auto min(64px, calc(4.4444444444 * var(--vw)));
    grid-template-columns: repeat(3, 1fr);
    column-gap: min(40px, calc(2.7777777778 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-entry-new__lead {
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 2.4615384615em;
  }
  .p-entry-new__list {
    grid-template-columns: 1fr;
    row-gap: calc(6.1538461538 * var(--vw));
    margin: calc(2.5641025641 * var(--vw)) auto calc(6.1538461538 * var(--vw));
  }
  .p-entry-new__list li {
    width: calc(50 * var(--vw));
    margin: 0 auto;
  }
}

/* .p-faq
----------------------------------- */
.p-faq__cont {
  background-color: #E0F7FA;
}
.p-faq__item {
  background-color: #FFFFFF;
}
.p-faq__question {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p-faq__answer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.p-faq__icon {
  font-family: "Fugaz One", sans-serif;
  letter-spacing: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vmax;
  flex-shrink: 0;
}
.p-faq__icon--q {
  color: #FFFFFF;
  background-color: #00AEEF;
  border: solid 1px #00AEEF;
}
.p-faq__icon--a {
  color: #FC474A;
  background-color: #FFFFFF;
  border: solid 1px #FC474A;
}
.p-faq__question-txt {
  font-weight: 700;
}
.p-faq__answer-txt {
  font-weight: 400;
}
@media (min-width: 768px) {
  .p-faq__sec {
    padding: min(120px, calc(8.3333333333 * var(--vw))) 0;
  }
  .p-faq__item {
    padding: min(32px, calc(2.2222222222 * var(--vw))) min(34px, calc(2.3611111111 * var(--vw)));
    border-radius: min(10px, calc(0.6944444444 * var(--vw)));
  }
  .p-faq__item + .p-faq__item {
    margin-top: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-faq__question, .p-faq__answer {
    gap: min(24px, calc(1.6666666667 * var(--vw)));
  }
  .p-faq__icon {
    font-size: min(20px, calc(1.3888888889 * var(--vw)));
    width: min(40px, calc(2.7777777778 * var(--vw)));
    height: min(40px, calc(2.7777777778 * var(--vw)));
  }
  .p-faq__question-txt {
    font-size: min(24px, calc(1.6666666667 * var(--vw)));
    line-height: 1.2083333333;
  }
  .p-faq__answer {
    margin-top: min(30px, calc(2.0833333333 * var(--vw)));
  }
  .p-faq__answer-txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    line-height: 1.7777777778;
  }
}
@media (max-width: 767px) {
  .p-faq__sec {
    padding: calc(14.358974359 * var(--vw)) 0;
  }
  .p-faq__item {
    padding: calc(3.5897435897 * var(--vw)) calc(5.1282051282 * var(--vw)) calc(5.1282051282 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-faq__item + .p-faq__item {
    margin-top: calc(8.2051282051 * var(--vw));
  }
  .p-faq__question, .p-faq__answer {
    gap: calc(3.0769230769 * var(--vw));
  }
  .p-faq__icon {
    font-size: calc(4.1025641026 * var(--vw));
    width: calc(7.1794871795 * var(--vw));
    height: calc(7.1794871795 * var(--vw));
  }
  .p-faq__question-txt {
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.2142857143;
  }
  .p-faq__answer {
    margin-top: calc(2.5641025641 * var(--vw));
  }
  .p-faq__answer-txt {
    font-size: calc(3.3333333333 * var(--vw));
    line-height: 1.7692307692;
  }
}

/* .p-session
----------------------------------- */
.p-session__ttl {
  color: #00AEEF;
  font-weight: 900;
}
.p-session__blk {
  background-color: #F5F6F7;
}
.p-session__fig, .p-session__img {
  display: block;
}
.p-session__fig {
  overflow: hidden;
  flex-shrink: 0;
}
.p-session__img {
  width: 100%;
}
.p-session__img img {
  width: 100%;
}
.p-session__btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .p-session__cont {
    margin-top: min(132px, calc(9.1666666667 * var(--vw)));
    padding-bottom: min(142px, calc(9.8611111111 * var(--vw)));
  }
  .p-session__ttl {
    font-size: min(26px, calc(1.8055555556 * var(--vw)));
    line-height: 1.1923076923;
  }
  .p-session__lead-txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
    margin-top: min(22px, calc(1.5277777778 * var(--vw)));
  }
  .p-session__blk {
    margin-top: min(56px, calc(3.8888888889 * var(--vw)));
    padding: min(40px, calc(2.7777777778 * var(--vw)));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: min(48px, calc(3.3333333333 * var(--vw)));
    border-radius: min(20px, calc(1.3888888889 * var(--vw)));
    border-right: solid min(2px, calc(0.1388888889 * var(--vw))) #A3DFF5;
    border-bottom: solid min(2px, calc(0.1388888889 * var(--vw))) #A3DFF5;
  }
  .p-session__fig {
    width: min(232px, calc(16.1111111111 * var(--vw)));
    border-radius: min(11px, calc(0.7395833333 * var(--vw)));
  }
  .p-session__txt {
    font-size: min(18px, calc(1.25 * var(--vw)));
    font-weight: 500;
    line-height: 1.7777777778;
    margin-top: min(16px, calc(1.1111111111 * var(--vw)));
  }
  .p-session__btn-wrap {
    margin-top: min(54px, calc(3.75 * var(--vw)));
  }
}
@media (max-width: 767px) {
  .p-session__cont {
    margin-top: calc(14.358974359 * var(--vw));
    padding-bottom: calc(14.8717948718 * var(--vw));
  }
  .p-session__ttl {
    font-size: calc(4.1025641026 * var(--vw));
    line-height: 1.3;
  }
  .p-session__lead-txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7692307692;
    margin-top: calc(2.0512820513 * var(--vw));
  }
  .p-session__blk {
    margin-top: calc(6.1538461538 * var(--vw));
    padding: calc(6.1538461538 * var(--vw));
    border-radius: calc(3.0769230769 * var(--vw));
    border-right: solid calc(0.5128205128 * var(--vw)) #A3DFF5;
    border-bottom: solid calc(0.5128205128 * var(--vw)) #A3DFF5;
  }
  .p-session__fig {
    width: 100%;
    border-radius: calc(3.0769230769 * var(--vw));
  }
  .p-session__txtblk {
    margin-top: calc(5.641025641 * var(--vw));
  }
  .p-session__txt {
    font-size: calc(3.3333333333 * var(--vw));
    font-weight: 400;
    line-height: 1.7777777778;
    margin-top: calc(2.0512820513 * var(--vw));
  }
  .p-session__btn-wrap {
    margin-top: calc(8.2051282051 * var(--vw));
  }
  .p-session__btn {
    width: calc(53.3333333333 * var(--vw));
  }
}

/* .u-ls
----------------------------------- */
.u-ls--1 {
  letter-spacing: -0.01em;
}
.u-ls--2 {
  letter-spacing: -0.02em;
}
.u-ls--3 {
  letter-spacing: -0.03em;
}
.u-ls--4 {
  letter-spacing: -0.04em;
}
.u-ls--5 {
  letter-spacing: -0.05em;
}
.u-ls--6 {
  letter-spacing: -0.06em;
}
.u-ls--7 {
  letter-spacing: -0.07em;
}
.u-ls--8 {
  letter-spacing: -0.08em;
}
.u-ls--9 {
  letter-spacing: -0.09em;
}
@media (min-width: 768px) {
  .u-ls--pc--1 {
    letter-spacing: -0.01em;
  }
  .u-ls--pc--2 {
    letter-spacing: -0.02em;
  }
  .u-ls--pc--3 {
    letter-spacing: -0.03em;
  }
  .u-ls--pc--4 {
    letter-spacing: -0.04em;
  }
  .u-ls--pc--5 {
    letter-spacing: -0.05em;
  }
  .u-ls--pc--6 {
    letter-spacing: -0.06em;
  }
  .u-ls--pc--7 {
    letter-spacing: -0.07em;
  }
  .u-ls--pc--8 {
    letter-spacing: -0.08em;
  }
  .u-ls--pc--9 {
    letter-spacing: -0.09em;
  }
}
@media (max-width: 767px) {
  .u-ls--sp--1 {
    letter-spacing: -0.01em;
  }
  .u-ls--sp--2 {
    letter-spacing: -0.02em;
  }
  .u-ls--sp--3 {
    letter-spacing: -0.03em;
  }
  .u-ls--sp--4 {
    letter-spacing: -0.04em;
  }
  .u-ls--sp--5 {
    letter-spacing: -0.05em;
  }
  .u-ls--sp--6 {
    letter-spacing: -0.06em;
  }
  .u-ls--sp--7 {
    letter-spacing: -0.07em;
  }
  .u-ls--sp--8 {
    letter-spacing: -0.08em;
  }
  .u-ls--sp--9 {
    letter-spacing: -0.09em;
  }
}

body:not(.is-loaded) {
  opacity: 0;
}

body.is-nav-open {
  overflow: hidden;
  touch-action: none;
  height: 100dvh;
}

@media (max-width: 767px) {
  .is-open.g-nav {
    max-height: calc(110.2564102564 * var(--vw));
    visibility: visible;
  }
}