@charset "UTF-8";
/*=================================================================================

　変数定義

=================================================================================*/
/* 特定ページカラー */
/*—————————————————————————————————————————————————————
　横幅／高さ／余白設定
—————————————————————————————————————————————————————*/
:root {
  /* 横幅【PC幅のみ】 */
  --width-contents_max_s: 1100px;
  --width-contents_max_m: 1200px;
  --width-contents_max_l: 1260px;
  --width-modal_max: 900px;
  /* 高さ【ヘッダのみ】 */
  --height-header: 93px;
  --height-header_l: 80px;
}

/*—————————————————————————————————————————————————————
　カラー設定
—————————————————————————————————————————————————————*/
:root {
  --color-key: #0157cb;
  --color-key_l: #8d8d8d;
  --color-body_bg: #fff;
  --color-head_bg: #fff;
  --color-foot_bg: #171717;
  --color-head_bg_l: #fff;
  /* テキスト */
  --color-txt: #000000;
  --color-txt_sub: #333333;
  --color-txt_l: #6b6b6b;
  --color-txt_m: #231815;
  --color-txt_faq_answer: #ed4774;
  --color-txt_composites_banner: #41e4cc;
  --color-txt_fv_background_text: #98e6f0;
  --color-txt_entry_background_text: #98e6f0;
  --color-txt_big-section-heading-title: #63c8d5;
  /* リンク */
  --color-link: #0157cb;
  /* 画像のMIX */
  --color-img_mix: #91c2ea;
  /* 罫線 */
  --color-border: #0157cb;
  --color-border_s: #b2b2b2;
  --color-border_m: #747474;
  --color-border_l: #707070;
  --color-border_o: #63c8d5;
  /* フォームカラー */
  --color-form-txt: #000000;
  --color-form-border: #e2e2e2;
  --color-form-placeholder: #848484;
  /* 特定ページカラー */
  --color-new-graduate: #0f4ff8;
  --color-mid-career: #434eb7;
  --color-disabilities: #099aad;
  --color-background_l: #f1f6fc;
  --color-background_copyright: #003179;
  --color-background_works-job-list: #f1f6fc;
  --color-background_training-item: #f0f6fc;
  /* ボタンやアラートなどエレメントカラー */
  --color-hamburger: #002e80;
  --color-accordion-btn: #0062b0;
  --color-default: #ffffff;
  --color-primary: #0157cb;
  --color-disable: #888888;
  --color-btn_pt01: #0f4ff8;
  --color-btn_pt02: #030f81;
  --color-btn_pt03: #099aad;
  --color-btn_entry_txt_my-nav: #00abeb;
  /* テーブル */
  --color-table_border: #1d71c6;
  --color-table_border_tr: #cccccc;
  --color-table_thead_bg: #1d71c6;
  --color-table_txt: #333333;
  /* オーバーレイ（モーダルやドロワーの背景） */
  --color-overlay-bg: rgba(0, 0, 0, 0.8);
  --color-overlay-bg_l: rgba(0, 0, 0, 0.4);
  /* モーダルウィンドウのコンテンツ背景 */
  --color-modal-bg: #ffffff;
  /* その他ベーシックな色 */
  --color_black: #000000;
  --color_white: #ffffff;
  --color_darkgray: #333333;
  --color_gray: #969696;
  --color_red: #eb2d2d;
  --color_blue: #0059ff;
  /* グラデーション */
  --color-main-visual: linear-gradient(135deg, #8ac7f0 0%, #3a9bdd 38%, #0062b0 100%);
  --color-gradation-header: linear-gradient(90deg, #1785d0 0%, #1786d0 9%, #1786d0 20%, #1889d0 31%, #198dcf 41%, #1b99cb 51%, #1ea3c9 61%, #21b5c4 72%, #23bec2 83%, #24c1c1 92%, #24c1c1 100%);
  --color-gradation-btn: linear-gradient(136deg, #388fd5 0%, #0062b0 47%, #002e80 100%);
  --color-gradation-btn_l: linear-gradient(136deg, #38bff7 0%, #1d98dc 47%, #087bca 100%);
  --color-gradation-btn_s: linear-gradient(146deg, #91c2ea 0%, #4189d3 47%, #0062b0 100%);
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

:root {
  --txt-color: ;
  --main-color: ;
  --sub-color: ;
  --main--bg: ;
  --white: ;
}

address {
  font-style: normal;
}

body {
  overflow-x: hidden;
  color: var(--color-txt);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-family: "Noto Sans Jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.05em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

a[href^="tel:"] {
  pointer-events: none;
  cursor: default;
}
@media screen and (max-width: 600px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: var(--height-header) !important;
}
@media screen and (max-width: 1024px) {
  main {
    margin-top: var(--height-header_l) !important;
  }
}

article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (hover: hover) {
  a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
}
a:focus:not(:focus-visible) {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border: none;
}

code,
kbd,
pre,
samp {
  font-size: inherit;
  font-family: monospace, sans-serif;
}

ul,
ol {
  list-style: none;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

th,
td {
  padding: 0.25rem 0.375rem;
  vertical-align: top;
  text-align: left;
}

blockquote,
q {
  quotes: none;
}

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

form {
  margin: 0;
  padding: 0;
}

form button {
  display: inline-block;
  margin: 0;
  padding: 0.6em 2em;
  width: auto;
  border: none;
  border-radius: 0;
  background-color: var(--color-key);
  background-image: none;
  -webkit-box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
  color: var(--color_white);
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-appearance: none;
}

form button:focus:not(:focus-visible) {
  outline: none;
}

form button:hover {
  opacity: 0.6;
  outline: none;
}

form button ::-moz-focus-inner {
  padding: 0;
  border: none;
}

input,
textarea {
  padding: 0.40625rem 1rem;
  width: 100%;
  border: 1px solid var(--color-form-border);
  border-radius: 0.25rem;
  background-image: none;
  background-color: var(--color_white);
  font-size: 1em;
  font-family: inherit;
  -webkit-appearance: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--color-form-placeholder);
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-form-placeholder);
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--color-form-placeholder);
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--color-form-placeholder);
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
input::placeholder,
textarea::placeholder {
  color: var(--color-form-placeholder);
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6875;
}
@media screen and (max-width: 600px) {
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 0.875rem;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 0.875rem;
  }
  input::placeholder,
  textarea::placeholder {
    font-size: 0.875rem;
  }
}

textarea:hover,
textarea:focus {
  outline: none;
}

textarea:focus {
  outline: none;
  border-color: var(--color-form-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea ::-moz-focus-inner {
  padding: 0;
  border: none;
}

input::-webkit-input-placeholder {
  color: var(--color-form-placeholder);
}

input::-moz-placeholder {
  color: var(--color-form-placeholder);
}

input::-ms-input-placeholder {
  color: var(--color-form-placeholder);
}

input:-ms-input-placeholder {
  color: var(--color-form-placeholder);
}

input::placeholder {
  color: var(--color-form-placeholder);
}

input:focus {
  outline: none;
  border-color: var(--color-form-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=submit],
input[type=button] {
  display: inline-block;
  margin: 0;
  padding: 0.6em 2em;
  width: auto;
  border: none;
  border-radius: 0;
  background-color: var(--color-key);
  background-image: none;
  -webkit-box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.0625em 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.16);
  color: var(--color_white);
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-appearance: none;
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus {
  outline: none;
}

input[type=submit]:hover,
input[type=button]:hover {
  opacity: 0.6;
}

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

input[type=radio] {
  display: none;
}

input[type=radio] + span {
  position: relative;
  display: inline-block;
  margin: 0 1rem 0 0;
  padding: 0 0 0 30px;
  cursor: pointer;
}

input[type=radio] + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid var(--color-form-border);
  border-radius: 50%;
  background: var(--color_white);
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

input[type=radio] + span::after {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

input[type=radio]:checked + span::after {
  position: absolute;
  top: 50%;
  left: 0.1875rem;
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--color-key);
  content: "";
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  margin: 0 1rem 0 0;
  padding: 0 0 0 1.875rem;
  cursor: pointer;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

input[type=checkbox] + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid var(--color-txt);
  border-radius: 0.125rem;
  background: var(--color_white);
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

input[type=checkbox] + span::after {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

input[type=checkbox]:checked + span::after {
  position: absolute;
  top: 50%;
  left: 0.125rem;
  display: block;
  margin-top: -0.2em;
  width: 0.8125rem;
  height: 0.5rem;
  border-bottom: 0.125rem solid var(--color_white);
  border-left: 0.125rem solid var(--color_white);
  content: "";
  opacity: 1;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

select {
  padding: 0.625rem 2.4375rem 0.625rem 0.75rem;
  border: 1px solid var(--color-form-border);
  border-radius: 0.125rem;
  background-image: url(../img/common/icon_select_arrow.svg);
  background-position: right 0.6875rem top 55%;
  background-size: 0.8125rem;
  background-repeat: no-repeat;
  background-color: var(--color_white);
  color: var(--color-txt);
  font-family: inherit;
  cursor: pointer;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
}

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

select:focus {
  outline: none;
  border-color: var(--color-form-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}

option {
  color: var(--color-txt);
}

.grecaptcha-badge {
  display: none;
}

input[type=date]::-webkit-date-and-time-value {
  text-align: left;
  color: var(--color-txt);
}

.wow {
  visibility: visible !important; /* hiddenを上書き */
  opacity: 0;
}

@font-face {
  font-family: "Noto Sans Jp";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Jp";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Jp";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "ShipporiMincho";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ShipporiMincho-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "ShipporiMincho";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/ShipporiMincho-ExtraBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Oswald-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Oswald-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Oswald-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Oswald-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Tahoma";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/tahoma-3.ttf") format("truetype");
  font-display: swap;
}
.c-table, .wp-block-post-content .wp-block-table table,
.p-editorContents .wp-block-table table {
  border: 1px solid var(--color-table_border);
  font-family: "Noto Sans JP";
}
.c-table tr, .wp-block-post-content .wp-block-table table tr,
.p-editorContents .wp-block-table table tr {
  border-bottom: 1px solid var(--color-table_border_tr);
}
@media screen and (max-width: 768px) {
  .c-table tr, .wp-block-post-content .wp-block-table table tr,
  .p-editorContents .wp-block-table table tr {
    border: none;
  }
}
.c-table tr:last-child, .wp-block-post-content .wp-block-table table tr:last-child,
.p-editorContents .wp-block-table table tr:last-child {
  border: none;
}
.c-table tr th, .wp-block-post-content .wp-block-table table tr th,
.p-editorContents .wp-block-table table tr th, .c-table tr td, .wp-block-post-content .wp-block-table table tr td,
.p-editorContents .wp-block-table table tr td {
  padding: clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
  vertical-align: middle;
}
.c-table tr th, .wp-block-post-content .wp-block-table table tr th,
.p-editorContents .wp-block-table table tr th {
  background-color: var(--color-table_thead_bg);
  color: var(--color_white);
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  line-height: 1.6666666667;
  font-weight: 500;
  letter-spacing: 0;
  width: 15.625rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-table tr th, .wp-block-post-content .wp-block-table table tr th,
  .p-editorContents .wp-block-table table tr th {
    text-align: left;
  }
}
.c-table tr td, .wp-block-post-content .wp-block-table table tr td,
.p-editorContents .wp-block-table table tr td {
  padding-left: clamp(0.75rem, 0.2038834951rem + 2.3300970874vw, 3rem);
}

@media screen and (max-width: 600px) {
  .c-table--column th, .c-table--column td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .c-table--column th {
    padding-bottom: 0;
    border-bottom: none;
  }
}

.c-btn, .c-form__box input[type=submit],
.c-form__box input[type=button], .wp-block-file .wp-block-file__button {
  width: 100%;
  max-width: 21.0625rem;
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding: 0.875rem 1.5rem 0.8125rem;
  color: var(--color_white);
  background-color: var(--color-txt);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
  border-radius: 3.25rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-btn, .c-form__box input[type=submit],
  .c-form__box input[type=button], .wp-block-file .wp-block-file__button {
    max-width: 17.4375rem;
    padding: 0.6875rem 1.5rem 0.4375rem;
  }
}
.c-btn::after, .c-form__box input[type=submit]::after,
.c-form__box input[type=button]::after, .wp-block-file .wp-block-file__button::after {
  content: url(../img/common/icon_btn-circle.svg);
  position: absolute;
  right: 1.5rem;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}
.c-btn:hover::after, .c-form__box input[type=submit]:hover::after,
.c-form__box input[type=button]:hover::after, .wp-block-file .wp-block-file__button:hover::after {
  right: 1rem;
}
.c-btn--small, .wp-block-file .wp-block-file__button {
  max-width: 12.0625rem;
}
.c-btn--small::after, .wp-block-file .wp-block-file__button::after {
  content: none;
}
.c-btn--color {
  background-color: var(--color-key);
  color: var(--color_white);
}
.c-btn--color::after {
  background-image: url(../img/icon/icon_btn_next.svg);
}

.wp-block-post-content h1.wp-block-heading,
.p-editorContents h1.wp-block-heading {
  font-size: clamp(1.5rem, 1.1359223301rem + 1.5533980583vw, 3rem);
  font-weight: 700;
}
.wp-block-post-content h2.wp-block-heading,
.p-editorContents h2.wp-block-heading {
  font-size: clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem);
  font-weight: 700;
  border-bottom: 3px solid var(--color-key);
  padding-bottom: 0.25rem;
}
.wp-block-post-content h3.wp-block-heading,
.p-editorContents h3.wp-block-heading {
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 700;
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 700;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
}
.wp-block-post-content h4.wp-block-heading,
.p-editorContents h4.wp-block-heading {
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-post-content h4.wp-block-heading::before,
.p-editorContents h4.wp-block-heading::before {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--color-key);
}
.wp-block-post-content h5.wp-block-heading,
.p-editorContents h5.wp-block-heading {
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  font-weight: 700;
}
.wp-block-post-content h6.wp-block-heading,
.p-editorContents h6.wp-block-heading {
  color: var(--color-key);
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 700;
  line-height: 1.2857142857;
  letter-spacing: 0.05em;
}
.wp-block-post-content p,
.p-editorContents p {
  color: var(--color-txt_sub);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.wp-block-post-content * + *,
.p-editorContents * + * {
  margin-top: clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem);
}
.wp-block-post-content * + h1.wp-block-heading,
.p-editorContents * + h1.wp-block-heading {
  margin-top: clamp(1.5rem, 1.1359223301rem + 1.5533980583vw, 3rem);
}
.wp-block-post-content * + h2.wp-block-heading,
.p-editorContents * + h2.wp-block-heading {
  margin-top: clamp(2.4375rem, 1.8610436893rem + 2.4595469256vw, 4.8125rem);
}
.wp-block-post-content * + h3.wp-block-heading,
.p-editorContents * + h3.wp-block-heading {
  margin-top: clamp(0.8125rem, 0.6152912621rem + 0.8414239482vw, 1.625rem);
}
.wp-block-post-content * + h6.wp-block-heading,
.p-editorContents * + h6.wp-block-heading {
  margin-top: clamp(1rem, 0.817961165rem + 0.7766990291vw, 1.75rem);
}
.wp-block-post-content * + h2,
.p-editorContents * + h2 {
  margin-top: clamp(2.4375rem, 1.8610436893rem + 2.4595469256vw, 4.8125rem);
}
.wp-block-post-content * + p,
.p-editorContents * + p {
  margin-top: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
}
.wp-block-post-content * + .wp-block-image,
.p-editorContents * + .wp-block-image {
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.wp-block-post-content * + .wp-block-columns,
.p-editorContents * + .wp-block-columns {
  margin-top: clamp(3rem, 1.8470873786rem + 4.9190938511vw, 7.75rem);
}
.wp-block-post-content .wp-block-list .wp-block-list,
.p-editorContents .wp-block-list .wp-block-list {
  margin-top: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}
.wp-block-post-content ul,
.wp-block-post-content ol,
.p-editorContents ul,
.p-editorContents ol {
  padding-left: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.wp-block-post-content * + ul,
.wp-block-post-content * + ol,
.p-editorContents * + ul,
.p-editorContents * + ol {
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}
.wp-block-post-content ul,
.p-editorContents ul {
  list-style: disc;
}
.wp-block-post-content ol,
.p-editorContents ol {
  list-style: decimal;
}
.wp-block-post-content li,
.p-editorContents li {
  position: relative;
}
.wp-block-post-content * + li,
.p-editorContents * + li {
  margin-top: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}
.wp-block-post-content * + .wp-block-table,
.p-editorContents * + .wp-block-table {
  margin-top: clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem);
}
.wp-block-post-content figcaption,
.p-editorContents figcaption {
  font-size: 0.75rem;
  color: #787878;
  margin-top: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}
.wp-block-post-content .c-lowers-section-title,
.p-editorContents .c-lowers-section-title {
  padding-bottom: clamp(0.5625rem, 0.5169902913rem + 0.1941747573vw, 0.75rem) !important;
  border-bottom: 1px solid var(--color-border_l) !important;
}
.wp-block-post-content .c-lowers-section-title .c-lowers-section-title__sub-title,
.p-editorContents .c-lowers-section-title .c-lowers-section-title__sub-title {
  margin-top: 0;
}
.wp-block-post-content .p-member-single__media,
.p-editorContents .p-member-single__media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(19.6875rem, 15.3447545613rem + 9.035621199vw, 26.1875rem);
  gap: clamp(2.25rem, 2.0983009709rem + 0.6472491909vw, 2.875rem);
}
@media screen and (max-width: 768px) {
  .wp-block-post-content .p-member-single__media,
  .p-editorContents .p-member-single__media {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.wp-block-post-content .p-member-single__media .wp-block-column-is-layout-flow,
.p-editorContents .p-member-single__media .wp-block-column-is-layout-flow {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
}
.wp-block-post-content .p-member-single__media figure,
.p-editorContents .p-member-single__media figure {
  width: 100%;
  aspect-ratio: 419/299;
  position: relative;
}
@media screen and (max-width: 768px) {
  .wp-block-post-content .p-member-single__media figure,
  .p-editorContents .p-member-single__media figure {
    height: clamp(15.8125rem, 6.151240458rem + 41.2213740458vw, 25.9375rem);
  }
}
.wp-block-post-content .p-member-single__media figure::after,
.p-editorContents .p-member-single__media figure::after {
  content: "";
  position: absolute;
  top: clamp(-4.6875rem, 1.2551585578rem - 4.9522154648vw, -1.125rem);
  right: -19.0930787589%;
  width: 52.0286396181%;
  aspect-ratio: 218/225;
  background: url(../img/single-member/webp/post_media-background--right.webp) no-repeat 50% 50%/contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .wp-block-post-content .p-member-single__media figure::after,
  .p-editorContents .p-member-single__media figure::after {
    top: -8%;
  }
}
.wp-block-post-content .p-member-single__media figure img,
.p-editorContents .p-member-single__media figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.wp-block-post-content .p-member-single__media--reverse,
.p-editorContents .p-member-single__media--reverse {
  grid-template-columns: clamp(19.6875rem, 15.3447545613rem + 9.035621199vw, 26.1875rem) minmax(0, 1fr);
}
@media screen and (max-width: 768px) {
  .wp-block-post-content .p-member-single__media--reverse,
  .p-editorContents .p-member-single__media--reverse {
    grid-template-columns: minmax(0, 1fr);
  }
  .wp-block-post-content .p-member-single__media--reverse .wp-block-column-is-layout-flow:nth-of-type(1),
  .p-editorContents .p-member-single__media--reverse .wp-block-column-is-layout-flow:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.wp-block-post-content .p-member-single__media--reverse figure::after,
.p-editorContents .p-member-single__media--reverse figure::after {
  right: auto;
  left: -19.0930787589%;
  background: url(../img/single-member/webp/post_media-background--left.webp) no-repeat 50% 50%/contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .wp-block-post-content .p-member-single__media--reverse figure::after,
  .p-editorContents .p-member-single__media--reverse figure::after {
    top: -8%;
  }
}
.wp-block-post-content .p-single-member__post__schedule,
.p-editorContents .p-single-member__post__schedule {
  padding: clamp(2.1875rem, 1.9599514563rem + 0.9708737864vw, 3.125rem) clamp(1.25rem, -2.3667077331rem + 9.6285064443vw, 9.1875rem);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  background-color: var(--color_white);
  border-radius: 0.625rem;
}
@media screen and (max-width: 600px) {
  .wp-block-post-content .p-single-member__post__schedule,
  .p-editorContents .p-single-member__post__schedule {
    padding-inline: clamp(1.25rem, -2.2916666667rem + 15.1111111111vw, 3.375rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(1.5rem, 1.3483009709rem + 0.6472491909vw, 2.125rem);
  }
}
.wp-block-post-content .p-single-member__post__schedule * + *,
.p-editorContents .p-single-member__post__schedule * + * {
  margin-top: 0;
}
.wp-block-post-content .p-single-member__post__schedule .wp-block-column,
.p-editorContents .p-single-member__post__schedule .wp-block-column {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.5rem, 1.3483009709rem + 0.6472491909vw, 2.125rem);
  position: relative;
}
.wp-block-post-content .p-single-member__post__schedule .wp-block-column:before,
.p-editorContents .p-single-member__post__schedule .wp-block-column:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5.6875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.0625rem;
  height: 125.5102040816%;
  min-height: 3.125rem;
  background-color: var(--color-key);
}
@media screen and (max-width: 768px) {
  .wp-block-post-content .p-single-member__post__schedule .wp-block-column:before,
  .p-editorContents .p-single-member__post__schedule .wp-block-column:before {
    height: 120%;
  }
}
.wp-block-post-content .p-single-member__post__schedule .p-single-member__post__schedule-item,
.p-editorContents .p-single-member__post__schedule .p-single-member__post__schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
}
.wp-block-post-content .p-single-member__post__schedule .p-single-member__post__schedule-time,
.p-editorContents .p-single-member__post__schedule .p-single-member__post__schedule-time {
  width: 6.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: clamp(1.875rem, 1.6474514563rem + 0.9708737864vw, 2.8125rem);
  font-weight: 700;
  position: relative;
}
.wp-block-post-content .p-single-member__post__schedule .p-single-member__post__schedule-time::after,
.p-editorContents .p-single-member__post__schedule .p-single-member__post__schedule-time::after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: calc(50% + 0.0625rem);
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.0625rem;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_double-circle--bl-1-1.svg) no-repeat 50% 50%/contain;
}
.wp-block-post-content .p-single-member__post__message,
.p-editorContents .p-single-member__post__message {
  margin-top: clamp(1.4375rem, 1.088592233rem + 1.4886731392vw, 2.875rem) !important;
}

.attachment-post-thumbnail {
  width: 100%;
  aspect-ratio: 332/187;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.c-pagePostTitle {
  font-size: 2rem;
  font-weight: 700;
}

.wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media screen and (max-width: 600px) {
  .wp-block-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.wp-block-gallery {
  width: 100% !important;
}
.wp-block-gallery .wp-block-image {
  aspect-ratio: 1/1;
  width: 100% !important;
}

.wp-block-file {
  margin-top: clamp(1.5rem, 1.1359223301rem + 1.5533980583vw, 3rem);
}
.wp-block-file:not(.wp-element-button) {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
}
.wp-block-file .wp-block-file__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 0;
}

.fade-up {
  opacity: 0;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
}

.fade-up.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .fade-up {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
}
.fade-in {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  -webkit-transition-delay: 90ms;
          transition-delay: 90ms;
}

.fade-in.is-animated {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .fade-in {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
}
.l-inner {
  margin: 0 auto;
  width: 90%;
  max-width: var(--width-contents_max_s);
}
@media screen and (max-width: 600px) {
  .l-inner {
    width: 100%;
    padding: 0 0.625rem;
  }
}
.l-inner--l {
  max-width: var(--width-contents_max_l);
}
.l-inner--xl {
  max-width: var(--width-contents_max_xl);
}

.l-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-outer__side {
  width: 20%;
  max-width: var(--width-side-contents_max);
  border-right: 1px solid #707070;
}
@media screen and (max-width: 768px) {
  .l-outer__side {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: none;
    position: sticky;
    top: var(--height-header);
    background-color: var(--color_white);
    z-index: 10;
  }
}
@media screen and (max-width: 600px) {
  .l-outer__side {
    top: var(--height-header_l);
  }
}
.l-outer__main {
  width: 80%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .l-outer__main {
    width: 100%;
  }
}

.l-outer__side-list {
  padding: clamp(1rem, 0.1808252427rem + 3.4951456311vw, 4.375rem) clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  position: sticky;
  top: var(--height-header);
}
@media screen and (max-width: 768px) {
  .l-outer__side-list {
    padding: 0.75rem 0.375rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: static;
    gap: 0.375rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-outer__side-list li {
    white-space: nowrap;
    background-color: #F5F5F5;
    border-radius: 6.25rem;
    padding: 0.75rem 1.25rem;
  }
}

.l-outer__side-link {
  font-size: clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
  line-height: 1.4444444444;
  letter-spacing: 0;
  display: block;
  position: relative;
  color: var(--color-txt_sub);
}
.l-outer__side-link.is_active {
  color: var(--color-txt);
  font-weight: bold;
}

.l-section {
  position: relative;
  padding: clamp(3rem, 2.6662621359rem + 1.4239482201vw, 4.375rem) 0;
}
.l-section--top {
  padding-top: 0;
}
.l-section--pt2x {
  padding: clamp(3rem, 1.604368932rem + 5.9546925566vw, 8.75rem) 0;
}
@media screen and (max-width: 768px) {
  .l-section--pt2x {
    padding: clamp(2.25rem, 1.734223301rem + 2.2006472492vw, 4.375rem) 0;
  }
}
.l-section--notice {
  visibility: hidden;
  position: relative;
  padding: 5rem 0;
}
@media screen and (max-width: 1280px) {
  .l-section--notice {
    padding: clamp(2.25rem, 1.5825242718rem + 2.8478964401vw, 5rem) 0;
  }
}
@media screen and (max-width: 600px) {
  .l-section--notice {
    padding-top: 0px;
    margin-top: -3.75rem;
  }
}
.l-section--bg__bl {
  background-color: var(--color-body_bg);
}
.l-section--subscription {
  padding: 0;
}
.l-section--my {
  padding: 0;
  margin: clamp(2.5rem, 0.6796116505rem + 7.7669902913vw, 10rem) 0;
}
.l-section--what {
  padding: clamp(2.5rem, 1.2105582524rem + 5.501618123vw, 7.8125rem) 0 0;
}

body:has(#wpadminbar) .l-header {
  top: 2rem;
}
@media screen and (max-width: 782px) {
  body:has(#wpadminbar) .l-header {
    top: 2.875rem;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

.l-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--height-header);
  padding-inline: clamp(2rem, -2.8673184358rem + 7.5977653631vw, 6.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background-color: var(--color-head_bg);
  z-index: 105;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 1024px) {
  .l-header {
    height: var(--height-header_l);
    padding-inline: clamp(0.25rem, -0.1833590139rem + 1.8489984592vw, 1rem);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.l-header__img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-header__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .l-header__logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: clamp(0.9375rem, 0.7569337442rem + 0.7704160247vw, 1.25rem) clamp(1.6875rem, 1.2541409861rem + 1.8489984592vw, 2.4375rem);
    border-radius: 0 0 1.25rem 0;
    background-color: var(--color_white);
    z-index: 1000;
  }
}

.l-header__logo-img-wrap {
  width: clamp(18.4375rem, 16.9343575419rem + 2.3463687151vw, 19.75rem);
}
@media screen and (max-width: 1024px) {
  .l-header__logo-img-wrap {
    width: clamp(6.25rem, 2.8553543914rem + 14.4838212635vw, 12.125rem);
  }
}

@media screen and (max-width: 1024px) {
  .l-header__nav {
    display: none;
  }
}

.l-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(2.1875rem, 0.1833100559rem + 3.1284916201vw, 3.9375rem);
}

.l-header__nav-item {
  position: relative;
}

.l-header__nav-item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.75rem, 0.6068435754rem + 0.2234636872vw, 0.875rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 500;
  line-height: 1.1875;
  letter-spacing: 0.1em;
}

.l-header__nav-item-link--include-sub:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.625rem;
  aspect-ratio: 10/6;
  background: url(../img/icon/icon_arrow_bottom_blue--10-6.svg) no-repeat center center/contain;
  -webkit-transform: translateY(0.0625rem);
          transform: translateY(0.0625rem);
}

.l-header__nav-sub-list-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 2.3125rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 104;
  opacity: 0;
}
.l-header__nav-sub-list-wrap.is-active {
  display: block;
  opacity: 1;
}

.l-header__nav-sub-list {
  padding-inline: 0.5rem 1.0625rem;
  min-width: 9.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--color_white);
}

.l-header__nav-sub-item {
  padding: 0.5rem 0;
  text-wrap: nowrap;
}

.l-header__nav-sub-item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  line-height: 1.3333333333;
  letter-spacing: 0.1em;
}
.l-header__nav-sub-item-link:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0.4375rem, 0.3659217877rem + 0.1117318436vw, 0.5rem);
  aspect-ratio: 1/1;
  background-color: var(--color-key);
  border-radius: 50%;
}

.global-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.21);
  z-index: 103;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.global-nav-overlay.is-active {
  opacity: 1;
}

body:has(#wpadminbar) .l-header__navSp {
  top: calc(2rem + var(--height-header_l));
}
@media screen and (max-width: 782px) {
  body:has(#wpadminbar) .l-header__navSp {
    top: calc(2.875rem + var(--height-header_l));
  }
}

@media screen and (max-width: 1024px) {
  body.is_fixed {
    overflow: hidden;
  }
}
.l-header__navSp {
  position: fixed;
  top: var(--height-header_l);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--height-header_l));
  overflow-y: scroll;
  background-color: rgba(51, 51, 51, 0.5333333333);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 1024px) {
  .is_open .l-header__navSp {
    visibility: visible;
    opacity: 1;
  }
}

.l-header__navSp-inner {
  max-width: 23.4375rem;
  width: 100%;
  min-height: 100%;
  margin-left: auto;
  padding: 2.75rem 0.625rem 4.5rem;
  background-color: var(--color_white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.125rem;
  position: relative;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.l-header__navSp-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/header_sp-background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .is_open .l-header__navSp-inner {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 600px) {
  .l-header__navSp-inner {
    max-width: none;
    padding-top: clamp(2.75rem, -0.4791666667rem + 13.7777777778vw, 4.6875rem);
  }
}

.l-header__navSp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}

.l-header__navSp-item-link,
.l-header__navSp-accordion-title,
.l-header__navSp-lower-item {
  margin-inline: 1.3125rem;
}

.l-header__navSp-item-link,
.l-header__navSp-accordion-title {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-header__navSp-item-link::before,
.l-header__navSp-accordion-title::before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--color-key);
  border-radius: 50%;
}

.l-header__navSp-item-link {
  grid-template-columns: 0.625rem minmax(0, 1fr);
}

.l-header__navSp-lower-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.l-header__navSp-lower-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-header__navSp-lower-item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 500;
  line-height: 1.4285714286;
  letter-spacing: 0.01em;
}

.l-header__navSp-lower-item-link--corporate:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.75rem;
  aspect-ratio: 13/11;
  background: url(../img/icon/icon_link--gray-13-11.svg) no-repeat center center/contain;
}

.l-header__navSp-accordion-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-header__navSp-accordion-title {
  grid-template-columns: 0.625rem minmax(0, 1fr) 0.9375rem;
  -webkit-transform: 0.3s;
          transform: 0.3s;
}
@media (hover: hover) {
  .l-header__navSp-accordion-title:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.5;
  }
}

.l-header__navSp-accordion-list-wrap--lower {
  padding: 0.9375rem 1.25rem 0 2.4375rem;
}

.l-header__navSp-accordion-list-wrap--btn {
  padding-top: 1.125rem;
}

.l-header__navSp-accordion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-header__navSp-accordion-list--lower {
  gap: 0.375rem;
}

.l-header__navSp-accordion-list--btn {
  gap: 1rem;
}

.l-header__navSp-accordion-item--lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  font-size: clamp(0.9375rem, 0.9071601942rem + 0.1294498382vw, 1.0625rem);
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.l-header__navSp-accordion-item--lower::before {
  content: "-";
  font-size: 1em;
}

.l-header__navSp-accordion-item--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-header__navSp-accordion-btn {
  display: block;
  position: relative;
  width: 0.9375rem;
  aspect-ratio: 1/1;
}
.l-header__navSp-accordion-btn::before, .l-header__navSp-accordion-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 0.125rem;
  background-color: var(--color-accordion-btn);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.l-header__navSp-accordion-btn::after {
  -webkit-transform: rotate(90deg) translate(-50%, -50%);
          transform: rotate(90deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

/* アコーディオンを開いたときのボタンの挙動 */
.l-header__navSp-accordion-box[open] .l-header__navSp-accordion-btn::after {
  -webkit-transform: rotate(0deg) translate(-50%, -50%);
          transform: rotate(0deg) translate(-50%, -50%);
}

/* details/summaryのデフォルト三角を消す */
.l-header__navSp-accordion-box > summary {
  list-style: none;
}

.l-header__navSp-accordion-box > summary::-webkit-details-marker {
  display: none;
}

/* クリック面は summary のみ。box 全体の pointer は外す */
.l-header__navSp-accordion-box {
  cursor: default;
}

/* 既存の pointer を打ち消し */
.l-header__navSp-accordion-title {
  cursor: pointer;
}

/* クリック手に戻す */
/* 閉じている時は .l-header__navSp-accordion-list-wrap を非表示、open時のみ表示 */
.l-header__navSp-accordion-list-wrap {
  display: none;
}

/* 既存と同じ指定でOK */
.l-header__navSp-accordion-box[open] .l-header__navSp-accordion-list-wrap {
  display: block;
}

/* フォーカスリングを summary(.l-header__navSp-accordion-title) で見やすく */
.l-header__navSp-accordion-title:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 3px;
}

.l-header__navSp-accordion-list-wrap > * {
  overflow: hidden;
}

.l-footer {
  position: relative;
}
.l-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/footer_backgrond.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.l-header__img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-footer__top {
  padding: 2.0625rem 0 0.875rem;
}
@media screen and (max-width: 600px) {
  .l-footer__top {
    padding-top: 3.4375rem;
  }
}

.l-footer__top__top-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(3.3125rem, 2.4933252427rem + 3.4951456311vw, 6.6875rem);
}

.l-footer__top__top-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(3.375rem, 2.6060936315rem + 2.0470053071vw, 5.0625rem);
}
@media screen and (max-width: 1024px) {
  .l-footer__top__top-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .l-footer__top__top-items {
    -ms-flex-item-align: center;
        align-self: center;
  }
}

.l-footer__top__logo-img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(18.4375rem, 16.9343575419rem + 2.3463687151vw, 19.75rem);
}
@media screen and (max-width: 600px) {
  .l-footer__top__logo-img-wrap {
    width: clamp(19.625rem, 16.3958333333rem + 13.7777777778vw, 21.5625rem);
  }
}

.l-footer__top__lower-list {
  margin-top: clamp(2.25rem, 1.9636871508rem + 0.4469273743vw, 2.5rem);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.5rem, 0.2721758908rem + 0.606520091vw, 1rem);
}
@media screen and (max-width: 1024px) {
  .l-footer__top__lower-list {
    margin-top: 0;
    max-width: 48.75rem;
  }
}
@media screen and (max-width: 600px) {
  .l-footer__top__lower-list {
    display: none;
  }
}

.l-footer__top__lower-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1.6875rem, 1.5166319181rem + 0.4548900682vw, 2.0625rem);
}

.l-footer__top__lower-item--include-sub {
  gap: clamp(0.75rem, 0.6645659591rem + 0.2274450341vw, 0.9375rem);
}
@media (hover: hover) {
  .l-footer__top__lower-item--include-sub .l-footer__top__lower-item-link:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 1;
    cursor: default;
  }
}

.l-footer__top__lower-item-link {
  display: grid;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.5rem, 0.4430439727rem + 0.1516300227vw, 0.625rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-footer__top__lower-item-link::before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--color-key);
  border-radius: 50%;
}

.l-footer__top__lower-sub-list {
  padding-left: clamp(0.75rem, 0.5506539045rem + 0.5307050796vw, 1.1875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4375rem;
}

.l-footer__top__lower-sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
}
.l-footer__top__lower-sub-item::before {
  content: "-";
  font-size: 1em;
}

.l-footer__top__bottom-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem;
}
@media screen and (max-width: 600px) {
  .l-footer__top__bottom-items {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.l-footer__top__link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 600px) {
  .l-footer__top__link-list {
    display: none;
  }
}

.l-footer__top__link-item {
  position: relative;
}
.l-footer__top__link-item:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.0625rem;
  height: 1.125rem;
  background-color: var(--color-key);
}
.l-footer__top__link-item:nth-of-type(1) .l-footer__top__link-item-link {
  padding-right: clamp(0.9375rem, 0.8235879454rem + 0.3032600455vw, 1.1875rem);
}
.l-footer__top__link-item:nth-of-type(2) .l-footer__top__link-item-link {
  padding-inline: clamp(0.9375rem, 0.8235879454rem + 0.3032600455vw, 1.1875rem);
}
.l-footer__top__link-item:nth-of-type(3) .l-footer__top__link-item-link {
  padding-left: clamp(0.9375rem, 0.8235879454rem + 0.3032600455vw, 1.1875rem);
}

.l-footer__top__link-item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.8125rem, 0.7270659591rem + 0.2274450341vw, 1rem);
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 500;
  line-height: 1.4285714286;
  letter-spacing: 0.01em;
}

.l-footer__top__link-item-link--corporate:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.75rem;
  aspect-ratio: 13/11;
  background: url(../img/icon/icon_link--gray-13-11.svg) no-repeat center center/contain;
}

.l-footer__top__page-top-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.1875rem;
  max-width: 4.625rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
  background-color: transparent;
  border: 1px solid var(--color-key);
  border-radius: 1.125rem;
  text-transform: uppercase;
}
.l-footer__top__page-top-btn:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.75rem;
  aspect-ratio: 12/7;
  background: url(../img/icon/icon_angle-arrow_blue--top-12-7.svg) no-repeat center center/contain;
}

.l-footer__bottom {
  padding: 0.75rem 0;
  background-color: var(--color-background_copyright);
}

.l-footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: var(--color_white);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.cookie-consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  min-height: 5rem;
  bottom: 0;
  width: 100%;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  color: var(--color_white);
  background: rgba(0, 0, 0, 0.7);
  padding: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  visibility: hidden;
  font-family: "Noto Sans JP";
  z-index: 100;
}

.cookie-consent.is-show {
  visibility: visible;
}

.cookie-consent a {
  color: #00adef !important;
}

.cookie-agree {
  color: var(--color-txt);
  background: var(--color_white);
  padding: 0.5em 1.5em;
  text-align: center;
  width: 15rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cookie-agree:hover {
  cursor: pointer;
  opacity: 0.7;
}

/* パッと消える */
.cc-hide1 {
  display: none;
}

/* ゆっくり消える */
.cc-hide2 {
  -webkit-animation: hide 1s linear 0s;
          animation: hide 1s linear 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
  .cookie-consent a {
    margin-right: auto;
  }
}
.l-main {
  overflow: hidden;
}

.l-main:has(.l-split) {
  overflow-x: clip;
  overflow-y: visible;
}

.l-split {
  display: grid;
  grid-template-columns: clamp(13.75rem, 11.3163407821rem + 3.7988826816vw, 15.875rem) minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(2.1875rem, 1.4717178771rem + 1.1173184358vw, 2.8125rem);
}
@media screen and (max-width: 1024px) {
  .l-split {
    grid-template-columns: minmax(0, 1fr);
  }
}

.l-split__side {
  position: sticky;
  top: 9.375rem;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .l-split__side {
    position: static;
  }
}

.c-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.6875rem, 0.520631068rem + 0.71197411vw, 1.375rem);
}

.c-accordion__box {
  border-radius: 1rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 600px) {
  .c-accordion__box {
    border-radius: 0.75rem;
  }
}

.c-accordion__box--mid-career {
  background-color: var(--color-mid-career);
}

.c-accordion__box--disabilities {
  background-color: var(--color-disabilities);
}

.c-accordion__box[open] .c-accordion__title {
  padding-top: clamp(1.125rem, 0.9277912621rem + 0.8414239482vw, 1.9375rem);
}

.c-accordion__title {
  padding: clamp(0.875rem, 0.7233009709rem + 0.6472491909vw, 1.5rem) clamp(3rem, 2.7421116505rem + 1.1003236246vw, 4.0625rem) clamp(0.875rem, 0.7233009709rem + 0.6472491909vw, 1.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color_white);
  text-align: center;
  font-size: clamp(1.0625rem, 0.9563106796rem + 0.4530744337vw, 1.5rem);
  font-weight: 700;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-accordion__title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(1.25rem, 1.0224514563rem + 0.9708737864vw, 2.1875rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(0.9375rem, 0.8464805825rem + 0.3883495146vw, 1.3125rem);
  aspect-ratio: 21/11;
  background: url(../img/icon/icon_angle-arrow_wh--21-11.svg) no-repeat 50% 50%/contain;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

/* タイトルアイコンを open 属性で制御（is_openクラス不要） */
.c-accordion__box[open] .c-accordion__title:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.c-accordion__content {
  padding: 0 clamp(0.75rem, 0.3404126214rem + 1.7475728155vw, 2.4375rem) clamp(0.75rem, 0.3252427184rem + 1.8122977346vw, 2.5rem);
  border-radius: 0 0 1rem 1rem;
}
@media screen and (max-width: 600px) {
  .c-accordion__content {
    border-radius: 0 0 0.75rem 0.75rem;
  }
}

.c-accordion__content--mid-career {
  background-color: var(--color-mid-career);
}

.c-accordion__content--disabilities {
  background-color: var(--color-disabilities);
}

.c-accordion__list {
  padding: clamp(1.5rem, 1.1359223301rem + 1.5533980583vw, 3rem) clamp(0.625rem, 0.2609223301rem + 1.5533980583vw, 2.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
  background-color: var(--color_white);
  border-radius: 0.75rem;
}
@media screen and (max-width: 600px) {
  .c-accordion__list {
    border-radius: 0.5625rem;
  }
}

.c-accordion__item {
  display: grid;
  grid-template-columns: clamp(11.875rem, 9.6201129453rem + 4.6915725456vw, 15.25rem) minmax(0, 1fr);
  gap: clamp(0.9375rem, 0.6644417476rem + 1.1650485437vw, 2.0625rem);
}
@media screen and (max-width: 768px) {
  .c-accordion__item {
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-accordion__item-title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(0.9375rem, 0.8919902913rem + 0.1941747573vw, 1.125rem);
  line-height: 1.2777777778;
  letter-spacing: 0.05em;
  padding: clamp(0.75rem, 0.5983009709rem + 0.6472491909vw, 1.375rem) 0.75rem;
  background-color: #f1f6fc;
  border-radius: 0.375rem;
}
@media screen and (max-width: 600px) {
  .c-accordion__item-title {
    border-radius: 0.25rem;
  }
}

.c-accordion__item-title--mid-career {
  color: var(--color-mid-career);
}

.c-accordion__item-title--disabilities {
  color: var(--color-disabilities);
}

.c-accordion__item-text {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-accordion__item-text {
    padding-inline: clamp(0.1875rem, -0.2623502994rem + 1.1976047904vw, 0.3125rem);
  }
}

/* details/summaryのデフォルト三角を消す */
.c-accordion__box > summary {
  list-style: none;
}

.c-accordion__box > summary::-webkit-details-marker {
  display: none;
}

/* クリック面は summary のみ。box 全体の pointer は外す */
.c-accordion__box {
  cursor: default;
}

/* 既存の pointer を打ち消し */
.c-accordion__title {
  cursor: pointer;
}

/* クリック手に戻す */
/* 閉じている時は .c-accordion__content を非表示、open時のみ表示 */
.c-accordion__content {
  display: none;
}

/* 既存と同じ指定でOK */
.c-accordion__box[open] .c-accordion__content {
  display: block;
}

/* フォーカスリングを summary(.c-accordion__title) で見やすく */
.c-accordion__title:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 2px;
}

/* （任意）スムース開閉：gridトリック
   ─ 使うなら block 表示の代わりに下2つに差し替え ─ */
.c-accordion__box[open] .c-accordion__content {
  grid-template-rows: minmax(0, 1fr);
}

.c-accordion__content > * {
  overflow: hidden;
}

.c-faq-accordion {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, 0.5491504854rem + 0.3236245955vw, 0.9375rem);
}

.c-faq-accordion__box {
  padding: clamp(0.75rem, 0.6893203883rem + 0.2588996764vw, 1rem) clamp(0.5rem, 0.4089805825rem + 0.3883495146vw, 0.875rem);
  background-color: var(--color_white);
  border-radius: 0.375rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (hover: hover) {
  .c-faq-accordion__box a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 1;
  }
}

.c-faq-accordion__title,
.c-faq-accordion__text-wrap {
  display: grid;
  gap: clamp(0.5rem, 0.4089805825rem + 0.3883495146vw, 0.875rem);
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: justify;
}

.c-faq-accordion__title {
  grid-template-columns: clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem) minmax(0, 1fr) clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
@media (hover: hover) {
  .c-faq-accordion__title:where(:-webkit-any-link, :enabled, summary):hover {
    color: var(--color-txt_hover);
  }
}

.c-faq-accordion__title-label,
.c-faq-accordion__text-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  letter-spacing: 0;
  -webkit-transform: translateY(-0.0625rem);
          transform: translateY(-0.0625rem);
}

.c-faq-accordion__title-label {
  color: blue;
}

.c-faq-accordion__text-label {
  color: red;
}

.c-faq-accordion__text-wrap {
  margin-top: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
  padding-right: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
  grid-template-columns: clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem) minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-faq-accordion__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-faq-accordion__btn {
  width: clamp(0.5rem, 0.4696601942rem + 0.1294498382vw, 0.625rem);
  aspect-ratio: 1/1;
  border-right: 2px solid blue;
  border-bottom: 2px solid blue;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-faq-accordion__box[open] .c-faq-accordion__btn {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* details/summaryのデフォルト三角を消す */
.c-faq-accordion__box > summary {
  list-style: none;
}

.c-faq-accordion__box > summary::-webkit-details-marker {
  display: none;
}

/* クリック面は summary のみ。box 全体の pointer は外す */
.c-faq-accordion__box {
  cursor: default;
}

/* 既存の pointer を打ち消し */
.c-faq-accordion__title {
  cursor: pointer;
}

/* クリック手に戻す */
/* 閉じている時は .c-faq-accordion__text を非表示、open時のみ表示 */
.c-faq-accordion__text {
  display: none;
}

/* 既存と同じ指定でOK */
.c-faq-accordion__box[open] .c-faq-accordion__text {
  display: block;
}

/* フォーカスリングを summary(.c-faq-accordion__title) で見やすく */
.c-faq-accordion__title:focus-visible {
  outline: 2px solid var(--color-key);
  outline-offset: 2px;
}

/* （任意）スムース開閉：gridトリック
   ─ 使うなら block 表示の代わりに下2つに差し替え ─ */
.c-faq-accordion__text {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 0.26s ease;
  transition: grid-template-rows 0.26s ease;
  transition: grid-template-rows 0.26s ease, -ms-grid-rows 0.26s ease;
}
.c-faq-accordion__text a {
  color: blue;
}

.c-faq-accordion__box[open] .c-faq-accordion__text {
  grid-template-rows: minmax(0, 1fr);
}

.c-faq-accordion__text > * {
  overflow: hidden;
}

.c-primary-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.375rem;
}

.c-primary-title--entry-banner {
  gap: clamp(0.4375rem, 0.3313106796rem + 0.4530744337vw, 0.875rem);
}

.c-primary-title__sub-text {
  padding: 0.4375rem 1.0625rem;
  color: var(--color-key);
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 1px solid var(--color-key);
  border-radius: 1.125rem;
}

.c-primary-title__sub-text--small {
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
}

.c-primary-title__sub-text--white {
  color: var(--color_white);
  border: 1px solid var(--color_white);
}

.c-primary-title__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 clamp(0.125rem, 0.0395659591rem + 0.2274450341vw, 0.3125rem);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .c-primary-title__title {
    gap: 0;
  }
}

.c-primary-title__title--white {
  color: var(--color_white);
}

.c-primary-title__main-title {
  font-size: clamp(2rem, 1.7572815534rem + 1.0355987055vw, 3rem);
  font-weight: 700;
  line-height: 1.4583333333;
  letter-spacing: 0.03em;
}

.c-primary-title__main-title--middle {
  font-size: clamp(1.75rem, 1.4466019417rem + 1.2944983819vw, 3rem);
}

.c-primary-title__main-title--small {
  font-size: clamp(1.5625rem, 1.213592233rem + 1.4886731392vw, 3rem);
}

.c-primary-title__main-title--ex-small {
  font-size: clamp(1.4375rem, 1.0582524272rem + 1.6181229773vw, 3rem);
}
@media screen and (max-width: 374px) {
  .c-primary-title__main-title--ex-small {
    font-size: clamp(1.375rem, -0.2321428571rem + 7.1428571429vw, 1.4375rem);
  }
}

.c-primary-title__main-title--entry-banner {
  color: var(--color_white);
  font-size: clamp(1.75rem, 1.567961165rem + 0.7766990291vw, 2.5rem);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.03em;
}

.c-primary-title__main-title--entry-banner-small {
  color: var(--color_white);
  font-size: clamp(1.625rem, 1.4733009709rem + 0.6472491909vw, 2.25rem);
  font-weight: 700;
  line-height: 1.4444444444;
  letter-spacing: 0.03em;
}

.c-primary-title__main-title--keep-height {
  min-height: calc(1.4583333333 * clamp(2rem, 1.7572815534rem + 1.0355987055vw, 3rem));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-primary-title__sub-title {
  font-size: clamp(1.5rem, 1.317961165rem + 0.7766990291vw, 2.25rem);
  font-weight: 500;
  line-height: 1.4444444444;
  letter-spacing: 0.03em;
}

.c-primary-title__sub-title--small {
  font-size: clamp(1.25rem, 1.0072815534rem + 1.0355987055vw, 2.25rem);
}

.c-lowers-section-title {
  padding-bottom: clamp(0.5625rem, 0.5169902913rem + 0.1941747573vw, 0.75rem);
  border-bottom: 1px solid var(--color-border_l);
}

.c-lowers-section-title__text-wrap {
  padding-left: clamp(1.625rem, 1.4126213592rem + 0.9061488673vw, 2.5rem);
  position: relative;
}
.c-lowers-section-title__text-wrap:before {
  content: "";
  position: absolute;
  top: calc(50% + clamp(0.0625rem, 0.0473300971rem + 0.0647249191vw, 0.125rem));
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(0.9375rem, 0.8616504854rem + 0.3236245955vw, 1.25rem);
  aspect-ratio: 1/1;
  background: linear-gradient(212deg, #39bef8 0%, #d1e8f8 100%);
  border-radius: 0.25rem;
}

.c-lowers-section-title__title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.3125rem, 0.2821601942rem + 0.1294498382vw, 0.4375rem) clamp(0.875rem, 0.7839805825rem + 0.3883495146vw, 1.25rem);
}

.c-lowers-section-title__main-title {
  font-size: clamp(1.375rem, 1.192961165rem + 0.7766990291vw, 2.125rem);
  font-weight: 700;
  line-height: 1.4411764706;
  letter-spacing: 0.03em;
}

.c-lowers-section-title__sub-title {
  padding-left: clamp(0.6875rem, 0.6571601942rem + 0.1294498382vw, 0.8125rem);
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 400;
  line-height: 1.1428571429;
  letter-spacing: 0.05em;
  position: relative;
  text-transform: uppercase;
  -webkit-transform: translateY(clamp(0.0625rem, 0.0473300971rem + 0.0647249191vw, 0.125rem));
          transform: translateY(clamp(0.0625rem, 0.0473300971rem + 0.0647249191vw, 0.125rem));
}
.c-lowers-section-title__sub-title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.125rem;
  height: 100%;
  background-color: var(--color-key);
}

.c-big-section-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, 0.2839805825rem + 0.3883495146vw, 0.75rem);
  text-align: center;
}

.c-big-section-heading__title {
  color: var(--color-txt_big-section-heading-title);
  font-family: "Oswald";
  font-size: clamp(3.125rem, 2.5182038835rem + 2.5889967638vw, 5.625rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.c-big-section-heading__text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.03em;
}

.c-arrow-btn {
  padding: clamp(1.28125rem, 1.0764563107rem + 0.8737864078vw, 2.125rem) clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem) clamp(1.28125rem, 1.0764563107rem + 0.8737864078vw, 2.125rem) clamp(1.25rem, 0.7190533981rem + 2.2653721683vw, 3.4375rem);
  width: 100%;
  max-width: 29.9375rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(1.3125rem, 1.130461165rem + 0.7766990291vw, 2.0625rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  color: var(--color_white);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.03em;
  border-radius: 0.375rem;
}
.c-arrow-btn:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
}

.c-arrow-btn--color-pt01 {
  background-color: var(--color-btn_pt01);
}

.c-arrow-btn--color-pt02 {
  background-color: var(--color-btn_pt02);
}

.c-arrow-btn--color-pt03 {
  background-color: var(--color-btn_pt03);
}

.c-gradient-btn {
  padding: clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem) clamp(1.1875rem, 0.8689320388rem + 1.359223301vw, 2.5rem) clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem) clamp(1.1875rem, 0.6413834951rem + 2.3300970874vw, 3.4375rem);
  width: 100%;
  max-width: 22.6875rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(1.5rem, 1.3634708738rem + 0.5825242718vw, 2.0625rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  color: var(--color_white);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.03em;
  background: var(--color_white);
  border-radius: 0.375rem;
}
.c-gradient-btn:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
}
.c-gradient-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.375rem;
  background: linear-gradient(110deg, #00ceff 0%, #00b3c2 38%, #053e9a 100%);
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-gradient-btn:hover {
  opacity: 1;
}
.c-gradient-btn:hover::before {
  opacity: 0.5;
}

.c-entry-btn {
  padding: 0.625rem clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem) 0.625rem clamp(1.25rem, 0.7190533981rem + 2.2653721683vw, 3.4375rem);
  width: 100%;
  background-color: var(--color_white);
  max-width: 29.9375rem;
  min-height: clamp(4.5rem, 4.1207524272rem + 1.6181229773vw, 6.0625rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(1.3125rem, 1.130461165rem + 0.7766990291vw, 2.0625rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.03em;
  border-radius: 0.375rem;
  position: relative;
  overflow: hidden;
}
.c-entry-btn:before {
  content: "";
  position: absolute;
  top: -0.0625rem;
  right: -0.0625rem;
  width: 39.2354124748%;
  height: calc(100% + 0.125rem);
  clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: -1;
}
.c-entry-btn:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
}

.c-entry-btn__logo-img-wrap {
  max-width: clamp(11.875rem, 11.7233009709rem + 0.6472491909vw, 12.5rem);
}

.c-entry-btn--color-pt01 {
  color: var(--color-btn_pt01);
}
.c-entry-btn--color-pt01:before {
  background-color: var(--color-btn_pt01);
}

.c-entry-btn--color-pt02 {
  color: var(--color-btn_pt02);
}
.c-entry-btn--color-pt02:before {
  background-color: var(--color-btn_pt02);
}

.c-entry-btn--color-pt03 {
  color: var(--color-btn_pt03);
}
.c-entry-btn--color-pt03:before {
  background-color: var(--color-btn_pt03);
}

body:has(#wpadminbar) .c-floating-btn {
  top: calc(var(--height-header) + 0.9375rem + 2rem);
}
@media screen and (max-width: 1024px) {
  body:has(#wpadminbar) .c-floating-btn {
    top: auto;
  }
}

.c-floating-btn {
  max-width: 14.9375rem;
  width: 100%;
  position: fixed;
  top: calc(var(--height-header) + 0.9375rem);
  right: 0;
  z-index: 100;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease, visibility 0s 0.3s;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
@media screen and (max-width: 1024px) {
  .c-floating-btn {
    top: auto;
    bottom: 0;
    max-width: none;
  }
}

.c-floating-btn__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .c-floating-btn__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.c-floating-btn__item-link {
  padding: 0.625rem clamp(0.5rem, -0.5833975347rem + 4.6224961479vw, 2.375rem) 0.625rem clamp(0.75rem, 0.2444144838rem + 2.157164869vw, 1.625rem);
  min-height: clamp(4rem, 3.6359223301rem + 1.5533980583vw, 5.5rem);
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(0.9375rem, 0.7208204931rem + 0.9244992296vw, 1.3125rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--color_white);
  font-size: clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
  font-weight: 500;
  line-height: 1.3888888889;
  letter-spacing: 0.03em;
}
.c-floating-btn__item-link:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
}

.c-floating-btn__item-link--color-pt01 {
  background-color: var(--color-btn_pt01);
  border-radius: 0.375rem 0 0 0;
}

.c-floating-btn__item-link--color-pt02 {
  background-color: var(--color-btn_pt02);
}

.c-floating-btn__item-link--color-pt03 {
  background-color: var(--color-btn_pt03);
  border-radius: 0 0 0 0.375rem;
}
@media screen and (max-width: 1024px) {
  .c-floating-btn__item-link--color-pt03 {
    border-radius: 0 0.375rem 0 0;
  }
}

.c-acf-btn {
  padding: 0.3125rem 1.25rem 0.3125rem 1.6875rem;
  width: 100%;
  max-width: 13.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.625rem;
  color: var(--color_white);
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.2666666667;
  letter-spacing: 0.05em;
  background-color: var(--color-new-graduate);
  border-radius: 0.375rem;
}
.c-acf-btn:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0.9375rem, 0.9071601942rem + 0.1294498382vw, 1.0625rem);
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
  -webkit-transform: translateY(0.0625rem);
          transform: translateY(0.0625rem);
}

.c-section-composites-banner {
  padding: clamp(3.375rem, 3.2839805825rem + 0.3883495146vw, 3.75rem) 0;
  position: relative;
}
.c-section-composites-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/composites-banner_section-background.webp) no-repeat 50% 50%/cover;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .c-section-composites-banner:before {
    background: url(../img/common/webp/composites-banner_section-background--sp.webp) no-repeat 50% 50%/cover;
  }
}

.c-section-composites-banner__banner {
  border-radius: 0.625rem;
  background-color: var(--color_white);
}

.c-section-composites-banner__banner-link {
  padding: 1rem clamp(1rem, -0.169200695rem + 2.4326672459vw, 2.75rem) 2.3125rem clamp(1.5rem, -2.4503424658rem + 8.2191780822vw, 4.125rem);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(19.375rem, 14.1135968723rem + 10.9470026064vw, 27.25rem);
  gap: 1.5625rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .c-section-composites-banner__banner-link {
    padding-block: clamp(2.5rem, 2.1230392157rem + 0.7843137255vw, 2.625rem);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .c-section-composites-banner__banner-link {
    padding: clamp(2rem, 1.8210877863rem + 0.7633587786vw, 2.1875rem) clamp(1.25rem, -0.0620229008rem + 5.5979643766vw, 2.625rem) clamp(4.875rem, 4.4575381679rem + 1.7811704835vw, 5.3125rem) clamp(1.25rem, -0.0620229008rem + 5.5979643766vw, 2.625rem);
    grid-template-columns: minmax(0, 1fr);
  }
}
.c-section-composites-banner__banner-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/composites-banner_background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.c-section-composites-banner__text-container {
  margin-top: clamp(2rem, 1.4273743017rem + 0.8938547486vw, 2.5rem);
}
@media screen and (max-width: 1024px) {
  .c-section-composites-banner__text-container {
    margin-top: 0;
  }
}

.c-section-composites-banner__sub-title {
  color: var(--color-txt_composites_banner);
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.c-section-composites-banner__color-text-wrap {
  margin-top: 1rem;
  color: var(--color_white);
}

.c-section-composites-banner__title {
  font-size: clamp(2rem, 1.9089805825rem + 0.3883495146vw, 2.375rem);
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: 0.07em;
}

.c-section-composites-banner__title--small {
  display: inline-block;
  font-size: clamp(1.1875rem, 1.1419902913rem + 0.1941747573vw, 1.375rem);
  line-height: 1;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1024px) {
  .c-section-composites-banner__title--small {
    font-size: clamp(2rem, 1.9089805825rem + 0.3883495146vw, 2.375rem);
    font-weight: 700;
    line-height: 1.125;
    letter-spacing: 0.07em;
  }
}

.c-section-composites-banner__text {
  margin-top: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  font-size: clamp(0.875rem, 0.8598300971rem + 0.0647249191vw, 0.9375rem);
  line-height: 1.5333333333;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-section-composites-banner__text {
    line-height: 1.7142857143;
  }
}

.c-section-composites-banner__more-text {
  margin-top: clamp(1.5625rem, 1.4866504854rem + 0.3236245955vw, 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.75rem, 0.5376213592rem + 0.9061488673vw, 1.625rem);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
  letter-spacing: 0.03em;
}
.c-section-composites-banner__more-text:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(1.3125rem, 1.145631068rem + 0.71197411vw, 2rem);
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
}

.c-section-composites-banner__img-wrap {
  width: 100%;
  aspect-ratio: 436/255;
}
@media screen and (max-width: 768px) {
  .c-section-composites-banner__img-wrap {
    position: absolute;
    bottom: clamp(1rem, 0.8807251908rem + 0.5089058524vw, 1.125rem);
    right: clamp(0.4375rem, -1.6498091603rem + 8.9058524173vw, 2.625rem);
    width: clamp(12.125rem, 8.7853053435rem + 14.2493638677vw, 15.625rem);
    aspect-ratio: 194/95;
  }
}

.c-section-composites-banner__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-requirement-lower {
  padding: clamp(2.8125rem, 0.5976941748rem + 9.4498381877vw, 11.9375rem) 0 clamp(2.8125rem, 2.4787621359rem + 1.4239482201vw, 4.1875rem);
  position: relative;
}
.c-requirement-lower:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/requirement_background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.c-requirement-lower__contents {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(21.875rem, 16.4883253692rem + 11.2076455256vw, 29.9375rem);
  gap: clamp(3rem, -2.1361316247rem + 10.6863596872vw, 10.6875rem);
}
@media screen and (max-width: 768px) {
  .c-requirement-lower__contents {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.375rem, 2.1364503817rem + 1.0178117048vw, 2.625rem);
  }
}

.c-requirement-lower__left-items {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-requirement-lower__left-items {
    margin-top: 0;
  }
}

.c-requirement-lower__text {
  margin-top: clamp(1rem, 0.8634708738rem + 0.5825242718vw, 1.5625rem);
  max-width: 28.125rem;
  color: var(--color-txt_sub);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-requirement-lower__text {
    max-width: none;
  }
}

.c-requirement-lower__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  .c-requirement-lower__btn-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-entry {
  padding: clamp(2.8125rem, 2.2663834951rem + 2.3300970874vw, 5.0625rem) 0 5.75rem;
  position: relative;
}
.c-entry:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/entry_background.webp) no-repeat 50% 50%/cover;
  z-index: -3;
}

.c-entry__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-entry__background:before, .c-entry__background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}
.c-entry__background:before {
  background: url(../img/common/webp/entry_background--multiply.webp) no-repeat 50% 50%/cover;
  z-index: -2;
}
.c-entry__background:after {
  background: url(../img/common/webp/background_dots.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.c-entry__background-text-wrap {
  position: absolute;
  bottom: clamp(0.1875rem, 0.1116504854rem + 0.3236245955vw, 0.5rem);
  left: clamp(-5.1875rem, -0.0612864078rem - 4.2718446602vw, -1.0625rem);
  z-index: -1;
}

.c-entry__background-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.87em;
  color: var(--color-txt_entry_background_text);
  font-family: "Oswald";
  font-size: clamp(6.875rem, 6.5716019417rem + 1.2944983819vw, 8.125rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-wrap: nowrap;
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .c-entry__background-text {
    font-family: "Noto Sans JP";
    font-weight: 700;
    gap: 0.7em;
  }
}

.c-entry__contents-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(21.875rem, 16.4883253692rem + 11.2076455256vw, 29.9375rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(3rem, -2.3866746308rem + 11.2076455256vw, 11.0625rem);
}
@media screen and (max-width: 768px) {
  .c-entry__contents-wrap {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.375rem, 2.1364503817rem + 1.0178117048vw, 2.625rem);
  }
}

.c-entry__heading-text {
  margin-top: clamp(1rem, 0.817961165rem + 0.7766990291vw, 1.75rem);
  max-width: 27.75rem;
  color: var(--color_white);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-entry__heading-text {
    max-width: none;
  }
}

.c-entry__btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.25rem, 1.2044902913rem + 0.1941747573vw, 1.4375rem);
}

.c-entry__btn-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.4375rem, 0.4071601942rem + 0.1294498382vw, 0.5625rem);
}
@media screen and (max-width: 768px) {
  .c-entry__btn-wrap {
    margin-inline: auto;
    max-width: 29.9375rem;
  }
}

.c-entry__btn-heading-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  color: var(--color_white);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.875;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 600px) {
  .c-entry__btn-heading-text {
    line-height: 1.5;
  }
}
.c-entry__btn-heading-text:before {
  content: "▼";
  font-size: 1em;
}

.c-gallery {
  padding: clamp(3.375rem, 3.0412621359rem + 1.4239482201vw, 4.75rem) 0 clamp(3.9375rem, 3.5430825243rem + 1.6828478964vw, 5.5625rem);
  position: relative;
}

.c-gallery__img-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0.625rem, 0.4884708738rem + 0.5825242718vw, 1.1875rem);
  -webkit-transform: translateX(clamp(-7.6875rem, -9.25rem + 6.6666666667vw, -1.25rem));
          transform: translateX(clamp(-7.6875rem, -9.25rem + 6.6666666667vw, -1.25rem));
}

.c-gallery__img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-gallery__img-wrap--big {
  width: clamp(15.375rem, 12.2803398058rem + 13.2038834951vw, 28.125rem);
}

.c-gallery__img-wrap--small {
  width: clamp(9.875rem, 7.8877427184rem + 8.4789644013vw, 18.0625rem);
}

.c-gallery__img-wrap--04 {
  margin-top: auto;
}

.c-gallery__img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}

.c-gallery__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-gallery__background-img {
  position: absolute;
}

.c-gallery__background-img--01 {
  top: 1.4375rem;
  left: clamp(1.4375rem, -1.6723300971rem + 13.2686084142vw, 14.25rem);
  width: clamp(3rem, 2.3932038835rem + 2.5889967638vw, 5.5rem);
  aspect-ratio: 88/91;
  background: url(../img/common/webp/gallery_background--01.webp) no-repeat 50% 50%/cover;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--01 {
    left: 11.875%;
  }
}

.c-gallery__background-img--02 {
  bottom: 7.5625rem;
  left: clamp(6.9375rem, 2.7354368932rem + 17.928802589vw, 24.25rem);
  width: clamp(4.1875rem, 3.3531553398rem + 3.5598705502vw, 7.625rem);
  aspect-ratio: 122/125;
  background: url(../img/common/webp/gallery_background--02.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--02 {
    left: 20.2083333333%;
  }
}

.c-gallery__background-img--03 {
  bottom: 7.1875rem;
  left: clamp(16.4375rem, 10.3240291262rem + 26.0841423948vw, 41.625rem);
  width: clamp(1.3125rem, 1.0546116505rem + 1.1003236246vw, 2.375rem);
  aspect-ratio: 1/1;
  background: url(../img/common/webp/gallery_background--03.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--03 {
    left: 34.6875%;
  }
}

.c-gallery__background-img--04 {
  bottom: 3.5rem;
  left: clamp(18.375rem, 11.8519417476rem + 27.8317152104vw, 45.25rem);
  width: clamp(1.625rem, 1.3064320388rem + 1.359223301vw, 2.9375rem);
  aspect-ratio: 47/49;
  background: url(../img/common/webp/gallery_background--04.webp) no-repeat 50% 50%/cover;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--04 {
    left: 37.7083333333%;
  }
}

.c-gallery__background-img--05 {
  bottom: 0;
  left: clamp(28.25rem, 18.2075242718rem + 42.8478964401vw, 69.625rem);
  width: clamp(5.9375rem, 4.7694174757rem + 4.9838187702vw, 10.75rem);
  aspect-ratio: 172/177;
  background: url(../img/common/webp/gallery_background--05.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--05 {
    left: 58.0208333333%;
  }
}

.c-gallery__background-img--06 {
  top: 7.125rem;
  left: clamp(29.625rem, 19.0667475728rem + 45.0485436893vw, 73.125rem);
  width: clamp(1.625rem, 1.3064320388rem + 1.359223301vw, 2.9375rem);
  aspect-ratio: 47/49;
  background: url(../img/common/webp/gallery_background--06.webp) no-repeat 50% 50%/cover;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--06 {
    left: 60.9375%;
  }
}

.c-gallery__background-img--07 {
  top: 0;
  left: clamp(36.3125rem, 23.3877427184rem + 55.145631068vw, 89.5625rem);
  width: clamp(4.1875rem, 3.3531553398rem + 3.5598705502vw, 7.625rem);
  aspect-ratio: 122/125;
  background: url(../img/common/webp/gallery_background--07.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--07 {
    left: 74.6354166667%;
  }
}

.c-gallery__background-img--08 {
  bottom: 4rem;
  left: clamp(43.75rem, 28.1856796117rem + 66.4077669903vw, 107.875rem);
  width: clamp(1.625rem, 1.3064320388rem + 1.359223301vw, 2.9375rem);
  aspect-ratio: 47/49;
  background: url(../img/common/webp/gallery_background--08.webp) no-repeat 50% 50%/cover;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  .c-gallery__background-img--08 {
    left: 89.8958333333%;
  }
}

.c-about {
  padding: 1.375rem 0 clamp(3.375rem, 2.9502427184rem + 1.8122977346vw, 5.125rem);
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-about {
    padding-top: clamp(0.625rem, -1.9990458015rem + 11.1959287532vw, 3.375rem);
  }
}
.c-about:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22.625rem;
  background: linear-gradient(105deg, #00ceff 0%, #00b3c2 38%, #053e9a 100%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-about:before {
    height: 100%;
    background: linear-gradient(168deg, #ffffff 0%, #00ceff 30%, #00b3c2 68%, #053e9a 100%);
  }
}
.c-about:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 29rem;
  background: linear-gradient(1deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-about:after {
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(74%, #ffffff));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 74%);
  }
}

.c-about__media {
  margin-top: 0.6875rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(17.875rem, 15.4948414422rem + 4.9522154648vw, 21.4375rem);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1.75rem, 1.2493932039rem + 2.1359223301vw, 3.8125rem);
}
@media screen and (max-width: 768px) {
  .c-about__media {
    margin-top: clamp(1rem, 0.5229007634rem + 2.0356234097vw, 1.5rem);
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-about__media-text {
  margin-top: clamp(1rem, 0.5824283232rem + 0.8688097307vw, 1.625rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .c-about__media-text {
    margin-top: 0;
    line-height: 2;
  }
}

.c-about__media-img-wrap {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-about__media-img-wrap {
    height: clamp(20.3125rem, 6.816991018rem + 35.9281437126vw, 24.0625rem);
  }
}
@media screen and (max-width: 600px) {
  .c-about__media-img-wrap {
    height: auto;
  }
}

.c-about__media-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}

.c-about__btn-wrap {
  margin-top: clamp(1.625rem, 1.3519417476rem + 1.1650485437vw, 2.75rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.875rem clamp(0.875rem, -2.7161164205rem + 7.4717636838vw, 6.25rem);
}
@media screen and (max-width: 768px) {
  .c-about__btn-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 600px) {
  .c-about__btn-wrap {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
  }
}

.c-about__btn {
  display: inline-block;
  padding: clamp(0.875rem, 0.708131068rem + 0.71197411vw, 1.5625rem) 1.3125rem clamp(0.875rem, 0.708131068rem + 0.71197411vw, 1.5625rem) 1.625rem;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(1.3125rem, 1.2366504854rem + 0.3236245955vw, 1.625rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  background-color: var(--color_white);
  border-radius: 0.625rem;
}
.c-about__btn:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-external-link_blue--1-1.svg) no-repeat 50% 50%/cover;
}

.c-about__btn-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}

.c-about__btn-sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  color: var(--color-key);
  font-family: "Tahoma";
  font-size: 0.75rem;
  line-height: 1.1666666667;
  letter-spacing: 0.06em;
}
.c-about__btn-sub-title:before {
  content: "-";
  font-size: 1em;
}

.c-about__btn-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
  letter-spacing: 0.01em;
}

.c-work-style {
  padding: clamp(2.25rem, 2.083131068rem + 0.71197411vw, 2.9375rem) 0 clamp(1.25rem, 0.901092233rem + 1.4886731392vw, 2.6875rem);
  position: relative;
}
.c-work-style:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/work-style_background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.c-work-style__list {
  margin-top: clamp(3.375rem, 2.2675970874rem + 4.7249190939vw, 7.9375rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(1.5rem, 0.7026156179rem + 2.1228203184vw, 3.25rem);
}
@media screen and (max-width: 600px) {
  .c-work-style__list {
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-work-style__item {
  display: contents;
}

.c-work-style__item-link {
  margin: clamp(2.1875rem, 1.1622915087rem + 2.7293404094vw, 4.4375rem) 0 clamp(2rem, 1.6966019417rem + 1.2944983819vw, 3.25rem) clamp(1.5625rem, 1.1068517817rem + 1.213040182vw, 2.5625rem);
  padding: clamp(3.125rem, 2.3560936315rem + 2.0470053071vw, 4.8125rem) clamp(1.1875rem, 0.9311978772rem + 0.6823351024vw, 1.75rem) clamp(1.25rem, 1.0506539045rem + 0.5307050796vw, 1.6875rem) clamp(1.125rem, 0.8686978772rem + 0.6823351024vw, 1.6875rem);
  height: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  background-color: var(--color_white);
  border-radius: 0.625rem;
}
@media screen and (max-width: 600px) {
  .c-work-style__item-link {
    margin: clamp(3rem, 3.5rem - 1.3333333333vw, 3.1875rem) 0 clamp(2rem, 1.817961165rem + 0.7766990291vw, 2.75rem) 0;
    padding: clamp(3rem, 2.7916666667rem + 0.8888888889vw, 3.125rem) clamp(1.125rem, 0.3958333333rem + 3.1111111111vw, 1.5625rem) clamp(1.25rem, 0.7291666667rem + 2.2222222222vw, 1.5625rem);
  }
}
.c-work-style__item-link:before {
  content: "";
  position: absolute;
  top: clamp(-4.4375rem, -1.1622915087rem - 2.7293404094vw, -2.1875rem);
  left: clamp(-2.5625rem, -1.1068517817rem - 1.213040182vw, -1.5625rem);
  width: clamp(14.375rem, 9.2489575436rem + 13.646702047vw, 25.625rem);
  aspect-ratio: 410/127;
  border-radius: 0.375rem;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .c-work-style__item-link:before {
    top: clamp(-3.1875rem, -3.5rem + 1.3333333333vw, -3rem);
    left: 0;
    width: clamp(16.875rem, 7.5rem + 40vw, 22.5rem);
    height: clamp(5.25rem, 4.5833333333rem + 1.7777777778vw, 5rem);
  }
}

.c-work-style__item-link--member:before {
  background: url(../img/common/webp/work-style_list-img--member.webp) no-repeat 50% 50%/cover;
}

.c-work-style__item-link--human-resourse:before {
  background: url(../img/common/webp/work-style_list-img--people.webp) no-repeat 50% 50%/cover;
}

.c-work-style__item-link--works:before {
  background: url(../img/common/webp/work-style_list-img--works.webp) no-repeat 50% 50%/cover;
}

.c-work-style__item-link--diversity:before {
  background: url(../img/common/webp/work-style_list-img--diversity.webp) no-repeat 50% 50%/cover;
}

.c-work-style__item-link--benefits:before {
  background: url(../img/common/webp/work-style_list-img--benefit.webp) no-repeat 50% 50%/cover;
}

.c-work-style__item-top-items {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(1.375rem, 1.208131068rem + 0.71197411vw, 2.0625rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}
.c-work-style__item-top-items:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/webp/icon_circle-arrow-right--grad-1-1.webp) no-repeat 50% 50%/contain;
  -webkit-transform: translateY(0.1875rem);
          transform: translateY(0.1875rem);
}

.c-work-style__item-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.1875rem;
}

.c-work-style__item-sub-title {
  color: var(--color-key);
  font-size: clamp(0.6875rem, 0.6723300971rem + 0.0647249191vw, 0.75rem);
  line-height: 1.0833333333;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.c-work-style__item-title {
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4583333333;
  letter-spacing: 0.03em;
}

.c-work-style__item-text {
  margin-top: 0.6875rem;
  max-width: 21.4375rem;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  line-height: 1.5714285714;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 600px) {
  .c-work-style__item-text {
    max-width: none;
  }
}

.c-faq {
  padding: clamp(2.8125rem, 2.2208737864rem + 2.5242718447vw, 5.25rem) 0;
  position: relative;
}
.c-faq::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/grad-background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.c-faq__list {
  margin-top: clamp(1.5rem, 1.3483009709rem + 0.6472491909vw, 2.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.8125rem, 0.6152912621rem + 0.8414239482vw, 1.625rem);
}

.c-faq__item {
  padding: clamp(1.125rem, 0.9126213592rem + 0.9061488673vw, 2rem) clamp(0.875rem, -0.2475728155rem + 4.7896440129vw, 5.5rem) clamp(1.125rem, 0.9126213592rem + 0.9061488673vw, 2rem) clamp(0.875rem, 0.2226941748rem + 2.783171521vw, 3.5625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.3125rem, 0.9787621359rem + 1.4239482201vw, 2.6875rem);
  background-color: var(--color_white);
  border-radius: 0.625rem;
}

.c-faq__item-row {
  display: grid;
  grid-template-columns: clamp(1.5625rem, 1.4714805825rem + 0.3883495146vw, 1.9375rem) minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0.75rem, 0.2645631068rem + 2.071197411vw, 2.75rem);
}

.c-faq__item-label {
  font-size: clamp(1.25rem, 1.1893203883rem + 0.2588996764vw, 1.5rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.05em;
}

.c-faq__item-label--question {
  color: var(--color-key);
}

.c-faq__item-label--answer {
  color: var(--color-txt_faq_answer);
}

.c-faq__item-title {
  font-size: clamp(0.9375rem, 0.8919902913rem + 0.1941747573vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}

.c-faq__item-text {
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  line-height: 2;
  letter-spacing: 0.05em;
}

.c-faq__item-non-post-text {
  text-align: center;
  font-size: clamp(0.9375rem, 0.8919902913rem + 0.1941747573vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}

.c-requirements__accordion-wrap {
  margin-top: clamp(2.0625rem, 1.5618932039rem + 2.1359223301vw, 4.125rem);
}

.c-requirements__banner-wrap {
  margin-top: clamp(1.125rem, 0.8367718447rem + 1.2297734628vw, 2.3125rem);
}

.c-archive {
  margin: clamp(2rem, 1.5449029126rem + 1.9417475728vw, 3.875rem) 0;
  padding-bottom: clamp(3rem, 2.2415048544rem + 3.2362459547vw, 6.125rem);
}

.c-archive__heading {
  padding-bottom: clamp(2rem, 1.3932038835rem + 2.5889967638vw, 4.5rem);
}

.c-archive__wrap {
  padding-top: clamp(2.5rem, 1.802184466rem + 2.9773462783vw, 5.375rem);
}

.c-archive__category {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}

.c-archive__category-link {
  background-color: var(--color_white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--color-key);
  border-radius: 1rem;
  color: var(--color-key);
  padding: 0.1875rem 1.5rem;
  font-weight: 600;
}
@media (hover: hover) {
  .c-archive__category-link:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 1;
    color: var(--color_white);
    background-color: var(--color-key);
  }
}
.c-archive__category-link.is_current {
  color: var(--color_white);
  background-color: var(--color-key);
}

.c-archive__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 0.2718446602rem + 3.1067961165vw, 4rem) clamp(1rem, 0.6055825243rem + 1.6828478964vw, 2.625rem);
  margin-top: clamp(2.5rem, 1.802184466rem + 2.9773462783vw, 5.375rem);
}
@media screen and (max-width: 768px) {
  .c-archive__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 480px) {
  .c-archive__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }
}

.c-archive__item {
  background-color: var(--color_white);
  border-radius: 0.5rem;
  overflow: hidden;
}
.c-archive__item time {
  display: block;
  color: #9a98a2;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  line-height: 1.2857142857;
  letter-spacing: 0.05em;
  font-weight: 500;
  white-space: nowrap;
}

.c-archive__item-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}
.c-archive__item-cat li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
  background-color: var(--color-key);
  border: 1px solid var(--color-key);
  border-radius: 1rem;
  color: var(--color_white);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}

.c-archive__item-img {
  aspect-ratio: 339/193;
  background-color: var(--color_white);
}
.c-archive__item-img.noImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-archive__item-img.noImage img {
  width: 60%;
}
.c-archive__item-img img {
  width: 100%;
  aspect-ratio: 339/193;
  margin-bottom: 0;
}

.c-archive__item-box {
  padding: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem) clamp(1rem, 0.833131068rem + 0.71197411vw, 1.6875rem) clamp(1rem, 0.8786407767rem + 0.5177993528vw, 1.5rem) clamp(1rem, 0.833131068rem + 0.71197411vw, 1.6875rem);
}

.c-archive__item-box-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.c-archive__item-box-title {
  margin-top: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.8125;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.c-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  letter-spacing: 0.05em;
}

.c-breadcrumb__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5em;
}
.c-breadcrumb__item::after {
  content: "ー";
}
.c-breadcrumb__item:last-child::after {
  content: none;
}

.c-form--en {
  word-break: keep-all;
}
.c-form--en .c-form__label--required::after {
  content: "Required";
  width: 4.375rem;
}

.c-form__title {
  margin: 1rem auto 0;
  width: 100%;
  font-size: clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem);
  line-height: 1.34375;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.c-form__text {
  margin: 1rem auto 0;
  width: 100%;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 2.1875;
  letter-spacing: 0.04em;
}

.c-form__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: clamp(1.5rem, 0.6504854369rem + 3.6245954693vw, 5rem) auto 0;
}
.c-form__box input[type=submit],
.c-form__box input[type=button] {
  padding: 0.6875rem 1.5rem 0.6875rem;
  line-height: 1;
}
.c-form__box input[type=button] {
  background: transparent 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-txt);
  color: var(--color-txt);
}
.c-form__box--confirm .c-form__wrap {
  display: grid;
  grid-template-columns: 40% 60%;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  .c-form__box--confirm .c-form__wrap {
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
  font-weight: 500;
}
.c-form__wrap--center {
  margin-top: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__wrap .wpcf7-form-control.wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(1rem, 0.833131068rem + 0.71197411vw, 1.6875rem);
}
.c-form__wrap .wpcf7-list-item-label {
  font-weight: 400;
}

.c-form__label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  line-height: 1.6111111111;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.c-form__label--required {
  display: inline-block;
}
.c-form__label--required::after {
  content: "必須";
  width: 3.4375rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color_white);
  background-color: #f45a45;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.25;
  letter-spacing: 0.05em;
  border-radius: 0.25rem;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  .c-form__label--note {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.375rem;
  }
}
.c-form__label--note span {
  font-weight: 400;
  color: var(--color-disable);
}
.c-form__label--large {
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  line-height: 2;
  letter-spacing: 0.05em;
}

.c-form__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__btnWrap .wpcf7-spinner {
  display: none;
}
@media screen and (max-width: 600px) {
  .c-form__btnWrap {
    margin-top: 1rem;
  }
}

.mw_wp_form_confirm .c-form__privacy {
  display: none;
}

.c-form__text--center {
  text-align: center;
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
}

.c-form__privacyTextWrap {
  padding: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  overflow: auto;
  max-height: clamp(9.375rem, 5.5825242718rem + 16.1812297735vw, 25rem);
  border: 1px solid var(--color-table_border_tr);
  border-radius: 0.3125rem;
}
.c-form__privacyTextWrap.scroll_none {
  max-height: unset;
  padding: 0;
  text-align: center;
  border: none;
}

.c-form__privacyText {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 400;
  line-height: 2.3125;
  letter-spacing: 0.05em;
}

.c-form__privacyList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
}
.c-form__privacyList li ul {
  padding-left: 1em;
}

.c-form__privacyListItem {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 400;
  line-height: 2.25;
  letter-spacing: 0;
}

.c-form__wrap input.wpcf7-not-valid,
.c-form__wrap textarea.wpcf7-not-valid,
.c-form__wrap select.wpcf7-not-valid {
  background-color: #fbebeb;
  border: 1px solid #eebbbc;
}

.wpcf7-not-valid input[type=radio] + span::before,
.wpcf7-not-valid input[type=checkbox] + span::before {
  border: 2px solid #eebbbc;
}

.wpcf7-not-valid-tip {
  margin-top: 0.25rem;
  color: #d74141;
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 400;
  line-height: 1.4285714286;
  letter-spacing: 0;
}

.wpcf7 form.invalid .wpcf7-response-output {
  text-align: center;
  border: 1px solid #eebbbc;
  background-color: #fbebeb;
  border-radius: 0.3125rem;
  color: #d74141;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 600;
  line-height: 1.4444444444;
  letter-spacing: 0;
  padding: 0.625rem;
  font-weight: 400;
  margin: 0;
}

[data-class=wpcf7cf_group] .c-form__wrap {
  margin-top: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
}
[data-class=wpcf7cf_group] .c-form__wrap:first-child {
  margin-top: 0;
}

[data-id=form-corporation] .c-form__wrap {
  margin-top: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem) !important;
}

input.wpcf7-form-control.wpcf7-text.inquiry-details,
input.wpcf7-form-control.wpcf7-text.customer-type {
  position: absolute;
  top: 0;
  left: -50vw;
}

.page-template-page-contact .grecaptcha-badge,
.page-template-page-contact-en .grecaptcha-badge {
  display: block;
  bottom: clamp(4rem, 3.6966019417rem + 1.2944983819vw, 5.25rem) !important;
}

#autozip {
  display: none !important;
}

.c-hamburger {
  display: none;
  position: relative;
  z-index: 9999;
}
@media screen and (max-width: 1024px) {
  .c-hamburger {
    background: transparent;
    border: none;
    padding: 0.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.1875rem;
  }
}
.c-hamburger.is_active .c-hamburger__btn span:first-child {
  -webkit-transform: rotate(27deg);
          transform: rotate(27deg);
}
.c-hamburger.is_active .c-hamburger__btn span:nth-child(2) {
  opacity: 0;
}
.c-hamburger.is_active .c-hamburger__btn span:last-child {
  -webkit-transform: rotate(-27deg);
          transform: rotate(-27deg);
}

.c-hamburger__btn {
  width: 2.75rem;
  height: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.c-hamburger__btn span {
  background: var(--color-hamburger);
  width: 2.75rem;
  height: 0.125rem;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: left center 0;
          transform-origin: left center 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.c-hamburger__text {
  font-family: "Oswald";
  color: var(--color-hamburger);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.c-title {
  margin-bottom: clamp(1.5rem, 1.3786407767rem + 0.5177993528vw, 2rem);
}
.c-title h2, .c-title h3, .c-title h4, .c-title h5, .c-title h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.c-title h2::after, .c-title h3::after, .c-title h4::after, .c-title h5::after, .c-title h6::after {
  content: attr(data-title);
  color: var(--color-key);
  font-family: "Roboto";
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.c-title h2 {
  font-size: clamp(1.5rem, 1.3786407767rem + 0.5177993528vw, 2rem);
  line-height: 1.40625;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-title h3 {
  font-size: clamp(1.25rem, 1.1893203883rem + 0.2588996764vw, 1.5rem);
  line-height: 1.40625;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-title h4 {
  font-size: clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem);
  line-height: 1.40625;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-title h5 {
  font-size: clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  line-height: 1.40625;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-title h6 {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.40625;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-title--white .c-title__sub,
.c-title--white .c-title__main {
  color: var(--color_white) !important;
}
.c-title--white .c-title__main::before {
  background-color: var(--color_white);
}
.c-title--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* モーダル */
.modal-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(1, 1, 1, 0.7);
  z-index: 100;
}

.modal-container {
  max-height: 80vh;
  max-width: var(--width-modal_max);
  width: 90%;
  position: relative;
  background-color: #fff;
  border-radius: 1.75rem;
}

.modal-container--backgroundColorPt1 {
  background-color: #fff;
}

.modal-container--backgroundColorPt2 {
  background-color: rgba(255, 255, 255, 0.9);
}

.modal-close {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2.5rem auto 0;
  cursor: pointer;
}
.modal-close:hover {
  opacity: 0.7;
}
.modal-close::after {
  content: none;
}
.modal-close::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/common/icon_cross.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* モーダルアニメーション */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal-overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal-container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform;
}

.c-modal {
  overflow: auto;
  max-height: 80vh;
}

.c-modal__wrap {
  padding: clamp(2rem, 1.6359223301rem + 1.5533980583vw, 3.5rem) clamp(1.5rem, 0.8932038835rem + 2.5889967638vw, 4rem);
}

.c-modal__box {
  font-family: "Noto Sans JP";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  width: 100%;
}
.c-modal__inner picture {
  width: 100%;
  overflow: hidden;
  border-radius: 0.625rem;
}
.c-modal__inner .c-modal__img {
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.c-modal__inner .c-modal__img-sample {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.c-modal__inner .c-modal__title {
  font-size: 0.9375rem;
  line-height: 1.4;
  width: 100%;
}
.c-modal__inner .c-modal__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4375rem;
  width: 100%;
}
.c-modal__inner .c-modal__text-sub {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-weight: bold;
}
.c-modal__inner .c-modal__text {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
}
@media screen and (max-width: 768px) {
  .c-modal__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-page-head {
  padding-top: clamp(2.625rem, 1.5513268156rem + 1.6759776536vw, 3.5625rem);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-page-head {
    padding-top: clamp(3.375rem, 0.4498266564rem + 12.4807395994vw, 8.4375rem);
  }
}
.c-page-head:before {
  content: "";
  position: absolute;
  top: -5.8125rem;
  left: 0;
  width: 100%;
  height: clamp(22.5rem, 20.9375rem + 6.6666666667vw, 28.9375rem);
  background: url(../img/common/webp/page-head_background.webp) no-repeat 75% 50%/cover;
  z-index: -4;
}
@media screen and (max-width: 1024px) {
  .c-page-head:before {
    top: -5rem;
  }
}

.c-page-head__breadcrumb-wrap {
  margin-top: clamp(0.5rem, 0.4393203883rem + 0.2588996764vw, 0.75rem);
}

.c-page-head__img-wrap {
  margin-top: clamp(1.25rem, 0.9769417476rem + 1.1650485437vw, 2.375rem);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 107.5rem;
  width: calc(100vw - clamp(0.625rem, -4.7858225929rem + 14.4048521607vw, 12.5rem));
  height: clamp(12.5rem, 11.3167475728rem + 5.0485436893vw, 17.375rem);
  z-index: -3;
}
@media screen and (max-width: 600px) {
  .c-page-head__img-wrap {
    left: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
  }
}

.c-page-head__img-wrap--recruitment:before {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  left: -0.0625rem;
  width: clamp(17.5625rem, 2.6504854369rem + 63.6245954693vw, 79rem);
  height: clamp(3.125rem, 2.8519417476rem + 1.1650485437vw, 4.25rem);
  background-color: var(--color_white);
  border-radius: 0 0.625rem 0 0;
}

.c-page-head__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 75% 50%;
     object-position: 75% 50%;
  border-radius: 1rem;
}
@media screen and (max-width: 600px) {
  .c-page-head__img {
    border-radius: 0.625rem;
  }
}

.c-page-head__img--center {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.c-page-head__text-wrap {
  margin-top: clamp(-4.25rem, -2.6966019417rem - 1.2944983819vw, -3rem);
  padding: clamp(0.5625rem, -0.0594660194rem + 2.6537216828vw, 3.125rem) clamp(0.75rem, -0.4939320388rem + 5.3074433657vw, 5.875rem) 0 0;
  max-width: clamp(17.5rem, 0.0707872928rem + 74.364640884vw, 59.5625rem);
  width: 100%;
  position: relative;
}
.c-page-head__text-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 81.25rem;
  height: 100%;
  background-color: var(--color_white);
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
}

.c-page-head__text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.c-page-head__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-page-head__background-img {
  position: absolute;
  z-index: -2;
}

.c-page-head__background-img--01 {
  top: clamp(11.0625rem, 8.843575419rem + 3.4636871508vw, 13rem);
  right: clamp(4.6875rem, -4.0655339806rem + 37.3462783172vw, 40.75rem);
  width: clamp(1.625rem, 1.3064320388rem + 1.359223301vw, 2.9375rem);
  aspect-ratio: 47/48;
  background: url(../img/common/webp/page-head_background--01.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 1024px) {
  .c-page-head__background-img--01 {
    top: clamp(10.9375rem, 7.5067411402rem + 14.6379044684vw, 16.875rem);
  }
}

.c-page-head__background-img--02 {
  top: clamp(4.125rem, 3.8386871508rem + 0.4469273743vw, 4.375rem);
  right: clamp(3.4375rem, -3.3737864078rem + 29.0614886731vw, 31.5rem);
  width: clamp(1.8125rem, 1.4484223301rem + 1.5533980583vw, 3.3125rem);
  aspect-ratio: 53/54;
  background: url(../img/common/webp/page-head_background--02.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 1024px) {
  .c-page-head__background-img--02 {
    top: clamp(3.6875rem, 1.6651579353rem + 8.6286594761vw, 7.1875rem);
  }
}

.c-page-head__background-img--03 {
  top: clamp(7.375rem, 6.7307960894rem + 1.0055865922vw, 7.9375rem);
  right: clamp(0.625rem, -5.442961165rem + 25.8899676375vw, 25.625rem);
  width: clamp(2.3125rem, 1.8725728155rem + 1.8770226537vw, 4.125rem);
  aspect-ratio: 66/69;
  background: url(../img/common/webp/page-head_background--03.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 1024px) {
  .c-page-head__background-img--03 {
    top: clamp(7.375rem, 4.9554121726rem + 10.3235747304vw, 11.5625rem);
  }
}

.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.125rem clamp(1.375rem, 1.2233009709rem + 0.6472491909vw, 2rem);
}

.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(2.8125rem, 2.5849514563rem + 0.9708737864vw, 3.75rem);
  aspect-ratio: 1/1;
  color: var(--color-key);
  border: 1px solid var(--color-key);
  background-color: var(--color_white);
  font-family: "Roboto";
  font-weight: 500;
  font-size: clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem);
  line-height: 1.15;
  letter-spacing: 0.05em;
  border-radius: 50%;
}
.page-numbers.current {
  color: var(--color_white);
  background-color: var(--color-key);
}

.prev.page-numbers,
.next.page-numbers {
  border: none;
}

.prev.page-numbers {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.page-numbers.dots {
  font-size: clamp(1.375rem, 1.3143203883rem + 0.2588996764vw, 1.625rem);
}

.c-pagination__arrow-img-wrap {
  width: clamp(2.375rem, 2.2688106796rem + 0.4530744337vw, 2.8125rem);
}

.c-pagination__img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-single {
  margin: clamp(2rem, 1.5449029126rem + 1.9417475728vw, 3.875rem) auto;
  padding-bottom: clamp(3rem, 2.2415048544rem + 3.2362459547vw, 6.125rem);
}

.c-single__inner {
  margin: clamp(2.5rem, 1.286407767rem + 5.1779935275vw, 7.5rem) 0;
}

.c-single__date {
  color: #9a98a2;
  font-family: "Roboto";
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  letter-spacing: 0.05em;
  line-height: 1.2857142857;
}

.c-single__title {
  margin-top: clamp(0.25rem, 0.1893203883rem + 0.2588996764vw, 0.5rem);
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 600;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}

.c-single__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.25rem, 0.067961165rem + 0.7766990291vw, 1rem);
  margin-top: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
}
.c-single__category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
  background-color: var(--color-key);
  border: 1px solid var(--color-key);
  border-radius: 1rem;
  color: var(--color_white);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}

.c-single__wrap {
  margin: clamp(2.5rem, 1.8932038835rem + 2.5889967638vw, 5rem) auto 0;
}

.c-single__navigation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 49.1875rem;
  margin: clamp(2.5rem, 1.286407767rem + 5.1779935275vw, 7.5rem) auto 0;
}
@media screen and (max-width: 600px) {
  .c-single__navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .c-single__navigation-prev {
    grid-row: 1/2;
  }
}
.c-single__navigation-prev a {
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(0.5rem, 0.2572815534rem + 1.0355987055vw, 1.5rem);
}
@media screen and (max-width: 600px) {
  .c-single__navigation-prev a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.c-single__navigation-prev a::before {
  content: "";
  width: 3.75rem;
  height: 0.375rem;
  background-image: url(../img/common/icon_prev.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 600px) {
  .c-single__navigation-back {
    margin-top: 1rem;
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

@media screen and (max-width: 600px) {
  .c-single__navigation-next {
    grid-row: 1/2;
  }
}
.c-single__navigation-next a {
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(0.5rem, 0.2572815534rem + 1.0355987055vw, 1.5rem);
}
@media screen and (max-width: 600px) {
  .c-single__navigation-next a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.c-single__navigation-next a::after {
  content: "";
  width: 3.75rem;
  height: 0.375rem;
  background-image: url(../img/common/icon_next.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.c-tab {
  margin-top: clamp(2rem, 1.6359223301rem + 1.5533980583vw, 3.5rem);
}

.c-tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.c-tab__list::before {
  content: "";
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-border_l);
}
@media screen and (max-width: 768px) {
  .c-tab__list {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 2rem;
    overflow-x: auto;
  }
  .c-tab__list::before {
    content: "";
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 0.0625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-border_l);
  }
}

@media screen and (max-width: 768px) {
  .c-tab__list-large {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 2rem;
    overflow-x: auto;
  }
  .c-tab__list-large .c-tab__list {
    overflow-x: unset;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .c-tab__list-large .c-tab__list::before {
    width: 100%;
    margin: 0;
  }
}

.c-tab__item {
  padding: 0.75rem clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem) 1.125rem;
  min-width: clamp(6.25rem, 4.7936893204rem + 6.213592233vw, 12.25rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.5;
  color: var(--color-txt_sub);
  text-align: center;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.c-tab__item.is_active {
  font-weight: bold;
  color: var(--color-txt);
}
.c-tab__item.is_active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-txt);
}
@media screen and (max-width: 600px) {
  .c-tab__item {
    min-width: 3.75rem;
  }
}

.c-tab__box {
  margin-top: 2rem;
}

.c-tab__body {
  display: none;
}
.c-tab__body.is_active {
  display: block;
}

.c-tab__body-note {
  margin-top: 1.25rem;
  font-size: clamp(0.6875rem, 0.6723300971rem + 0.0647249191vw, 0.75rem);
  line-height: 1.4166666667;
  padding-left: 1.2em;
  text-indent: -1.3em;
}
.c-tab__body-note + .c-tab__body-note {
  margin-top: 0;
}

.c-tab__body-text {
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  line-height: 1.8;
}
.c-heading-circle + .c-tab__body-text {
  margin-top: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
}

.c-tab__body-item {
  margin-top: 2rem;
}

.c-tab__body-list {
  margin-top: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(6, auto);
  gap: 0.75rem 0.625rem;
  border: 1px solid var(--color-table_border);
  padding: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .c-tab__body-list {
    grid-auto-flow: row;
  }
}
.c-tab__body-list.column-1 {
  grid-auto-flow: row;
  grid-template-rows: auto;
}

.c-tab__body-list-item {
  display: grid;
  grid-template-columns: clamp(2rem, 1.8786407767rem + 0.5177993528vw, 2.5rem) auto;
  padding-bottom: clamp(0.625rem, 0.5643203883rem + 0.2588996764vw, 0.875rem);
  border-bottom: 1px dashed var(--color-table_border);
  font-size: clamp(0.8125rem, 0.7973300971rem + 0.0647249191vw, 0.875rem);
  line-height: 1.4285714286;
}
.c-tab__body-list-item.border-none {
  border-bottom: none;
  padding-bottom: 0;
}
.c-tab__body-list-item.border-none--sp {
  border-bottom: 1px dashed var(--color-table_border);
}
@media screen and (max-width: 768px) {
  .c-tab__body-list-item.border-none--sp {
    border-bottom: none;
  }
}
.c-tab__body-list-item.border-none--pc {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .c-tab__body-list-item.border-none--pc {
    padding-bottom: clamp(0.625rem, 0.5643203883rem + 0.2588996764vw, 0.875rem);
    border-bottom: 1px dashed var(--color-table_border);
  }
}
.no_number .c-tab__body-list-item {
  grid-template-columns: 1.25rem auto;
}
.no_number .c-tab__body-list-item span {
  color: var(--color-key);
}

.c-tab__body-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem clamp(0.6875rem, 0.5509708738rem + 0.5825242718vw, 1.25rem);
  margin-top: clamp(2rem, 1.7572815534rem + 1.0355987055vw, 3rem);
}
@media screen and (max-width: 600px) {
  .c-tab__body-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-tab__body-gallery.column-3 {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.5rem, 1.4848300971rem + 0.0647249191vw, 1.5625rem);
  margin-top: 0;
}
@media screen and (max-width: 600px) {
  .c-tab__body-gallery.column-3 {
    grid-template-columns: 1fr;
  }
}
.c-tab__body-gallery.column-3 .c-tab__body-gallery-item p {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-tab__body-gallery.column-3 .c-tab__body-gallery-item p span {
  margin-top: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: bold;
}
.c-tab__body-gallery img {
  width: 100%;
}

.c-tab__body-gallery-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.c-tab__body-gallery-item p {
  font-size: clamp(0.625rem, 0.5946601942rem + 0.1294498382vw, 0.75rem);
  line-height: 1.4166666667;
}

.c-tab__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
}
@media screen and (max-width: 600px) {
  .c-tab__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-tab__flex div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  line-height: 1.8;
  letter-spacing: 0;
  width: 100%;
  max-width: 46.875rem;
}
@media screen and (max-width: 600px) {
  .c-tab__flex div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-tab__flex div a {
  color: var(--color-key);
}
.c-tab__flex div .p-products__note {
  margin-top: 0.25rem;
}
@media screen and (max-width: 600px) {
  .c-tab__flex div .p-products__note {
    margin-right: auto;
  }
}

.c-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin: 0 auto 2rem;
  max-width: 37.5rem;
  width: 100%;
}

.c-search-form__input::-webkit-input-placeholder {
  color: inherit;
}

.c-search-form__input::-moz-placeholder {
  color: inherit;
}

.c-search-form__input:-ms-input-placeholder {
  color: inherit;
}

.c-search-form__input::-ms-input-placeholder {
  color: inherit;
}

.c-search-form__input::placeholder {
  color: inherit;
}

input[type=submit].c-search-form__btn {
  height: 2.5rem;
  line-height: inherit;
}

.c-member-card__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-member-card__link:hover {
  opacity: 1;
}
.c-member-card__link:hover .c-member-card__img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.c-member-card__link:hover .c-member-card__text-wrap {
  opacity: 0.5;
}

.c-member-card__link--home {
  gap: clamp(1.3125rem, 1.2669902913rem + 0.1941747573vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .c-member-card__link--home {
    height: 100%;
  }
}

.c-member-card__link--post {
  gap: clamp(1.3125rem, 1.1911407767rem + 0.5177993528vw, 1.8125rem);
}

.c-member-card__img-container {
  position: relative;
}

.c-member-card__img-wrap {
  width: 100%;
  border-radius: 0.625rem;
  clip-path: polygon(100% 0, 100% 61%, 53% 100%, 0 100%, 0 0);
  overflow: hidden;
}

.c-member-card__img-wrap--home {
  aspect-ratio: 318/368;
}

.c-member-card__img-wrap--post {
  aspect-ratio: 340/383;
}

.c-member-card__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-member-card__number {
  position: absolute;
  bottom: 0;
  right: clamp(0.5rem, 0.6553398058rem - 0.1294498382vw, 0.625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Oswald";
  color: var(--color-key);
  font-size: clamp(2.5rem, 2.4089805825rem + 0.3883495146vw, 2.875rem);
  line-height: 1.1739130435;
  letter-spacing: 0.02em;
}
.c-member-card__number:before {
  content: "#";
  font-size: 1em;
}

.c-member-card__text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-member-card__text-wrap--home {
  gap: clamp(0.75rem, 0.7348300971rem + 0.0647249191vw, 0.8125rem);
}

.c-member-card__text-wrap--post {
  gap: clamp(0.6875rem, 0.520631068rem + 0.71197411vw, 1.375rem);
}

.c-member-card__catchphrase {
  min-height: 3em;
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 1024px) {
  .c-member-card__catchphrase--home {
    min-height: 0;
  }
}

@media screen and (max-width: 600px) {
  .c-member-card__catchphrase--post {
    min-height: 0;
    padding-inline: clamp(0.3125rem, 0.2083333333rem + 0.4444444444vw, 0.375rem);
  }
}

.c-member-card__info-wrap--post {
  padding-top: clamp(0.6875rem, 0.520631068rem + 0.71197411vw, 1.375rem);
  border-top: 1px solid var(--color-border_l);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.75rem;
}
@media screen and (max-width: 600px) {
  .c-member-card__info-wrap--post {
    padding-inline: clamp(0.3125rem, 0.2083333333rem + 0.4444444444vw, 0.375rem);
  }
}
.c-member-card__info-wrap--post:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(1.6875rem, 1.5964805825rem + 0.3883495146vw, 2.0625rem);
  aspect-ratio: 1/1;
  background: url(../img/icon/webp/icon_circle-arrow-right--grad-1-1.webp) no-repeat 50% 50%/contain;
}

.c-member-card__info {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.c-member-card__info--home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0.5em;
}

.c-member-card__info--post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.25rem, 0.1893203883rem + 0.2588996764vw, 0.5rem);
}

.c-member-card__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}

.c-member-card__department--home {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.c-member-card__department--home:before {
  content: "/";
}

.c-side-anchor__index-text {
  padding-bottom: clamp(0.625rem, 0.5946601942rem + 0.1294498382vw, 0.75rem);
  color: var(--color-key);
  font-size: clamp(0.8125rem, 0.7669902913rem + 0.1941747573vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--color-border_s);
}

.c-side-anchor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .c-side-anchor__list {
    margin-top: clamp(0.625rem, 0.4083204931rem + 0.9244992296vw, 1rem);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 clamp(1.25rem, 0.8166409861rem + 1.8489984592vw, 2rem);
  }
}
@media screen and (max-width: 600px) {
  .c-side-anchor__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.c-side-anchor__item {
  border-bottom: 1px solid var(--color-border_s);
}

.c-side-anchor__item-link {
  padding: clamp(0.875rem, 0.8294902913rem + 0.1941747573vw, 1.0625rem) 0.5625rem clamp(0.875rem, 0.8294902913rem + 0.1941747573vw, 1.0625rem) 0.375rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(1rem, 0.9696601942rem + 0.1294498382vw, 1.125rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.c-side-anchor__item-link:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow_bottom--gray-1-1.svg) no-repeat 50% 50%/contain;
}

.c-entry-banner {
  width: 100%;
  max-width: 68.75rem;
  padding: clamp(1.5rem, 1.1966019417rem + 1.2944983819vw, 2.75rem) clamp(1.3125rem, -0.775358384rem + 4.3440486533vw, 4.4375rem) clamp(1.5rem, 1.1966019417rem + 1.2944983819vw, 2.75rem) clamp(1.6875rem, -0.8179300608rem + 5.212858384vw, 5.4375rem);
  display: grid;
  grid-template-columns: 1fr clamp(18.75rem, 11.2754669852rem + 15.551694179vw, 29.9375rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-entry-banner {
    margin-inline: auto;
    max-width: 39.0625rem;
    grid-template-columns: minmax(0, 1fr);
    padding-inline: clamp(1.25rem, -1.9107824427rem + 13.4860050891vw, 4.5625rem);
    gap: 1.5625rem;
    border-radius: 1rem;
  }
}

.c-entry-banner__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.c-entry-banner__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/entry-banner_background-dots.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
.c-entry-banner__background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/entry-banner_background--02.webp) no-repeat 50% 50%/cover;
  mix-blend-mode: multiply;
  z-index: -1;
}

.c-entry-banner__background--new-graduate {
  background: url(../img/recruitment-new-graduate/webp/entry-banner_background.webp) no-repeat 50% 50%/cover;
}

.c-entry-banner__background--mid-career {
  background: url(../img/recruitment-mid-career/webp/entry-banner_background.webp) no-repeat 50% 50%/cover;
}

.c-entry-banner__background--disabilities {
  background: url(../img/recruitment-disabilities/webp/entry-banner_background.webp) no-repeat 50% 50%/cover;
}

.c-entry-banner__heading-text {
  margin-top: clamp(0.75rem, 0.6893203883rem + 0.2588996764vw, 1rem);
  color: var(--color_white);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.6875;
  letter-spacing: 0.05em;
  min-height: 3.375em;
}
@media screen and (max-width: 768px) {
  .c-entry-banner__heading-text {
    min-height: auto;
  }
}

.c-entry-banner__btn-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-entry-banner__btn-wrap {
    margin-inline: auto;
  }
}

.c-entry-banner__btn-heading-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  color: var(--color_white);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.875;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 600px) {
  .c-entry-banner__btn-heading-text {
    line-height: 1.5;
  }
}
.c-entry-banner__btn-heading-text:before {
  content: "▼";
  font-size: 1em;
}

.c-member-swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5625rem;
}
@media screen and (max-width: 1024px) {
  .c-member-swiper {
    gap: clamp(2.875rem, 1.6471494607rem + 5.2388289676vw, 5rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-member-swiper .c-member-swiper__post-wrap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
.c-member-swiper .c-member-swiper__post-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(2rem, -0.9347067039rem + 4.5810055866vw, 4.5625rem);
}
@media screen and (max-width: 1024px) {
  .c-member-swiper .c-member-swiper__post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0;
  }
}
.c-member-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .c-member-swiper .swiper-slide {
    height: 100%;
  }
}
.c-member-swiper .c-member-card:nth-of-type(2) {
  margin-top: clamp(2.625rem, 2.2671089385rem + 0.5586592179vw, 2.9375rem);
}
@media screen and (max-width: 1024px) {
  .c-member-swiper .c-member-card:nth-of-type(2) {
    margin-top: 0;
  }
}

.c-member-swiper__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-home__jumboTron {
  padding: clamp(6.5625rem, 4.2719972067rem + 3.5754189944vw, 8.5625rem) 0 clamp(5.875rem, 3.8708100559rem + 3.1284916201vw, 7.625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(6.5rem, 3.7084497207rem + 4.3575418994vw, 8.9375rem);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron {
    padding: clamp(6rem, 2.5331278891rem + 14.7919876733vw, 12rem) 0 clamp(2.5625rem, 1.7318952234rem + 3.5439137134vw, 4rem);
    gap: clamp(10.25rem, 8.9499229584rem + 5.5469953775vw, 12.5rem);
  }
}
.p-home__jumboTron:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/home/webp/jumboTron_background.webp) no-repeat 50% 50%/cover;
  z-index: -5;
}

.p-home__jumboTron__background-img-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-home__jumboTron__background-img {
  position: absolute;
}

.p-home__jumboTron__background-img--01 {
  top: clamp(7.8125rem, 4.7346368715rem + 4.8044692737vw, 10.5rem);
  left: clamp(-0.75rem, -23.3028169014rem + 28.1690140845vw, 10.5rem);
  width: clamp(1.6875rem, 1.1413834951rem + 2.3300970874vw, 3.9375rem);
  aspect-ratio: 63/64;
  background: url(../img/home/webp/jumboTron_background-img--01.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 1280px) {
  .p-home__jumboTron__background-img--01 {
    left: clamp(-1.3125rem, -1.8103829161rem + 1.3254786451vw, -0.75rem);
  }
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron__background-img--01 {
    top: clamp(7.625rem, 4.8803929122rem + 11.7103235747vw, 12.375rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__background-img--01 {
    left: clamp(-1.3125rem, -2.25rem + 4vw, -0.75rem);
  }
}

.p-home__jumboTron__background-img--02 {
  top: clamp(14.0625rem, 7.7636173184rem + 9.8324022346vw, 19.5625rem);
  left: clamp(-3.375rem, -7.6074029126rem + 18.0582524272vw, 14.0625rem);
  width: clamp(7.5rem, 6.104368932rem + 5.9546925566vw, 13.25rem);
  aspect-ratio: 212/217;
  background: url(../img/home/webp/jumboTron_background-img--02.webp) no-repeat 50% 50%/cover;
  z-index: -1;
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron__background-img--02 {
    top: clamp(15.25rem, 7.4355791962rem + 20.8037825059vw, 20.75rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__background-img--02 {
    top: clamp(12.875rem, 7.25rem + 24vw, 16.25rem);
  }
}

.p-home__jumboTron__background-img--03 {
  top: clamp(18rem, 10.4127094972rem + 11.843575419vw, 24.625rem);
  left: clamp(6.4375rem, -2.6796116505rem + 38.8996763754vw, 44rem);
  width: clamp(4.625rem, 3.1383495146rem + 6.3430420712vw, 10.75rem);
  aspect-ratio: 172/177;
  background: url(../img/home/webp/jumboTron_background-img--03.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron__background-img--03 {
    top: clamp(20rem, 12.0079787234rem + 21.2765957447vw, 25.625rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__background-img--03 {
    top: clamp(19.6875rem, 14.2708333333rem + 23.1111111111vw, 22.9375rem);
  }
}

.p-home__jumboTron__background-img--04 {
  bottom: clamp(3.875rem, 2.6462378641rem + 5.2427184466vw, 8.9375rem);
  left: clamp(12.4375rem, -0.5175970874rem + 55.2750809061vw, 65.8125rem);
  width: clamp(1.1875rem, 0.838592233rem + 1.4886731392vw, 2.625rem);
  aspect-ratio: 42/44;
  background: url(../img/home/webp/jumboTron_background-img--04.webp) no-repeat 50% 50%/cover;
  z-index: 2;
}

.p-home__jumboTron__background-img--05 {
  top: clamp(12.625rem, 7.3997905028rem + 8.156424581vw, 17.1875rem);
  left: clamp(19.375rem, 7.4666262136rem + 50.8090614887vw, 68.4375rem);
  width: clamp(1.25rem, 0.8252427184rem + 1.8122977346vw, 3rem);
  aspect-ratio: 48/50;
  background: url(../img/home/webp/jumboTron_background-img--05.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron__background-img--05 {
    top: clamp(12.8125rem, 6.1524822695rem + 17.7304964539vw, 17.5rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__background-img--05 {
    top: clamp(11.125rem, 6.2291666667rem + 20.8888888889vw, 14.0625rem);
  }
}

.p-home__jumboTron__background-img--06 {
  top: clamp(1.125rem, 0.4878640777rem + 2.7184466019vw, 3.75rem);
  right: clamp(3.4375rem, -3.6468446602rem + 30.2265372168vw, 32.625rem);
  width: clamp(2.3125rem, 1.9180825243rem + 1.6828478964vw, 3.9375rem);
  aspect-ratio: 63/64;
  background: url(../img/home/webp/jumboTron_background-img--06.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.p-home__jumboTron__background-img--07 {
  top: clamp(4.25rem, 3.1425970874rem + 4.7249190939vw, 8.8125rem);
  right: clamp(-0.4375rem, -6.7633495146rem + 26.9902912621vw, 25.625rem);
  width: clamp(3rem, 2.5449029126rem + 1.9417475728vw, 4.875rem);
  aspect-ratio: 78/82;
  background: url(../img/home/webp/jumboTron_background-img--07.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.p-home__jumboTron__background-img--08 {
  top: clamp(15.9375rem, 10.9270251397rem + 7.8212290503vw, 20.3125rem);
  right: clamp(-5.6875rem, -10.4053398058rem + 20.1294498382vw, 13.75rem);
  width: clamp(7.5625rem, 6.182038835rem + 5.8899676375vw, 13.25rem);
  aspect-ratio: 212/217;
  background: url(../img/home/webp/jumboTron_background-img--08.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron__background-img--08 {
    top: clamp(18.4375rem, 10.8894799054rem + 20.0945626478vw, 23.75rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__background-img--08 {
    top: clamp(16.25rem, 10.3125rem + 25.3333333333vw, 19.8125rem);
  }
}

.p-home__img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 600px) {
  .p-home__jumboTron__title-container .l-inner {
    padding: 0 1.9375rem;
  }
}

.p-home__jumboTron__title-wrap {
  position: relative;
}

.p-home__jumboTron__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0rem, -0.3125rem + 1.3333333333vw, 0.1875rem) clamp(0.5625rem, 0.4108009709rem + 0.6472491909vw, 1.1875rem);
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-home__jumboTron__title-left-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.4375rem, 0.3161407767rem + 0.5177993528vw, 0.9375rem);
}

.p-home__jumboTron__title-text-img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(5.625rem, 4.8968446602rem + 3.1067961165vw, 8.625rem);
}

.p-home__jumboTron__title-text-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-home__jumboTron__title-text {
  font-size: clamp(1.75rem, 1.4466019417rem + 1.2944983819vw, 3rem);
  font-weight: 600;
  line-height: 1.4583333333;
  letter-spacing: 0.1em;
}

.p-home__jumboTron__background-text-wrap {
  position: absolute;
  mix-blend-mode: multiply;
}

.p-home__jumboTron__background-text-wrap--top {
  bottom: clamp(-8.75rem, -2.836429113rem - 4.9279757392vw, -4.6875rem);
  left: clamp(-10rem, 6.7597765363rem - 13.9664804469vw, -2.1875rem);
  z-index: -2;
}
@media screen and (max-width: 1024px) {
  .p-home__jumboTron__background-text-wrap--top {
    left: clamp(-2.1875rem, -0.6744976359rem - 2.3640661939vw, -1.5625rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__jumboTron__background-text-wrap--top {
    left: clamp(-1.8125rem, -2.2291666667rem + 1.7777777778vw, -1.5625rem);
    bottom: clamp(-2.8125rem, -1.6458333333rem - 3.1111111111vw, -2.375rem);
  }
}

.p-home__jumboTron__background-text-wrap--bottom {
  bottom: clamp(-0.125rem, -0.2311893204rem + 0.4530744337vw, 0.3125rem);
  right: clamp(0rem, -3.307038835rem + 14.1100323625vw, 13.625rem);
  z-index: 2;
}

.p-home__jumboTron__background-text {
  color: var(--color-txt_fv_background_text);
  font-family: "Oswald";
  font-size: clamp(3.625rem, 2.5327669903rem + 4.6601941748vw, 8.125rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.p-home__jumboTron__background-text--top {
  opacity: 0.4;
  color: #bedcff;
}

.p-home__jumboTron__swiper-container {
  position: relative;
}

.p-home__jumboTron__swiper-wrap .swiper {
  width: 100%;
  min-height: clamp(12rem, 8.708131068rem + 14.0453074434vw, 25.5625rem);
  overflow: hidden;
}
.p-home__jumboTron__swiper-wrap .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-home__jumboTron__swiper-wrap .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(11.75rem, 8.5339805825rem + 13.7216828479vw, 25rem);
}
.p-home__jumboTron__swiper-wrap .p-home__jumboTron__swiper-img-wrap--small .p-home__jumboTron__swiper-img {
  -webkit-transform: scale(0.89);
          transform: scale(0.89);
  -webkit-transform-origin: center;
          transform-origin: center;
  aspect-ratio: 356/266;
}
.p-home__jumboTron__swiper-wrap .p-home__jumboTron__swiper-img {
  border-radius: 0.625rem;
  display: block;
  width: 100%;
  aspect-ratio: 400/409;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-home__message {
  padding: clamp(2.8125rem, 1.8719660194rem + 4.0129449838vw, 6.6875rem) 0 3.4375rem;
  position: relative;
}
.p-home__message:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/home/webp/message_background--01.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-home__message:before {
    background: url(../img/home/webp/message_background--sp-01.webp) no-repeat 50% 50%/cover;
  }
}
.p-home__message:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/home/webp/message_background--02.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-home__message:after {
    display: none;
  }
}

.p-home__message__media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(17.1875rem, 8.2932232841rem + 18.5056472632vw, 30.5rem);
  gap: clamp(1.5rem, -0.587858384rem + 4.3440486533vw, 4.625rem);
}
@media screen and (max-width: 768px) {
  .p-home__message__media {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(4.5rem, 3.0687022901rem + 6.106870229vw, 6rem);
  }
}

.p-home__message__media-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.8938106796rem + 0.4530744337vw, 1.4375rem);
}

.p-home__message__media-text-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-home__message__media-title {
  font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
  font-weight: 500;
  line-height: 1.7692307692;
  letter-spacing: 0.03em;
}

.p-home__message__media-text {
  margin-top: clamp(1rem, 0.7117718447rem + 1.2297734628vw, 2.1875rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-home__message__media-person-info {
  margin-top: clamp(1.0625rem, 0.9108009709rem + 0.6472491909vw, 1.6875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(0.875rem, 0.6777912621rem + 0.8414239482vw, 1.6875rem);
}

.p-home__message__media-person-post-text-img-wrap {
  width: clamp(5.125rem, 4.7609223301rem + 1.5533980583vw, 6.625rem);
}

.p-home__message__media-person-name-text-img-wrap {
  width: clamp(6.875rem, 6.3895631068rem + 2.071197411vw, 8.875rem);
}

.p-home__message__media-img-wrap {
  margin-top: clamp(12.1875rem, 9.8490986099rem + 4.8653344917vw, 15.6875rem);
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-home__message__media-img-wrap {
    margin-top: 0;
  }
}
.p-home__message__media-img-wrap:after {
  content: "";
  position: absolute;
  top: clamp(-4.875rem, -2.0788834951rem - 2.3300970874vw, -2.625rem);
  right: clamp(-4.5rem, -2.3252427184rem - 1.8122977346vw, -2.75rem);
  width: 59.0163934426%;
  aspect-ratio: 288/297;
  background: url(../img/home/webp/message_media-backgroun-img.webp) no-repeat 50% 50%/cover;
  border-radius: 0.625rem;
  opacity: 0.95;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .p-home__message__media-img-wrap:after {
    height: clamp(13.5625rem, 7.9565839695rem + 23.9185750636vw, 19.4375rem);
    opacity: 1;
    mix-blend-mode: multiply;
    z-index: -1;
  }
}

.p-home__message__media-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-home__message__media-img {
    height: clamp(17.3125rem, 9.9770992366rem + 31.2977099237vw, 25rem);
  }
}

.p-home__works {
  padding: clamp(2.8125rem, 2.5242718447rem + 1.2297734628vw, 4rem) 0;
  position: relative;
  overflow: hidden;
}
.p-home__works:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/home/webp/works_background-dots.webp) no-repeat 50% 50%/cover;
  z-index: -2;
}

.p-home__works__media {
  display: grid;
  grid-template-columns: clamp(15.625rem, 10.9064400521rem + 9.8175499566vw, 22.6875rem) minmax(0, 1fr);
  gap: clamp(1.9375rem, 1.3913834951rem + 2.3300970874vw, 4.1875rem);
}
@media screen and (max-width: 768px) {
  .p-home__works__media {
    grid-template-columns: minmax(0, 1fr);
  }
}

.p-home__works__media-text-container {
  margin-top: clamp(0.9375rem, 0.5199283232rem + 0.8688097307vw, 1.5625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 0.4083737864rem + 2.5242718447vw, 3.4375rem);
}
@media screen and (max-width: 768px) {
  .p-home__works__media-text-container {
    margin-top: 0;
  }
}

.p-home__works__media-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2.125rem, 1.3665048544rem + 3.2362459547vw, 5.25rem);
}

.p-home__works__media-text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-home__works__media-img-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.6875rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-home__works__media-img-container {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding-right: clamp(1.125rem, 0.0515267176rem + 4.5801526718vw, 2.25rem);
    gap: clamp(1rem, 0.5229007634rem + 2.0356234097vw, 1.5rem);
  }
}

.p-home__works__media-img-wrap {
  width: 100%;
  position: relative;
}

.p-home__works__media-img-wrap--01 {
  margin-top: clamp(4.4375rem, 3.3452669903rem + 4.6601941748vw, 8.9375rem);
}

.p-home__works__media-img-wrap--02 {
  margin-top: clamp(2.375rem, 1.7985436893rem + 2.4595469256vw, 4.75rem);
}
.p-home__works__media-img-wrap--02:before {
  content: "";
  position: absolute;
  top: clamp(-3.5625rem, -1.4654126214rem - 1.7475728155vw, -1.875rem);
  left: clamp(-4.125rem, -1.5618932039rem - 2.1359223301vw, -2.0625rem);
  width: clamp(2.875rem, 2.2378640777rem + 2.7184466019vw, 5.5rem);
  aspect-ratio: 88/91;
  background: url(../img/home/webp/works_grad-background--small.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}
.p-home__works__media-img-wrap--02:after {
  content: "";
  position: absolute;
  bottom: clamp(-5rem, -1.8932038835rem - 2.5889967638vw, -2.5rem);
  right: clamp(-1.6875rem, -0.1341019417rem - 1.2944983819vw, -0.4375rem);
  width: clamp(5.3125rem, 4.1595873786rem + 4.9190938511vw, 10.0625rem);
  aspect-ratio: 161/132;
  background: url(../img/home/webp/works_grad-background--double.webp) no-repeat 50% 50%/cover;
  z-index: 1;
}

.p-home__works__media-img-wrap--03:after {
  content: "";
  position: absolute;
  top: clamp(5.375rem, 4.1007281553rem + 5.4368932039vw, 10.625rem);
  right: clamp(-12.0625rem, -3.130461165rem - 7.4433656958vw, -4.875rem);
  width: clamp(4.125rem, 3.1389563107rem + 4.2071197411vw, 8.1875rem);
  aspect-ratio: 131/134;
  background: url(../img/home/webp/works_grad-background--big.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.p-home__works__media-img {
  display: block;
  width: 100%;
  aspect-ratio: 216/363;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}

.p-home__environment {
  margin-top: clamp(2.8125rem, 2.3118932039rem + 2.1359223301vw, 4.875rem);
}

.p-home__environment__lower-list {
  margin-top: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.3125rem, 0.811452514rem + 0.782122905vw, 1.75rem);
}
@media screen and (max-width: 1024px) {
  .p-home__environment__lower-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem clamp(1.5rem, 0.0791962175rem + 3.7825059102vw, 2.5rem);
  }
}
@media screen and (max-width: 600px) {
  .p-home__environment__lower-list {
    margin-inline: auto;
    max-width: 25rem;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }
}

.p-home__environment__lower-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .p-home__environment__lower-item:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .p-home__environment__lower-item:nth-of-type(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .p-home__environment__lower-item:nth-of-type(3) {
    grid-column: 2/4;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 600px) {
  .p-home__environment__lower-item:nth-of-type(1), .p-home__environment__lower-item:nth-of-type(2), .p-home__environment__lower-item:nth-of-type(3) {
    grid-column: auto;
    grid-row: auto;
  }
}

.p-home__environment__lower-item-img-container {
  position: relative;
}

.p-home__environment__lower-item-img-wrap {
  width: 100%;
  aspect-ratio: 348/395;
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-home__works__media-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-home__environment__lower-item-img-text {
  position: absolute;
  bottom: 1.875rem;
  left: 1.4375rem;
  padding-right: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  color: var(--color_white);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.4545454545;
  letter-spacing: 0.05em;
}
.p-home__environment__lower-item-img-text::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.3125rem;
  aspect-ratio: 1/1;
  background: url(../img/icon/icon_circle-arrow--white-1-1.svg) no-repeat 50% 50%/contain;
}

.p-home__environment__lower-item-text {
  padding-inline: 1.375rem;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.75;
  letter-spacing: 0.05em;
}

.p-home__composites-banner-wrap {
  margin-top: clamp(2.8125rem, 2.3118932039rem + 2.1359223301vw, 4.875rem);
}

.p-home__member {
  margin-top: clamp(2.8125rem, 2.6152912621rem + 0.8414239482vw, 3.625rem);
  padding-bottom: clamp(3.375rem, 3.026092233rem + 1.4886731392vw, 4.8125rem);
  position: relative;
}
.p-home__member:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50.3151260504%;
  background: url(../img/home/webp/member_background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .p-home__member:before {
    height: 47%;
  }
}
@media screen and (max-width: 600px) {
  .p-home__member:before {
    background: url(../img/home/webp/member_background--sp.webp) no-repeat 50% 50%/cover;
    opacity: 0.6;
  }
}

.p-home__member__heading-text {
  margin-top: clamp(1rem, 0.8634708738rem + 0.5825242718vw, 1.5625rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-home__member__swiper-wrap {
  margin-top: 2.4375rem;
}

.p-works__works {
  margin-top: clamp(2.8125rem, 1.5230582524rem + 5.501618123vw, 8.125rem);
}

.p-works__works__contents {
  margin-top: clamp(1.75rem, 1.4162621359rem + 1.4239482201vw, 3.125rem);
}

.p-works__works__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-works__works__item {
  padding: clamp(1.5625rem, 1.0012135922rem + 2.3948220065vw, 3.875rem) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.5rem, 1.3634708738rem + 0.5825242718vw, 2.0625rem);
  position: relative;
}
@media screen and (max-width: 600px) {
  .p-works__works__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.p-works__works__item:before {
  content: "";
  position: absolute;
  top: 0;
  width: 86.0174781523%;
  height: 100%;
  background-color: var(--color-background_works-job-list);
  border-radius: 0.625rem;
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .p-works__works__item:before {
    width: 100%;
  }
}
.p-works__works__item:first-child {
  margin-top: 0;
}

.p-works__works__item--odd {
  margin-top: clamp(2.4375rem, 2.2666319181rem + 0.4548900682vw, 2.8125rem);
  padding-left: clamp(1.5rem, 0.7880496588rem + 1.8953752843vw, 3.0625rem);
}
@media screen and (max-width: 600px) {
  .p-works__works__item--odd {
    margin-top: clamp(1.25rem, -0.3125rem + 6.6666666667vw, 2.1875rem);
    padding-inline: clamp(1.25rem, 0.5208333333rem + 3.1111111111vw, 1.6875rem);
  }
}
.p-works__works__item--odd:before {
  left: 0;
}
.p-works__works__item--odd:after {
  content: "";
  position: absolute;
  bottom: clamp(1.4375rem, 1.3520659591rem + 0.2274450341vw, 1.625rem);
  right: clamp(-12.6875rem, 4.4163665656rem - 14.253222138vw, -0.9375rem);
  width: clamp(8.4375rem, 5.3049184989rem + 8.3396512509vw, 15.3125rem);
  aspect-ratio: 245/175;
  background: url(../img/works/webp/works_list-background--odd.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 600px) {
  .p-works__works__item--odd:after {
    width: clamp(6.75rem, 0.0833333333rem + 28.4444444444vw, 10.75rem);
    bottom: clamp(1.125rem, 1.0208333333rem + 0.4444444444vw, 1.1875rem);
    right: -0.3125rem;
  }
}

.p-works__works__item--even {
  margin-top: clamp(2.1875rem, 2.0166319181rem + 0.4548900682vw, 2.5625rem);
  padding-right: clamp(1.1875rem, 0.6179397271rem + 1.5163002274vw, 2.4375rem);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 600px) {
  .p-works__works__item--even {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: clamp(1.25rem, -0.3125rem + 6.6666666667vw, 2.1875rem);
    padding-inline: clamp(1.25rem, 0.5208333333rem + 3.1111111111vw, 1.6875rem);
  }
}
.p-works__works__item--even:before {
  right: 0;
}
.p-works__works__item--even:after {
  content: "";
  position: absolute;
  bottom: clamp(-2.0625rem, -0.6068517817rem - 1.213040182vw, -1.0625rem);
  left: clamp(-18.6875rem, 7.1502558757rem - 21.5314632297vw, -0.9375rem);
  width: clamp(9.9375rem, 6.2353582259rem + 9.8559514784vw, 18.0625rem);
  aspect-ratio: 289/197;
  background: url(../img/works/webp/works_list-background--even.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 600px) {
  .p-works__works__item--even:after {
    width: clamp(6.75rem, -3.1458333333rem + 42.2222222222vw, 12.6875rem);
    bottom: clamp(-1.25rem, 0.4166666667rem - 4.4444444444vw, -0.625rem);
    left: -0.3125rem;
  }
}

.p-works__works__item-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.25rem, 0.9617718447rem + 1.2297734628vw, 2.4375rem);
}

.p-works__works__item-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.5rem, 0.4696601942rem + 0.1294498382vw, 0.625rem) clamp(1.125rem, 0.958131068rem + 0.71197411vw, 1.8125rem);
}

.p-works__works__item-title {
  font-size: clamp(1.25rem, 1.0983009709rem + 0.6472491909vw, 1.875rem);
  font-weight: 500;
  line-height: 1.4666666667;
  letter-spacing: 0.05em;
}

.p-works__works__item-sub-title {
  padding-left: clamp(1.25rem, 1.0527912621rem + 0.8414239482vw, 2.0625rem);
  color: var(--color-key);
  font-family: "Oswald";
  font-size: clamp(0.875rem, 0.7839805825rem + 0.3883495146vw, 1.25rem);
  line-height: 1.5;
  letter-spacing: 0.01em;
  position: relative;
}
.p-works__works__item-sub-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.125rem;
  height: 100%;
  background-color: var(--color-key);
}

.p-works__works__item-text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-works__works__item-img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: clamp(15rem, 12.4369787718rem + 6.8233510235vw, 20.625rem);
  width: 100%;
}
@media screen and (max-width: 600px) {
  .p-works__works__item-img-wrap {
    max-width: none;
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .p-works__works__item-img-wrap--even {
    margin-left: auto;
  }
}

.p-works__works__item-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}

.p-works__work-style-wrap {
  margin-top: clamp(2.8125rem, 1.5685679612rem + 5.3074433657vw, 7.9375rem);
}

.p-resources__strategy {
  margin-top: clamp(2.8125rem, 1.9781553398rem + 3.5598705502vw, 6.25rem);
  padding: clamp(2rem, 1.5904126214rem + 1.7475728155vw, 3.6875rem) 0 clamp(2.1875rem, 1.7475728155rem + 1.8770226537vw, 4rem);
  background-color: var(--color-background_l);
}

.p-resources__strategy__media {
  margin-top: clamp(1.125rem, 0.8367718447rem + 1.2297734628vw, 2.3125rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(19.6875rem, 10.0833514335rem + 19.9826238054vw, 34.0625rem);
  gap: clamp(1.5rem, 0.8628640777rem + 2.7184466019vw, 4.125rem);
}
@media screen and (max-width: 768px) {
  .p-resources__strategy__media {
    grid-template-columns: minmax(0, 1fr);
  }
}

.p-resources__strategy__media-text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-resources__strategy__media-img-wrap {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-resources__strategy__media-img-wrap {
    height: clamp(13.9375rem, 5.7671755725rem + 34.8600508906vw, 22.5rem);
  }
}

.p-resources__strategy__media-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-resources__strategy__media-img {
    height: 100%;
  }
}

.p-resources__training {
  margin-top: clamp(2rem, 1.6207524272rem + 1.6181229773vw, 3.5625rem);
}

.p-resources__training__content {
  margin-top: clamp(1.125rem, 0.8367718447rem + 1.2297734628vw, 2.3125rem);
}

.p-resources__training__article-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.6875rem, 1.2779126214rem + 1.7475728155vw, 3.375rem);
}

.p-resources__training__title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 clamp(0.3125rem, 0.2669902913rem + 0.1941747573vw, 0.5rem);
}

.p-resources__training__title-number {
  padding-right: 1em;
  color: var(--color-key);
  font-size: clamp(0.9375rem, 0.8616504854rem + 0.3236245955vw, 1.25rem);
  font-family: "Oswald";
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
  position: relative;
}
.p-resources__training__title-number:after {
  content: "/";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-resources__training__title {
  font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
  font-weight: 500;
  line-height: 1.4230769231;
  letter-spacing: 0.03em;
}

.p-resources__training__heading-text {
  margin-top: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-resources__training__training-list {
  margin-top: clamp(1.125rem, 0.8974514563rem + 0.9708737864vw, 2.0625rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.75rem, 0.2489139878rem + 1.0425716768vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  .p-resources__training__training-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.5625rem, 0.0257633588rem + 2.2900763359vw, 1.125rem);
  }
}

.p-resources__training__training-item {
  padding: clamp(1.3125rem, 1.1608009709rem + 0.6472491909vw, 1.9375rem) 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.75rem, 0.6893203883rem + 0.2588996764vw, 1rem);
  background-color: var(--color-background_training-item);
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-resources__training__training-item {
    min-height: clamp(11.4375rem, 10.4833015267rem + 4.0712468193vw, 12.4375rem);
  }
}

.p-resources__training__training-title {
  color: var(--color-key);
  text-align: center;
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}

.p-resources__training__training-detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.3125rem, 0.2821601942rem + 0.1294498382vw, 0.4375rem);
}

.p-resources__training__training-detail-item {
  padding-left: 1em;
  font-size: clamp(0.75rem, 0.7044902913rem + 0.1941747573vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  position: relative;
}
.p-resources__training__training-detail-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(0.4375rem, 0.4223300971rem + 0.0647249191vw, 0.5rem);
  aspect-ratio: 1/1;
  background-color: var(--color-key);
  border-radius: 50%;
}

.p-resources__training__item-media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(19.6875rem, 10.0833514335rem + 19.9826238054vw, 34.0625rem);
  gap: clamp(1.5rem, 0.8628640777rem + 2.7184466019vw, 4.125rem);
}
@media screen and (max-width: 768px) {
  .p-resources__training__item-media {
    grid-template-columns: minmax(0, 1fr);
  }
}

.p-resources__training__item-media-img-wrap {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-resources__training__item-media-img-wrap {
    height: clamp(13.9375rem, 5.7671755725rem + 34.8600508906vw, 22.5rem);
  }
}

.p-resources__training__item-media-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-resources__training__item-media-img {
    height: 100%;
  }
}

.p-resources__training__btn-wrap {
  margin-top: clamp(2.25rem, 2.067961165rem + 0.7766990291vw, 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-resources__work-style-wrap {
  margin-top: clamp(2.8125rem, 1.9326456311rem + 3.7540453074vw, 6.4375rem);
}

.p-diversity__health {
  margin-top: clamp(2.8125rem, 1.9174757282rem + 3.8187702265vw, 6.5rem);
}

.p-diversity__health__heading-text {
  margin-top: clamp(1.125rem, 0.8974514563rem + 0.9708737864vw, 2.0625rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-diversity__health__declaration-box {
  margin-top: clamp(1.3125rem, 0.9787621359rem + 1.4239482201vw, 2.6875rem);
  padding: clamp(1.5rem, 1.2876213592rem + 0.9061488673vw, 2.375rem) clamp(1.25rem, 0.2791262136rem + 4.142394822vw, 5.25rem);
  border: 1px solid var(--color-border_m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.5625rem, 1.4563106796rem + 0.4530744337vw, 2rem);
}

.p-diversity__health__declaration-title {
  font-size: clamp(1.125rem, 1.0339805825rem + 0.3883495146vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
}

.p-diversity__health__declaration-text {
  width: 100%;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-diversity__health__declaration-company-info {
  width: 100%;
  text-align: end;
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}

.p-diversity__health__list {
  margin-top: clamp(2rem, 1.833131068rem + 0.71197411vw, 2.6875rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1.0625rem, 0.8046116505rem + 1.1003236246vw, 2.125rem) clamp(1rem, 0.4989139878rem + 1.0425716768vw, 1.75rem);
}
@media screen and (max-width: 768px) {
  .p-diversity__health__list {
    grid-template-columns: minmax(0, 1fr);
  }
}

.p-diversity__health__item {
  padding: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem) clamp(1rem, -0.0021720243rem + 2.0851433536vw, 2.5rem);
  height: 100%;
  background-color: var(--color-background_l);
  border-radius: 0.625rem;
  position: relative;
}
.p-diversity__health__item:nth-of-type(1) {
  grid-column: 1/5;
  grid-row: 1/2;
}
.p-diversity__health__item:nth-of-type(2) {
  grid-column: 1/3;
  grid-row: 2/3;
}
.p-diversity__health__item:nth-of-type(3) {
  grid-column: 3/5;
  grid-row: 2/3;
}
.p-diversity__health__item:nth-of-type(4) {
  grid-column: 1/5;
  grid-row: 3/4;
}
.p-diversity__health__item:nth-of-type(5) {
  grid-column: 1/3;
  grid-row: 4/5;
}
.p-diversity__health__item:nth-of-type(6) {
  grid-column: 3/5;
  grid-row: 4/5;
}
@media screen and (max-width: 768px) {
  .p-diversity__health__item {
    padding-inline: clamp(1rem, 0.4632633588rem + 2.2900763359vw, 1.5625rem);
  }
  .p-diversity__health__item:nth-of-type(n) {
    grid-column: auto;
    grid-row: auto;
  }
}

.p-diversity__health__item-icon-img-wrap {
  position: absolute;
  top: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
  right: clamp(1rem, -0.0021720243rem + 2.0851433536vw, 2.5rem);
  width: clamp(5.3125rem, 4.4781553398rem + 3.5598705502vw, 8.75rem);
}
@media screen and (max-width: 768px) {
  .p-diversity__health__item-icon-img-wrap {
    right: clamp(1rem, 0.4632633588rem + 2.2900763359vw, 1.5625rem);
  }
}

.p-diversity__health__item-icon-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-diversity__health__item-head--big-item {
  padding-right: clamp(7.5rem, 4.5352410947rem + 6.1685490877vw, 11.9375rem);
}
@media screen and (max-width: 768px) {
  .p-diversity__health__item-head--big-item {
    padding: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem) clamp(6.25rem, 5.1577669903rem + 4.6601941748vw, 10.75rem) 0 0;
  }
}

.p-diversity__health__item-head--small-item {
  padding: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem) clamp(6.25rem, 5.1577669903rem + 4.6601941748vw, 10.75rem) 0 0;
}

.p-diversity__health__item-title-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0.6875rem, 0.6571601942rem + 0.1294498382vw, 0.8125rem);
  color: var(--color-key);
}

.p-diversity__health__item-title-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Oswald";
  font-size: clamp(1.75rem, 1.567961165rem + 0.7766990291vw, 2.5rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
}

.p-diversity__health__item-title {
  font-size: clamp(1.25rem, 1.1589805825rem + 0.3883495146vw, 1.625rem);
  font-weight: 700;
  line-height: 1.4615384615;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 768px) {
  .p-diversity__health__item-title--big-item {
    min-height: 2.9230769231em;
  }
}

.p-diversity__health__item-title--small-item {
  min-height: 2.9230769231em;
}

.p-diversity__health__item-detail-text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.75;
}

.p-diversity__health__item-detail-text--big-item {
  margin-top: 0.875rem;
  padding-right: clamp(7.5rem, 4.5352410947rem + 6.1685490877vw, 11.9375rem);
  letter-spacing: 0.03375em;
}
@media screen and (max-width: 768px) {
  .p-diversity__health__item-detail-text--big-item {
    margin-top: clamp(1.3125rem, 1.0242718447rem + 1.2297734628vw, 2.5rem);
    padding-right: 0;
  }
}

.p-diversity__health__item-detail-text--small-item {
  margin-top: clamp(1.3125rem, 1.0242718447rem + 1.2297734628vw, 2.5rem);
  letter-spacing: 0.05em;
}

.p-diversity__health__image-list {
  margin-top: clamp(1.3125rem, 1.2518203883rem + 0.2588996764vw, 1.5625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.625rem, 0.1041666667rem + 2.2222222222vw, 0.9375rem) clamp(0.9375rem, 0.3109836998rem + 1.6679302502vw, 2.3125rem);
}
@media screen and (max-width: 600px) {
  .p-diversity__health__image-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-diversity__health__image-item-img-wrap {
  width: 100%;
  max-width: 20.1875rem;
}
@media screen and (max-width: 600px) {
  .p-diversity__health__image-item-img-wrap {
    max-width: none;
  }
}

.p-diversity__health__image-item-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-diversity__health__item-detail-list {
  margin-top: clamp(0.9375rem, 0.6341019417rem + 1.2944983819vw, 2.1875rem);
  padding: clamp(1.1875rem, 0.8082524272rem + 1.6181229773vw, 2.75rem) clamp(0.375rem, 0.2536407767rem + 0.5177993528vw, 0.875rem) clamp(0.5rem, 0.4696601942rem + 0.1294498382vw, 0.625rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
  border-top: 1px solid var(--color-border_l);
  counter-reset: detail-counter;
}

.p-diversity__health__detail-item {
  font-size: clamp(0.8125rem, 0.7821601942rem + 0.1294498382vw, 0.9375rem);
  line-height: 1.7333333333;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0.75rem, 0.6438106796rem + 0.4530744337vw, 1.1875rem);
}
@media screen and (max-width: 600px) {
  .p-diversity__health__detail-item {
    line-height: 1.6153846154;
  }
}
.p-diversity__health__detail-item::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  counter-increment: detail-counter;
  content: counter(detail-counter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: clamp(1.4375rem, 1.3768203883rem + 0.2588996764vw, 1.6875rem);
  aspect-ratio: 1/1;
  background-color: var(--color-key);
  border-radius: 0.25rem;
  color: var(--color_white);
  font-family: "Oswald";
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.p-diversity__health__btn-wrap {
  margin-top: clamp(2rem, 1.6814320388rem + 1.359223301vw, 3.3125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-diversity__work-style-wrap {
  margin-top: clamp(2.8125rem, 1.9326456311rem + 3.7540453074vw, 6.4375rem);
}

.p-benefits__contents {
  margin-top: clamp(2.8125rem, 2.3725728155rem + 1.8770226537vw, 4.625rem);
}

.p-benefits__section-heading-text {
  margin-top: clamp(1.3125rem, 1.1001213592rem + 0.9061488673vw, 2.1875rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-benefits__media-list {
  margin-top: clamp(1.3125rem, 1.1001213592rem + 0.9061488673vw, 2.1875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.5rem, 1.3483009709rem + 0.6472491909vw, 2.125rem);
}

.p-benefits__media-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0.9375rem, 0.4368932039rem + 2.1359223301vw, 3rem);
}
@media screen and (max-width: 600px) {
  .p-benefits__media-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-benefits__media-item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 600px) {
  .p-benefits__media-item--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-benefits__media-item-text-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, 0.6741504854rem + 0.3236245955vw, 1.0625rem);
}

.p-benefits__media-item-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.125rem;
}

.p-benefits__media-item-title-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: clamp(0.375rem, 0.3446601942rem + 0.1294498382vw, 0.5rem);
  padding-right: clamp(0.75rem, 0.7044902913rem + 0.1941747573vw, 0.9375rem);
  color: var(--color-key);
  font-family: "Oswald";
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  line-height: 1.5;
  letter-spacing: 0.06em;
  position: relative;
}
.p-benefits__media-item-title-number::after {
  content: "/";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1em;
}

.p-benefits__media-item-title {
  font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
  font-weight: 500;
  line-height: 1.4230769231;
  letter-spacing: 0.03em;
}

.p-benefits__media-item-sub-title {
  font-size: clamp(1rem, 0.9089805825rem + 0.3883495146vw, 1.375rem);
  font-weight: 500;
  line-height: 1.3636363636;
  letter-spacing: 0.03em;
}

.p-benefits__media-item-text {
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-benefits__media-item-img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: clamp(12.8125rem, 9.2527482942rem + 9.4768764215vw, 20.625rem);
  width: 100%;
}
@media screen and (max-width: 600px) {
  .p-benefits__media-item-img-wrap {
    max-width: none;
    height: clamp(15rem, 5.625rem + 40vw, 20.625rem);
  }
}

.p-benefits__media-item-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}
@media screen and (max-width: 600px) {
  .p-benefits__media-item-img {
    height: 100%;
  }
}

.p-benefits__note-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0rem, -0.0606796117rem + 0.2588996764vw, 0.25rem);
}

.p-benefits__note-list--housing {
  margin-top: clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
}

.p-benefits__note-list--activities {
  margin-top: clamp(0.9375rem, 0.8161407767rem + 0.5177993528vw, 1.4375rem);
}

.p-benefits__note-item {
  padding-left: 1.1em;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
  position: relative;
}
.p-benefits__note-item::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.p-benefits__work-style {
  margin-top: clamp(2.625rem, 1.9726941748rem + 2.783171521vw, 5.3125rem);
}

.p-benefits__housing {
  margin-top: clamp(2.625rem, 1.5631067961rem + 4.5307443366vw, 7rem);
}

.p-benefits__housing__list {
  margin-top: clamp(1.3125rem, 1.1152912621rem + 0.8414239482vw, 2.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.5rem, 1.1359223301rem + 1.5533980583vw, 3rem);
}

.p-benefits__housing__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, 0.5339805825rem + 0.3883495146vw, 1rem);
}

.p-benefits__activities {
  margin-top: clamp(2.625rem, 1.578276699rem + 4.4660194175vw, 6.9375rem);
}

.p-benefits__activities__list {
  margin-top: clamp(1.4375rem, 1.088592233rem + 1.4886731392vw, 2.875rem);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(1.125rem, 0.8671116505rem + 1.1003236246vw, 2.1875rem) clamp(0.9375rem, 0.5734223301rem + 1.5533980583vw, 2.4375rem);
}
@media screen and (max-width: 1024px) {
  .p-benefits__activities__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .p-benefits__activities__list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media screen and (max-width: 600px) {
  .p-benefits__activities__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 480px) {
  .p-benefits__activities__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.p-benefits__activities__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.3125rem, 0.2821601942rem + 0.1294498382vw, 0.4375rem);
}

.p-benefits__activities__item-img-wrap {
  width: 100%;
}

.p-benefits__activities__item-img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-benefits__activities__item-title {
  text-align: center;
  color: var(--color-key);
  font-size: clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}

.p-benefits__data {
  margin-top: clamp(2.625rem, 1.578276699rem + 4.4660194175vw, 6.9375rem);
}

.p-benefits__data__list {
  margin-top: clamp(1.125rem, 0.9733009709rem + 0.6472491909vw, 1.75rem);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(0.625rem, 0.3519417476rem + 1.1650485437vw, 1.75rem) clamp(0.5rem, 0.3483009709rem + 0.6472491909vw, 1.125rem);
}
@media screen and (max-width: 600px) {
  .p-benefits__data__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.p-benefits__data__item {
  padding: clamp(1.3125rem, 1.145631068rem + 0.71197411vw, 2rem) 0.625rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.09375rem;
  background-color: var(--color-background_l);
  border-radius: 1.125rem;
}
.p-benefits__data__item:nth-of-type(1) {
  grid-column: 1/5;
  grid-row: 1/2;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(1) {
    grid-column: 1/5;
    grid-row: 1/2;
  }
}
.p-benefits__data__item:nth-of-type(2) {
  grid-column: 5/7;
  grid-row: 1/2;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.p-benefits__data__item:nth-of-type(3) {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(3) {
    grid-column: 3/5;
    grid-row: 2/3;
  }
}
.p-benefits__data__item:nth-of-type(4) {
  grid-column: 3/5;
  grid-row: 2/3;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(4) {
    grid-column: 1/5;
    grid-row: 3/4;
  }
}
.p-benefits__data__item:nth-of-type(5) {
  grid-column: 5/7;
  grid-row: 2/3;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(5) {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
.p-benefits__data__item:nth-of-type(6) {
  grid-column: 1/3;
  grid-row: 3/4;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(6) {
    grid-column: 3/5;
    grid-row: 4/5;
  }
}
.p-benefits__data__item:nth-of-type(7) {
  grid-column: 3/7;
  grid-row: 3/4;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__item:nth-of-type(7) {
    grid-column: 1/5;
    grid-row: 5/6;
  }
}

.p-benefits__data__item-img-container {
  width: clamp(4.0625rem, 3.5315533981rem + 2.2653721683vw, 6.25rem);
  aspect-ratio: 100/56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-benefits__data__item-img-wrap--continuous {
  width: 53%;
}

.p-benefits__data__item-img-wrap--overtime {
  width: 47%;
}

.p-benefits__data__item-img-wrap--holiday {
  width: 45%;
}

.p-benefits__data__item-img-wrap--paid {
  width: 42%;
}

.p-benefits__data__item-img-wrap--childcare-man {
  width: 44%;
}

.p-benefits__data__item-img-wrap--childcare-woman {
  width: 42%;
}

.p-benefits__data__item-img-wrap--leave {
  width: 34%;
}

.p-benefits__data__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: clamp(0.875rem, 0.7839805825rem + 0.3883495146vw, 1.25rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  min-height: 3em;
}

.p-benefits__data__item-number-wrap {
  padding-bottom: clamp(0.3125rem, 0.2669902913rem + 0.1941747573vw, 0.5rem);
  position: relative;
  color: var(--color-key);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.1875rem;
}
.p-benefits__data__item-number-wrap:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: clamp(0.3125rem, 0.2669902913rem + 0.1941747573vw, 0.5rem);
  background-color: var(--color-border_o);
}

.p-benefits__data__item-number {
  font-size: clamp(2.125rem, 1.7305825243rem + 1.6828478964vw, 3.75rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

.p-benefits__data__item-number-label {
  font-size: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
  font-weight: 700;
  line-height: 1.3666666667;
  letter-spacing: 0.05em;
}

.p-benefits__data__note-text-wrap {
  margin-top: clamp(0.75rem, 0.7044902913rem + 0.1941747573vw, 0.9375rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 600px) {
  .p-benefits__data__note-text-wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.p-benefits__data__note-text {
  padding-left: 1em;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
  position: relative;
}
.p-benefits__data__note-text:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
}

.p-benefits__work-style-wrap {
  margin-top: clamp(2.8125rem, 1.432038835rem + 5.8899676375vw, 8.5rem);
}

.p-new-graduate__heading-text {
  margin-top: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-new-graduate__person {
  margin-top: clamp(2.1875rem, 0.5643203883rem + 6.925566343vw, 8.875rem);
}

.p-new-graduate__person__list {
  margin-top: clamp(1.3125rem, 0.9939320388rem + 1.359223301vw, 2.625rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
}

.p-new-graduate__person__item {
  padding: clamp(1.125rem, 0.958131068rem + 0.71197411vw, 1.8125rem) clamp(1rem, 0.817961165rem + 0.7766990291vw, 1.75rem) clamp(1.125rem, 0.958131068rem + 0.71197411vw, 1.8125rem) clamp(1.5rem, 0.4978279757rem + 2.0851433536vw, 3rem);
  padding: clamp(1rem, 0.9544902913rem + 0.1941747573vw, 1.1875rem) clamp(1.25rem, -0.5552184466rem + 7.7022653722vw, 8.6875rem);
  background-color: var(--color-key);
  border-radius: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.5625rem, 1.0922330097rem + 2.0064724919vw, 3.5rem);
  color: var(--color_white);
}
@media screen and (max-width: 600px) {
  .p-new-graduate__person__item {
    border-radius: 1rem;
  }
}

.p-new-graduate__person__item-title-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.3125rem, 1.1152912621rem + 0.8414239482vw, 2.125rem);
}

.p-new-graduate__person__item-title {
  font-size: clamp(1.1875rem, 0.9599514563rem + 0.9708737864vw, 2.125rem);
  font-weight: 700;
  line-height: 1.0294117647;
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
}

.p-new-graduate__person__item-title-img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(1.75rem, 1.4921116505rem + 1.1003236246vw, 2.8125rem);
}

.p-new-graduate__person__item-title-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-new-graduate__person__item-text-wrap {
  padding-left: clamp(1.5625rem, 1.0922330097rem + 2.0064724919vw, 3.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.p-new-graduate__person__item-text-wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.125rem;
  height: 69.5238095238%;
  min-height: clamp(4rem, 3.8634708738rem + 0.5825242718vw, 4.5625rem);
  background-color: var(--color_white);
}

.p-new-graduate__person__item-text {
  font-size: clamp(0.9375rem, 0.8009708738rem + 0.5825242718vw, 1.5rem);
  line-height: 1.25;
  letter-spacing: 0.05em;
}

.p-new-graduate__person__note-text-wrap {
  margin-top: clamp(0.5625rem, 0.4259708738rem + 0.5825242718vw, 1.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-new-graduate__person__note-text {
  padding-left: 1em;
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.875;
  letter-spacing: 0.05em;
  position: relative;
}
.p-new-graduate__person__note-text:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
}

.p-new-graduate__flow {
  margin-top: clamp(2rem, 1.4993932039rem + 2.1359223301vw, 4.0625rem);
  padding: clamp(2.8125rem, 2.2057038835rem + 2.5889967638vw, 5.3125rem) 0;
  position: relative;
}
.p-new-graduate__flow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/webp/grad-background.webp) no-repeat 50% 50%/cover;
  z-index: -1;
}

.p-new-graduate__flow__list {
  margin-top: clamp(1.3125rem, 0.9939320388rem + 1.359223301vw, 2.625rem);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.75rem, 0.5527912621rem + 0.8414239482vw, 1.5625rem);
  gap: clamp(0.625rem, -0.0013575152rem + 1.303214596vw, 1.5625rem);
}
@media screen and (max-width: 768px) {
  .p-new-graduate__flow__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media screen and (max-width: 480px) {
  .p-new-graduate__flow__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.p-new-graduate__flow__item {
  padding: clamp(1.75rem, 1.4314320388rem + 1.359223301vw, 3.0625rem) clamp(1rem, 0.1648566464rem + 1.7376194613vw, 2.25rem) clamp(1.9375rem, 1.5734223301rem + 1.5533980583vw, 3.4375rem);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color_white);
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-new-graduate__flow__item {
    padding-inline: clamp(1.25rem, -0.0069686411rem + 4.181184669vw, 2rem);
  }
  .p-new-graduate__flow__item:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .p-new-graduate__flow__item:nth-of-type(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .p-new-graduate__flow__item:nth-of-type(3) {
    grid-column: 5/7;
    grid-row: 1/2;
  }
  .p-new-graduate__flow__item:nth-of-type(4) {
    grid-column: 2/4;
    grid-row: 2/3;
  }
  .p-new-graduate__flow__item:nth-of-type(5) {
    grid-column: 4/6;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 480px) {
  .p-new-graduate__flow__item {
    padding-inline: clamp(1.25rem, 0.1444575472rem + 4.7169811321vw, 1.5625rem);
  }
  .p-new-graduate__flow__item:nth-of-type(n) {
    grid-column: auto;
    grid-row: auto;
  }
}

.p-new-graduate__flow__item-number-wrap {
  padding-bottom: clamp(1.25rem, 1.1286407767rem + 0.5177993528vw, 1.75rem);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, 0.2839805825rem + 0.3883495146vw, 0.75rem);
  position: relative;
}
.p-new-graduate__flow__item-number-wrap:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-border_l);
}

.p-new-graduate__flow__item-number-label {
  font-size: clamp(0.75rem, 0.7196601942rem + 0.1294498382vw, 0.875rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.p-new-graduate__flow__item-number {
  font-family: "Oswald";
  font-size: clamp(2.5rem, 2.4089805825rem + 0.3883495146vw, 2.875rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

.p-new-graduate__flow__item-icon-img-container {
  margin-top: clamp(1.5rem, 1.2269417476rem + 1.1650485437vw, 2.625rem);
  max-width: clamp(4.0625rem, 3.7439320388rem + 1.359223301vw, 5.375rem);
  width: 100%;
  aspect-ratio: 86/85;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-new-graduate__flow__item-icon-img-wrap--01 {
  width: 65.1162790698%;
}

.p-new-graduate__flow__item-icon-img-wrap--02 {
  width: 100%;
}

.p-new-graduate__flow__item-icon-img-wrap--03 {
  width: 95.3488372093%;
}

.p-new-graduate__flow__item-icon-img-wrap--04 {
  width: 73.2558139535%;
}

.p-new-graduate__flow__item-icon-img-wrap--05 {
  width: 72.0930232558%;
}

.p-new-graduate__flow__item-title {
  margin-top: clamp(1.9375rem, 1.4672330097rem + 2.0064724919vw, 3.875rem);
  font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.05em;
}

.p-new-graduate__requirements {
  margin-top: clamp(2.8125rem, 2.1905339806rem + 2.6537216828vw, 5.375rem);
}

.p-new-graduate__requirements__box {
  margin-top: clamp(1.75rem, 1.5376213592rem + 0.9061488673vw, 2.625rem);
  border-radius: 1rem;
  background-color: var(--color-new-graduate);
  padding: clamp(0.75rem, 0.401092233rem + 1.4886731392vw, 2.1875rem) clamp(0.75rem, 0.3404126214rem + 1.7475728155vw, 2.4375rem);
}

.p-new-graduate__requirements__item-title {
  color: var(--color-new-graduate);
}

.p-new-graduate__requirements__banner-wrap {
  margin-top: clamp(1.125rem, 0.8822815534rem + 1.0355987055vw, 2.125rem);
}

.p-new-graduate__faq-wrap {
  margin-top: clamp(2.5rem, 1.8628640777rem + 2.7184466019vw, 5.125rem);
}

.p-mid-career__requirements-wrap {
  margin-top: clamp(2.8125rem, 1.7354368932rem + 4.5954692557vw, 7.25rem);
}

.p-mid-career__faq-wrap {
  margin-top: clamp(2.5rem, 2.1662621359rem + 1.4239482201vw, 3.875rem);
}

.p-disabilities__requirements-wrap {
  margin-top: clamp(2.8125rem, 1.7354368932rem + 4.5954692557vw, 7.25rem);
}

.p-disabilities__faq-wrap {
  margin-top: clamp(2.5rem, 2.1662621359rem + 1.4239482201vw, 3.875rem);
}

.p-member__post {
  margin-top: clamp(5.75rem, 5.2493932039rem + 2.1359223301vw, 7.8125rem);
}

.p-member__post__list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4rem, 3.4538834951rem + 2.3300970874vw, 6.25rem);
}

.p-member__post__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(2.8125rem, 1.1038191812rem + 4.5489006823vw, 6.5625rem) clamp(1.75rem, 0.8910614525rem + 1.3407821229vw, 2.5rem);
}
@media screen and (max-width: 1024px) {
  .p-member__post__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: clamp(1.75rem, -2.3348108747rem + 10.8747044917vw, 4.625rem);
       -moz-column-gap: clamp(1.75rem, -2.3348108747rem + 10.8747044917vw, 4.625rem);
            column-gap: clamp(1.75rem, -2.3348108747rem + 10.8747044917vw, 4.625rem);
  }
}
@media screen and (max-width: 600px) {
  .p-member__post__list {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(4.625rem, 1.3958333333rem + 13.7777777778vw, 6.5625rem);
  }
}
.p-member__post__list .c-member-card .c-member-card__img-container:after {
  content: "";
  position: absolute;
  z-index: -1;
}
.p-member__post__list .c-member-card:nth-child(3n+1) .c-member-card__img-container:after {
  top: -12.27154047%;
  left: -21.4705882353%;
  width: 67.3529411765%;
  aspect-ratio: 229/222;
  background: url(../img/member/webp/post_card-item-background--01.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 1024px) {
  .p-member__post__list .c-member-card:nth-child(3n+1) .c-member-card__img-container:after:after {
    display: none;
  }
}
.p-member__post__list .c-member-card:nth-child(3n+2) {
  margin-top: clamp(4rem, 3.8006539045rem + 0.5307050796vw, 4.4375rem);
}
@media screen and (max-width: 1024px) {
  .p-member__post__list .c-member-card:nth-child(3n+2) {
    margin-top: 0;
  }
}
.p-member__post__list .c-member-card:nth-child(3n+2) .c-member-card__img-container:after {
  top: -13.5770234987%;
  right: -37.3529411765%;
  width: 87.3529411765%;
  aspect-ratio: 297/288;
  background: url(../img/member/webp/post_card-item-background--02.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 1024px) {
  .p-member__post__list .c-member-card:nth-child(3n+2) .c-member-card__img-container:after:after {
    display: none;
  }
}
.p-member__post__list .c-member-card:nth-child(3n+3) .c-member-card__img-container:after {
  top: -19.5822454308%;
  right: -23.5294117647%;
  width: 84.7058823529%;
  aspect-ratio: 288/297;
  background: url(../img/member/webp/post_card-item-background--03.webp) no-repeat 50% 50%/cover;
}
@media screen and (max-width: 1024px) {
  .p-member__post__list .c-member-card:nth-child(3n+3) .c-member-card__img-container:after:after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .p-member__post__list .c-member-card:nth-child(2n+1) .c-member-card__img-container:after {
    top: -12.27154047%;
    right: auto;
    left: -21.4705882353%;
    width: 67.3529411765%;
    aspect-ratio: 229/222;
    background: url(../img/member/webp/post_card-item-background--01.webp) no-repeat 50% 50%/cover;
  }
}
@media screen and (max-width: 1024px) {
  .p-member__post__list .c-member-card:nth-child(2n+2) {
    margin-top: clamp(4rem, 3.8006539045rem + 0.5307050796vw, 4.4375rem);
  }
  .p-member__post__list .c-member-card:nth-child(2n+2) .c-member-card__img-container:after {
    top: -13.5770234987%;
    left: auto;
    right: -37.3529411765%;
    width: 87.3529411765%;
    aspect-ratio: 297/288;
    background: url(../img/member/webp/post_card-item-background--02.webp) no-repeat 50% 50%/cover;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .p-member__post__list .c-member-card:nth-child(2n+2) .c-member-card__img-container:after {
    top: -12.27154047%;
    right: -23.5294117647%;
    width: 84.7058823529%;
    aspect-ratio: 288/297;
    background: url(../img/member/webp/post_card-item-background--03.webp) no-repeat 50% 50%/cover;
  }
}
@media screen and (max-width: 600px) {
  .p-member__post__list .c-member-card:nth-child(2n+2) {
    margin-top: 0;
  }
}

.p-member__post__non-post-text {
  padding: 0 0.5em 0.2em;
  font-size: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--color-key);
}

.p-member__work-style-wrap {
  margin-top: clamp(3.375rem, 2.0552184466rem + 5.6310679612vw, 8.8125rem);
}

.p-single-member__post {
  margin-top: clamp(3.75rem, 2.6225564726rem + 2.3457862728vw, 5.4375rem);
  padding-bottom: clamp(4.375rem, 2.645631068rem + 7.3786407767vw, 11.5rem);
  position: relative;
}
.p-single-member__post:before {
  content: "";
  position: absolute;
  top: clamp(3.1875rem, 1.5172132928rem + 3.4752389227vw, 5.6875rem);
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - clamp(3.1875rem, 1.5172132928rem + 3.4752389227vw, 5.6875rem));
  background: url(../img/single-member/webp/post_background.webp) no-repeat 50% 0%/cover;
  z-index: -3;
}
@media screen and (max-width: 1024px) {
  .p-single-member__post {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .p-single-member__post {
    margin-top: clamp(4.5rem, 3.1283396947rem + 5.8524173028vw, 5.9375rem);
  }
  .p-single-member__post:before {
    top: clamp(2.4375rem, 4.2695610687rem - 3.8167938931vw, 3.375rem);
    height: calc(100% - clamp(2.4375rem, 4.2695610687rem - 3.8167938931vw, 3.375rem));
  }
}

.p-single-member__post__background:before {
  content: "";
  position: absolute;
  top: clamp(3.125rem, 1.4547132928rem + 3.4752389227vw, 5.625rem);
  left: 0;
  width: 100%;
  height: clamp(13.5rem, 11.4538987837rem + 4.2571676803vw, 16.5625rem);
  background: url(../img/single-member/post_background--top.svg) no-repeat 50% 50%/cover;
  z-index: -2;
}
@media screen and (min-width: 1921px) {
  .p-single-member__post__background:before {
    height: auto;
    aspect-ratio: 1920/265;
  }
}
@media screen and (max-width: 768px) {
  .p-single-member__post__background:before {
    top: clamp(2.4375rem, 4.1474236641rem - 3.5623409669vw, 3.3125rem);
    height: auto;
    aspect-ratio: 1920/265;
  }
}
.p-single-member__post__background:after {
  content: "";
  position: absolute;
  bottom: clamp(-5.9375rem, -6.1462858384rem + 0.4344048653vw, -5.625rem);
  left: 0;
  width: 100%;
  height: clamp(13.5rem, 11.4538987837rem + 4.2571676803vw, 16.5625rem);
  background: url(../img/single-member/post_background--bottom.svg) no-repeat 50% 50%/cover;
  z-index: -2;
}
@media screen and (min-width: 1921px) {
  .p-single-member__post__background:after {
    height: auto;
    aspect-ratio: 1920/265;
  }
}
@media screen and (max-width: 768px) {
  .p-single-member__post__background:after {
    height: auto;
    aspect-ratio: 1920/265;
    bottom: clamp(-1.25rem, 1.070610687rem - 4.834605598vw, -0.0625rem);
  }
}

.p-single-member__post__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2.8125rem, 2.4939320388rem + 1.359223301vw, 4.125rem);
}

.p-single-member__post__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(19.6875rem, 9.8745655951rem + 20.4170286707vw, 34.375rem);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1.5rem, 1.0752427184rem + 1.8122977346vw, 3.25rem);
}
@media screen and (max-width: 768px) {
  .p-single-member__post__heading {
    grid-template-columns: minmax(0, 1fr);
  }
}

.p-single-member__post__heading-text-wrap {
  margin-top: clamp(3.375rem, 1.8299847958rem + 3.2145960035vw, 5.6875rem);
}
@media screen and (max-width: 768px) {
  .p-single-member__post__heading-text-wrap {
    margin-top: 0;
  }
}

.p-single-member__post__title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.0625rem, 0.8197815534rem + 1.0355987055vw, 2.0625rem);
}

.p-single-member__post__number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 0.7em;
  color: var(--color-key);
  font-family: "Oswald";
  font-size: clamp(3.125rem, 2.6699029126rem + 1.9417475728vw, 5rem);
  font-weight: 400;
  line-height: 1.475;
  letter-spacing: 0.02em;
  position: relative;
}
.p-single-member__post__number:before {
  content: "#";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1em;
}

.p-single-member__post__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.25rem, 0.1589805825rem + 0.3883495146vw, 0.625rem);
  font-size: clamp(0.9375rem, 0.8616504854rem + 0.3236245955vw, 1.25rem);
  line-height: 1.45;
  letter-spacing: 0.05em;
}

.p-single-member__post__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}

.p-single-member__post__catchphrase {
  margin-top: clamp(2.25rem, 1.7493932039rem + 2.1359223301vw, 4.3125rem);
  font-size: clamp(1.125rem, 0.9733009709rem + 0.6472491909vw, 1.75rem);
  font-weight: 500;
  line-height: 1.4285714286;
  letter-spacing: 0.03em;
}

.p-single-member__post__job-description-wrap {
  margin-top: clamp(1rem, 0.7724514563rem + 0.9708737864vw, 1.9375rem);
  padding-top: clamp(1rem, 0.7724514563rem + 0.9708737864vw, 1.9375rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.5rem, 0.3938106796rem + 0.4530744337vw, 0.9375rem);
  font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-top: 1px solid var(--color-border_l);
}

.p-single-member__post__job-description-heading-text {
  font-weight: 500;
}

.p-single-member__post__job-description {
  line-height: 1.875;
}

.p-single-member__post__job-description-heading-text {
  padding-left: 1.2em;
  font-weight: 500;
  position: relative;
}
.p-single-member__post__job-description-heading-text:before {
  content: "●";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1em;
}

.p-single-member__post__heading-img-wrap {
  width: 100%;
  aspect-ratio: 550/707;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-single-member__post__heading-img-wrap {
    aspect-ratio: 550/600;
  }
}
.p-single-member__post__heading-img-wrap:before {
  content: "";
  position: absolute;
  bottom: -11.315417256%;
  right: -14.5454545455%;
  width: 54%;
  aspect-ratio: 297/288;
  background: url(../img/single-member/webp/post_heading-img-background.webp) no-repeat 50% 50%/contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-single-member__post__heading-img-wrap:before {
    bottom: -6%;
  }
}

.p-single-member__post__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}

.p-single-member__other__swiper-wrap {
  margin-top: clamp(2.5rem, 2.4089805825rem + 0.3883495146vw, 2.875rem);
}

.p-single-member__work-style-wrap {
  margin-top: clamp(3.375rem, 3.026092233rem + 1.4886731392vw, 4.8125rem);
}

.p-404__contents {
  margin-top: clamp(10rem, 9.0898058252rem + 3.8834951456vw, 13.75rem);
}

.p-404__text {
  text-align: center;
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}

.p-404__btn-wrap {
  margin-top: clamp(1.5rem, 1.3786407767rem + 0.5177993528vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-404__work-style-wrap {
  margin-top: clamp(3.375rem, 3.1019417476rem + 1.1650485437vw, 4.5rem);
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-grid {
  display: grid;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-capitalize {
  text-transform: capitalize;
}

.u-textCenter {
  text-align: center;
}

.u-bold {
  font-weight: bold;
}

.u-justify-center.u-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.u-gallery-wrap {
  margin-top: clamp(1.25rem, 0.9617718447rem + 1.2297734628vw, 2.4375rem);
}

.u-footer-margin-top--gallery {
  margin-top: clamp(2rem, 1.651092233rem + 1.4886731392vw, 3.4375rem);
}
@media screen and (max-width: 480px) {
  .u-footer-margin-top--gallery {
    margin-top: 0;
  }
}

.u-footer-margin-top--entry-banner {
  margin-top: clamp(2.0625rem, 1.5618932039rem + 2.1359223301vw, 4.125rem);
}

.u-entry-banner-wrap {
  margin-top: clamp(2.0625rem, 1.5618932039rem + 2.1359223301vw, 4.125rem);
}

@media screen and (max-width: 600px) {
  .is-pcOnly {
    display: none;
  }
}

.is-spOnly {
  display: none;
}
@media screen and (max-width: 600px) {
  .is-spOnly {
    display: block;
  }
}

.is-ssmOnly {
  display: none;
}
@media screen and (max-width: 480px) {
  .is-ssmOnly {
    display: block;
  }
}

@media screen and (max-width: 1366px) {
  .is-overPc {
    display: none;
  }
}

.is-underPc {
  display: none;
}
@media screen and (max-width: 1366px) {
  .is-underPc {
    display: block;
  }
}

.is-underXlpc {
  display: none;
}
@media screen and (max-width: 1600px) {
  .is-underXlpc {
    display: block;
  }
}

@media screen and (max-width: 1280px) {
  .is-overXxl {
    display: none;
  }
}

.is-underXxl {
  display: none;
}
@media screen and (max-width: 1280px) {
  .is-underXxl {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .is-overXl {
    display: none;
  }
}

.is-underXl {
  display: none;
}
@media screen and (max-width: 1024px) {
  .is-underXl {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .is-overMd {
    display: none;
  }
}

.is-underMd {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-underMd {
    display: block;
  }
}

.is-fixed {
  overflow: hidden !important;
}

.is-customBr-01 {
  display: block;
}
@media screen and (max-width: 768px) {
  .is-customBr-01 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .is-customBr-01 {
    display: block;
  }
}

.is-customBr-02 {
  display: block;
}
@media screen and (max-width: 965px) {
  .is-customBr-02 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .is-customBr-02 {
    display: block;
  }
}

.is-customBr-03 {
  display: block;
}
@media screen and (max-width: 965px) {
  .is-customBr-03 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .is-customBr-03 {
    display: block;
  }
}
@media screen and (max-width: 374px) {
  .is-customBr-03 {
    display: none;
  }
}

.is-customBr-04 {
  display: block;
}
@media screen and (max-width: 1024px) {
  .is-customBr-04 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .is-customBr-04 {
    display: block;
  }
}
@media screen and (max-width: 399px) {
  .is-customBr-04 {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */