/*
Theme Name: kakimoto arms RECRUITMENT 2026
Theme URI: https://recruit.kakimoto-arms.com/
Author: kakimoto arms RECRUITMENT 2026
Author URI: https://recruit.kakimoto-arms.com/
Description: kakimoto arms RECRUITMENT 2026
*/

:root {
  --header-height: 60px;
  --header-height-desktop: 87px;
}

html,
body { overflow-x: clip; }

html {
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  font-family: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 500;
  color: #000;
}

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

img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }

/* utility
------------------------------------------------ */
.u-f-Poppins { font-family: 'Poppins', sans-serif; }
.u-r-lists { margin: 0; padding: 0; list-style: none; }
.u-r-btn { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; position: relative; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; text-align: left; font-family: inherit; font-weight: inherit; line-height: inherit; color: inherit; cursor: pointer; }
.u-object-fit { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
.u-lazy-y { transition: transform 0.4s ease, opacity 0.4s ease; transform: translateY(20px); opacity: 0; }
.u-lazy-y.u-lazy-done { transform: translateY(0); opacity: 1; }
.u-lazy-opacity { transition: opacity 0.4s ease; opacity: 0; }
.u-lazy-opacity.u-lazy-done { opacity: 1; }
.u-deco { pointer-events: none; position: absolute; }
.u-deco img { width: 100%; max-width: inherit; }
.u-c-orange { color: #FF6500; }

@media screen and (max-width: 768px) {
  .u-d-mobile { display: inherit !important; }
  .u-d-mobile.is-d-inline { display: inline !important; }
  .u-d-desktop { display: none !important; }
}

@media screen and (min-width: 769px) {
  .u-d-mobile { display: none !important; }
  .u-d-desktop { display: inherit !important; }
  .u-d-desktop.is-d-inline { display: inline !important; }
}

/* container
------------------------------------------------ */
.l-container { position: relative; }
.l-wrap { position: relative; }
.body-home .l-main { position: relative; padding-top: var(--header-height); }
.l-wrap { position: relative; padding: 0 20px; }

@media screen and (min-width: 769px) {
  .l-wrap { margin: 0 auto; max-width: 1440px; }
}

@media screen and (min-width: 941px) {
  .body-home .l-main { padding-top: var(--header-height-desktop); }
}

/* component
------------------------------------------------ */
/* link */
.link-skipcontent { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); margin: -1px; width: 1px; height: 1px; text-decoration: none; white-space: nowrap; font-size: 1.4rem; line-height: 1.6; overflow: hidden; }
.link-skipcontent:focus { clip: auto; clip-path: none; margin: 0; padding: 20px; width: auto; height: auto; background-color: #000; overflow: auto; color: #fff; z-index: 9999; }

/* topicpath */
.topicpath { display: flex; }
.topicpath-item { position: relative; white-space: nowrap; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.4285714285; color: #717171; }
.topicpath-item:not(:last-child) { padding-right: 24px; }
.topicpath-item:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 6px; height: 10px; background: url(./_assets/img/icon/arrow2-gray.svg) no-repeat center center; background-size: 100% 100%; }
.topicpath-item > a { display: inline-block; position: relative; vertical-align: top; color: #717171; }

@media screen and (max-width: 768px) {
  .topicpath { overflow-x: scroll; }
  .l-wrap .topicpath { padding-right: 20px; width: calc(100% + 20px); }
}

@media screen and (min-width: 769px) {
  .topicpath-item { font-size: 1.4rem; }
}

/* title */
.title-1 { position: relative; }
.title-1-ja { margin: 0 0 13px; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 1; color: #FF6500; }
.title-1-en { margin: 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 3.6rem; font-weight: 600; line-height: 1.1; }
.title-2 { margin: 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 4rem; font-weight: 700; letter-spacing: 2px; line-height: 1.2; }
.title-2::after { content: ''; display: block; margin: 25px auto 0; width: 50px; height: 2px; background-color: #FF6500; }
.title-3 { margin: 0; text-align: center; font-size: 2.4rem; font-weight: 700; letter-spacing: 2px; line-height: 1.6; }
.title-3::after { content: ''; display: block; margin: 23px auto 0; width: 50px; height: 2px; background-color: #FF6500; }

@media screen and (max-width: 768px) {
  .title-1 .u-deco.is-deco-1 { top: -3px; right: 0; width: 38px; }
  .title-1 .u-deco.is-deco-2 { top: -2px; left: 21px; width: 18px; }
  .title-1 .u-deco.is-deco-3 { top: 25px; left: 0; width: 30px; }
}

@media screen and (min-width: 769px) {
  .title-1 { margin: 0 auto; width: fit-content; }
  .title-1-ja { margin-bottom: 25px; font-size: 2rem; }
  .title-1-en { font-size: 6rem; line-height: 1; }
  .title-1 .u-deco.is-deco-1 { top: 3px; right: calc((70px + 34px) * -1); width: 70px; }
  .title-1 .u-deco.is-deco-2 { top: 3px; left: calc((31px + 37px) * -1); width: 31px; }
  .title-1 .u-deco.is-deco-3 { top: 37px; left: calc((42px + 88px) * -1); width: 42px; }
  .title-2 { font-size: 4rem; }
  .title-2::after { margin-top: 25px; width: 50px; height: 2px; }
  .title-3 { font-size: 4rem; line-height: 1.2; }
  .title-3::after { margin-top: 26px; width: 50px; height: 2px; }
}

/* button */
.btn-1 { margin: 0; }
.btn-1 > a,
.btn-1 > button { display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto; width: 100%; height: 60px; background-color: #fff; border: 1px solid #000; border-radius: 70px; text-align: center; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.6; color: #000; overflow: hidden; z-index: 1; }
.btn-1 > a { text-decoration: none; }
.btn-1 > a::after,
.btn-1 > button::after { content: ''; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); width: 16px; height: 15px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.btn-1 > a[target='_blank']::after { width: 20px; height: 20px; background-image: url(./_assets/img/icon/external2.svg); }
.btn-entry > a,
.btn-entry > button { display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto; width: 100%; height: 60px; background-color: #FF6500; border: 1px solid #FF6500; border-radius: 70px; text-align: center; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.6; color: #fff; overflow: hidden; z-index: 1; }
.btn-entry > a { text-decoration: none; }
.btn-entry > a::after,
.btn-entry > button::after { content: ''; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); width: 16px; height: 15px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }

@media (hover: hover) and (pointer: fine) {
  .btn-1 > a,
  .btn-1 > button { transition: color 0.4s; }
  .btn-1 > a::before,
  .btn-1 > button::before { content: ''; position: absolute; top: 50%; left: 50%; transition: transform 0.4s, opacity 0.4s; transform: translate3d(-50%, -50%, 0) scale(0); aspect-ratio: 1 / 1; width: 100%; background-color: #000; border-radius: 50%; opacity: 0; z-index: -1; }
  .btn-1 > a:hover,
  .btn-1 > button:hover { color: #fff; }
  .btn-1 > a:hover::before,
  .btn-1 > button:hover::before { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; }
  .btn-1 > a:hover::after,
  .btn-1 > button:hover::after { background-image: url(./_assets/img/icon/arrow1-white.svg); }
  .btn-1 > a[target='_blank']:hover::after { background-image: url(./_assets/img/icon/external2-white.svg); }
  .btn-entry > a,
  .btn-entry > button { transition: color 0.4s; }
  .btn-entry > a::before,
  .btn-entry > button::before { content: ''; position: absolute; top: 50%; left: 50%; transition: transform 0.4s, opacity 0.4s; transform: translate3d(-50%, -50%, 0) scale(0); aspect-ratio: 1 / 1; width: 100%; background-color: #fff; border-radius: 50%; opacity: 0; z-index: -1; }
  .btn-entry > a:hover,
  .btn-entry > button:hover { color: #FF6500; }
  .btn-entry > a:hover::before,
  .btn-entry > button:hover::before { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; }
  .btn-entry > a:hover::after,
  .btn-entry > button:hover::after { background-image: url(./_assets/img/icon/arrow1-orange.svg); }
}

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .btn-1 > a,
  .btn-1 > button { margin: 0 auto; width: 255px; height: 75px; font-size: 1.8rem; letter-spacing: -0.03em; }
  .btn-1 > a::after,
  .btn-1 > button::after { right: 24px; }
  .btn-entry > a,
  .btn-entry > button { margin: 0 auto; width: 255px; height: 75px; font-size: 1.8rem; letter-spacing: -0.03em; }
  .btn-entry > a::after,
  .btn-entry > button::after { right: 24px; }
}

/* banner */
.banner-guidebook { position: relative; padding: 42px 0 31px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 40px; }
.banner-guidebook-logo { margin: 0 auto 10px; width: 35.8208955223%; }
.banner-guidebook-title { margin: 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 3.2rem; font-weight: 600; line-height: 1; }
.banner-guidebook-pamphlet { position: relative; }
.banner-guidebook-pamphlet__balloon { position: relative; margin: 0; font-size: 1.6rem; line-height: 1.6; }
.banner-guidebook-pamphlet__balloon::before { content: ''; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner-guidebook-pamphlet__photo { position: relative; border-radius: 10px; overflow: hidden; }
.banner-lists { display: grid; gap: 20px; position: relative; }
.banner-lists-item > a { display: flex; flex-flow: column; justify-content: center; position: relative; padding: 0 30px; min-height: 122px; border-radius: 20px; text-decoration: none; overflow: hidden; z-index: 1; }
.banner-lists-item > a::before,
.banner-lists-item > a::after { content: ''; position: absolute; top: 50%; right: 27px; transform: translateY(-50%); width: 52px; height: 52px; }
.banner-lists-item > a::before { border: 1px solid #fff; border-radius: 50%; }
.banner-lists-item > a::after { background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 14px 14px; }
.banner-lists-en { margin: 0 0 7px; font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 900; line-height: 1; }
.banner-lists-ja { margin: 0; font-size: 2.4rem; font-weight: 700; line-height: 1.2; }
.banner-lists-item.is-banner-job > a { background-color: #FF7417; color: #fff; }
.banner-lists-item.is-banner-environment > a { background-color: #FAE1A2; }
.banner-lists-item.is-banner-environment > a::before { background-color: #FF6500; border-color: #FF6500; }
.banner-lists-item.is-banner-environment .banner-lists-en { color: #FF6500; }
.banner-lists-item.is-banner-environment .banner-lists-ja { color: #000; }
.banner-lists-item.is-banner-environment .u-deco { z-index: -1; }
.banner-lists-item.is-banner-environment .u-deco.is-deco-1 { top: 12px; right: 50px; width: 70px; }
.banner-lists-item.is-banner-environment .u-deco.is-deco-2 { bottom: 5px; right: 0; width: 112px; }
.banner-lists-item.is-banner-benefit > a { background-color: #C3DFA9; }
.banner-lists-item.is-banner-benefit > a::before { background-color: #80A234; border-color: #80A234; }
.banner-lists-item.is-banner-benefit .banner-lists-en { color: #80A234; }
.banner-lists-item.is-banner-benefit .banner-lists-ja { color: #000; }
.banner-lists-item.is-banner-benefit .u-deco { z-index: -1; }
.banner-lists-item.is-banner-benefit .u-deco.is-deco-1 { top: 25px; right: 87px; width: 65px; }
.banner-entryform > a { display: block; position: relative; padding: 37px 27px 33px; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); border-radius: 20px; text-decoration: none; color: #fff; }
.banner-entryform > a::before,
.banner-entryform > a::after { content: ''; position: absolute; top: 50%; right: 27px; transform: translateY(-50%); width: 52px; height: 52px; }
.banner-entryform > a::before { border: 1px solid #fff; border-radius: 50%; }
.banner-entryform > a::after { background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 14px 14px; }
.banner-entryform-ja { margin: 0 0 7px; font-size: 1.4rem; font-weight: 700; line-height: 1; }
.banner-entryform-en { margin: 0; font-family: 'Poppins', sans-serif; font-size: 3.3rem; font-weight: 600; letter-spacing: -0.01em; line-height: 1.1; }


@media screen and (max-width: 768px) {
  .banner-guidebook { margin: 0 20px; background-image: url(./_assets/img/banner/guidebook_bg.png); }
  .banner-guidebook-pamphlet { margin-top: 22px; }
  .banner-guidebook-pamphlet__balloon { margin: 0 auto 18px; width: 92.5373134328%; text-align: center; }
  .banner-guidebook-pamphlet__balloon::before { top: 0.8vw; left: 0; width: 100%; height: 6.9333333333vw; background-image: url(./_assets/img/banner/guidebook_balloon.svg); }
  .banner-guidebook-pamphlet__photo { margin: 0 30px; }
  .banner-guidebook-pamphlet .u-deco.is-deco-1 { top: 44.8vw; right: 5.8%; transform: scaleX(-1); width: 10.4477611940%; }
  .banner-guidebook-pamphlet .u-deco.is-deco-2 { top: 42.4vw; left: 13.7313432835%; width: 5.3731343283%; }
  .banner-guidebook-pamphlet .u-deco.is-deco-3 { top: 63.4666666666vw; left: 3.7%; width: 10.4477611940%; }
  .banner-guidebook .btn-1 { margin-top: 17px; padding: 0 14px; }
}

@media screen and (min-width: 769px) {
  .banner-guidebook { margin: 0 auto; padding: 60px 674px 42px 0; max-width: 1162px; min-height: 344px; background-image: url(./_assets/img/banner/guidebook_bg-desktop.png); border-radius: 40px; }
  .banner-guidebook-logo { margin-bottom: 10px; width: 164px; }
  .banner-guidebook-title { font-size: 4rem; line-height: 1.2; }
  .banner-guidebook-pamphlet { position: absolute; top: -30px; right: 132px; width: 290px; }
  .banner-guidebook-pamphlet__balloon { display: flex; align-items: center; justify-content: flex-end; position: absolute; top: 81px; left: calc((208px + 38px) * -1); padding-right: 10px; width: 208px; height: 140px; text-align: right; font-size: 1.8rem; line-height: 1.5; z-index: 2; }
  .banner-guidebook-pamphlet__balloon::before { top: 50%; right: 0; transform: translateY(-50%); width: 161px; height: 100%; background-image: url(./_assets/img/banner/guidebook_balloon-desktop.svg); }
  .banner-guidebook-pamphlet .u-deco.is-deco-1 { bottom: 78px; left: calc((48px + 48px) * -1); width: 48px; }
  .banner-guidebook-pamphlet .u-deco.is-deco-2 { bottom: 116px; right: calc((18px + 79px) * -1); width: 18px; }
  .banner-guidebook-pamphlet .u-deco.is-deco-3 { top: 77px; right: calc((35px + 44px) * -1); width: 35px; }
  .banner-guidebook .btn-1 { margin-top: 26px; }
  .banner-lists { row-gap: 50px; column-gap: 30px; grid-template-columns: repeat(2, calc(50% - (30px / 2))); }
  .banner-lists-item > a { padding: 0 44px; min-height: 283px; border-radius: 20px; }
  .banner-lists-item > a::before,
  .banner-lists-item > a::after { right: 90px; width: 109px; height: 109px; }
  .banner-lists-item > a::after { background-size: 28px 28px; }
  .banner-lists-en { margin-bottom: 19px; font-size: 2rem; }
  .banner-lists-ja { font-size: 4.8rem; line-height: 1; }
  .banner-lists-item.is-banner-job { grid-column: 1 / 3; }
  .banner-lists-item.is-banner-environment > a,
  .banner-lists-item.is-banner-benefit > a { min-height: 228px; border-radius: 20px 20px 35px 20px; }
  .banner-lists-item.is-banner-environment > a::before,
  .banner-lists-item.is-banner-environment > a::after,
  .banner-lists-item.is-banner-benefit > a::before,
  .banner-lists-item.is-banner-benefit > a::after { top: auto; bottom: 0; right: 0; transform: none; width: 72px; height: 72px; }
  .banner-lists-item.is-banner-environment > a::after,
  .banner-lists-item.is-banner-benefit > a::after { background-size: 19px 19px; }
  .banner-lists-item.is-banner-environment .banner-lists-en,
  .banner-lists-item.is-banner-benefit .banner-lists-en { margin-bottom: 17px; }
  .banner-lists-item.is-banner-environment .banner-lists-ja,
  .banner-lists-item.is-banner-benefit .banner-lists-ja { font-size: 3.2rem; }
  .banner-lists-item.is-banner-environment .u-deco.is-deco-1 { top: 26px; right: 124px; width: 155px; }
  .banner-lists-item.is-banner-environment .u-deco.is-deco-2 { bottom: 27px; right: 0; width: 248px; }
  .banner-lists-item.is-banner-benefit .u-deco.is-deco-1 { top: 27px; right: 72px; width: 161px; }
  .banner-entryform > a { padding: 93px 113px 92px; }
  .banner-entryform > a::before,
  .banner-entryform > a::after { right: 90px; width: 109px; height: 109px; }
  .banner-entryform > a::after { background-size: 28px 28px; }
  .banner-entryform-ja { margin-bottom: 18px; font-size: 2rem; }
  .banner-entryform-en { font-size: 6rem; letter-spacing: -0.03em; line-height: 1; }
}

@media screen and (min-width: 769px) and (max-width: 1202px) {
  .banner-guidebook { margin: 0 20px; padding-right: 58.0034423407%; }
}

@media screen and (min-width: 769px) and (max-width: 1020px) {
  .banner-guidebook-pamphlet { right: 20px; }
  .banner-guidebook-pamphlet__balloon { left: calc((150px + 10px) * -1); width: 150px; font-size: 1.2rem; }
  .banner-guidebook-pamphlet__balloon::before { width: 140px; height: 104px; }
  .banner-guidebook-pamphlet .u-deco.is-deco-2 { right: 20px; }
  .banner-guidebook-pamphlet .u-deco.is-deco-3 { right: 40px; }
}


/* tab */
.tab-links + .tab-links { margin-top: 40px; }
.tab-links-item { text-align: center; font-size: 1.2rem; line-height: 1.16666666667; }
.tab-links-item > a { display: flex; justify-content: center; align-items: center; min-height: 45px; border: 1px solid #E58D2A; border-radius: 25px 0 25px 0; text-decoration: none; color: #E58D2A; }

.u-device-click .tab-links-item > a { transition: background-color 0.4s ease, color 0.4s ease; }
.tab-links-item > a.is-active,
.u-device-click .tab-links-item > a:hover { background-color: #E58D2A; color: #fff; }

@media screen and (max-width: 768px) {
  .tab-links-item.is-s-mobile { font-size: 1rem; line-height: 1.3; }

  .tab-links[data-column-mobile='2'] { display: grid; gap: 14px; grid-template-columns: repeat(2,calc(50% - 7px)); }
}

@media screen and (min-width: 769px) {
  .tab-links + .tab-links { margin-top: 80px; }
  .tab-links-item { font-size: 1.4rem; line-height: 1.78571428571; }
  .tab-links-item.is-s-desktop { font-size: 1.3rem; line-height: 1.23076923077; }
  .tab-links-item > a { min-height: 50px; }

  .tab-links[data-column-desktop='5'] { display: grid; row-gap: 20px; column-gap: 14px; grid-template-columns: repeat(5,calc((100% / 5) - (14px / (5 / 4)))); }
}

/* sort */
.sort-tab { position: relative; background-color: rgba(255, 255, 255, 0.4); border-radius: 31px; }
.sort-tab-links { display: grid; row-gap: 6px; column-gap: 7px; grid-template-columns: repeat(2, calc(50% - (7px / 2))); padding: 11px 9px; }
.sort-tab-links__item { font-size: 1.4rem; line-height: 1.23; }
.sort-tab-links__item > a,
.sort-tab-links__item > button { display: flex; justify-content: center; align-items: center; padding: 4px; width: 100%; min-height: 51px; background-color: #fff; border-radius: 41px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); text-align: center; color: #FF6500; }
.sort-tab-links__item > a { text-decoration: none; }
.sort-tab-links__item > button { width: 100%; }
.sort-tab-links__item > a.is-active,
.sort-tab-links__item > button.is-active { background-color: #FF6500; color: #fff; }

@media screen and (max-width: 768px) {
  .sort-tab { box-shadow: 0 1px 5.6px rgba(0, 0, 0, 0.09); }
}

@media screen and (min-width: 769px) {
  .sort-tab { border-radius: 50px; }
  .sort-tab-links { row-gap: 14px; column-gap: 14px; grid-template-columns: repeat(5, calc((100% / 5) - (14px / (5 / 4)))); padding: 16px 19px; }
  .sort-tab-links__item { font-size: 1.8rem; line-height: 1; }
  .sort-tab-links__item.is-en { font-family: 'Poppins', sans-serif; font-size: 2rem; }
  .sort-tab-links__item > a,
  .sort-tab-links__item > button { min-height: 74px; }
}

/* lists */
.lists-banner-item > a { display: block; position: relative; width: 100%; border-radius: 20px; text-decoration: none; overflow: hidden; }
.lists-banner-photo { position: relative; aspect-ratio: 1.7819148936 / 1; z-index: 1; }
.lists-banner-name { display: flex; align-items: center; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0 20px; width: 100%; height: 49px; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); font-size: 1.6rem; font-weight: 700; line-height: 1.6; color: #fff; z-index: 2; }
.lists-banner-name::after { content: ''; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 14px; height: 13px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }
.lists-banner-name.is-name-long { font-size: 1.5rem; letter-spacing: -0.1em; }
.lists-news-item { position: relative; border-bottom: 1px solid rgb(0, 0, 0, 0.13); }
.lists-news-item > a:not(.post-edit-link) { display: block; padding: 20px 70px 22px 24px; text-decoration: none; }
.lists-news-item > a:not(.post-edit-link)::after { content: ''; position: absolute; top: 50%; right: 27px; transform: translateY(-50%); width: 16px; height: 15px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.lists-news-item .post-edit-link { position: absolute; top: 0; left: 0; }
.lists-news-date { display: block; margin: 0; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.03em; line-height: 1.6; color: #FF6502; }
.lists-news-title { margin: 0; font-size: 1.6rem; font-weight: 500; line-height: 1.6; color: #000; }
.lists-specialist { display: flex; flex-wrap: wrap; }
.lists-specialist-item > a { display: block; width: 100%; text-decoration: none; }
.lists-specialist-pic { position: relative; aspect-ratio: 1 / 1; margin-bottom: 15px; border-radius: 20px; overflow: hidden; }
.lists-specialist-title { position: relative; margin: 0; padding-left: 25px; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1; color: #000; }
.lists-specialist-title::before { content: ''; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.lists-interview-item { position: relative; }
.lists-interview-item > a:not(.post-edit-link) { display: block; position: relative; background-color: #fff; border-radius: 20px 20px 80px 20px; text-decoration: none; color: #000; overflow: hidden; }
.lists-interview-item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.lists-interview-photo { position: relative; aspect-ratio: 1.3147171961 / 1; overflow: hidden; }
.lists-interview-info { position: relative; padding: 0 20px 30px; }
.lists-interview-catch { margin: -18px 0 18px; font-size: 2rem; font-weight: 700; line-height: 1; }
.lists-interview-catch > span { display: inline-block; padding: 5px 9px 7px; background-color: #FF6500; border-radius: 2px; vertical-align: top; color: #fff; }
.lists-interview-catch > span:not(:first-child) { margin-top: 3px; }
.lists-interview-post { margin: 0 0 7px; font-size: 1.3rem; font-weight: 700; line-height: 1; }
.lists-interview-name { margin: 0; font-size: 2rem; font-weight: 700; line-height: 1; }
.lists-interview-join { margin: 15px 0 0; font-size: 1.3rem; font-weight: 700; line-height: 1; color: #FF6500; }
.lists-interview-en { margin: 11px 0 0; font-size: 1.3rem; font-weight: 700; line-height: 1; color: #FF6500; }

@media screen and (max-width: 768px) {
  .lists-banner[data-column-mobile] { display: grid; }
  .lists-banner[data-column-mobile='1'] { gap: 25px; }
  .lists-news-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; margin-top: -3px; text-overflow: ellipsis; overflow: hidden; }
  .lists-specialist { row-gap: 25px; column-gap: 14px; }
  .lists-specialist-item { width: calc(50% - (14px / 2)); }
  .lists-interview[data-column-mobile='1'] { display: grid; row-gap: 50px; }
}

@media screen and (min-width: 769px) {
  .lists-banner-photo { aspect-ratio: 1.788 / 1; }
  .lists-banner-name { padding: 0 42px 0 30px; height: 66px; font-size: 2rem; line-height: 1; }
  .lists-banner-name::after { right: 25px; width: 16px; height: 15px; }
  .lists-banner-name.is-name-long { font-size: 2rem; letter-spacing: -0.13em; }

  .lists-banner[data-column-desktop] { display: grid; }
  .lists-banner[data-column-desktop='3'] { gap: 30px; grid-template-columns: repeat(3, calc((100% / 3) - (30px / (3 / 2)))); }
  .lists-news-item > a:not(.post-edit-link) { display: grid; align-items: flex-start; grid-template-columns: 126px calc(100% - 126px); padding: 36px 90px 36px 40px; }
  .lists-news-item > a:not(.post-edit-link)::after { right: 40px; width: 16px; height: 15px; }
  .lists-news-date { font-size: 1.8rem; }
  .lists-news-title { padding-top: 3px; text-overflow: ellipsis; white-space: nowrap; font-size: 1.8rem; line-height: 1; overflow: hidden; }
  .lists-specialist { justify-content: center; row-gap: 65px; column-gap: 32px; }
  .lists-specialist-item { width: calc((100% / 5) - (32px / (5 / 4))); }
  .lists-specialist-pic { margin-bottom: 20px; }
  .lists-specialist-title { padding-left: 33px; font-size: 2.4rem; }
  .lists-specialist-title::before { left: 0; width: 18px; height: 18px; }
  .lists-interview-photo { aspect-ratio: 1.3147058823 / 1; }
  .lists-interview-info { padding: 0 30px 43px; }
  .lists-interview-catch { margin: -22px 0 26px; font-size: 2.2rem; }
  .lists-interview-catch > span { padding: 10px 14px 12px; }
  .lists-interview-catch > span:not(:first-child) { margin-top: 5px; }
  .lists-interview-post { margin-bottom: 1px; font-size: 1.6rem; line-height: 1.6; }
  .lists-interview-name { font-size: 2.6rem; }
  .lists-interview-join { margin-top: 17px; font-size: 1.4rem; }
  .lists-interview-en { margin-top: 17px; font-size: 1.4rem; }
  .lists-interview.splide__list { display: grid !important; gap: 30px; grid-template-columns: repeat(3, calc((100% / 3) - (30px / (3 / 2)))); }
  .lists-interview[data-column-desktop='3'] { display: grid; row-gap: 75px; column-gap: 30px; grid-template-columns: repeat(3, calc((100% / 3) - (30px / (3 / 2)))); }
}

/* splide */
.splide__arrow { width: 37px; height: 37px; background-color: #F9BC45; border-radius: 50%; opacity: 1; }
.splide__arrow::after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }
.splide__arrow--prev::after { transform: translate(-50%, -50%) rotate(180deg); }
.splide__arrow--next::after { transform: translate(-50%, -50%); }
.splide__arrow svg { display: none; }
.splide__pagination { display: flex; justify-content: center; gap: 8px; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-top: 27px; opacity: 1; }
.splide__pagination li { width: 9px; height: 9px; }
.splide__pagination__page { margin: 0; width: 100%; height: 100%; background-color: #fff; border: 1px solid #000; opacity: 1; }
.splide__pagination__page.is-active { transform: none; background-color: #000; }

@media screen and (min-width: 769px) {
  .splide__arrow { width: 72px; height: 72px; }
  .splide__arrow::after { width: 15px; height: 15px; }
  .splide__pagination { gap: 17px; margin-top: 38px; }
  .splide__pagination li { width: 18px; height: 18px; }
}

/* section */
.section-entry { position: relative; margin-top: -40px; z-index: 5; }
.section-entry::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); border-radius: 40px 40px 0 0; z-index: -1; }
.section-entry-slide { z-index: 2; }
.section-entry-lists__item { position: relative; aspect-ratio: 1 / 1; margin: auto; border-radius: 20px; overflow: hidden; }
.section-entry-content { position: relative; padding: 70px 0 80px; }
.section-entry .title-1 { margin-bottom: 26px; }
.section-entry .title-1-en,
.section-entry .title-1-ja { color: #fff; }
.section-entry-links { display: grid; row-gap: 20px; }
.section-entry-links__item { text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1.6; }
.section-entry-links__item > a { display: block; position: relative; padding: 16px 10px 14px; border: 2px solid #fff; border-radius: 70px; text-decoration: none; color: #fff; overflow: hidden; z-index: 1; }
.section-entry-links__item > a::after { content: ''; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); width: 16px; height: 15px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }
.section-entry-links__item.is-name-long > a { padding-right: 34px; }
.section-entry.has-slide { margin-top: 0; }
.section-entry.has-slide::after { top: 26.6666666666vw; height: calc(100% - 26.6666666666vw); }
.section-entry.has-slide .section-entry-content { padding-top: 55px; }
.section-entryform { position: relative; margin-top: -56px; }
.section-notfound { padding: calc(var(--header-height) + 40px) 25px 40px; text-align: center; }
.section-notfound-title { margin: 0 0 2vw; font-family: 'Poppins', sans-serif; font-size: 8rem; font-weight: 700; line-height: 1.6; }
.section-notfound-text { margin: 0; font-size: 1.5rem; line-height: 1.6; }
.section-notfound .btn-1 { margin-top: 4vw; }

@media (hover: hover) and (pointer: fine) {
  .section-entry-links__item > a { transition: color 0.4s; }
  .section-entry-links__item > a::before { content: ''; position: absolute; top: 50%; left: 50%; transition: transform 0.4s, opacity 0.4s; transform: translate3d(-50%, -50%, 0) scale(0); aspect-ratio: 1 / 1; width: 100%; background-color: #fff; border-radius: 50%; opacity: 0; z-index: -1; }
  .section-entry-links__item > a:hover { color: #000; }
  .section-entry-links__item > a:hover::before { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; }
  .section-entry-links__item > a:hover::after { background-image: url(./_assets/img/icon/arrow1.svg); }
}

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .section-entry { margin-top: -100px; }
  .section-entry::after { border-radius: 100px 100px 0 0; }
  .section-entry-content { padding: 140px 0 120px; }
  .section-entry-content > .l-wrap { display: grid; align-items: center; grid-template-columns: 305px calc(100% - 305px); }
  .section-entry .title-1 { margin: 0; }
  .section-entry .title-1-ja,
  .section-entry .title-1-en { text-align: left; }
  .section-entry .title-1-ja { margin-bottom: 18px; }
  .section-entry-links { display: flex; flex-wrap: wrap; gap: 15px; }
  .section-entry-links__item { width: 355px; font-size: 2.1rem; line-height: 1; }
  .section-entry-links__item > a { display: flex; justify-content: center; align-items: center; padding: 0 10px; height: 86px; }
  .section-entry-links__item > a::after { right: 30px; width: 16px; height: 15px; }
  .section-entry-links__item.is-name-long { font-size: 2rem; letter-spacing: -0.08em; line-height: 1.3; }
  .section-entry-links__item.is-name-long > a { padding-right: 48px; }
  .section-entry.has-slide::after { top: 10.625vw; height: calc(100% - 10.625vw); }
  .section-entry.has-slide .section-entry-content { padding-top: 122px; }
  .section-entryform { margin-top: -142px; }
  .section-notfound { padding-top: calc(var(--header-height-desktop) + 20px); }
}

/* pagination */
.pagination { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 55px; }
.pagination-current,
.pagination-link { position: relative; width: 9px; height: 9px; background-color: #fff; border: 1px solid #000; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.pagination-current { background-color: #000; }
.pagination-link { text-decoration: none; }
.pagination-prev,
.pagination-next { position: relative; width: 37px; height: 37px; background-color: #F9BC45; border: 1px solid #F9BC45; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.pagination-prev::before,
.pagination-next::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }
.pagination-prev { transform: rotate(180deg); margin-right: 16px; }
.pagination-next { margin-left: 16px; }
.pagination-prev.is-hidden,
.pagination-next.is-hidden { pointer-events: none; opacity: 0; }

@media screen and (min-width: 769px) {
  .pagination { gap: 16px; margin-top: 97px; }
  .pagination-current,
  .pagination-link { width: 18px; height: 18px; }
  .pagination-prev,
  .pagination-next { width: 72px; height: 72px; }
  .pagination-prev::before,
  .pagination-next::before { width: 19px; height: 19px; }
  .pagination-prev { margin-right: 27px; }
  .pagination-next { margin-left: 27px; }
}

/* pager */
.pager { position: relative; margin-top: 24px; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.13); text-align: center; }
.pager-back { display: block; margin: 0 auto; padding: 28px 0; width: 171px; border: 1px solid #000; border-radius: 70px; text-align: center; text-decoration: none; font-size: 1.8rem; letter-spacing: -3%; line-height: 1; color: #000; }
.pager-prev,
.pager-next { position: absolute; top: 50px; background-color: #F9BC45; width: 37px; height: 37px; border-radius: 50%; text-decoration: none; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.pager-prev::before,
.pager-next::before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }
.pager-prev { left: 0; }
.pager-prev::before { transform: translate(-50%, -50%) rotate(180deg); }
.pager-next { right: 0; }
.pager-next::before { transform: translate(-50%, -50%); }

@media screen and (min-width: 769px) {
  .pager { margin-top: 20px; padding-top: 40px; }
  .pager-back { padding-top: 30px; width: 181px; font-size: 1.8rem; }
  .pager-prev,
  .pager-next { top: 43px; width: 72px; height: 72px; }
  .pager-prev::before,
  .pager-next::before { width: 19px; height: 19px; }
}

/* wp-block */
.wp-block-image figure { margin: 0; }

/* custom-block */
.custom-block-multi:not(:first-child) { margin-top: 50px; }
.custom-block-multi__photo { border-radius: 50px 0 50px 0; overflow: hidden; }
.custom-block-multi__info { font-size: 1.6rem; line-height: 1.6; }
.custom-block-multi__info h2 { margin: 0 0 16px; font-size: 2rem; font-weight: 700; line-height: 1.625; }
.custom-block-multi__info p { margin: 0; }
.custom-block-multi__info p + p { margin-top: 1em; }
.custom-block-lists { margin-top: 86px; }
.custom-block-lists__photo { border-radius: 50px 0 50px 0; overflow: hidden; }
.custom-block-lists__text { margin: 0; font-size: 1.6rem; line-height: 1.6; }
.custom-block-schedule { margin-top: 175px; }
.custom-block-schedule .title-2 { margin-bottom: 30px; }
.custom-block-schedule__lists__item { display: flex; }
.custom-block-schedule__lists__item:not(:last-child) { margin-bottom: 12px; padding-bottom: 16px; border-bottom: 1px solid #ddd; }
.custom-block-schedule__lists__time { margin: 0; width: 70px; font-family: 'Poppins', sans-serif; font-size: 1.94rem; font-weight: 700; letter-spacing: 1.1px; line-height: 2.3195876288; }
.custom-block-schedule__lists__text { margin: 0; padding-top: 6px; width: calc(100% - 70px); font-size: 1.6rem; line-height: 1.6; }

@media screen and (max-width: 768px) {
  .custom-block-multi.is-photo-above .custom-block-multi__photo { margin-bottom: 26px; }
  .custom-block-multi.is-photo-below { display: flex; flex-flow: column-reverse; }
  .custom-block-multi.is-photo-below .custom-block-multi__photo { margin-top: 26px; }
  .custom-block-lists__photo { margin: 0 32px 24px; }
  .custom-block-lists[data-column-mobile='1'] .custom-block-lists__item:not(:first-child) { margin-top: 40px; }
}

@media screen and (min-width: 769px) {
  .custom-block-multi { display: flex; align-items: center; }
  .custom-block-multi:not(:first-child) { margin-top: 80px; }
  .custom-block-multi__photo { width: 46.4285714285%; }
  .custom-block-multi__info { width: calc(100% - (46.4285714285% + 100px)); font-size: 2rem; line-height: 2; }
  .custom-block-multi__info h2 { margin-bottom: 48px; font-size: 3.2rem; line-height: 1.6; }
  .custom-block-multi.is-photo-left .custom-block-multi__info { margin-left: 100px; }
  .custom-block-multi.is-photo-right { flex-flow: row-reverse; }
  .custom-block-multi.is-photo-right .custom-block-multi__info { margin-right: 100px; }
  .custom-block-lists { margin-top: 80px; }
  .custom-block-lists__photo { margin-bottom: 28px; }
  .custom-block-lists__text { font-size: 1.6rem; line-height: 2; }
  .custom-block-lists[data-column-desktop='3'] { display: grid; gap: 52px; grid-template-columns: repeat(3,calc((100% / 3) - (52px / (3 / 2)))); }
  .custom-block-schedule { margin: 166px auto 0; max-width: 1040px; }
  .custom-block-schedule .title-2 { margin-bottom: 28px; }
  .custom-block-schedule__lists { margin: 0 auto; max-width: 1040px; }
  .custom-block-schedule__lists__item:not(:last-child) { margin-bottom: 18px; padding-bottom: 16px; border-bottom-color: #000; }
  .custom-block-schedule__lists__time { width: 100px; font-size: 2.06rem; }
  .custom-block-schedule__lists__text { padding-top: 10px; width: calc(100% - 100px); font-size: 1.5rem; }
}

/* page */
.page-above { position: relative; height: 466px; overflow: hidden; }
.page-above > .l-wrap { height: 100%; }
.page-above .topicpath { padding-top: calc(var(--header-height) + 10px); }
.page-title { display: flex; flex-flow: column; justify-content: center; align-items: center; position: absolute; top: 138px; left: 0; width: 100%; height: 295px; text-align: center; }
.page-title-en { margin-bottom: -8px; }
.page-title-en svg { overflow: visible; }
.page-title-en text { font-family: 'Poppins', sans-serif; font-size: 1.899rem; font-weight: 800; fill: #231815; }
.page-title-ja { margin: 0; text-align: center; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.5; }
.page-above-pic { pointer-events: none; position: absolute; }
.page-above-pic img { width: 100%; max-width: inherit; }

@media screen and (max-width: 768px) {
  .page-above-pic.is-pic-1 { bottom: 32px; left: 15px; width: 97px; }
  .page-above-pic.is-pic-2 { top: 138px; right: 29px; width: 107px; }
  .page-above .u-deco.is-deco-1 { top: 191px; left: 28px; transform: scaleX(-1); width: 55px; }
  .page-above .u-deco.is-deco-2 { top: 269px; right: 28px; width: 21px; }
  .page-above .u-deco.is-deco-3 { top: 340px; right: 51px; width: 40px; }
}

@media screen and (min-width: 769px) {
  .page-above { height: 450px; }
  .page-title { top: 191px; height: 198px; }
  .page-title-en { margin-bottom: -4px; }
  .page-title-en text { font-size: 2.4rem; }
  .page-title-ja { font-size: 4.8rem; }
  .page-above-pic.is-pic-1 { bottom: 61px; left: 50%; transform: translateX(-371px); width: 214px; }
  .page-above-pic.is-pic-2 { top: 191px; right: 50%; transform: translateX(369px); width: 230px; }
  .page-above .u-deco.is-deco-1 { top: 209px; left: 50%; transform: translateX(-470px); width: 70px; }
  .page-above .u-deco.is-deco-2 { top: 161px; right: 50%; transform: translateX(126px); width: 35px; }
  .page-above .u-deco.is-deco-3 { top: 171px; right: 50%; transform: translateX(429px); width: 51px; }

  .page-above-pic.is-pic-1.u-lazy-y { transform: translate(-371px, 20px); }
  .page-above-pic.is-pic-1.u-lazy-done { transform: translate(-371px, 0); }
  .page-above-pic.is-pic-2.u-lazy-y { transform: translate(369px, 20px); }
  .page-above-pic.is-pic-2.u-lazy-done { transform: translate(369px, 0); }
  .page-above .u-deco.is-deco-1.u-lazy-y { transform: translate(-470px, 20px); }
  .page-above .u-deco.is-deco-1.u-lazy-done { transform: translate(-470px, 0); }
  .page-above .u-deco.is-deco-2.u-lazy-y { transform: translate(126px, 20px); }
  .page-above .u-deco.is-deco-2.u-lazy-done { transform: translate(126px, 0); }
  .page-above .u-deco.is-deco-3.u-lazy-y { transform: translate(429px, 20px); }
  .page-above .u-deco.is-deco-3.u-lazy-done { transform: translate(429px, 0); }
}

@media screen and (min-width: 941px) {
  .page-above .topicpath { padding-top: calc(var(--header-height-desktop) + 24px); }
}

/* modal */
.modal-announce { pointer-events: none; display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; transition: opacity 0.4s; width: 100%; height: 100%; overflow-y: auto; overscroll-behavior-y: contain; opacity: 0; z-index: 100; }
.modal-announce[aria-hidden=false] { pointer-events: all; opacity: 1; }
.modal-announce-frame { position: relative; z-index: 2; }
.modal-announce-above { position: relative; padding: 13px 10px 9px; background-color: #DC706B; border-radius: 20px 20px 0 0; color: #fff; }
.modal-announce-title { margin: 0; text-align: center; font-size: 2.4rem; font-weight: 700; letter-spacing: 3%; line-height: 1.4583333333; }
.modal-announce-title .is-en { display: inline-block; vertical-align: baseline; font-family: 'Poppins', sans-serif; font-size: 2.4rem; font-weight: 600; letter-spacing: 5%; line-height: 1.4583333333; }
.modal-announce-content { position: relative; padding: 24px 22px 30px; background-color: #FFF8ED; border: 1px solid #000; border-top: none; border-radius: 0 0 20px 20px; }
.modal-announce-catch { margin: 0 0 16px; text-align: center; font-size: 1.6rem; line-height: 1.85; }
.modal-announce-text { margin: 0; text-align: center; font-size: 1.6rem; line-height: 1.9; }
.modal-announce-btns { display: grid; justify-content: center; margin-top: 21px; }
.modal-announce-btns__item.btn-1 > a::after { display: none; }
.modal-announce-close { position: absolute; top: -15px; right: -17px; width: 33px; height: 33px; background-color: #fff; border: 1px solid #000; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.modal-announce-close::before,
.modal-announce-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background-color: #000; }
.modal-announce-close::before { transform: translateX(-50%) rotate(45deg); }
.modal-announce-close::after { transform: translateX(-50%) rotate(-45deg); }
.modal-announce-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; }

.html-modal-open { overflow: hidden; }

@media screen and (max-width: 768px) {
  .modal-announce-frame { width: calc(100% - (45px * 2)); max-height: calc(100dvh - (20px * 2)); }
  .modal-announce-btns { gap: 10px; grid-template-columns: 100%; }
}

@media screen and (min-width: 769px) {
  .modal-announce-frame { width: 618px; }
  .modal-announce-above { padding: 12px 10px; }
  .modal-announce-title { font-size: 3.591rem; line-height: 1.5037593984; }
  .modal-announce-title .is-en { font-size: 3.591rem; line-height: 1.5037593984; }
  .modal-announce-content { padding: 26px 58px 36px; border: none; }
  .modal-announce-catch { margin-bottom: 9px; font-size: 2.2rem; }
  .modal-announce-text { font-size: 2rem; }
  .modal-announce-btns { margin-top: 22px; gap: 20px; grid-template-columns: repeat(2, calc(50% - (20px / 2))); }
  .modal-announce-btns__item.btn-1 > a { width: 100%; height: 60px; font-size: 1.6rem; letter-spacing: 0; }
  .modal-announce-close { top: -43px; right: -89px; width: 57px; height: 57px; }
  .modal-announce-close::before,
  .modal-announce-close::after { width: 25px; height: 3px; }
}

/* header
------------------------------------------------ */
.l-hd { position: fixed; top: 0; left: 0; width: 100%; height: var(--header-height); background-color: #fff; border-radius: 0 0 20px 20px; z-index: 10; }
.l-hd-logo { margin: 0; padding: 17px 0 0 20px; font-size: 1rem; line-height: 1.2; }
.l-hd-logo > a { display: flex; align-items: baseline; gap: 10px; width: 100%; text-decoration: none; color: #FF6500; }
.l-hd-logo img { width: 102px; }
.l-hd-logo span { font-size: 1rem; font-weight: 600; line-height: 1; }
.l-hd-links { position: absolute; top: 35px; right: 183px; display: flex; gap: 30px; }
.l-hd-links__item { position: relative; font-size: 1.6rem; letter-spacing: -0.05em; line-height: 1; }
.l-hd-links__item > a { display: inline-block; text-decoration: none; vertical-align: top; color: #000; }
.l-hd-sublinks { pointer-events: none; position: absolute; top: 56px; left: -58px; transition: opacity 0.4s ease; padding: 27px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 20px; opacity: 0; }
.l-hd-sublinks::before { content: ''; position: absolute; top: -12px; left: 68px; width: 42px; height: 12px; background: url(./_assets/img/share/balloon1-desktop.svg) no-repeat left top; background-size: 100%; }
.l-hd-sublinks__item { position: relative; white-space: nowrap; font-size: 1.8rem; line-height: 1.9; }
.l-hd-sublinks__item > a { display: inline-block; text-decoration: none; vertical-align: top; color: #000; }
.l-hd-sublinks__item.is-name-long { letter-spacing: -0.08em; }
.l-hd-sublinks[aria-hidden=false] { pointer-events: all; opacity: 1; }
.l-hd-instagram { position: absolute; top: 19px; right: 80px; margin: 0; width: 21px; height: 21px; }
.l-hd-instagram > a { display: block; width: 100%; height: 100%; }
.l-hd-menu { position: absolute; top: 10px; right: 20px; width: 40px; height: 40px; background-color: #000; border-radius: 50%; }
.l-hd-menu > span { display: block; width: 100%; height: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.l-hd-menu::after,
.l-hd-menu > span::before,
.l-hd-menu > span::after { content: ''; position: absolute; left: 50%; transition: 0.4s ease; transform: translateX(-50%); width: 14px; height: 2px; background-color: #fff; border-radius: 20px; }
.l-hd-menu::after { top: 14px; }
.l-hd-menu > span::before { top: 19px; }
.l-hd-menu > span::after { top: 24px; }
.l-hd-menu[aria-expanded=true] { z-index: 2; }
.l-hd-menu[aria-expanded=true]::after { display: none; }
.l-hd-menu[aria-expanded=true] span::before,
.l-hd-menu[aria-expanded=true] span::after { top: 50%; width: 15px; }
.l-hd-menu[aria-expanded=true] span::before { transform: translateX(-50%) rotate(45deg); }
.l-hd-menu[aria-expanded=true] span::after { transform: translateX(-50%) rotate(-45deg); }

@media screen and (max-width: 940px) {
  .l-hd-links { display: none; }
}

@media screen and (min-width: 941px) {
  .l-hd { height: var(--header-height-desktop); border-radius: 0 0 40px 40px; }
  .l-hd-logo { padding: 23px 0 0 50px; }
  .l-hd-logo > a { gap: 15px; }
  .l-hd-logo img { width: 152px; }
  .l-hd-logo span { font-size: 1.3rem; }
  .l-hd-instagram { top: 33px; right: 132px; width: 21px; height: 21px; }

  .l-hd-menu { top: 17px; right: 50px; width: 52px; height: 52px; }
  .l-hd-menu::after,
  .l-hd-menu > span::before,
  .l-hd-menu > span::after { width: 19px; }
  .l-hd-menu::after { top: 19px; }
  .l-hd-menu > span::before { top: 25px; }
  .l-hd-menu > span::after { top: 31px; }
}

@media screen and (min-width: 941px) and (max-width: 1100px) {
  .l-hd-logo { padding-left: 28px; }
  .l-hd-links { gap: 10px; top: 36px; right: 145px; }
  .l-hd-links__item { font-size: 1.4rem; }
  .l-hd-instagram { right: 100px; }
  .l-hd-menu { right: 28px; }
}

/* gnav */
.l-gnav { pointer-events: none; position: absolute; transition: opacity 0.4s ease; opacity: 0; }
.l-gnav-focus { margin-bottom: 30px; padding: 40px 20px; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); border-radius: 0 0 40px 40px; }
.l-gnav-focus__links { display: grid; gap: 20px; }
.l-gnav-focus__links__item { text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1.6; }
.l-gnav-focus__links__item > a { display: block; position: relative; padding: 15px 10px; border: 2px solid #fff; border-radius: 70px; text-decoration: none; color: #fff; }
.l-gnav-focus__links__item > a::after { content: ''; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); width: 16px; height: 16px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100% 100%; }
.l-gnav-focus__links__item.is-name-long > a { padding-right: 34px; }
.l-gnav-links__item { font-size: 2rem; line-height: 2.4; }
.l-gnav-links__item > a,
.l-gnav-links__item > button { display: block; position: relative; width: 100%; color: #000; }
.l-gnav-links__item > a { text-decoration: none; }
.l-gnav-links__item > button::before,
.l-gnav-links__item > button::after { content: ''; position: absolute; top: 50%; right: 0; transition: transform 0.4s ease; width: 14px; height: 2px; background-color: #000; }
.l-gnav-links__item > button::after { transform: rotate(90deg); }
.l-gnav-links__item > button[aria-expanded=true]::after { transform: rotate(0); }
.l-gnav-sublinks { display: none; }
.l-gnav-sublinks__item { font-size: 2rem; line-height: 2.4; }
.l-gnav-sublinks__item > a { display: block; position: relative; width: 100%; text-decoration: none; color: #000; }
.l-gnav-others { margin-top: 28px; }
.l-gnav-others__item { position: relative; font-size: 1.5rem; font-weight: 400; line-height: 1.2; }
.l-gnav-others__item:not(:first-child) { margin-top: 20px; }
.l-gnav-others__item > a { display: inline-block; position: relative; text-decoration: none; vertical-align: top; color: #717071; }
.l-gnav-others__item > a[target=_blank] { padding-right: 15px; }
.l-gnav-others__item > a[target=_blank]::after { content: ''; position: absolute; bottom: 6px; right: 0; width: 10px; height: 10px; background: url(./_assets/img/icon/external1.svg) no-repeat center center; background-size: 100% 100%; }
.l-gnav-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: -1; }
.l-gnav-sns { display: flex; margin-top: 28px; }
.l-gnav-sns__item { position: relative; width: 24px; height: 24px; }
.l-gnav-sns__item:not(:last-child) { margin-right: 22px; }
.l-gnav-sns__item > a { display: block; width: 100%; height: 100%; }
.l-gnav-sns__item.is-instagram { margin-right: 30px; width: auto; }
.l-gnav-sns__item.is-instagram > button { position: relative; padding: 0 18px 0 34px; height: 100%; font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1; color: #000; }
.l-gnav-sns__item.is-instagram > button::before,
.l-gnav-sns__item.is-instagram > button::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.l-gnav-sns__item.is-instagram > button::before { left: 0; width: 25px; height: 25px; background-image: url(./_assets/img/icon/sns_instagram1.svg); }
.l-gnav-sns__item.is-instagram > button::after { right: 0; transition: transform 0.4s ease; width: 10px; height: 6px; background-image: url(./_assets/img/icon/arrow1_down.svg); }
.l-gnav-sns__item.is-instagram > button[aria-expanded=true]::after { transform: translateY(-50%) rotate(180deg); }
.l-gnav-sns__instagram { pointer-events: none; position: absolute; bottom: 42px; left: 0; transition: opacity 0.4s ease; opacity: 0; }
.l-gnav-sns__instagram[aria-hidden=false] { pointer-events: all; opacity: 1; }
.l-gnav-sns__instagram__links { position: relative; padding: 23px 26px; background-color: #fff; border: 1px solid rgb(0, 0, 0, 0.13); border-radius: 20px; }
.l-gnav-sns__instagram__links::after { content: ''; position: absolute; bottom: -10px; left: 56px; transform: rotate(180deg); width: 36px; height: 10px; background: url(./_assets/img/share/balloon1.svg) no-repeat left top; background-size: 100%; }
.l-gnav-sns__instagram__links__item { white-space: nowrap; font-size: 1.5rem; font-weight: 400; line-height: 2.16; }
.l-gnav-sns__instagram__links__item > a { display: inline-block; text-decoration: none; vertical-align: top; color: #000; }
.l-gnav-sns__instagram__close { position: absolute; top: -10px; right: -10px; width: 36px; height: 36px; background-color: #000; border-radius: 50%; }
.l-gnav-sns__instagram__close::before,
.l-gnav-sns__instagram__close::after { content: ''; position: absolute; top: 50%; left: 12px; width: 13.15px; height: 2px; background-color: #fff; border-radius: 20px; }
.l-gnav-sns__instagram__close::before { transform: translateY(-50%) rotate(45deg); }
.l-gnav-sns__instagram__close::after { transform: translateY(-50%) rotate(-45deg); }

.l-gnav[aria-hidden=false] { pointer-events: all; opacity: 1; }

@media screen and (max-width: 940px) {
  .l-gnav { top: 60px; left: 0; width: 100%; z-index: 1; }
  .l-gnav-content { position: absolute; top: 0; left: 0; transition: transform 0.4s ease; transform: translateX(-100%); padding-bottom: 85px; width: 100%; height: 100%; background-color: #fff; overflow-y: auto; overscroll-behavior-y: contain; z-index: 1; }
  .l-gnav-links,
  .l-gnav-sns { padding: 0 30px; }
  
  .l-gnav[aria-hidden=false] .l-gnav-content { transform: translateX(0); }
  .body-gnav-open { overflow: hidden; }
}

@media screen and (min-width: 941px) {
  .l-gnav { top: 91px; right: 27px; padding: 27px; width: 254px; height: auto !important; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 20px; z-index: 5; }
  .l-gnav::before { content: ''; position: absolute; top: -12px; right: 28px; width: 42px; height: 12px; background: url(./_assets/img/share/balloon1-desktop.svg) no-repeat left top; background-size: 100%; }
  .l-gnav-focus,
  .l-gnav-links__item.is-hide-desktop,
  .l-gnav-sns,
  .l-gnav-overlay { display: none; }
  .l-gnav-links__item { font-size: 1.8rem; line-height: 2; }
}

@media screen and (min-width: 941px) and (max-width: 1100px) {
  .l-gnav { right: 5px; }
}

/* fixed
------------------------------------------------ */
.l-fixed { position: fixed; bottom: 0; left: 0; transition: opacity 0.4s ease; width: 100%; z-index: 8; }
.l-fixed.is-hide { pointer-events: none; position: absolute; opacity: 0; }
.l-fixed-links { display: grid; grid-template-columns: repeat(4, calc(100% / 4)); }
.l-fixed-links__item { height: 45px; font-size: 1.3rem; line-height: 1; }
.l-fixed-links__item > a { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; background-color: #fff; text-decoration: none; color: #000; overflow: hidden; z-index: 1; }
.l-fixed-links__item.is-link-line { font-family: 'Poppins', sans-serif; font-size: 1.5em; font-weight: 400; }
.l-fixed-links__item.is-link-line > a { gap: 5px; color: #06C755; }
.l-fixed-links__item.is-link-line > a::before { content: ''; width: 16px; height: 16px; background: url(./_assets/img/icon/line_balloon1.svg) no-repeat center center; background-size: 100% 100%; }
.l-fixed-entry { position: absolute; bottom: 0; left: 0; width: 100%; }
.l-fixed-entry__trigger { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 53px; right: 5px; width: 96px; height: 96px; font-family: 'Poppins', sans-serifserif; font-size: 1.38rem; font-weight: 600; line-height: 1; color: #fff; }
.l-fixed-entry__trigger::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./_assets/img/share/btn_bg1.svg) no-repeat center center; background-size: 100% 100%; z-index: -1; }
.l-fixed-entry__target { pointer-events: none; position: absolute; right: 14px; bottom: 168px; transition: opacity 0.4s ease; opacity: 0; }
.l-fixed-entry__target[aria-hidden=false] { pointer-events: all; opacity: 1; }
.l-fixed-entry__links { position: relative; padding: 21px 16px; background-color: #fff; border: 1px solid rgb(0, 0, 0, 0.13); border-radius: 20px; }
.l-fixed-entry__links::after { content: ''; position: absolute; bottom: -10px; right: 20px; transform: rotate(180deg); width: 36px; height: 10px; background: url(./_assets/img/share/balloon1.svg) no-repeat left top; background-size: 100%; }
.l-fixed-entry__links__item { font-size: 1.5rem; line-height: 2.2; }
.l-fixed-entry__links__item > a { display: inline-block; text-decoration: none; vertical-align: top; color: #000; }
.l-fixed-entry__links__item.is-name-long { letter-spacing: -0.12em; }
.l-fixed-entry__close { position: absolute; top: -10px; right: -10px; width: 36px; height: 36px; background-color: #000; border-radius: 50%; }
.l-fixed-entry__close::before,
.l-fixed-entry__close::after { content: ''; position: absolute; top: 50%; left: 12px; width: 13.15px; height: 2px; background-color: #fff; border-radius: 20px; }
.l-fixed-entry__close::before { transform: translateY(-50%) rotate(45deg); }
.l-fixed-entry__close::after { transform: translateY(-50%) rotate(-45deg); }

@media (hover: hover) and (pointer: fine) {
  .l-fixed-links__item > a { transition: color 0.4s; }
  .l-fixed-links__item > a::after { content: ''; position: absolute; top: 50%; left: 50%; transition: transform 0.4s, opacity 0.4s; transform: translate3d(-50%, -50%, 0) scale(0); aspect-ratio: 1 / 1; width: 100%; background-color: #000; border-radius: 50%; opacity: 0; z-index: -1; }
  .l-fixed-links__item > a:hover { color: #fff; }
  .l-fixed-links__item > a:hover::after { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; }
}

@media screen and (max-width: 768px) {
  .l-fixed-links { border-top: 1px solid #000; }
  .l-fixed-links__item:not(:first-child) > a { border-left: 1px solid #000; }
  .l-fixed-entry__links::after { background-image: url(./_assets/img/share/balloon1.svg); }
}

@media screen and (min-width: 769px) {
  .l-fixed-links { display: flex; gap: 6px; position: absolute; bottom: 20px; right: 197px; }
  .l-fixed-links__item { width: 136px; height: 60px; font-size: 1.6rem; }
  .l-fixed-links__item > a { border: 1px solid #000; border-radius: 70px; }
  .l-fixed-links__item.is-link-line { font-size: 1.7rem; }
  .l-fixed-links__item.is-link-line > a { gap: 9px; }
  .l-fixed-links__item.is-link-line > a::before { width: 20px; height: 20px; }
  .l-fixed-entry__trigger { bottom: 20px; right: 20px; width: 167px; height: 167px; font-size: 2.4rem; }
  .l-fixed-entry__target { bottom: 206px; right: 17px; }
  .l-fixed-entry__links { padding: 40px 26px 44px; }
  .l-fixed-entry__links::after { bottom: -12px; right: 60px; width: 42px; height: 12px; background-image: url(./_assets/img/share/balloon1-desktop.svg); }
  .l-fixed-entry__links__item { font-size: 1.8rem; line-height: 1.9; }
  .l-fixed-entry__links__item.is-name-long { letter-spacing: -0.08em; }
  .l-fixed-entry__close { display: none; }
}

/* top page
------------------------------------------------ */
/* visual */
.top-visual { position: relative; padding-top: 39.4666666666vw; }
.top-visual-title { position: absolute; top: 6.6666666666vw; left: 0; width: 100%; height: 46.9333333333vw; z-index: 2; }
.top-visual-title__logo { position: absolute; top: 10.4vw; left: 0; margin: 0; width: 100%; text-align: center; font-family: 'Poppins', sans-serif; font-size: 3.4666666666vw; font-weight: 600; line-height: 1; color: #FF6500; }
.top-visual-title__catch { position: absolute; top: 14.9333333333vw; left: 6.1333333333vw; width: 84.5333333333%; }
.top-visual-title__catch img { width: 100%; max-width: inherit; }
.top-visual-title .is-deco-1 { top: 0; right: 6.9333333333vw; width: 14.1333333333vw; }
.top-visual-title .is-deco-2 { top: 0; left: 16.7493333333vw; width: 7.2vw; }
.top-visual-title .is-deco-3 { top: 8.8106666666vw; left: 4.3173333333vw; width: 7.2986666666vw; }
.top-visual-content { position: relative; width: 100%; height: 122.4vw; z-index: 1; }
.top-visual-content::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); z-index: -1; }
.top-visual-slide { position: absolute; left: 0; width: 100%; }
.top-visual-lists__mask { position: relative; mask-repeat: no-repeat; mask-position: center center; mask-size: cover; overflow: hidden; }
.top-visual-lists__item.is-item-1 { margin-right: calc(25 / 375 * 100vw); width: calc(376 / 375 * 100vw) !important; }
.top-visual-lists__item.is-item-1 .top-visual-lists__mask { aspect-ratio: 1.1332007952 / 1; mask-image: url(./_assets/img/top/visual_mask1.svg); }
.top-visual-lists__item.is-item-2 { margin-right: calc(4 / 375 * -100vw); padding-top: calc(58 / 375 * 100vw); width: calc(376 / 375 * 100vw) !important; }
.top-visual-lists__item.is-item-2 .top-visual-lists__mask { aspect-ratio: 1.4074074074 / 1; mask-image: url(./_assets/img/top/visual_mask2.svg); }
.top-visual-lists__item.is-item-3 { margin-right: calc(35 / 375 * 100vw); padding-top: calc(18 / 375 * 100vw); width: calc(348 / 375 * 100vw) !important; }
.top-visual-lists__item.is-item-3 .top-visual-lists__mask { aspect-ratio: 1.1168504136 / 1; mask-image: url(./_assets/img/top/visual_mask3.svg); }
.top-visual-lists__item.is-item-4 { margin-right: calc(35 / 375 * 100vw); padding-top: calc(20 / 375 * 100vw); width: calc(422 / 375 * 100vw) !important; }
.top-visual-lists__item.is-item-4 .top-visual-lists__mask { aspect-ratio: 1.3534829557 / 1; mask-image: url(./_assets/img/top/visual_mask4.svg); }
.top-visual-pic { pointer-events: none; position: absolute; }

.top-visual.u-lazy .u-deco,
.top-visual.u-lazy .top-visual-slide { transition: opacity 0.4s cubic-bezier(0.4, 0.05, 0.55, 0.95) 0.2s; opacity: 0; }
.top-visual.u-lazy .top-visual-title__logo,
.top-visual.u-lazy .top-visual-title__catch picture { transition-property: transform, opacity; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.1, 0.8, 0.3, 1.2); transform: scale(0.4); opacity: 0; }
.top-visual.u-lazy-done .u-deco,
.top-visual.u-lazy-done .top-visual-slide { opacity: 1; }
.top-visual.u-lazy-done .top-visual-title__logo,
.top-visual.u-lazy-done .top-visual-title__catch picture { transform: scale(1); opacity: 1; }

@media screen and (max-width: 768px) {
  .top-visual-slide { top: calc(70 / 375 * 100vw); }
  .top-visual-lists__item.is-item-1 .is-deco-1 { top: calc(28 / 375 * 100vw); right: calc(32 / 375 * -100vw); width: calc(46 / 375 * 100vw); }
  .top-visual-lists__item.is-item-2 .is-pic-1 { top: calc(66 / 375 * 100vw); left: calc(42 / 375 * 100vw); width: calc(77 / 375 * 100vw); }
  .top-visual-lists__item.is-item-2 .is-pic-2 { top: calc(2 / 375 * 100vw); left: calc(106 / 375 * 100vw); width: calc(42 / 375 * 100vw); }
  .top-visual-lists__item.is-item-2 .is-deco-2 { top: calc(18 / 375 * 100vw); right: calc(36 / 375 * 100vw); width: calc(27 / 375 * 100vw); }
  .top-visual-lists__item.is-item-3 .is-pic-3 { bottom: calc(28 / 375 * 100vw); left: calc(48 / 375 * -100vw); width: calc(96 / 375 * 100vw); }
  .top-visual-lists__item.is-item-3 .is-pic-4 { bottom: calc(38 / 375 * 100vw); left: calc(48 / 375 * 100vw); width: calc(88 / 375 * 100vw); }
  .top-visual-lists__item.is-item-4 .is-pic-5 { top: calc(25 / 375 * 100vw); left: calc(130 / 375 * -100vw); width: calc(96 / 375 * 100vw); z-index: -1; }
  .top-visual-lists__item.is-item-4 .is-pic-6 { top: calc(5 / 375 * 100vw); left: calc(30 / 375 * -100vw); width: calc(92 / 375 * 100vw); }
  .top-visual-lists__item.is-item-4 .is-deco-3 { top: calc(3 / 375 * 100vw); left: calc(120 / 375 * 100vw); width: calc(34 / 375 * 100vw); }
}

@media screen and (min-width: 769px) {
  .top-visual { padding-top: calc(213 / 1600 * 100vw); }
  .top-visual-title { top: calc(74 / 1600 * 100vw); }
  .top-visual-title__logo { top: calc(19 / 1600 * 100vw); font-size: calc(23 / 1600 * 100vw); }
  .top-visual-title__catch { top: calc(36 / 1600 * 100vw); left: 50%; transform: translateX(-50%); width: calc(923 / 1600 * 100vw); }
  .top-visual-title .is-deco-1 { top: 0; right: calc(242 / 1600 * 100vw); width: calc(70 / 1600 * 100vw); }
  .top-visual-title .is-deco-2 { top: 0; left: calc(298 / 1600 * 100vw); width: calc(41 / 1600 * 100vw); }
  .top-visual-title .is-deco-3 { top: calc(53 / 1600 * 100vw); left: calc(227 / 1600 * 100vw); width: calc(55 / 1600 * 100vw); }
  .top-visual-content { height: calc(590 / 1600 * 100vw); }
  .top-visual-content::after { height: calc(550 / 1600 * 100vw); }
  .top-visual-slide { bottom: 0; }
  .top-visual-lists__item.is-item-1 { margin-right: calc(37 / 1600 * 100vw); width: calc(570 / 1600 * 100vw) !important; }
  .top-visual-lists__item.is-item-1 .is-deco-1 { top: calc(42 / 1600 * 100vw); right: calc(50 / 1600 * -100vw); width: calc(70 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-2 { margin-right: calc(6 / 1600 * -100vw); padding-top: calc(88 / 1600 * 100vw); width: calc(570 / 1600 * 100vw) !important; }
  .top-visual-lists__item.is-item-2 .is-pic-1 { top: calc(100 / 1600 * 100vw); left: calc(64 / 1600 * 100vw); width: calc(116 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-2 .is-pic-2 { top: calc(2 / 1600 * 100vw); left: calc(160 / 1600 * 100vw); width: calc(62 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-2 .is-deco-2 { top: calc(13 / 1600 * 100vw); right: calc(102 / 1600 * 100vw); width: calc(41 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-3 { margin-right: calc(53 / 1600 * 100vw); padding-top: calc(26 / 1600 * 100vw); width: calc(528 / 1600 * 100vw) !important; }
  .top-visual-lists__item.is-item-3 .is-pic-3 { bottom: calc(103 / 1600 * 100vw); left: calc(66 / 1600 * -100vw); width: calc(150 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-3 .is-pic-4 { bottom: calc(118 / 1600 * 100vw); left: calc(84 / 1600 * 100vw); width: calc(138 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-4 { margin-right: calc(53 / 1600 * 100vw); padding-top: calc(31 / 1600 * 100vw); width: calc(640 / 1600 * 100vw) !important; }
  .top-visual-lists__item.is-item-4 .is-pic-5 { top: calc(38 / 1600 * 100vw); left: calc(214 / 1600 * -100vw); width: calc(161 / 1600 * 100vw); z-index: -1; }
  .top-visual-lists__item.is-item-4 .is-pic-6 { top: calc(7 / 1600 * 100vw); left: calc(46 / 1600 * -100vw); width: calc(138 / 1600 * 100vw); }
  .top-visual-lists__item.is-item-4 .is-deco-3 { top: 0; left: calc(180 / 1600 * 100vw); width: calc(51 / 1600 * 100vw); }
}

@media screen and (min-width: 1600px) {
  .top-visual { padding-top: 213px; }
  .top-visual-title { top: 74px; }
  .top-visual-title__logo { top: 19px; font-size: 2.3rem; }
  .top-visual-title__catch { top: 36px; width: 923px; }
  .top-visual-title .is-deco-1 { width: 70px; }
  .top-visual-title .is-deco-2 { width: 41px; }
  .top-visual-title .is-deco-3 { top: 53px; width: 55px; }
  .top-visual-content { height: 590px; }
  .top-visual-content::after { height: 550px; }
  .top-visual-lists__item.is-item-1 { margin-right: 37px; width: 570px !important; }
  .top-visual-lists__item.is-item-1 .is-deco-1 { top: 42px; right: -50px; width: 70px; }
  .top-visual-lists__item.is-item-2 { margin-right: -6px; padding-top: 88px; width: 570px !important; }
  .top-visual-lists__item.is-item-2 .is-pic-1 { top: 100px; left: 64px; width: 116px; }
  .top-visual-lists__item.is-item-2 .is-pic-2 { top: 2px; left: 160px; width: 62px; }
  .top-visual-lists__item.is-item-2 .is-deco-2 { top: 13px; right: 102px; width: 41px; }
  .top-visual-lists__item.is-item-3 { margin-right: 53px; padding-top: 26px; width: 528px !important; }
  .top-visual-lists__item.is-item-3 .is-pic-3 { bottom: 103px; left: -66px; width: 150px; }
  .top-visual-lists__item.is-item-3 .is-pic-4 { bottom: 118px; left: 84px; width: 138px; }
  .top-visual-lists__item.is-item-4 { margin-right: 53px; padding-top: 31px; width: 640px !important; }
  .top-visual-lists__item.is-item-4 .is-pic-5 { top: 38px; left: -214px; width: 161px; }
  .top-visual-lists__item.is-item-4 .is-pic-6 { top: 7px; left: -46px; width: 138px; }
  .top-visual-lists__item.is-item-4 .is-deco-3 { top: 0; left: 180px; width: 51px; }
}

/* banner */
.top-banner { position: relative; padding: 60px 0 35px; }

@media screen and (min-width: 769px) {
  .top-banner { padding: 116px 0 60px; }
}

/* news */
.top-news { position: relative; padding: 35px 0; }
.top-news-title { margin: 0; font-family: 'Poppins', sans-serif; font-size: 3.6rem; font-weight: 600; line-height: 1; }
.top-news .lists-news { border: 1px solid rgb(0, 0, 0, 0.13); border-radius: 20px; }
.top-news .lists-news-item:last-child { border-bottom: none; }

@media screen and (max-width: 768px) {
  .top-news-title { margin-bottom: 26px; }
  .top-news .btn-1 { margin-top: 28px; }
}

@media screen and (min-width: 769px) {
  .top-news { padding: 60px 0 75px; }
  .top-news > .l-wrap { display: grid; column-gap: 20px; grid-template-columns: calc(328px - 20px) calc(100% - (328px - 20px)); }
  .top-news-title { grid-row: 1; grid-column: 1; font-size: 6rem; }
  .top-news .lists-news { grid-row: 1 / 4; grid-column: 2; }
  .top-news .btn-1 { grid-row: 3; grid-column: 1; }
  .top-news .btn-1 > a { margin-left: 0; width: 225px; }
}

/* introduction */
.top-introduction { padding: 35px 0; }
.top-introduction-content { position: relative; }
.top-introduction-pallet.is-content-1 { background-repeat: no-repeat; background-position: left top; background-size: cover; color: #fff; }
.top-introduction-catch { margin: 0 0 17px; font-size: 3rem; font-weight: 700; line-height: 1.3; }
.top-introduction-catch span { display: inline-block; vertical-align: top; font-family: 'Poppins', sans-serif; font-size: 3.2rem; font-weight: 500; }
.top-introduction-text { font-size: 1.6rem; line-height: 1.9; }
.top-introduction-text p { margin: 0; }

@media screen and (max-width: 768px) {
  .top-introduction-content { display: flex; flex-wrap: wrap; }
  .top-introduction-pallet.is-content-1 { order: 5; padding: 70px 30px 62px; width: 100%; background-image: url(./_assets/img/top/introduction_bg.png); }
  .top-introduction-pallet.is-photo-1 { order: 1; width: 50%; height: 47.2vw; }
  .top-introduction-pallet.is-photo-2 { order: 2; width: 50%; height: 47.2vw; }
  .top-introduction-pallet.is-photo-3 { order: 4; width: 50%; height: 47.2vw; }
  .top-introduction-pallet.is-photo-4 { order: 3; width: 50%; height: 47.2vw; }
  .top-introduction-pallet.is-photo-5 { order: 6; width: 61.3226666666%; height: 77.3333333333vw; }
  .top-introduction-pallet.is-photo-6 { order: 7; width: 38.6773333334%; height: 50.6666666666vw; }
  .top-introduction-pallet.is-photo-6 img:nth-of-type(2) { height: 34.4158075602%; }
  .top-introduction-pallet.is-photo-7 { position: absolute; bottom: 0; right: 0; width: 38.6773333334%; height: 26.6666666666vw; }
}

@media screen and (min-width: 769px) {
  .top-introduction { padding: 75px 0 60px; }
  .top-introduction-content { display: grid; grid-template-columns: 22.75% 22.6875% 33.4375% 21.125%; }
  .top-introduction-catch { margin-bottom: calc(32 / 1600 * 100vw); white-space: nowrap; font-size: calc(56 / 1600 * 100vw); }
  .top-introduction-catch span { font-size: calc(60 / 1600 * 100vw); }
  .top-introduction-text { font-size: calc(20 / 1600 * 100vw); line-height: 2; }

  .top-introduction-pallet.is-content-1 { grid-row: 2 / 4; grid-column: 1 / 3; padding: calc(100 / 1600 * 100vw); background-image: url(./_assets/img/top/introduction_bg-desktop.png); }
  .top-introduction-pallet.is-photo-1 { grid-row: 1; grid-column: 1; }
  .top-introduction-pallet.is-photo-2 { grid-row: 1; grid-column: 2; }
  .top-introduction-pallet.is-photo-3 { grid-row: 1; grid-column: 3; }
  .top-introduction-pallet.is-photo-4 { grid-row: 1; grid-column: 4; }
  .top-introduction-pallet.is-photo-5 { grid-row: 2 / 4; grid-column: 3; }
  .top-introduction-pallet.is-photo-6 { grid-row: 2; grid-column: 4; }
  .top-introduction-pallet.is-photo-7 { grid-row: 3; grid-column: 4; }
}

@media screen and (min-width: 1600px) {
  .top-introduction-catch { margin-bottom: 32px; font-size: 5.6rem; }
  .top-introduction-catch span { font-size: 6rem; }
  .top-introduction-text { font-size: 2rem; }

  .top-introduction-pallet.is-content-1 { padding: 100px; }
}

/* specialist */
.top-specialist { padding: 35px 0; }
.top-specialist .title-1 { margin-bottom: 20px; }

@media screen and (min-width: 769px) {
  .top-specialist { padding: 60px 0 70px; }
  .top-specialist .title-1 { margin-bottom: 36px; }
}

/* interview */
.top-interview { padding: 35px 0 33px; }
.top-interview-content { position: relative; padding: 74px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.top-interview .title-1 { margin-bottom: 24px; }
.top-interview .btn-1 { margin-top: 24px; }

@media screen and (max-width: 768px) {
  .top-interview-content { background-image: url(./_assets/img/top/interview_bg.png); border-radius: 40px; }
  .top-interview-slide { margin: 0 -20px; width: calc(100% + 40px); }
}

@media screen and (min-width: 769px) {
  .top-interview { padding: 70px 0 56px; }
  .top-interview-content { padding: 126px 0 98px; background-image: url(./_assets/img/top/interview_bg-desktop.png); }
  .top-interview .title-1 { margin-bottom: 48px; }
  .top-interview .btn-1 { margin-top: 50px; }
}

/* salon */
.top-salon { padding: 33px 0 35px; }
.top-salon .title-1 { margin-bottom: 27px; }
.top-salon-lists__cover { position: relative; }
.top-salon-lists__cover > a { display: block; position: relative; aspect-ratio: 1 / 1; width: 100%; border-radius: 20px; overflow: hidden; }
.top-salon-lists__logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1 / 1; margin: 0; width: 57.0149253731%; background-color: #fff; border-radius: 50%; }
.top-salon-lists__logo::after { content: ''; position: absolute; bottom: 10px; right: 10px; width: 35px; height: 35px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 12px 12px; border-radius: 50%; }
.top-salon-lists__logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.top-salon-lists__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.top-salon-lists__photo::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.top-salon-lists__text { margin: 16px 0 0; font-size: 1.6rem; line-height: 1.6; }
.top-salon-lists__item .btn-1 { margin-top: 20px; }

.top-salon-lists__item.is-official .top-salon-lists__logo::after { background-color: #F18A25; }
.top-salon-lists__item.is-official .top-salon-lists__logo img { width: 72.1937172774%; }
.top-salon-lists__item.is-official .top-salon-lists__photo::before { background-color: rgba(241, 138, 37, 0.3); }
.top-salon-lists__item.is-mens .top-salon-lists__logo::after { background-color: #898989; }
.top-salon-lists__item.is-mens .top-salon-lists__logo img { width: 77.2931937172%; }
.top-salon-lists__item.is-mens .top-salon-lists__photo::before { background-color: rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 768px) {
  .top-salon-lists__item:not(:first-child) { margin-top: 38px; }
}

@media screen and (min-width: 769px) {
  .top-salon { padding: 56px 0 60px; }
  .top-salon .title-1 { margin-bottom: 50px; }
  .top-salon-lists { display: grid; gap: 30px; grid-template-columns: repeat(2, calc(50% - (30px / 2))); }
  .top-salon-lists__logo { width: 45.1094890510%; }
  .top-salon-lists__logo::after { bottom: 10px; right: 10px; width: 72px; height: 72px; background-size: 18px 18px; border-radius: 50%; }
  .top-salon-lists__text { margin-top: 25px; font-size: 2rem; line-height: 1.8; }
  .top-salon-lists__item .btn-1 { margin-top: 40px; }

  .top-salon-lists__item.is-official .top-salon-lists__logo img { width: 72.13592233%; }
  .top-salon-lists__item.is-mens .top-salon-lists__logo img { width: 77.2330097087%; }
}

/* faq */
.top-faq { padding: 35px 0; }
.top-faq-content { padding: 70px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 40px; }
.top-faq .title-1 { margin-bottom: 27px; }
.top-faq-lists__item { position: relative; margin: 0; background-color: #fff; border-radius: 20px; }
.top-faq-lists__item:not(:first-child) { margin-top: 15px; }
.top-faq-lists__item .post-edit-link { position: absolute; top: 0; left: 0; }
.top-faq-lists__q { display: block; position: relative; padding: 22px 40px 21px 60px; width: 100%; font-size: 1.6rem; font-weight: 700; line-height: 1.6; color: #000; }
.top-faq-lists__q::before { content: 'Q.'; position: absolute; top: 50%; left: 25px; transform: translateY(-50%); font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 600; line-height: 1; color: #FF6500; }
.top-faq-lists__q i { position: absolute; top: 50%; right: 26px; transform: translateY(-50%); width: 15px; height: 15px; }
.top-faq-lists__q i::before,
.top-faq-lists__q i::after { content: ''; position: absolute; top: 50%; left: 0; transition: transform 0.4s ease; width: 100%; height: 2px; background-color: #000; border-radius: 8px; }
.top-faq-lists__q i::before { transform: translateY(-50%); }
.top-faq-lists__q i::after { transform: translateY(-50%) rotate(90deg); }
.top-faq-lists__q[aria-expanded=true] i::after { transform: rotate(0); }
.top-faq-lists__a { display: none; position: relative; margin-top: -6px; padding: 0 40px 31px 60px; word-break: break-all; font-size: 1.5rem; line-height: 1.6; }
.top-faq-lists__a::before { content: 'A.'; position: absolute; top: 6px; left: 25px; font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 600; line-height: 1; color: #FF6500; }
.top-faq-lists__a p { margin: 0; }
.top-faq-lists__a p + p { margin-top: 1.6em; }

@media screen and (max-width: 768px) {
  .top-faq-content { background-image: url(./_assets/img/top/faq_bg.png); }
}

@media screen and (min-width: 769px) {
  .top-faq { padding: 60px 0 88px; }
  .top-faq-content { padding: 136px 0 118px; background-image: url(./_assets/img/top/faq_bg-desktop.png); border-radius: 100px; }
  .top-faq .title-1 { margin-bottom: 40px; }
  .top-faq-lists { margin: 0 auto; max-width: 1162px; }
  .top-faq-lists__item:not(:first-child) { margin-top: 10px; }
  .top-faq-lists__q { padding: 34px 60px 34px 86px; font-size: 2.2rem; line-height: 1; }
  .top-faq-lists__q::before { left: 36px; font-size: 3rem; }
  .top-faq-lists__q i { right: 40px; width: 21px; height: 21px; }
  .top-faq-lists__a { margin-top: -7px; padding: 0 60px 36px 86px; font-size: 1.8rem; }
  .top-faq-lists__a::before { top: 2px; left: 36px; font-size: 3rem; }
}

/* company */
.top-company { padding: 35px 0 26px; }
.top-company .title-1 { margin-bottom: 21px; }
.top-company-text { margin: 0; font-size: 1.6rem; line-height: 1.9; }
.top-company-media { position: relative; }
.top-company-media__photo { border-radius: 20px 0 0 20px; overflow: hidden; }
.top-company-media__pic { pointer-events: none; position: absolute; }
.top-company-media__pic.is-pic-1 { top: -10.4213333333vw; left: 4.7887323943%; transform: rotate(23.83deg); width: 26.5746478873%; }
.top-company-media__pic.is-pic-2 { bottom: 0; right: 2.5352112676%; width: 34.0845070422%; }
.top-company .btn-1 { margin-top: 30px; }

@media screen and (max-width: 768px) {
  .top-company-content { padding: 0 20px; }
  .top-company-media { margin: 15.4666666666vw -20px 0 0; width: calc(100% + 20px); }
}

@media screen and (min-width: 769px) {
  .top-company { padding: 88px 0 62px; }
  .top-company-content { display: grid; justify-content: space-between; align-items: flex-start; grid-template-columns: 29.1333333333% 62.2666666666%; padding-left: calc(100 / 1600 * 100vw); }
  .top-company .title-1 { grid-row: 1; grid-column: 1; margin: 0 0 35px; }
  .top-company .title-1-ja,
  .top-company .title-1-en { text-align: left; }
  .top-company .title-1 .u-deco.is-deco-2,
  .top-company .title-1 .u-deco.is-deco-3 { display: none; }
  .top-company-text { grid-row: 2; grid-column: 1; font-size: 2rem; line-height: 2; }
  .top-company-media { grid-row: 1 / 5; grid-column: 2; }
  .top-company-media__pic.is-pic-1 { top: -13.7583892617%; left: 8.0471092077%; width: 20.0182012847%; }
  .top-company-media__pic.is-pic-2 { right: 4.4967880085%; width: 27.5160599571%; }
  .top-company .btn-1 { grid-row: 3; grid-column: 1; margin-top: 45px; }
  .top-company .btn-1 > a { margin-left: 0; }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .top-company-content { padding: 0 20px; }
  .top-company .title-1 { grid-column: 1 / 3; }
  .top-company-text { grid-column: 1 / 3; }
  .top-company-media { grid-row: 3 / 5; margin-top: 40px; }
  .top-company .btn-1 { grid-row: 4; }
}

/* guidebook */
.top-guidebook { padding: 26px 0 70px; }

@media screen and (min-width: 769px) {
  .top-guidebook { padding: 62px 0 120px; }
}

/* recruit
------------------------------------------------ */
/* visual */
.recruit-visual { position: relative; height: 675px; }
.recruit-visual > .l-wrap { height: 100%; }
.recruit-visual-pic { pointer-events: none; position: absolute; z-index: 2; }
.recruit-visual .topicpath { padding-top: calc(var(--header-height) + 19px); }
.recruit-visual-title { position: absolute; top: 171px; z-index: 2; }
.recruit-visual-title__ja { margin: 0 0 14px; font-size: 5.091rem; font-weight: 900; line-height: 1; }
.recruit-visual-title__en { margin: 0; font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 600; line-height: 1; }

.recruit-visual-media { position: absolute; z-index: 1; }
.recruit-visual-media__photo { position: absolute; border-radius: 50%; overflow: hidden; }

@media screen and (max-width: 768px) {
  .recruit-visual-pic.is-pic-1 { top: 224px; right: 62px; width: 82px; }
  .recruit-visual-pic.is-pic-2 { top: 195px; right: -9px; width: 55px; }
  .recruit-visual-pic.is-pic-3 { bottom: -47px; left: 1px; width: 165px; }
  .recruit-visual-pic.is-pic-4,
  .recruit-visual-pic.is-pic-5 { display: none; }
  .recruit-visual .u-deco.is-deco-1 { top: 94px; right: 36px; width: 23px; }
  .recruit-visual .u-deco.is-deco-2 { top: 108px; left: 19px; width: 23px; }
  .recruit-visual .u-deco.is-deco-3 { top: 158px; right: 52px; width: 22px; }
  .recruit-visual .u-deco.is-deco-4 { top: 103px; left: 182px; width: 20px; }
  .recruit-visual .u-deco.is-deco-5 { top: 82px; left: 204px; width: 12px; }
  .recruit-visual-media { bottom: 0; left: 0; width: 100%; height: 470px; max-width: 470px; }
  .recruit-visual-media__photo { top: 0; left: 50%; transform: translateX(-50%); width: 470px; }
  .recruit-visual-media__photo.u-lazy-y { transform: translate(-50%, 20px); }
  .recruit-visual-media__photo.u-lazy-y.u-lazy-done { transform: translate(-50%, 0); }
  .recruit-visual .u-deco.is-deco-black-1 { top: 129px; left: 28px; width: 27px; }
  .recruit-visual .u-deco.is-deco-black-2 { top: 155px; right: 52px; width: 18px; }
  .recruit-visual .u-deco.is-deco-black-3 { top: 188px; right: 17px; width: 31px; }
  .recruit-visual .u-deco.is-deco-black-4 { bottom: 123px; left: 17px; width: 27px; }
}

@media screen and (min-width: 769px) {
  .recruit-visual { height: 847px; }
  .recruit-visual .topicpath { padding-top: calc(var(--header-height-desktop) + 24px); }
  .recruit-visual-title { top: 383px; }
  .recruit-visual-title__ja { margin-bottom: 37px; font-size: 9.6rem; }
  .recruit-visual-title__en { font-size: 2.3rem; }
  .recruit-visual-pic.is-pic-1 { top: 159px; left: 414px; width: 161px; }
  .recruit-visual-pic.is-pic-2 { top: 128px; left: 581px; width: 139px; }
  .recruit-visual-pic.is-pic-3 { bottom: -29px; left: -23px; width: 209px; }
  .recruit-visual-pic.is-pic-4 { bottom: 54px; left: 433px; width: 101px; }
  .recruit-visual-pic.is-pic-5 { bottom: 161px; left: 517px; width: 54px; }
  .recruit-visual .u-deco.is-deco-1 { top: 218px; right: 28px; width: 42px; }
  .recruit-visual .u-deco.is-deco-2 { top: 165px; left: 218px; width: 41px; }
  .recruit-visual .u-deco.is-deco-3 { bottom: 135px; left: -30px; width: 41px; }
  .recruit-visual .u-deco.is-deco-4 { bottom: 217px; left: 414px; width: 41px; }
  .recruit-visual .u-deco.is-deco-5 { bottom: 281px; left: 459px; width: 25px; }
  .recruit-visual-media { top: 50%; right: -35px; transform: translateY(-50%); aspect-ratio: 1 / 1; width: clamp(calc(997px * 0.6), calc(997 / 1600 * 100vw), 997px); }
  .recruit-visual-media__photo { top: 0; right: 0; }
  .recruit-visual .u-deco.is-deco-black-1 { bottom: clamp(calc(302px * 0.6), calc(302 / 1600 * 100vw), 302px); left: clamp(calc(142px * 0.6), calc(142 / 1600 * 100vw), 142px); width: clamp(calc(41px * 0.6), calc(41 / 1600 * 100vw), 41px); }
  .recruit-visual .u-deco.is-deco-black-2 { top: clamp(calc(132px * 0.6), calc(132 / 1600 * 100vw), 132px); right: clamp(calc(265px * 0.6), calc(265 / 1600 * 100vw), 265px); width: clamp(calc(25px * 0.6), calc(25 / 1600 * 100vw), 25px); }
  .recruit-visual .u-deco.is-deco-black-3 { top: clamp(calc(176px * 0.6), calc(176 / 1600 * 100vw), 176px); right: clamp(calc(224px * 0.6), calc(224 / 1600 * 100vw), 224px); width: clamp(calc(41px * 0.6), calc(41 / 1600 * 100vw), 41px); }
  .recruit-visual .u-deco.is-deco-black-4 { top: clamp(calc(383px * 0.6), calc(383 / 1600 * 100vw), 383px); right: clamp(calc(86px * 0.6), calc(86 / 1600 * 100vw), 86px); width: clamp(calc(51px * 0.6), calc(51 / 1600 * 100vw), 51px); }
}

/* news */
.recruit-news { position: relative; padding: 85px 0 38px; }
.recruit-news-title { margin: 0; font-family: 'Poppins', sans-serif; font-size: 3.6rem; font-weight: 600; line-height: 1; }
.recruit-news .lists-news { border: 1px solid rgb(0, 0, 0, 0.13); border-radius: 20px; }
.recruit-news .lists-news-item:last-child { border-bottom: none; }

@media screen and (max-width: 768px) {
  .recruit-news-title { margin-bottom: 26px; }
  .recruit-news .btn-1 { margin-top: 28px; }
}

@media screen and (min-width: 769px) {
  .recruit-news { padding: 147px 0 110px; }
  .recruit-news > .l-wrap { display: grid; column-gap: 20px; grid-template-columns: calc(328px - 20px) calc(100% - (328px - 20px)); }
  .recruit-news-title { grid-row: 1; grid-column: 1; font-size: 6rem; }
  .recruit-news .lists-news { grid-row: 1 / 4; grid-column: 2; }
  .recruit-news .btn-1 { grid-row: 3; grid-column: 1; }
  .recruit-news .btn-1 > a { margin-left: 0; width: 225px; }
}

/* specialist */
.recruit-specialist { position: relative; }
.recruit-specialist-title { margin: 0 0 26px; text-align: center; }
.recruit-specialist-title > img { width: 80.2985074626%; }
.recruit-specialist-title > span { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; }
.recruit-specialist .banner-lists { margin-top: 36px; }

@media screen and (max-width: 768px) {
  .recruit-specialist-title > span { display: block; margin-top: -5px; }
}

@media screen and (min-width: 769px) {
  .recruit-specialist-title { margin-bottom: 54px; }
  .recruit-specialist-title > img { width: 440px; }
  .recruit-specialist-title > span { display: block; margin: -15px; font-size: 4.8rem; }
  .recruit-specialist .banner-lists { margin-top: 55px; }
}

/* new
------------------------------------------------ */
/* common */
.body-new .recruit-visual { background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); }

/* content */
.new-content { position: relative; overflow: hidden; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
}

/* introduction */
.new-introduction { position: relative; padding: 70px 0 86px; background-color: #F0F2E4; z-index: 1; }
.new-introduction::after { content: ''; pointer-events: none; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(664 / 375 * 100vw); background: linear-gradient(180deg, #F0F2E4 0%, #FBF1E2 100%); z-index: -1; }
.new-introduction-pic { display: inline-block; pointer-events: none; vertical-align: top; }
.new-introduction-title { margin: 0 0 24px; text-align: center; font-size: 2.4rem; font-weight: 700; line-height: 1.6; }
.new-introduction-illust { margin: 0 auto 26px; text-align: center; }
.new-introduction-text { font-size: 1.6rem; line-height: 1.9; }
.new-introduction-text > p { margin: 0; }
.new-introduction-text > p + p { margin-top: 15px; }
.new-introduction-column { position: relative; z-index: 1; }
.new-introduction-block { position: relative; }
.new-introduction-block__title { margin: 0; width: fit-content; font-size: 2.4rem; font-weight: 700; line-height: 1.6; }
.new-introduction-block__text { margin: 18px 0 0; font-size: 1.6rem; line-height: 1.9; }
.new-introduction-block__bg { position: absolute; pointer-events: none; }
.new-introduction-column.is-column-1 { margin-top: 125px; }
.new-introduction-block__bg.is-bg-1 { top: -108px; left: -132px; width: 330px; z-index: -1; }
.new-introduction-block__bg.is-bg-2 { top: -30px; left: 85px; width: 192px; z-index: -2; }
.new-introduction-column.is-column-2 { margin-top: 100px; }
.new-introduction-column.is-column-2 .new-introduction-block__title { margin-left: auto; }
.new-introduction-block__bg.is-bg-3 { top: -48px; right: -66px; width: 270px; z-index: -1; }
.new-introduction-block__bg.is-bg-4 { top: 10px; right: -68px; width: 179px; z-index: -2; }
.new-introduction-balloons { position: relative; }
.new-introduction-balloons__item { position: absolute; text-align: center; font-size: 1.6rem; line-height: 1.9; z-index: 1; }
.new-introduction-balloons__item::after { content: ''; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; }
.new-introduction-balloons__item:nth-of-type(1):after { background-image: url(./_assets/img/recruit/new/introduction_balloon1.png); }
.new-introduction-balloons__item:nth-of-type(2):after { background-image: url(./_assets/img/recruit/new/introduction_balloon2.png); }
.new-introduction-balloons__item:nth-of-type(3):after { background-image: url(./_assets/img/recruit/new/introduction_balloon3.png); }
.new-introduction-balloons__item > span { border-bottom: 1px dotted #000; }

@media screen and (max-width: 768px) {
  .new-introduction-photo { margin-top: 7px; }
  .new-introduction-balloons { margin-top: 40px; min-height: 400px; }
  .new-introduction-balloons__item:nth-of-type(1) { top: 61px; left: 0; }
  .new-introduction-balloons__item:nth-of-type(1):after { top: -61px; left: 0; width: 207px; height: 181px; }
  .new-introduction-balloons__item:nth-of-type(2) { top: 147px; right: 0; }
  .new-introduction-balloons__item:nth-of-type(2):after { top: -40px; left: 14px; width: 163px; height: 158px; }
  .new-introduction-balloons__item:nth-of-type(3) { top: 284px; left: 0; }
  .new-introduction-balloons__item:nth-of-type(3):after { top: -42px; left: 11px; width: 204px; height: 139px; }
}

@media screen and (min-width: 769px) {
  .new-introduction { padding: 120px 0 291px; }
  .new-introduction::after { height: calc(503 / 1600 * 100vw); }
  .new-introduction-title { margin-bottom: 49px; font-size: 4.8rem; }
  .new-introduction-illust { margin-bottom: 55px; max-width: 947px; }
  .new-introduction-text { position: relative; text-align: center; font-size: 2rem; line-height: 2; z-index: 2; }
  .new-introduction-text > p + p { margin-top: 0; }
  .new-introduction-block__title { font-size: clamp(calc(4.8rem * 0.6), calc(48 / 1600 * 100vw), 4.8rem); }
  .new-introduction-block__text { margin-top: clamp(calc(29px * 0.6), calc(29 / 1600 * 100vw), 29px); font-size: clamp(calc(2rem * 0.6), calc(20 / 1600 * 100vw), 2rem); line-height: 2; }
  .new-introduction-column.is-column-1 { display: flex; justify-content: space-between; align-items: center; margin-top: 0; }
  .new-introduction-block__bg.is-bg-1 { top: clamp(-447px, calc(447 / 1600 * -100vw), calc(447px * -0.6)); left: clamp(-444px, calc(444 / 1600 * -100vw), calc(444px * -0.6)); width: clamp(calc(843px * 0.6), calc(843 / 1600 * 100vw), 843px); }
  .new-introduction-block__bg.is-bg-2 { top: clamp(-175px, calc(175 / 1600 * -100vw), calc(175px * -0.6)); left: clamp(calc(98px * 0.6), calc(98 / 1600 * 100vw), 98px); width: clamp(calc(490px * 0.6), calc(490 / 1600 * 100vw), 490px); }
  .new-introduction-column.is-column-1 .new-introduction-photo { width: clamp(calc(716px * 0.6), calc(716 / 1600 * 100vw), 716px); }
  .new-introduction-column.is-column-2 { margin-top: 162px; padding-bottom: 170px; }
  .new-introduction-block__bg.is-bg-3 { top: clamp(-118px, calc(118 / 1600 * -100vw), calc(118px * -0.6)); right: clamp(-170px, calc(170 / 1600 * -100vw), calc(170px * -0.6)); width: clamp(calc(562px * 0.6), calc(562 / 1600 * 100vw), 562px); }
  .new-introduction-block__bg.is-bg-4 { top: clamp(-5px, calc(5 / 1600 * -100vw), calc(5px * -0.6)); right: clamp(-175px, calc(175 / 1600 * -100vw), calc(175px * -0.6)); width: clamp(calc(358px * 0.6), calc(358 / 1600 * 100vw), 358px); }
  .new-introduction-balloons { position: absolute; top: -133px; left: clamp(calc(29px * 0.6), calc(29 / 1600 * 100vw), 29px); width: clamp(calc(855px * 0.6), calc(855 / 1600 * 100vw), 855px); height: clamp(calc(509px * 0.6), calc(509 / 1600 * 100vw), 509px); }
  .new-introduction-balloons__item { font-size: clamp(calc(2rem * 0.6), calc(20 / 1600 * 100vw), 2rem); }
  .new-introduction-balloons__item:nth-of-type(1) { top: clamp(calc(154px * 0.6), calc(154 / 1600 * 100vw), 154px); left: clamp(calc(328px * 0.6), calc(328 / 1600 * 100vw), 328px); z-index: 2; }
  .new-introduction-balloons__item:nth-of-type(1):after { top: clamp(-154px, calc(154 / 1600 * -100vw), calc(154px * -0.6)); left: clamp(-90px, calc(90 / 1600 * -100vw), calc(90px * -0.6)); width: clamp(calc(412px * 0.6), calc(412 / 1600 * 100vw), 412px); height: clamp(calc(361px * 0.6), calc(361 / 1600 * 100vw), 361px); }
  .new-introduction-balloons__item:nth-of-type(2) { top: clamp(calc(288px * 0.6), calc(288 / 1600 * 100vw), 288px); right: clamp(calc(26px * 0.6), calc(26 / 1600 * 100vw), 26px); z-index: 3; }
  .new-introduction-balloons__item:nth-of-type(2):after { top: clamp(-96px, calc(96 / 1600 * -100vw), calc(96px * -0.6)); left: clamp(-28px, calc(28 / 1600 * -100vw), calc(28px * -0.6)); width: clamp(calc(327px * 0.6), calc(327 / 1600 * 100vw), 327px); height: clamp(calc(317px * 0.6), calc(317 / 1600 * 100vw), 317px); }
  .new-introduction-balloons__item:nth-of-type(3) { top: clamp(calc(326px * 0.6), calc(326 / 1600 * 100vw), 326px); left: clamp(calc(81px * 0.6), calc(81 / 1600 * 100vw), 81px); z-index: 1; }
  .new-introduction-balloons__item:nth-of-type(3):after { top: clamp(-102px, calc(102 / 1600 * -100vw), calc(102px * -0.6)); left: clamp(-81px, calc(81 / 1600 * -100vw), calc(81px * -0.6)); width: clamp(calc(409px * 0.6), calc(409 / 1600 * 100vw), 409px); height: clamp(calc(278px * 0.6), calc(278 / 1600 * 100vw), 278px); }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
  .new-introduction-column.is-column-2 { margin-top: 90px; }
  .new-introduction-balloons { top: 0; }
}

/* challenge */
.new-challenge { position: relative; padding-bottom: 50px; background-color: #FBF1E2; z-index: 2; }
.new-challenge-pic { display: inline-block; pointer-events: none; vertical-align: top; }
.new-challenge-pic.is-pic-1 { position: absolute; top: -86px; left: 20px; width: calc(100% - 40px); z-index: 1; }
.new-challenge-content { position: relative; padding: 36px 9px 24px; background-color: #fff; border: 2px dotted #F09E62; border-radius: 20px; z-index: 2; }
.new-challenge-above { display: flex; justify-content: center; position: relative; margin-bottom: 42px; }
.new-challenge-title { display: flex; align-items: flex-end; margin: 0; font-size: 1.649rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; }
.new-challenge-title img { margin: 0 -14px 5px 0; width: 132px; }
.new-challenge-lists__item { display: grid; row-gap: 13px; column-gap: 11px; grid-template-columns: calc(100% - (109px + 11px)) 109px; position: relative; }
.new-challenge-lists__item:not(:first-child) { margin-top: 33px; }
.new-challenge-lists__num { position: absolute; top: 0; left: 0; margin: 0; width: 51px; }
.new-challenge-lists__title { margin: 0; min-height: 58px; font-size: 1.6rem; font-weight: 700; line-height: 1.6; }
.new-challenge-lists__title > span { border-bottom: 1px dotted #FF6500; }
.new-challenge-lists__text { margin: 0; font-size: 1.4rem; line-height: 1.5; }
.new-challenge-lists__photo { border-radius: 5px; overflow: hidden; }
.new-challenge-slide { margin-top: 17px; }
.new-challenge-slide__lists__item { aspect-ratio: 1.1869918699 / 1; border-radius: 9px; overflow: hidden; }
.new-challenge-slide .splide__arrow { top: calc(50% - 18px); }
.new-challenge-slide .splide__arrow--prev { left: -26px; }
.new-challenge-slide .splide__arrow--next { right: -26px; }

@media screen and (max-width: 768px) {
  .new-challenge-pic.is-pic-2 { display: none; }
  .new-challenge-pic.is-pic-3 { margin: 0 0 2px 10px; width: 51px; }
  .new-challenge-lists__title { grid-row: 1; grid-column: 1 / 3; padding-left: 69px; }
  .new-challenge-lists__text { grid-row: 2; grid-column: 1; margin-left: 6px; }
  .new-challenge-lists__photo { grid-row: 2; grid-column: 2; }
  .new-challenge-lists__item:last-child .new-challenge-lists__text { grid-column: 1 / 3; }
  .new-challenge-pic.is-pic-4,
  .new-challenge-pic.is-pic-5 { display: none; }
}

@media screen and (min-width: 769px) {
  .new-challenge { padding-bottom: 115px; }
  .new-challenge-pic.is-pic-1 { top: -291px; left: 50%; transform: translateX(-50%); width: 79.5%; }
  .new-challenge-pic.is-pic-1.u-lazy-y { transform: translate(-50%, 20px); }
  .new-challenge-pic.is-pic-1.u-lazy-y.u-lazy-done { transform: translate(-50%, 0); }
  .new-challenge-content { padding: 70px 86px; border-width: 4px; }
  .new-challenge-above { align-items: flex-start; margin-bottom: 76px; }
  .new-challenge-title { flex-wrap: wrap; order: 2; margin-top: 72px; font-size: 4.5rem; }
  .new-challenge-title img { margin: 0 -24px 9px 0; width: 255px; }
  .new-challenge-pic.is-pic-2 { order: 1; margin: 32px clamp(calc(92px * 0.6), calc(92 / 1440 * 100vw), 92px) 0 0; width: clamp(calc(118px * 0.6), calc(118 / 1440 * 100vw), 118px); }
  .new-challenge-pic.is-pic-3 { order: 3; margin-left: clamp(calc(48px * 0.6), calc(48 / 1440 * 100vw), 48px); width: clamp(calc(196px * 0.6), calc(196 / 1440 * 100vw), 196px); }
  .new-challenge-lists__item { align-items: flex-start; row-gap: 34px; column-gap: 59px; grid-template-columns: calc(100% - (25.0481695568% + 59px)) 25.0481695568%; padding-left: 14.6361406377%; }
  .new-challenge-lists__item:not(:first-child) { margin-top: 65px; }
  .new-challenge-lists__num { width: 9.4848732624%; }
  .new-challenge-lists__title { grid-row: 1; grid-column: 1; min-height: 51px; font-size: 3.2rem; letter-spacing: -0.04em; }
  .new-challenge-lists__title > span { padding-bottom: 10px; border-bottom-width: 2px; }
  .new-challenge-lists__text { grid-row: 2; grid-column: 1; font-size: 2rem; line-height: 2; }
  .new-challenge-lists__photo { grid-row: 1 / 4; grid-column: 2; border-radius: 20px; }
  .new-challenge-lists__item:last-child .new-challenge-lists__text { grid-column: 1 / 3; }
  .new-challenge-pic.is-pic-4 { position: absolute; top: 3px; right: clamp(calc(118px * 0.6), calc(118 / 1440 * 100vw), 118px); width: clamp(calc(115px * 0.6), calc(115 / 1440 * 100vw), 115px); }
  .new-challenge-pic.is-pic-5 { position: absolute; top: -34px; right: clamp(calc(71px * 0.6), calc(71 / 1440 * 100vw), 71px); width: clamp(calc(61px * 0.6), calc(61 / 1440 * 100vw), 61px); }
  .new-challenge-slide { margin-top: 51px; }
  .new-challenge-slide__lists__item { aspect-ratio: 1.3829787234 / 1; border-radius: 20px; }
  .new-challenge-slide .splide__arrow { top: calc(50% - 28px); }
  .new-challenge-slide .splide__arrow--prev { left: -50px; }
  .new-challenge-slide .splide__arrow--next { right: -50px; }
}

/* curriculum */
.new-curriculum { position: relative; }
.new-curriculum-pic { pointer-events: none; position: absolute; }
.new-curriculum-above { position: relative; padding: 70px 0 65px; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); }
.new-curriculum-title { margin: 0 auto 16px; text-align: center; }
.new-curriculum-lead { margin: 0; font-size: 1.6rem; line-height: 1.9; }
.new-curriculum-pic.is-pic-1 { bottom: -96px; left: 20px; width: 68px; z-index: 3; }
.new-curriculum-pic.is-pic-2 { bottom: -79px; right: 35px; width: 52px; z-index: 3; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .new-curriculum-above { padding: 120px 0 212px; }
  .new-curriculum-title { margin-bottom: 35px; max-width: 979px; }
  .new-curriculum-lead { text-align: center; font-size: 2rem; line-height: 2; }
  .new-curriculum-pic.is-pic-1 { bottom: clamp(-243px, calc(243 / 1600 * -100vw), calc(243px * -0.6)); left: clamp(calc(207px * 0.6), calc(207 / 1600 * 100vw), 207px); width: clamp(calc(183px * 0.6), calc(183 / 1600 * 100vw), 183px); }
  .new-curriculum-pic.is-pic-2 { bottom: clamp(-217px, calc(217 / 1600 * -100vw), calc(217px * -0.6)); right: clamp(calc(250px * 0.6), calc(250 / 1600 * 100vw), 250px); width: clamp(calc(137px * 0.6), calc(137 / 1600 * 100vw), 137px); }
}

/* specialist */
.body-new .recruit-specialist { padding: 19px 0 30px; z-index: 2; }
.body-new .recruit-specialist::before { content: ''; pointer-events: none; position: absolute; top: -37px; left: 50%; transform: translateX(-50%); aspect-ratio: 1 / 1; width: calc(980 / 375 * 100vw); background-color: #fff; border-radius: 50%; z-index: -1; }

@media screen and (min-width: 769px) {
  .body-new .recruit-specialist { padding: 0 0 56px; }
  .body-new .recruit-specialist::before { top: -157px; width: calc(4600 / 1600 * 100vw); }
  .body-new .recruit-specialist-title { position: absolute; top: -60px; left: 0; margin: 0; width: 100%; }
  .body-new .recruit-specialist .lists-specialist { padding-top: 131px; }
}

/* below */
.new-below { position: relative; z-index: 3; }

/* interview */
.new-interview { position: relative; padding: 70px 0 38px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 40px 0 40px 0; }
.new-interview-title { margin: 0 auto 57px; width: 76.7164179104%; }
.new-interview .btn-1 { margin-top: 24px; }

@media screen and (max-width: 768px) {
  .new-interview-slide { margin: 0 -20px; width: calc(100% + 40px); }
  .new-interview { background-image: url(./_assets/img/recruit/new/interview_bg.png); }
}

@media screen and (min-width: 769px) {
  .new-interview { padding: 120px 0 80px; background-image: url(./_assets/img/recruit/new/interview_bg-desktop.png); }
  .new-interview-title { margin-bottom: 58px; width: 533px; }
  .new-interview .btn-1 { margin-top: 26px; }
}

/* banner */
.new-banner { position: relative; padding: 20px 0; background-color: #fff; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .new-banner { padding: 70px 0 50px; }
}

/* visit */
.new-visit { position: relative; overflow: hidden; }
.new-visit-pic { pointer-events: none; }
.new-visit-pic img { width: 100%; max-width: inherit; }
.new-visit-bg { pointer-events: none; }
.new-visit-above { position: relative; padding: 70px 0 51px; color: #fff; overflow: hidden; z-index: 1; }
.new-visit-above::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); aspect-ratio: 1.7102040816 / 1; width: calc(838 / 375 * 100vw); background: linear-gradient(90deg, #9DB7DF 39.73%, #FBDA80 57.89%, #F09D64 66.88%); border-radius: 50%; z-index: -1; }
.new-visit-catch { margin: 0; text-align: center; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.49; }
.new-visit-title { margin: 0 0 23px; text-align: center; font-size: 3rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.49; }
.new-visit-lead { margin: 0; font-size: 1.6rem; font-weight: 700; line-height: 1.9; }
.new-visit-content { position: relative; padding: 30px 0; z-index: 2; }
.new-visit-salon { position: relative; }
.new-visit-salon__content { position: relative; margin: 0 10px; padding: 48px 28px 19px; z-index: 1; }
.new-visit-salon__content::before,
.new-visit-salon__content::after { content: ''; position: absolute; z-index: -1; }
.new-visit-salon__content::before { top: 0; left: 0; width: 0; height: 0; border: calc(50vw - 30px) solid transparent; border-top: none; border-bottom: calc(82px / 375px * 100vw) solid #FDDB7A; }
.new-visit-salon__content::after { bottom: 0; left: 0; width: 100%; height: calc(100% - (82 / 375 * 100vw)); background-color: #FDDB7A; }
.new-visit-salon__title { margin: 0 0 2px; text-align: center; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.49; }
.new-visit-salon__text { margin: 0; text-align: center; font-size: 1.6rem; line-height: 1.9; }
.new-visit-salon__text > span { position: relative; }
.new-visit-salon__text > span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px dotted #000; }
.new-visit-salon .btn-1 { margin-top: 20px; }
.new-visit-pic.is-pic-1 { position: absolute; bottom: 88px; right: 11px; width: 54px; }
.new-visit-salon__balloon { position: absolute; top: -57px; left: -7px; margin: 0; padding-top: 6px; width: 131px; height: 50px; text-align: center; font-size: 1rem; font-weight: 400; letter-spacing: -0.07em; line-height: 1.44; z-index: 2; }
.new-visit-salon__balloon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./_assets/img/recruit/new/visit_balloon1.png) no-repeat center center; background-size: 100% 100%; z-index: -1; }
.new-visit-pic.is-pic-2 { position: absolute; top: calc(11 / 375 * -100vw); left: calc(25 / 375 * 100vw); width: calc(120 / 375 * 100vw); z-index: 2; }
.new-visit-pic.is-pic-3 { position: absolute; top: calc(45 / 375 * -100vw); right: calc(11 / 375 * 100vw); width: calc(114 / 375 * 100vw); }
.new-visit-bg.is-bg-1 { position: absolute; top: 3px; right: -57px; width: 166px; z-index: -1; }
.new-visit-experience { position: relative; margin-top: 25px; }
.new-visit-experience__content { position: relative; margin: 0 30px; padding: 18px 10px 20px; background-color: #F09E62; border-radius: 10px; z-index: 1; }
.new-visit-experience__content::after { content: ''; position: absolute; bottom: 88px; left: 0; width: 100%; height: calc(30 / 375 * 100vw); background-repeat: no-repeat; background-position: center center; background-color: #fff; background-size: cover; z-index: -1; }
.new-visit-experience__title { position: relative; margin: 0 14px 9px; text-align: center; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.49; color: #fff; z-index: 1; }
.new-visit-experience__title::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px dotted #fff; z-index: -1; }
.new-visit-experience__title > span { position: relative; padding: 0 12px; background-color: #F09E62; z-index: 1; }
.new-visit-experience__price { margin: 0 14px 20px; }
.new-visit-experience__price__title { margin-bottom: 9px; text-align: center; -webkit-text-stroke: #fff 0.8px; font-size: 2.4rem; font-weight: 700; line-height: 1.6; color: #F09E62; }
.new-visit-experience__price__num { margin: 0 auto; width: 82.7309236900%; }
.new-visit-experience__tel { position: relative; margin: 0 20px 13px; padding: 4px 0; height: 30px; background-color: #fff; text-align: center; font-size: 1.4rem; font-weight: 700; letter-spacing: 1.5; color: #F09E62; }
.new-visit-experience__tel::before,
.new-visit-experience__tel::after { content: ''; position: absolute; top: 0; width: 0; height: 0; border: 15px solid transparent; }
.new-visit-experience__tel::before { left: -6px; border-right: 6px solid #fff; border-left: none; }
.new-visit-experience__tel::after { right: -6px; border-right: none; border-left: 6px solid #fff; }
.new-visit-experience__text { margin: 0 14px; font-size: 1.4rem; line-height: 1.5; color: #fff; }
.new-visit-experience .btn-1 { margin-top: calc(48 / 375 * 100vw); }
.new-visit-experience__attention { margin: 23px 34px 0 66px; font-size: 1.3rem; font-weight: 400; line-height: 1.4; }
.new-visit-pic.is-pic-4 { position: absolute; bottom: -30px; left: -11px; width: 65px; }
.new-visit-experience .u-deco.is-deco-1 { top: -24px; left: -14px; width: 44px; }
.new-visit-experience .u-deco.is-deco-2 { top: 32px; left: -12px; width: 26px }
.new-visit-experience .u-deco.is-deco-3 { top: 192px; right: -9px; width: 30px; }

@media screen and (max-width: 768px) {
  .new-visit-experience__content::after { background-image: url(./_assets/img/recruit/new/visit_bg2.svg); }
}

@media screen and (min-width: 769px) {
  .new-visit-above { padding: 86px 0 92px; }
  .new-visit-above::after { aspect-ratio: 1.7104622871 / 1; width: calc(2812 / 1600 * 100vw); }
  .new-visit-catch { font-size: 3.2rem; }
  .new-visit-title { margin-bottom: 24px; font-size: 4.8rem; letter-spacing: 0; }
  .new-visit-lead { text-align: center; font-size: 2rem; line-height: 2.01; }
  .new-visit-content { padding: 36px 0 30px; }
  .new-visit-salon { margin: 0 auto; max-width: 1046px; }
  .new-visit-salon__content { margin: 0 auto; padding: 132px 20px 34px; max-width: 803px; }
  .new-visit-salon__content::before { border: calc(803px / 2) solid transparent; border-top: none; border-bottom: 218px solid #FDDB7A; }
  .new-visit-salon__content::after { height: calc(100% - 218px); }
  .new-visit-salon__title { margin-bottom: 19px; font-size: 4.8rem; }
  .new-visit-salon__text { font-size: 3.2rem; line-height: 1.8; }
  .new-visit-salon__text > span::after { border-top-width: 2px; }
  .new-visit-salon .btn-1 { margin-top: 44px; }
  .new-visit-pic.is-pic-1 { bottom: 107px; right: 103px; width: 112px; }
  .new-visit-salon__balloon { top: -72px; left: 20px; padding-top: 22px; width: 261px; height: 100px; font-size: 1.5rem; font-weight: 500; line-height: 2.4; }
  .new-visit-pic.is-pic-2 { top: clamp(calc(4px * 0.6), calc(4 / 1046 * 100vw), 4px); left: clamp(calc(136px * 0.6), calc(136 / 1046 * 100vw), 136px); width: clamp(calc(290px * 0.6), calc(290 / 1046 * 100vw), 290px); }
  .new-visit-pic.is-pic-3 { top: clamp(-43px, calc(43 / 1046 * -100vw), calc(43px * -0.6)); right: clamp(-8px, calc(8 / 1046 * -100vw), calc(8px * -0.6)); width: clamp(calc(295px * 0.6), calc(295 / 1046 * 100vw), 295px); }
  .new-visit-bg.is-bg-1 { top: clamp(-48px, calc(48 / 1046 * -100vw), calc(48px * -0.6)); right: clamp(-120px, calc(120 / 1046 * -100vw), calc(120px * -0.6)); width: clamp(calc(433px * 0.6), calc(433 / 1046 * 100vw), 433px); }
  .new-visit-experience { margin: 46px auto 0; max-width: 968px; }
  .new-visit-experience__content { margin: 0 auto; padding: 25px 44px 20px; max-width: 662px; }
  .new-visit-experience__content::after { bottom: 100px; height: 30px; background-image: url(./_assets/img/recruit/new/visit_bg2-desktop.svg); }
  .new-visit-experience__title { margin: 0 0 11px; font-size: 4.8rem; }
  .new-visit-experience__title > span { padding: 0 20px; }
  .new-visit-experience__price { margin: 0 0 30px; }
  .new-visit-experience__price__title { margin-bottom: 29px; -webkit-text-stroke: #fff 1.5px; font-size: 3.6rem; line-height: 1; }
  .new-visit-experience__price__num { width: 348px; }
  .new-visit-experience__tel { margin: 0 12px 15px; padding: 7px 0; height: 40px; font-size: 1.8rem; }
  .new-visit-experience__tel::before,
  .new-visit-experience__tel::after { border-width: 20px; }
  .new-visit-experience__tel::before { left: -12px; border-right-width: 12px; }
  .new-visit-experience__tel::after { right: -12px; border-left-width: 12px; }
  .new-visit-experience__text { margin: 0; text-align: center; font-size: 1.6rem; line-height: 1.6; }
  .new-visit-experience .btn-1 { margin-top: 40px; }
  .new-visit-experience__attention { margin: 8px auto 0; padding-left: 49px; max-width: 662px; font-size: 1.6rem; line-height: 1.6; }
  .new-visit-pic.is-pic-4 { bottom: -120px; left: 40px; width: 137px; }
  .new-visit-experience .u-deco.is-deco-1 { top: 0; left: 0; width: 116px; }
  .new-visit-experience .u-deco.is-deco-2 { top: 140px; left: 0; width: 70px }
  .new-visit-experience .u-deco.is-deco-3 { top: 380px; right: 57px; width: 60px; }
}

@media screen and (min-width: 769px) and (max-width: 864px) {
  .new-visit-salon__content::before { border-right-width: calc(50vw - 28px); border-left-width: calc(50vw - 28px); }
}

/* schedule */
.new-schedule { position: relative; padding: 42px 0 86px; background-color: #FBF1E2; }
.new-schedule a { color: #898989; }
.new-schedule-pic { pointer-events: none; }
.new-schedule-above { display: flex; justify-content: center; align-items: center; gap: 9px; position: relative; margin-bottom: 27px; }
.new-schedule-title { margin: 0; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; }
.new-schedule-pic.is-pic-1 { width: 65px; }
.new-schedule-lists__item { position: relative; }
.new-schedule-lists__frame { position: relative; }
.new-schedule-lists__title { margin: 0 0 8px; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; color: #F9BC45; }
.new-schedule-lists__text { margin: 0; font-size: 1.6rem; line-height: 1.6; }
.new-schedule-pic.is-pic-2 { position: absolute; top: -11px; right: -8px; width: 65px; }
.new-schedule-attentions { font-size: 1.3rem; font-weight: 400; line-height: 1.4; }
.new-schedule-attentions a { font-weight: 500; }
.new-schedule-attentions > p { margin: 0; }
.new-schedule-attentions > p:not(:first-child) { margin-top: 10px; }

@media screen and (max-width: 768px) {
  .new-schedule > .l-wrap { padding: 0; }
  .new-schedule-lists { display: grid; gap: 36px; }
  .new-schedule-lists__item:not(:last-child)::after { content: ''; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border: 12px solid transparent; border-top: 15px solid #F9BC45; border-bottom: none; }
  .new-schedule-lists__frame { padding: 19px 22px; background-color: #fff; }
  .new-schedule-lists__item:nth-of-type(odd) .new-schedule-lists__frame { margin-left: 35px; border-radius: 20px 0 0 20px; }
  .new-schedule-lists__item:nth-of-type(even) .new-schedule-lists__frame { margin-right: 35px; border-radius: 0 20px 20px 0; }
  .new-schedule-lists__item .new-schedule-attentions { margin: 14px 50px 0 32px; }
  .new-schedule-lists__item:last-child .new-schedule-lists__frame { padding: 27px 90px 27px 0; background-color: #F9BC45; }
  .new-schedule-lists__item:last-child .new-schedule-lists__title { text-align: right; font-size: 2.4rem; color: #fff; }
}

@media screen and (min-width: 769px) {
  .new-schedule { padding: 75px 0 196px; }
  .new-schedule-above { gap: 24px; margin-bottom: 53px; }
  .new-schedule-title { font-size: 4.8rem; }
  .new-schedule-pic.is-pic-1 { width: 117px; }
  .new-schedule-lists { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 20px; column-gap: 83px; margin: 0 auto; max-width: 1322px; }
  .new-schedule-lists__item { width: 263px; }
  .new-schedule-lists__item:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -53px; transform: translateY(-50%); width: 0; height: 0; border: 16px solid transparent; border-right: none; border-left: 25px solid #F9BC45; }
  .new-schedule-lists__frame { aspect-ratio: 1 / 1; padding-top: 62px; z-index: 1; }
  .new-schedule-lists__frame::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./_assets/img/recruit/new/schedule_bg1.png) no-repeat center center; background-size: 100% 100%; z-index: -1; }
  .new-schedule-lists__title { margin-bottom: 25px; text-align: center; font-size: 2.735rem; line-height: 1; }
  .new-schedule-lists__text { text-align: center; font-size: 1.6rem; }
  .new-schedule-pic.is-pic-2 { top: 20px; right: -33px; width: 82px; }
  .new-schedule-lists__item:last-child .new-schedule-lists__frame { display: flex; justify-content: center; align-items: center; padding: 0; }
  .new-schedule-lists__item:last-child .new-schedule-lists__frame::after { background-image: url(./_assets/img/recruit/new/schedule_bg2.png); }
  .new-schedule-lists__item:last-child .new-schedule-lists__title { margin-bottom: 0; color: #fff; }
  .new-schedule-attentions { margin: 52px auto 0; max-width: 820px; font-size: 1.6rem; line-height: 1.6; }
  .new-schedule-attentions > p:not(:first-child) { margin-top: 0; }
}

/* career
------------------------------------------------ */
/* common */
.body-career .recruit-visual { background: linear-gradient(321.71deg, #CFC9E9 0.38%, #E1E4F2 30.6%, #B7CDEC 53.7%, #5DA1DE 111.17%); }

/* introduction */
.career-introduction { position: relative; }
.career-introduction-pic { pointer-events: none; position: absolute; }
.career-introduction-content { position: relative; padding: calc(40 / 375 * 100vw) 0 calc(147 / 375 * 100vw); background-repeat: no-repeat; background-position: center top; background-size: cover; }
.career-introduction-block { position: relative; z-index: 2; }
.career-introduction-block::after { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; z-index: -1; }
.career-introduction-title { margin: 0; line-height: 1.6; }
.career-introduction-title span { display: inline-block; vertical-align: top; font-weight: 700; line-height: 1.6; }
.career-introduction-title .is-name { -webkit-text-stroke: #000 0.51px; font-size: calc(29.58 / 375 * 100vw); letter-spacing: -6%; color: #fff; }
.career-introduction-title .is-text1 { padding: calc(17 / 375 * 100vw) 0 0 calc(2 / 375 * 100vw); font-size: calc(17.34 / 375 * 100vw); }
.career-introduction-title .is-text2 { padding: calc(4 / 375 * 100vw) calc(4 / 375 * 100vw) 0 calc(52 / 375 * 100vw); font-size: calc(25.5 / 375 * 100vw); }
.career-introduction-title .is-text3 { margin-top: calc(13 / 375 * -100vw); font-size: calc(43.86 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-1 { top: calc(77 / 375 * 100vw); left: calc(246 / 375 * 100vw); width: calc(16 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-2 { top: calc(99 / 375 * 100vw); left: calc(265 / 375 * 100vw); width: calc(10 / 375 * 100vw); }
.career-introduction-block__title { margin: 0 0 calc(6 / 375 * 100vw); text-align: center; font-size: calc(20 / 375 * 100vw); font-weight: 500; line-height: 1.595; }
.career-introduction-block__text { margin: 0; text-align: center; font-size: calc(16 / 375 * 100vw); line-height: 1.40625; }
.career-introduction-block .btn-1 { margin-top: calc(14 / 375 * 100vw); }
.career-introduction-block .btn-1 > a { width: calc(151 / 375 * 100vw); height: calc(32 / 375 * 100vw); font-size: calc(11.82 / 375 * 100vw); }
.career-introduction-block .btn-1 > a::after { right: calc(12 / 375 * 100vw); width: calc(11 / 375 * 100vw); height: calc(11 / 375 * 100vw); }
.career-introduction-block.is-block-title { padding: calc(28 / 375 * 100vw) 0 0 calc(25 / 375 * 100vw); width: calc(332 / 375 * 100vw); height: calc(142 / 375 * 100vw); }
.career-introduction-block.is-block-title::after { background-image: url(./_assets/img/recruit/career/introduction_title_bg.png); }
.career-introduction-block.is-block-1 { margin: calc(17 / 375 * 100vw) 0 0 calc(57 / 375 * 100vw); padding: calc(56 / 375 * 100vw) 0 0 calc(34 / 375 * 100vw); width: calc(255 / 375 * 100vw); height: calc(185 / 375 * 100vw); }
.career-introduction-block.is-block-1::after { background-image: url(./_assets/img/recruit/career/introduction_block1_bg.png); }
.career-introduction-pic.is-pic-1 { top: calc(128 / 375 * 100vw); left: calc(197 / 375 * 100vw); width: calc(78 / 375 * 100vw); }
.career-introduction-block.is-block-2 { margin: calc(20 / 375 * 100vw) 0 0 calc(15 / 375 * 100vw); padding-top: calc(51 / 375 * 100vw); width: calc(247 / 375 * 100vw); height: calc(174 / 375 * 100vw); }
.career-introduction-block.is-block-2::after { background-image: url(./_assets/img/recruit/career/introduction_block2_bg.png); }
.career-introduction-pic.is-pic-2 { top: calc(58 / 375 * 100vw); left: calc(15 / 375 * -100vw); width: calc(73 / 375 * 100vw); }
.career-introduction-block.is-block-3 { margin: calc(16 / 375 * 100vw) 0 0 calc(76 / 375 * 100vw); padding-top: calc(31 / 375 * 100vw); width: calc(254 / 375 * 100vw); height: calc(164 / 375 * 100vw); }
.career-introduction-block.is-block-3::after { background-image: url(./_assets/img/recruit/career/introduction_block3_bg.png); }
.career-introduction-pic.is-pic-3 { top: calc(16 / 375 * 100vw); left: calc(188 / 375 * 100vw); width: calc(55 / 375 * 100vw); }
.career-introduction-block.is-block-4 { margin: calc(10 / 375 * 100vw) 0 0 calc(3 / 375 * -100vw); padding-top: calc(25 / 375 * 100vw); width: calc(264 / 375 * 100vw); height: calc(177 / 375 * 100vw); }
.career-introduction-block.is-block-4::after { background-image: url(./_assets/img/recruit/career/introduction_block4_bg.png); }
.career-introduction-pic.is-pic-4 { top: calc(15 / 375 * 100vw); left: calc(27 / 375 * 100vw); width: calc(36 / 375 * 100vw); }
.career-introduction-block.is-block-5 { margin: calc(12 / 375 * 100vw) 0 0 calc(101 / 375 * 100vw); padding-top: calc(49 / 375 * 100vw); width: calc(242 / 375 * 100vw); height: calc(168 / 375 * 100vw); }
.career-introduction-block.is-block-5::after { background-image: url(./_assets/img/recruit/career/introduction_block5_bg.png); }
.career-introduction-pic.is-pic-5 { top: calc(10 / 375 * 100vw); left: calc(178 / 375 * 100vw); width: calc(49 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-3 { top: 0; left: calc(315 / 375 * 100vw); width: calc(28 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-4 { top: calc(193 / 375 * 100vw); left: calc(51 / 375 * 100vw); width: calc(18 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-6 { top: calc(324 / 375 * 100vw); left: calc(253 / 375 * 100vw); width: calc(64 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-7 { top: calc(956 / 375 * 100vw); left: calc(37 / 375 * 100vw); width: calc(64 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-8 { top: calc(472 / 375 * 100vw); left: calc(34 / 375 * 100vw); width: calc(79 / 375 * 100vw); }
.career-introduction .u-deco.is-deco-9 { top: calc(781 / 375 * 100vw); left: calc(304 / 375 * 100vw); width: calc(29 / 375 * 100vw); }
.career-introduction-slide { margin-top: calc(100 / 375 * -100vw); }
.career-introduction-slide__lists__item { position: relative; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; }

@media screen and (max-width: 768px) {
  .career-introduction-content { background-image: url(./_assets/img/recruit/career/introduction_bg.png); }
  .career-introduction .u-deco.is-deco-5 { display: none; }
  .career-introduction .u-deco.is-deco-6 { transform: scaleY(-1); }
  .career-introduction .u-deco.is-deco-7 { transform: scale(-1); }
}

@media screen and (min-width: 769px) {
  .career-introduction-content { padding: clamp(calc(67px * 0.6), calc(67 / 1440 * 100vw), 67px) 0 clamp(calc(235px * 0.6), calc(235 / 1440 * 100vw), 235px); background-image: url(./_assets/img/recruit/career/introduction_bg-desktop.png); }
  .career-introduction-content > .l-wrap { display: flex; flex-wrap: wrap; }
  .career-introduction-title .is-name { -webkit-text-stroke: #000 1px; font-size: clamp(calc(5.8rem * 0.6), calc(58 / 1440 * 100vw), 5.8rem); }
  .career-introduction-title .is-text1 { padding: clamp(calc(34px * 0.6), calc(34 / 1440 * 100vw), 34px) 0 0 clamp(calc(5px * 0.6), calc(5 / 1440 * 100vw), 5px); font-size: clamp(calc(3.4rem * 0.6), calc(34 / 1440 * 100vw), 3.4rem); }
  .career-introduction-title .is-text2 { padding: clamp(calc(7px * 0.6), calc(7 / 1440 * 100vw), 7px) 0 0 clamp(calc(129px * 0.6), calc(129 / 1440 * 100vw), 129px); font-size: clamp(calc(5rem * 0.6), calc(50 / 1440 * 100vw), 5rem); }
  .career-introduction-title .is-text3 { margin-top: clamp(-26px, calc(26 / 1440 * -100vw), calc(26px * -0.6)); font-size: clamp(calc(8.6rem * 0.6), calc(86 / 1440 * 100vw), 8.6rem); }
  .career-introduction .u-deco.is-deco-1 { top: clamp(calc(150px * 0.6), calc(150 / 1440 * 100vw), 150px); left: clamp(calc(483px * 0.6), calc(483 / 1440 * 100vw), 483px); width: clamp(calc(32px * 0.6), calc(32 / 1440 * 100vw), 32px); }
  .career-introduction .u-deco.is-deco-2 { top: clamp(calc(194px * 0.6), calc(194 / 1440 * 100vw), 194px); left: clamp(calc(519px * 0.6), calc(519 / 1440 * 100vw), 519px); width: clamp(calc(19px * 0.6), calc(19 / 1440 * 100vw), 19px); }
  .career-introduction-block__title { margin-bottom: clamp(calc(8px * 0.6), calc(8 / 1440 * 100vw), 8px); font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); line-height: 1.565625; }
  .career-introduction-block__text { font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); font-weight: 400; line-height: 1.74; }
  .career-introduction-block .btn-1 { margin-top: clamp(calc(13px * 0.6), calc(13 / 1440 * 100vw), 13px); }
  .career-introduction-block .btn-1 > a { width: clamp(calc(234px * 0.6), calc(234 / 1440 * 100vw), 234px); height: clamp(calc(54px * 0.6), calc(54 / 1440 * 100vw), 54px); font-size: clamp(calc(1.6rem * 0.6), calc(16 / 1440 * 100vw), 1.6rem); }
  .career-introduction-block .btn-1 > a::after { right: clamp(calc(19px * 0.6), calc(19 / 1440 * 100vw), 19px); width: clamp(calc(14px * 0.6), calc(14 / 1440 * 100vw), 14px); height: clamp(calc(14px * 0.6), calc(14 / 1440 * 100vw), 14px); }
  .career-introduction-block.is-block-title { margin: 0 0 clamp(calc(33px * 0.6), calc(33 / 1440 * 100vw), 33px) clamp(calc(396px * 0.6), calc(396 / 1440 * 100vw), 396px); padding: clamp(calc(56px * 0.6), calc(56 / 1440 * 100vw), 56px) 0 0 clamp(calc(50px * 0.6), calc(50 / 1440 * 100vw), 50px); width: clamp(calc(651px * 0.6), calc(651 / 1440 * 100vw), 651px); height: clamp(calc(278px * 0.6), calc(278 / 1440 * 100vw), 278px); }
  .career-introduction-block.is-block-1 { margin: 0 0 0 clamp(calc(36px * 0.6), calc(36 / 1440 * 100vw), 36px); padding: clamp(calc(94px * 0.6), calc(94 / 1440 * 100vw), 94px) 0 0 clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px); width: clamp(calc(400px * 0.6), calc(400 / 1440 * 100vw), 400px); height: clamp(calc(290px * 0.6), calc(290 / 1440 * 100vw), 290px); }
  .career-introduction-pic.is-pic-1 { top: clamp(calc(200px * 0.6), calc(200 / 1440 * 100vw), 200px); left: clamp(calc(308px * 0.6), calc(308 / 1440 * 100vw), 308px); width: clamp(calc(122px * 0.6), calc(122 / 1440 * 100vw), 122px); }
  .career-introduction-block.is-block-2 { margin: clamp(calc(11px * 0.6), calc(11 / 1440 * 100vw), 11px) 0 0 clamp(calc(100px * 0.6), calc(100 / 1440 * 100vw), 100px); padding-top: clamp(calc(80px * 0.6), calc(80 / 1440 * 100vw), 80px); width: clamp(calc(387px * 0.6), calc(387 / 1440 * 100vw), 387px); height: clamp(calc(273px * 0.6), calc(273 / 1440 * 100vw), 273px); }
  .career-introduction-pic.is-pic-2 { top: clamp(calc(91px * 0.6), calc(91 / 1440 * 100vw), 91px); left: clamp(-23px, calc(23 / 1440 * -100vw), calc(23px * -0.6)); width: clamp(calc(115px * 0.6), calc(115 / 1440 * 100vw), 115px); }
  .career-introduction-block.is-block-3 { margin: clamp(calc(27px * 0.6), calc(27 / 1440 * 100vw), 27px) 0 0 clamp(calc(36px * 0.6), calc(36 / 1440 * 100vw), 36px); padding-top: clamp(calc(53px * 0.6), calc(53 / 1440 * 100vw), 53px); width: clamp(calc(398px * 0.6), calc(398 / 1440 * 100vw), 398px); height: clamp(calc(257px * 0.6), calc(257 / 1440 * 100vw), 257px); }
  .career-introduction-pic.is-pic-3 { top: clamp(calc(26px * 0.6), calc(26 / 1440 * 100vw), 26px); left: clamp(calc(295px * 0.6), calc(295 / 1440 * 100vw), 295px); width: clamp(calc(87px * 0.6), calc(87 / 1440 * 100vw), 87px); }
  .career-introduction-block.is-block-4 { margin: clamp(calc(45px * 0.6), calc(45 / 1440 * 100vw), 45px) 0 0 clamp(calc(268px * 0.6), calc(268 / 1440 * 100vw), 268px); padding-top: clamp(calc(44px * 0.6), calc(44 / 1440 * 100vw), 44px); width: clamp(calc(413px * 0.6), calc(413 / 1440 * 100vw), 413px); height: clamp(calc(278px * 0.6), calc(278 / 1440 * 100vw), 278px); }
  .career-introduction-pic.is-pic-4 { top: clamp(calc(8px * 0.6), calc(8 / 1440 * 100vw), 8px); left: clamp(calc(36px * 0.6), calc(36 / 1440 * 100vw), 36px); width: clamp(calc(57px * 0.6), calc(57 / 1440 * 100vw), 57px); }
  .career-introduction-block.is-block-5 { margin: clamp(calc(45px * 0.6), calc(45 / 1440 * 100vw), 45px) 0 0 clamp(calc(110px * 0.6), calc(110 / 1440 * 100vw), 110px); padding-top: clamp(calc(78px * 0.6), calc(78 / 1440 * 100vw), 78px); width: clamp(calc(395px * 0.6), calc(395 / 1440 * 100vw), 395px); height: clamp(calc(262px * 0.6), calc(262 / 1440 * 100vw), 262px); }
  .career-introduction-pic.is-pic-5 { top: clamp(calc(15px * 0.6), calc(15 / 1440 * 100vw), 15px); left: clamp(calc(296px * 0.6), calc(296 / 1440 * 100vw), 296px); width: clamp(calc(75px * 0.6), calc(75 / 1440 * 100vw), 75px); }
  .career-introduction .u-deco.is-deco-3 { top: clamp(calc(240px * 0.6), calc(240 / 1440 * 100vw), 240px); left: clamp(calc(41px * 0.6), calc(41 / 1440 * 100vw), 41px); width: clamp(calc(40px * 0.6), calc(40 / 1440 * 100vw), 40px); }
  .career-introduction .u-deco.is-deco-4 { top: clamp(calc(23px * 0.6), calc(23 / 1440 * 100vw), 40px); left: clamp(calc(142px * 0.6), calc(142 / 1440 * 100vw), 142px); width: clamp(calc(36px * 0.6), calc(36 / 1440 * 100vw), 36px); }
  .career-introduction .u-deco.is-deco-5 { top: clamp(calc(114px * 0.6), calc(114 / 1440 * 100vw), 114px); left: clamp(calc(279px * 0.6), calc(279 / 1440 * 100vw), 279px); width: clamp(calc(54px * 0.6), calc(54 / 1440 * 100vw), 54px); }
  .career-introduction .u-deco.is-deco-6 { top: clamp(calc(90px * 0.6), calc(90 / 1440 * 100vw), 90px); left: clamp(calc(1154px * 0.6), calc(1154 / 1440 * 100vw), 1154px); transform: scaleY(-1); width: clamp(calc(126px * 0.6), calc(126 / 1440 * 100vw), 126px); }
  .career-introduction .u-deco.is-deco-7 { top: clamp(calc(558px * 0.6), calc(558 / 1440 * 100vw), 558px); left: clamp(calc(1294px * 0.6), calc(1294 / 1440 * 100vw), 1294px); width: clamp(calc(126px * 0.6), calc(126 / 1440 * 100vw), 126px); }
  .career-introduction .u-deco.is-deco-8 { top: clamp(calc(719px * 0.6), calc(719 / 1440 * 100vw), 719px); left: clamp(calc(66px * 0.6), calc(66 / 1440 * 100vw), 66px); width: clamp(calc(126px * 0.6), calc(126 / 1440 * 100vw), 126px); }
  .career-introduction .u-deco.is-deco-9 { top: clamp(calc(852px * 0.6), calc(852 / 1440 * 100vw), 852px); left: clamp(calc(681px * 0.6), calc(681 / 1440 * 100vw), 681px); width: clamp(calc(56px * 0.6), calc(56 / 1440 * 100vw), 56px); }
  .career-introduction-slide { margin-top: clamp(-164px, calc(164 / 1440 * -100vw), calc(164px * -0.6)); }
  .career-introduction-slide__lists__item { aspect-ratio: 1 / 1; border-radius: 20px; }
}

/* below */
.body-career .recruit-specialist { padding: 70px 0 35px; }

@media screen and (min-width: 769px) {
  .body-career .recruit-specialist { padding: 134px 0 56px; }
}

/* banner */
.career-banner { position: relative; padding: 36px 0; background-color: #F5F5F5; }

@media screen and (min-width: 769px) {
  .career-banner { padding: 70px 0; }
}

/* detail */
.career-detail { position: relative; padding: 84px 0 74px; background-color: #C5D5EE; }
.career-detail::before { content: ''; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: calc(655 / 375 * 100vw); background: linear-gradient(321.71deg, #CFC9E9 0.38%, #E1E4F2 30.6%, #B7CDEC 53.7%, #5DA1DE 111.17%); z-index: 1; }
.career-detail-hd { position: relative; margin-bottom: 33px; z-index: 2; }
.career-detail-catch { margin: 0 0 70px; text-align: center; font-size: 2.4rem; letter-spacing: -0.06%; line-height: 3.03; color: #fff; }
.career-detail-catch img { margin: 9px 2px 0; height: 45px; max-width: inherit; }
.career-detail-tab__balloon { display: flex; justify-content: center; position: relative; margin-bottom: 16px; }
.career-detail-tab__balloon::before,
.career-detail-tab__balloon::after { content: ''; position: absolute; top: 50%; width: 74px; height: 1px; background-color: #000; border-radius: 10px; }
.career-detail-tab__balloon::before { left: -2px; transform: translateY(-50%) rotate(60deg); }
.career-detail-tab__balloon::after { right: -2px; transform: translateY(-50%) rotate(-60deg); }
.career-detail-tab__balloon__text { margin: 0; font-size: 2rem; line-height: 1.5; }
.career-detail-tab__balloon__text > span { display: inline-block; position: relative; vertical-align: top; }
.career-detail-tab__balloon__text > span::before { content: ''; position: absolute; top: -6px; left: 50%; transform: translateY(-50%); width: 3px; height: 3px; background-color: #000; border-radius: 50%; }
.career-detail .sort-tab-links__item > button { color: #296AA9; }
.career-detail .sort-tab-links__item > button.is-active { background-color: #296AA9; color: #fff; }
.career-detail-tab__target { display: none; position: relative; z-index: 2; }
.career-detail-tab__target[aria-hidden=false] { display: block; }
.career-detail-ft { position: relative; margin-top: 42px; z-index: 2; }
.career-detail .u-deco.is-deco-1 { top: 33px; left: -109px; width: 212px; z-index: 1; }
.career-detail .u-deco.is-deco-2 { top: 440px; right: -83px; width: 210px; z-index: 1; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .career-detail { padding: 197px 0 140px; }
  .career-detail::before { height: 872px; }
  .career-detail-hd { margin-bottom: 46px; }
  .career-detail-catch { margin-bottom: 144px; font-size: 4.8rem; line-height: 1; }
  .career-detail-catch img { margin: -31px 20px 0; height: 83px; }
  .career-detail-tab__balloon { margin: 0 auto 38px; max-width: 726px; }
  .career-detail-tab__balloon::before,
  .career-detail-tab__balloon::after { width: 64px; }
  .career-detail-tab__balloon::before { left: -16px; }
  .career-detail-tab__balloon::after { right: -16px; }
  .career-detail-tab__balloon__text { font-size: 3.2rem; letter-spacing: -4%; line-height: 1; }
  .career-detail-tab__balloon__text > span::before { top: -12px; left: 50%; width: 5px; height: 5px; }
  .career-detail .sort-tab { margin: 0 auto; max-width: 958px; }
  .career-detail .sort-tab-links { gap: 12px; grid-template-columns: repeat(4, calc((100% / 4) - (12px / (4 / 3)))); }
  .career-detail-ft { margin-top: 49px; }
  .career-detail .u-deco.is-deco-1 { top: 373px; left: -57px; width: 325px; }
  .career-detail .u-deco.is-deco-2 { top: 772px; right: -125px; width: 382px; }
}

/* changer */
.career-changer { position: relative; }
.career-changer-content { position: relative; }
.career-changer-pic { pointer-events: none; }
.career-changer-title { position: relative; margin: 0 0 50px; text-align: center; font-size: 3.6rem; font-weight: 700; letter-spacing: 8%; line-height: 1.49; color: #6CA5ED; }
.career-changer-title::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px dashed #fff; }
.career-changer-title > span { display: inline-block; position: relative; padding: 0 8px; background: linear-gradient(180deg, #6CA5ED 0%, #7CA3D9 100%); vertical-align: top; z-index: 2; }
.career-changer-title > span::after { content: attr(data-label); position: absolute; top: 0; left: 8px; -webkit-text-stroke: #fff 4px; color: #6CA5ED; z-index: -1; }
.career-changer-photo { position: relative; width: calc(304 / 375 * 100vw); }
.career-changer-photo__cover { width: 100%; mask-repeat: no-repeat; mask-position: left top; mask-image: url(./_assets/img/recruit/career/changer_photo1_mask.svg); mask-size: 100%; }
.career-changer-photo .u-deco.is-deco-1 { top: 15px; left: 62px; width: 15px; }
.career-changer-photo .u-deco.is-deco-2 { top: 78px; left: -7px; width: 23px; }
.career-changer-photo .u-deco.is-deco-3 { bottom: 27px; right: 18px; width: 13px; }
.career-changer-photo .u-deco.is-deco-4 { bottom: -11px; right: 34px; width: 22px; }
.career-changer-info { position: relative; }
.career-changer-catch { margin: 0 0 13px; font-size: 2.4rem; letter-spacing: -4%; line-height: 1.4583333333; color: #fff; }
.career-changer-text { margin: 0; font-size: 1.6rem; line-height: 2; color: #fff; }
.career-changer-merit { position: relative; margin-top: 46px; }
.career-changer-merit__title { margin: 0 0 18px; text-align: center; font-size: 2.701rem; font-weight: 700; line-height: 1.49; }
.career-changer-merit__title span { display: inline-block; vertical-align: baseline; }
.career-changer-merit__title .is-num { -webkit-text-stroke: #fff 1px; font-family: 'Poppins', sans-serif; font-size: 4.322rem; font-weight: 700; letter-spacing: 8%; color: #B69E95; }
.career-changer-merit__title .is-text { letter-spacing: -3%; color: #fff; }
.career-changer-merit__lists__item { position: relative; }
.career-changer-merit__lists__above { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 16px; padding: 5px; background-color: #fff; border-radius: 25px; }
.career-changer-merit__lists__num { margin: 0; -webkit-text-stroke: #000 1px; font-family: 'Poppins', sans-serif; font-size: 2.267rem; font-weight: 700; letter-spacing: 14%; line-height: 0; color: #fff; }
.career-changer-merit__lists__title { margin: 0; font-size: 1.259rem; font-weight: 500; line-height: 2.0492454328; }
.career-changer-merit__lists__text { margin: 0; font-size: 1.6rem; line-height: 1.6; color: #fff; }

@media screen and (max-width: 768px) {
  .career-changer { padding-top: 59px; background: linear-gradient(180deg, #6CA5ED 0%, #F39A4F 80.29%, #FF6500 100%); border-radius: 40px; }
  .career-changer-photo { margin: 0 auto 28px; }
  .career-changer-merit__lists__item:not(:first-child) { margin-top: 48px; }
  .career-changer-pic.is-pic-1 { display: block; margin: 18px 13px 0 auto; width: 118px; }
}

@media screen and (min-width: 769px) {
  .career-changer-content { padding: 68px 90px 69px; background: linear-gradient(180deg, #6CA5ED 0%, #F39A4F 80.29%, #FF6500 100%); border-radius: 80px; }
  .career-changer-above { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  .career-changer-title { width: 100%; font-size: 6.4rem; }
  .career-changer-title > span { padding: 0 28px; }
  .career-changer-title > span::after { left: 28px; -webkit-text-stroke: #fff 6px; }
  .career-changer-photo { width: calc(557 / 1220 * 100%); }
  .career-changer-photo .u-deco.is-deco-1 { top: 24px; left: 110; width: 28px; }
  .career-changer-photo .u-deco.is-deco-2 { top: 131px; left: -16px; width: 42px; }
  .career-changer-photo .u-deco.is-deco-3 { bottom: 120px; right: 19px; width: 25px; }
  .career-changer-photo .u-deco.is-deco-4 { bottom: 55px; right: 48px; width: 41px; }
  .career-changer-info { width: calc(610 / 1220 * 100%); }
  .career-changer-catch { margin-bottom: 29px; font-size: 4.8rem; }
  .career-changer-text { font-size: 2rem; }
  .career-changer-merit { margin-top: 48px; }
  .career-changer-merit__title { position: relative; margin-bottom: 56px; font-size: 4rem; z-index: 3; }
  .career-changer-merit__title .is-num { font-size: 6.4rem; color: #C29D88; }
  .career-changer-merit__lists { display: grid; row-gap: 52px; column-gap: 117px; grid-template-columns: repeat(2, calc(50% - (117px / 2))); }
  .career-changer-merit__lists__above { gap: 20px; margin-bottom: 18px; padding: 8px; border-radius: 40px; }
  .career-changer-merit__lists__num { font-size: 3.6rem; }
  .career-changer-merit__lists__title { font-size: 2rem; line-height: 2.045; }
  .career-changer-merit__lists__text { font-size: 2rem; }
  .career-changer-pic.is-pic-1 { position: absolute; top: 23px; right: 57px; width: 175px; z-index: 2; }
}

/* interview */
.career-interview { position: relative; padding: 51px 0 53px; }
.career-interview-title { margin: 0; }

@media screen and (max-width: 768px) {
  .career-interview-title { margin: 0 auto 57px; width: calc(257 / 335 * 100%); }
  .career-interview-slide { margin: 0 -20px; width: calc(100% + 40px); }
  .career-interview .btn-1 { margin-top: 24px; }
}

@media screen and (min-width: 769px) {
  .career-interview { padding: 123px 0 113px; }
  .career-interview > .l-wrap { display: grid; align-items: center; column-gap: 70px; grid-template-columns: 407px calc(100% - (407px + 70px));}
  .career-interview-title { grid-row: 1; grid-column: 1; margin: auto 0 0 27px; max-width: 380px; }
  .career-interview-slide { grid-row: 1 / 3; grid-column: 2; }
  .career-interview-slide .lists-interview.splide__list { display: flex !important; gap: 0; }
  .career-interview-slide .splide__arrow:disabled { opacity: 0; }
  .career-interview-slide .splide__arrow--prev { left: -36px; }
  .career-interview-slide .splide__arrow--next { right: -36px; }
  .career-interview .btn-1 { grid-row: 2; grid-column: 1; margin: 79px 0 auto; }
}

@media screen and (min-width: 769px) and (max-width: 1500px) {
  .career-interview-slide .splide__arrow--prev { left: -15px; }
  .career-interview-slide .splide__arrow--next { right: -15px; }
}

/* schedule */
.career-schedule { position: relative; }
.career-schedule-content { position: relative; }
.career-schedule-pic { pointer-events: none; }
.career-schedule-above { display: flex; justify-content: center; align-items: center; gap: 9px; position: relative; margin-bottom: 40px; }
.career-schedule-title { margin: 0; font-size: 2.4rem; font-weight: 700; letter-spacing: -4%; line-height: 1.6; }
.career-schedule-pic.is-pic-1 { width: 65px; }
.career-schedule-lists__item { position: relative; }
.career-schedule-lists__item + .career-schedule-lists__item { margin-top: 58px; }
.career-schedule-lists__item + .career-schedule-lists__item::before { content: ''; position: absolute; top: -35px; left: calc(50% + 15px); transform: translateX(-50%); width: 0; height: 0; border: 12px solid transparent; border-top: 15px solid #F9BC45; border-bottom: none; }
.career-schedule-lists__block { position: relative; padding: 20px 22px; background-color: #fff; border-radius: 20px 0 0 20px; }
.career-schedule-lists__num { position: absolute; top: -30px; left: -16px; margin: 0; padding-top: 16px; width: 62px; height: 62px; background: url(./_assets/img/recruit/career/schedule_bg1.svg) no-repeat center center; background-size: 100%; z-index: 2; }
.career-schedule-lists__num > span { display: block; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 1; color: #fff; }
.career-schedule-lists__num > span.is-step { margin-bottom: 1px; font-size: 0.984rem; letter-spacing: -3%; }
.career-schedule-lists__num > span.is-num { font-size: 2.187rem; letter-spacing: 1%; }
.career-schedule-lists__title { margin: 0 0 9px; font-size: 2rem; font-weight: 700; letter-spacing: -4%; line-height: 1.6; color: #F9BC45; }
.career-schedule-lists__text { font-size: 1.6rem; line-height: 1.6; }
.career-schedule-lists__text a { color: #898989; }
.career-schedule-lists__text > p { margin: 0; }
.career-schedule-lists__text > p + p { margin-top: 10px; }
.career-schedule-lists .btn-1 { margin-top: 15px; }
.career-schedule-pic.is-pic-2 { position: absolute; bottom: -36px; right: 20px; width: 54px; z-index: 2; }
.career-schedule-pic.is-pic-3 { position: absolute; bottom: -34px; right: 16px; width: 102px; z-index: 2; }

@media screen and (max-width: 768px) {
  .career-schedule { padding: 42px 0 69px; background-color: rgba(255, 255, 255, 0.4); border-radius: 40px; z-index: 2; }
  .career-schedule-lists__block { margin: 0 -20px 0 15px; width: calc(100% + 5px); }
  .career-schedule-lists__block + .career-schedule-lists__block { margin-top: 16px; }
}

@media screen and (min-width: 769px) {
  .career-schedule-content { padding: 69px 100px 70px; background-color: rgba(255, 255, 255, 0.4); border-radius: 80px; }
  .career-schedule-above { gap: 24px; margin-bottom: 51px; }
  .career-schedule-title { font-size: 4.8rem; }
  .career-schedule-pic.is-pic-1 { width: 117px; }
  .career-schedule-lists__item { padding-left: 110px; }
  .career-schedule-lists__item.is-block-multi { display: grid; gap: 30px; grid-template-columns: repeat(2, calc(50% - 15px)); }
  .career-schedule-lists__item + .career-schedule-lists__item { margin-top: 77px; }
  .career-schedule-lists__item + .career-schedule-lists__item::before { top: -55px; left: calc(50% + 18px); border-top-width: 25px; border-right-width: 18px; border-left-width: 18px; }
  .career-schedule-lists__block { padding: 45px 106px 30px; min-height: 280px; border-radius: 30px; }
  .career-schedule-lists__item:last-child .career-schedule-lists__block { padding-right: 250px; }
  .career-schedule-lists__item.is-block-multi .career-schedule-lists__block { padding-right: 62px; padding-left: 62px; }
  .career-schedule-lists__num { top: 58px; left: 0; padding-top: 42px; width: 158px; height: 158px; }
  .career-schedule-lists__num > span.is-step { margin-bottom: 3px; font-size: 2.508rem; }
  .career-schedule-lists__num > span.is-num { font-size: 5.573rem; }
  .career-schedule-lists__title { margin-bottom: 21px; font-size: 2.735rem; line-height: 1; }
  .career-schedule-lists__text { font-size: 2rem; line-height: 2; }
  .career-schedule-lists__text > p + p { margin-top: 10px; }
  .career-schedule-lists .btn-1 { margin-top: 35px; }
  .career-schedule-lists .btn-1 > a { height: 65px; }
  .career-schedule-pic.is-pic-2 { bottom: -15px; right: 22px; width: 87px; }
  .career-schedule-pic.is-pic-3 { bottom: 32px; right: 22px; width: 209px; }
}

/* company
------------------------------------------------ */
/* common */
.body-company .page-above { background: linear-gradient(270deg, rgba(255, 101, 0, 0.25) 0%, rgba(249, 188, 69, 0.25) 100%); }
.company-title { position: relative; padding-top: 60px; z-index: 2; }
.company-title-ja { margin: 0 0 13px; font-size: 1.4rem; font-weight: 700; line-height: 1; }
.company-title-en { display: inline-block; margin: 0; padding: 0 15px 4px 0; background-color: #fff; vertical-align: top; font-family: 'Poppins', sans-serif; font-size: 3.6rem; font-weight: 600; line-height: 1; }
.company-content { position: relative; margin-top: -22px; padding: 56px 18px 50px; border: 1px solid #231815; border-radius: 30px; z-index: 1; }
.company-box { margin: 0; }
.company-box-title { font-size: 1.4rem; font-weight: 700; line-height: 1.6; }
.company-box-text { margin: 0; font-size: 1.4rem; font-weight: 700; line-height: 1.6; }

@media screen and (max-width: 768px) {
  .company-box-title { margin-bottom: 4px; }
  .company-box-text + .company-box-title { margin-top: 30px; }
}

@media screen and (min-width: 769px) {
  .company-title { padding: 150px 16px 0; }
  .company-title-ja { margin-bottom: 25px; font-size: 2rem; }
  .company-title-en { padding: 0 30px 24px 0; font-size: 6rem; }
  .company-content { margin: -54px auto 0; padding: 122px 115px 90px 68px; max-width: 1340px; border-radius: 40px; }
  .company-box { display: flex; flex-wrap: wrap; }
  .company-box-title { padding-right: 20px; width: 227px; font-size: 2rem; }
  .company-box-text { width: calc(100% - 227px); font-size: 2rem; }
  .company-box-title:not(:nth-of-type(1)),
  .company-box-text:not(:nth-of-type(1)) { margin-top: 58px; }
  .company-box-text.is-graph img { width: 70.7526881720%; }
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  .company-title { padding-right: 0; padding-left: 0; }
}

/* overview */
.company-overview { position: relative; padding-bottom: 100px; background: url(./_assets/img/company/bg1.png) no-repeat right top #FAF0E1; background-size: 97.6%; }
.company-overview .company-title-en { background-color: #FAF0E1; }

@media screen and (min-width: 769px) {
  .company-overview { padding-bottom: 150px; background-size: 93.75%; }
}

/* development */
.company-development { position: relative; padding-bottom: 60px; background: url(./_assets/img/company/bg1.png) no-repeat right top #fff; background-size: 97.6%; }

@media screen and (min-width: 769px) {
  .company-development { padding-bottom: 150px; background-size: 93.75%; }
}

/* awards */
.company-awards { position: relative; padding-bottom: 110px; background: url(./_assets/img/company/bg1.png) no-repeat right top #FAF0E1; background-size: 97.6%; }
.company-awards .company-title-en { background-color: #FAF0E1; }

@media screen and (min-width: 769px) {
  .company-awards { padding-bottom: 232px; background-size: 93.75%; }
}

/* environment
------------------------------------------------ */
/* common */
.body-environment .page-above { background: linear-gradient(90deg, rgba(241, 138, 38, 0.25) 0%, rgba(225, 220, 114, 0.25) 100%); }
.environment { background-color: #FAE1A2; }

/* introduction */
.environment-introduction { position: relative; padding-bottom: 242px; overflow: hidden; z-index: 1; }
.environment-introduction-pic { pointer-events: none; position: absolute; }
.environment-introduction-above { position: relative; margin: 0 auto; padding: 70px clamp(22px, calc(22 / 375 * 100vw), 80px) 0; max-width: 615px; min-height: calc(615px - 37px); }
.environment-introduction-above::after { content: ''; position: absolute; top: -37px; left: 50%; transform: translateX(-50%); aspect-ratio: 1 / 1; width: 615px; background-color: #fff; border-radius: 50%; z-index: -1; }
.environment-introduction-title { margin: 0 auto 29px; max-width: 332px; }
.environment-introduction-text { font-size: 1.6rem; font-weight: 700; line-height: 1.9; color: #5D2324; }
.environment-introduction-text > p { margin: 0; }
.environment-introduction-lists__item { position: relative; aspect-ratio: 1 / 1; padding: 20px 24px 0; max-width: 320px; }
.environment-introduction-lists__item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; z-index: -1; }
.environment-introduction-lists__item:not(:last-child)::after { content: ''; position: absolute; width: 125px; height: 99px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: -2; }
.environment-introduction-lists__item:nth-of-type(1)::after { bottom: 2px; right: -17px; transform: rotate(22deg); background-image: url(./_assets/img/environment/introduction_arrow1.png); }
.environment-introduction-lists__item:nth-of-type(2)::after { bottom: -43px; left: -19px; transform: rotate(150deg); background-image: url(./_assets/img/environment/introduction_arrow2.png); }
.environment-introduction-lists__item:nth-of-type(3)::after { bottom: -25px; right: -6px; transform: rotate(27.1deg); background-image: url(./_assets/img/environment/introduction_arrow3.png); }
.environment-introduction-lists__num { margin: 0 auto 15px; }
.environment-introduction-lists__num.is-num-1 { width: 23px; }
.environment-introduction-lists__num.is-num-2 { width: 35px; }
.environment-introduction-lists__num.is-num-3 { width: 36px; }
.environment-introduction-lists__num.is-num-4 { width: 39px; }
.environment-introduction-lists__title { margin: 0 0 11px; text-align: center; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; color: #562526; }
.environment-introduction-lists__text { margin: 0; text-align: center; font-size: 1.4rem; line-height: 1.5; color: #5D2324; }
.environment-introduction-lists__photo { position: absolute; border-radius: 50%; overflow: hidden; }
.environment-introduction-lists__pic { pointer-events: none; position: absolute; }

@media screen and (max-width: 768px) {
  .environment-introduction-text > p { display: inline; }
  .environment-introduction-pic.is-pic-1 { top: 421px; right: -26px; width: 252px; }
  .environment-introduction-pic.is-pic-2-1 { top: -39px; left: 62px; width: 117px; }
  .environment-introduction-pic.is-pic-2-2 { top: 6px; left: -24px; width: 85px; }
  .environment-introduction-pic.is-pic-3 { top: -11px; right: 9px; width: 102px; }
  .environment-introduction-pic.is-pic-4 { bottom: 80px; left: -20px; width: 294px; }
  .environment-introduction-lists { margin-top: 90px; padding: 0; max-width: 615px; }
  .environment-introduction-lists__item:nth-of-type(1) { margin-left: calc(17 / 375 * 100vw); }
  .environment-introduction-lists__item:nth-of-type(2) { margin: 54px calc(15 / 375 * 100vw) 0 auto; }
  .environment-introduction-lists__item:nth-of-type(3) { margin: 100px 0 0 calc(21 / 375 * 100vw); padding-right: 40px; padding-left: 40px; }
  .environment-introduction-lists__item:nth-of-type(4) { margin: 85px calc(34 / 375 * 100vw) 0 auto; }
  .environment-introduction-lists__photo.is-1-1 { top: -20px; right: -11px; width: 105px; }
  .environment-introduction-lists__photo.is-1-2 { bottom: -5px; left: 7px; width: 102px; }
  .environment-introduction-lists__photo.is-1-3 { bottom: -28px; left: 126px; width: 125px; }
  .environment-introduction-lists__photo.is-2-1 { bottom: -72px; left: 98px; width: 130px; }
  .environment-introduction-lists__photo.is-2-2 { bottom: -6px; right: 10px; width: 83px; }
  .environment-introduction-lists__photo.is-3-1 { bottom: -80px; left: 0; width: 120px; }
  .environment-introduction-lists__photo.is-4-1 { top: -11px; right: -18px; width: 112px; }
  .environment-introduction-lists__photo.is-4-2 { bottom: -45px; left: 126px; width: 92px; }
  .environment-introduction-lists__photo.is-4-3 { bottom: -28px; right: -12px; width: 106px; }
  .environment-introduction-lists__pic.is-3-1 { top: 7px; right: -6px; width: 80px; }
  .environment-introduction-lists__pic.is-4-1 { bottom: 29px; right: -18px; width: 48px; }
}

@media screen and (min-width: 769px) {
  .environment-introduction { padding-bottom: 254px; }
  .environment-introduction-above { padding: 79px 0 0; max-width: 893px; min-height: calc(893px - 120px); }
  .environment-introduction-above::after { top: -120px; width: 893px; }
  .environment-introduction-title { margin-bottom: 49px; max-width: calc(611 / 893 * 100%); }
  .environment-introduction-text { text-align: center; font-size: 2.2rem; letter-spacing: 0.05em; line-height: 1.7; }
  .environment-introduction-text > p + p { margin-top: 12px; }
  .environment-introduction-pic.is-pic-1 { top: 418px; right: 0; width: 576px; }
  .environment-introduction-pic.is-pic-2-1 { top: clamp(-110px, calc(110 / 1440 * -100vw), calc(110px * -0.6)); left: clamp(calc(52px * 0.6), calc(52 / 1440 * 100vw), 52px); width: clamp(calc(255px * 0.6), calc(255 / 1440 * 100vw), 255px); }
  .environment-introduction-pic.is-pic-2-2 { top: clamp(-12px, calc(12 / 1440 * -100vw), calc(12px * -0.6)); left: clamp(-98px, calc(98 / 1440 * -100vw), calc(98px * -0.6)); width: clamp(calc(185px * 0.6), calc(185 / 1440 * 100vw), 185px); }
  .environment-introduction-pic.is-pic-3 { top: clamp(calc(382px * 0.6), calc(382 / 1440 * 100vw), 382px); left: clamp(-116px, calc(116 / 1440 * -100vw), calc(116px * -0.6)); width: clamp(calc(219px * 0.6), calc(219 / 1440 * 100vw), 219px); }
  .environment-introduction-pic.is-pic-4 { bottom: clamp(calc(170px * 0.6), calc(170 / 1440 * 100vw), 170px); left: clamp(-70px, calc(70 / 1440 * -100vw), calc(70px * -0.6)); width: clamp(calc(750px * 0.6), calc(750 / 1440 * 100vw), 750px); }
  .environment-introduction-lists { display: grid; grid-template-columns: repeat(2, 50%); margin-top: 40px; }
  .environment-introduction-lists__item { padding: clamp(calc(50px * 0.6), calc(50 / 1440 * 100vw), 50px) clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px) 0; max-width: calc(620 / 700 * 100%); }
  .environment-introduction-lists__item:not(:last-child)::after { width: clamp(calc(273px * 0.6), calc(273 / 1440 * 100vw), 273px); height: clamp(calc(215px * 0.6), calc(215 / 1440 * 100vw), 215px); }
  .environment-introduction-lists__item:nth-of-type(even) { margin-left: auto; }
  .environment-introduction-lists__item:nth-of-type(1) { grid-row: 1; grid-column: 1; }
  .environment-introduction-lists__item:nth-of-type(1)::after { bottom: clamp(calc(173px * 0.6), calc(173 / 1440 * 100vw), 173px); right: clamp(-146px, calc(146 / 1440 * -100vw), calc(146px * -0.6)); transform: rotate(5.89deg); }
  .environment-introduction-lists__item:nth-of-type(2) { grid-row: 1; grid-column: 2; margin-top: 157px; }
  .environment-introduction-lists__item:nth-of-type(2)::after { bottom: clamp(-155px, calc(155 / 1440 * -100vw), calc(155px * -0.6)); left: clamp(-46px, calc(46 / 1440 * -100vw), calc(46px * -0.6)); transform: rotate(174.11deg); }
  .environment-introduction-lists__item:nth-of-type(3) { grid-row: 2; grid-column: 1; margin-top: -60px; }
  .environment-introduction-lists__item:nth-of-type(3)::after { bottom: clamp(calc(11px * 0.6), calc(11 / 1440 * 100vw), 11px); right: clamp(-51px, calc(51 / 1440 * -100vw), calc(51px * -0.6)); transform: rotate(5.49deg); }
  .environment-introduction-lists__item:nth-of-type(4) { grid-row: 2; grid-column: 2; margin: 200px clamp(calc(37px * 0.6), calc(37 / 1440 * 100vw), 37px) 0 0; }
  .environment-introduction-lists__num { margin-bottom: clamp(calc(38px * 0.6), calc(38 / 1440 * 100vw), 38px); }
  .environment-introduction-lists__num.is-num-1 { width: clamp(calc(51px * 0.6), calc(51 / 1440 * 100vw), 51px); }
  .environment-introduction-lists__num.is-num-2 { width: clamp(calc(76px * 0.6), calc(76 / 1440 * 100vw), 76px); }
  .environment-introduction-lists__num.is-num-3 { width: clamp(calc(78px * 0.6), calc(78 / 1440 * 100vw), 78px); }
  .environment-introduction-lists__num.is-num-4 { width: clamp(calc(86px * 0.6), calc(86 / 1440 * 100vw), 86px); }
  .environment-introduction-lists__title { margin-bottom: clamp(calc(20px * 0.6), calc(20 / 1440 * 100vw), 20px); font-size: clamp(calc(3.6rem * 0.6), calc(36 / 1440 * 100vw), 3.6rem); line-height: 1.3; }
  .environment-introduction-lists__text { font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); line-height: 1.8; }
  .environment-introduction-lists__photo.is-1-1 { top: clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px); right: clamp(-155px, calc(155 / 1440 * -100vw), calc(155px * -0.6)); width: clamp(calc(229px * 0.6), calc(229 / 1440 * 100vw), 229px); }
  .environment-introduction-lists__photo.is-1-2 { bottom: clamp(-10px, calc(10 / 1440 * -100vw), calc(10px * -0.6)); left: clamp(calc(9px * 0.6), calc(9 / 1440 * 100vw), 9px); width: clamp(calc(222px * 0.6), calc(222 / 1440 * 100vw), 222px); }
  .environment-introduction-lists__photo.is-1-3 { bottom: clamp(-58px, calc(58 / 1440 * -100vw), calc(58px * -0.6)); left: clamp(calc(267px * 0.6), calc(267 / 1440 * 100vw), 267px); width: clamp(calc(272px * 0.6), calc(272 / 1440 * 100vw), 272px); }
  .environment-introduction-lists__photo.is-2-1 { bottom: clamp(-102px, calc(102 / 1440 * -100vw), calc(102px * -0.6)); left: clamp(calc(141px * 0.6), calc(141 / 1440 * 100vw), 141px); width: clamp(calc(281px * 0.6), calc(281 / 1440 * 100vw), 281px); }
  .environment-introduction-lists__photo.is-2-2 { bottom: clamp(-2px, calc(2 / 1440 * -100vw), calc(2px * -0.6)); right: clamp(-3px, calc(3 / 1440 * -100vw), calc(3px * -0.6)); width: clamp(calc(181px * 0.6), calc(181 / 1440 * 100vw), 181px); }
  .environment-introduction-lists__photo.is-3-1 { bottom: clamp(-100px, calc(100 / 1440 * -100vw), calc(100px * -0.6)); left: clamp(-15px, calc(15 / 1440 * -100vw), calc(15px * -0.6)); width: clamp(calc(245px * 0.6), calc(245 / 1440 * 100vw), 245px); }
  .environment-introduction-lists__photo.is-4-1 { top: clamp(calc(25px * 0.6), calc(25 / 1440 * 100vw), 25px); right: clamp(-37px, calc(37 / 1440 * -100vw), calc(37px * -0.6)); width: clamp(calc(189px * 0.6), calc(189 / 1440 * 100vw), 189px); }
  .environment-introduction-lists__photo.is-4-2 { bottom: clamp(-40px, calc(40 / 1440 * -100vw), calc(40px * -0.6)); left: clamp(calc(67px * 0.6), calc(67 / 1440 * 100vw), 67px); width: clamp(calc(200px * 0.6), calc(200 / 1440 * 100vw), 200px); }
  .environment-introduction-lists__photo.is-4-3 { bottom: clamp(-91px, calc(91 / 1440 * -100vw), calc(91px * -0.6)); right: clamp(calc(92px * 0.6), calc(92 / 1440 * 100vw), 92px); width: clamp(calc(231px * 0.6), calc(231 / 1440 * 100vw), 231px); }
  .environment-introduction-lists__pic.is-3-1 { bottom: 0; left: clamp(calc(268px * 0.6), calc(268 / 1440 * 100vw), 268px); width: clamp(calc(159px * 0.6), calc(159 / 1440 * 100vw), 159px); }
  .environment-introduction-lists__pic.is-4-1 { bottom: clamp(calc(26px * 0.6), calc(26 / 1440 * 100vw), 26px); right: clamp(calc(80px * 0.6), calc(80 / 1440 * 100vw), 80px); width: clamp(calc(106px * 0.6), calc(106 / 1440 * 100vw), 106px); }
}

/* recommendation */
.environment-recommendation { position: relative; padding-bottom: 210px; background-repeat: no-repeat; background-position: left 48px; background-size: 100%; }
.environment-recommendation-pic { pointer-events: none; position: absolute; }
.environment-recommendation-pic.is-pic-1 { bottom: 32px; right: 15px; width: 171px; }
.environment-recommendation-above { display: grid; position: relative; }
.environment-recommendation-photo { border-radius: 0 10px 10px 0; overflow: hidden; }
.environment-recommendation-title { position: relative; margin-bottom: 12px; width: fit-content; }
.environment-recommendation-title__text { margin: 0; font-size: 2.4rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.6; }
.environment-recommendation-title__text strong { font-weight: 700; color: #F18B26; }
.environment-recommendation-title__pic { pointer-events: none; position: absolute; }
.environment-recommendation-title__pic.is-pic-1 { top: -11px; right: -25px; width: 16px; }
.environment-recommendation-title__pic.is-pic-2 { top: 22px; right: -40px; width: 10px; }
.environment-recommendation-title__pic.is-pic-3 { top: 41px; right: -12px; width: 12px; }
.environment-recommendation-text { margin: 0; font-size: 1.6rem; line-height: 1.6; }
.environment-recommendation-lists { margin-top: 43px; }
.environment-recommendation-lists__bracket { position: relative; margin: 0 21px 10px; padding: 0 23px 22px; font-size: 1.3rem; line-height: 1.6; }
.environment-recommendation-lists__bracket::after { content: ''; position: absolute; bottom: 0; left: 0; aspect-ratio: 12.9385964912 / 1; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.environment-recommendation-lists__bracket > p { margin: 0; }
.environment-recommendation-lists__frame { position: relative; padding: 28px 30px 20px; background-repeat: no-repeat; background-position: center center; background-color: #fff; background-size: 100% 100%; border: 1px solid #0E0507; border-radius: 25px 25px 0 25px; }
.environment-recommendation-lists__frame::before,
.environment-recommendation-lists__frame::after { content: ''; pointer-events: none; position: absolute; background: #fff; }
.environment-recommendation-lists__frame::before { top: -1px; right: 46px; width: 22px; height: 1px; }
.environment-recommendation-lists__frame::after { bottom: 24px; left: -1px; width: 1px; height: 22px; }
.environment-recommendation-lists__title { padding: 0 6px; }
.environment-recommendation-lists__title__ja { margin: 0 0 -2px; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1.6; }
.environment-recommendation-lists__title__en { margin: 0; font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 1.6; }
.environment-recommendation-lists__text { margin: 0; font-size: 1.4rem; line-height: 1.5; }
.environment-recommendation-lists__pic { pointer-events: none; }
.environment-recommendation-lists__pic.is-pic-office { max-width: 94px; }
.environment-recommendation-lists__pic.is-pic-clean { max-width: 138px; }
.environment-recommendation-lists__photo { border-radius: 5px; overflow: hidden; }

@media screen and (max-width: 768px) {
  .environment-recommendation { background-image: url(./_assets/img/environment/recommendation_bg1.svg); }
  .environment-recommendation-above { gap: 33px; }
  .environment-recommendation-photo { width: 94.6666666666%; }
  .environment-recommendation-above__content { padding: 0 20px; }
  .environment-recommendation-lists__item:not(:first-child) { margin-top: 26px; }
  .environment-recommendation-lists__bracket::after { background-image: url(./_assets/img/environment/recommendation_bracket1.svg); }
  .environment-recommendation-lists__frame { display: grid; row-gap: 18px; grid-template-columns: 60% 40%; background-image: url(./_assets/img/environment/recommendation_bg2.png); }
  .environment-recommendation-lists__title { grid-row: 1; grid-column: 1; }
  .environment-recommendation-lists__text { grid-row: 2; grid-column: 1 / 3; }
  .environment-recommendation-lists__pic,
  .environment-recommendation-lists__photo { grid-row: 1; grid-column: 2; }
  .environment-recommendation-lists__pic { margin-left: auto; }
}

@media screen and (min-width: 769px) {
  .environment-recommendation { background-position: left top; background-image: url(./_assets/img/environment/recommendation_bg1-desktop.svg); }
  .environment-recommendation-pic.is-pic-1 { bottom: 31px; right: clamp(calc(90px * 0.6), calc(90 / 1440 * 100%), 90px); width: clamp(calc(343px * 0.6), calc(343 / 1440 * 100%), 343px); }
  .environment-recommendation-above { align-items: center; grid-template-columns: 51.875% calc(100% - 51.875%); }
  .environment-recommendation-photo { border-radius: 0 20px 20px 0; }
  .environment-recommendation-above__content { padding: 0 clamp(calc(100px * 0.6), calc(100 / 770 * 100%), 100px) 0 clamp(calc(160px * 0.6), calc(160 / 770 * 100%), 160px); }
  .environment-recommendation-title { margin-bottom: 27px; }
  .environment-recommendation-title__text { font-size: clamp(calc(4.8rem * 0.6), calc(48 / 1440 * 100vw), 4.8rem); }
  .environment-recommendation-title__pic.is-pic-1 { top: clamp(-27px, calc(27 / 1440 * -100vw), calc(-27px * 0.6)); right: clamp(-60px, calc(60 / 1440 * -100vw), calc(-60px * 0.6)); width: clamp(calc(32px * 0.6), calc(32 / 1440 * 100vw), 32px); }
  .environment-recommendation-title__pic.is-pic-2 { top: clamp(calc(39px * 0.6), calc(39 / 1440 * 100vw), 39px); right: clamp(-70px, calc(70 / 1440 * -100vw), calc(-70px * 0.6)); width: clamp(calc(19px * 0.6), calc(19 / 1440 * 100vw), 19px); }
  .environment-recommendation-title__pic.is-pic-3 { top: clamp(calc(77px * 0.6), calc(77 / 1440 * 100vw), 77px); right: clamp(-10px, calc(10 / 1440 * -100vw), calc(-10px * 0.6)); width: clamp(calc(24px * 0.6), calc(24 / 1440 * 100vw), 24px); }
  .environment-recommendation-text { font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); line-height: 2; }
  .environment-recommendation-lists { display: grid; gap: 32px; grid-template-columns: repeat(3, calc(100% / 3 - (32px / (3 / 2)))); margin-top: 43px; }
  .environment-recommendation-lists__item:nth-of-type(1) { margin-top: calc(66px * 2); }
  .environment-recommendation-lists__item:nth-of-type(2) { margin-top: 66px; }
  .environment-recommendation-lists__bracket { margin: 0 30px 37px; padding: 0 23px 48px; font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .environment-recommendation-lists__bracket::after { aspect-ratio: 8.4243421052 / 1; background-image: url(./_assets/img/environment/recommendation_bracket1-desktop.svg); }
  .environment-recommendation-lists__frame { padding: 48px 52px 40px; background-image: url(./_assets/img/environment/recommendation_bg2-desktop.png); border-radius: 50px 50px 0 50px; }
  .environment-recommendation-lists__frame::before { right: 60px; width: 32px; }
  .environment-recommendation-lists__frame::after { display: none; }
  .environment-recommendation-lists__title { margin-bottom: 41px; padding: 0; }
  .environment-recommendation-lists__title__ja { margin-bottom: 11px; font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); }
  .environment-recommendation-lists__title__en { font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .environment-recommendation-lists__text { margin-top: 32px; font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); line-height: 1.7; }
  .environment-recommendation-lists__pic { margin: 0 auto; }
  .environment-recommendation-lists__pic.is-pic-office { max-width: clamp(calc(240px * 0.6), calc(240 / 340 * 100%), 240px); }
  .environment-recommendation-lists__pic.is-pic-clean { max-width: clamp(calc(329px * 0.6), calc(329 / 340 * 100%), 329px); }
  .environment-recommendation-lists__photo { border-radius: 10px; }
}


/* benefit
------------------------------------------------ */
/* common */
.body-benefit .page-above { background: linear-gradient(90deg, rgba(244, 199, 204, 0.25) 0%, rgba(195, 223, 169, 0.25) 100%); }

/* introduction */
.benefit-introduction { position: relative; padding: 27px 0 80px; background-color: #DFECC1; z-index: 1; }
.benefit-introduction-pic { display: inline-block; pointer-events: none; position: relative; vertical-align: top; }
.benefit-introduction-title { margin: 0; font-size: 2.4rem; font-weight: 700; line-height: 1.5; }
.benefit-introduction-title span { display: inline-block; position: relative; vertical-align: top; }
.benefit-introduction-title span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px dotted #000; }
.benefit-introduction-block { position: relative; }
.benefit-introduction-block__above { position: relative; }
.benefit-introduction-block__catch { margin: 0 0 9px; font-size: 1.6rem; font-weight: 700; line-height: 1; }
.benefit-introduction-block__title { position: relative; margin: 0 0 13px; width: fit-content; font-size: 2.4rem; font-weight: 700; line-height: 1.6; }
.benefit-introduction-block__title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px dotted #000; }
.benefit-introduction-block__text { margin: 0; font-size: 1.6rem; line-height: 1.6; }
.benefit-introduction-block__text2 { margin: 0; text-align: center; font-size: 2rem; line-height: 1.7; }
.benefit-introduction-block__text2 .is-focus { -webkit-text-stroke: #000 2px; font-size: 4.8rem; font-weight: 900; letter-spacing: 0.06em; line-height: 1; color: #fff; }
.benefit-introduction-block__circles > li { display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; border: 1px solid #898989; border-radius: 50%; text-align: center; font-size: 2rem; line-height: 1.3; }
.benefit-introduction-block__balloon { position: relative; margin: 0; font-size: 1.6rem; line-height: 1.6; z-index: 1; }
.benefit-introduction-block__balloon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: -1; }
.benefit-introduction-block__num { display: flex; align-items: flex-end; gap: 15px; margin: 0; font-size: 3rem; line-height: 1; }
.benefit-introduction-block__num .is-num { display: inline-block; vertical-align: bottom; }
.benefit-introduction-block__num .is-num-110 { width: 140px; }
.benefit-introduction-block__num .is-num-2 { width: 51px; }
.benefit-introduction-block__num .is-num-8 { width: 55px; }
.benefit-introduction-block__num .is-num-3 { width: 53px; }
.benefit-introduction-block__num .is-num-30 { width: 107px; }
.benefit-introduction-block__num .is-num-20 { width: 106px; }
.benefit-introduction-block__num .is-num-1 { width: 28px; }
.benefit-introduction-block__num .is-circle { display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; width: 100px; border: 1px solid #898989; border-radius: 50%; text-align: center; font-size: 2.049rem; line-height: 1.3; }
.benefit-introduction-block__note { margin: 0; font-size: 1.4rem; line-height: 1.6; }
.benefit-introduction-subblock { position: relative; }
.benefit-introduction-subblock__title { position: relative; margin: 0; width: fit-content; font-size: 2rem; font-weight: 500; line-height: 1.6; }
.benefit-introduction-subblock__title::after { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 5px; background-color: #DFECC1; }
.benefit-introduction-subblock__balloon { position: relative; margin: 0; text-align: center; font-size: 1.6rem; line-height: 2; }
.benefit-introduction-subblock__balloon::before,
.benefit-introduction-subblock__balloon::after { content: ''; position: absolute; top: 0; width: 31px; height: 1px; background-color: #000; }
.benefit-introduction-subblock__balloon::before { left: 0; transform-origin: left top; transform: rotate(69.23deg); }
.benefit-introduction-subblock__balloon::after { right: 0; transform-origin: right top; transform: rotate(-69.23deg); }
.benefit-introduction-subblock__badge { margin: 0; padding: 10px 20px; background-color: #F09E62; font-size: 2rem; font-weight: 700; line-height: 1; color: #fff; }

@media screen and (max-width: 768px) {
  .benefit-introduction-content { display: grid; gap: 20px; }
  .benefit-introduction-block { padding: 27px; background-color: #fff; border-radius: 20px; }
  .benefit-introduction-subblock { margin: 0 18px; padding: 29px 9px; border-top: 1px solid #BCB5AF; }
  .benefit-introduction-block.is-block-above { display: flex; justify-content: space-between; align-items: center; padding: 29px 20px 29px 28px; }
  .benefit-introduction-pic.is-pic-1 { width: 94px; }
  .benefit-introduction-pic.is-pic-2 { float: right; margin: -52px 0 0 18px; width: 101px; }
  .benefit-introduction-block.is-block-vacation { padding: 0; }
  .benefit-introduction-block.is-block-vacation .benefit-introduction-block__above { padding: 27px 27px 20px; }
  .benefit-introduction-pic.is-pic-3 { position: absolute; top: 32px; right: 32px; width: 91px; }
  .benefit-introduction-subblock.is-subblock-paid { display: flex; align-items: center; gap: 62px; }
  .benefit-introduction-subblock.is-subblock-other { padding-bottom: 204px; }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-subblock__title { margin-bottom: 21px; }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__circles { display: flex; flex-wrap: wrap; gap: 18px; }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__circles > li { width: calc(50% - 9px); }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__balloon { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); padding: 55px 45px 31px; width: 306px; height: 164px; }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon1.svg); }
  .benefit-introduction-pic.is-pic-4 { position: absolute; bottom: 163px; right: 50%; transform: translateX(calc(100% - -10px)); width: 130px; }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-subblock__title { margin-bottom: 32px; }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__num:nth-of-type(1) { padding-left: 63px; }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__num:nth-of-type(2) { padding-left: 46px; }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__num + .benefit-introduction-block__num { margin-top: 34px; }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__note { margin-top: 26px; }
  .benefit-introduction-pic.is-pic-5 { position: absolute; top: 12px; right: -22px; width: 162px; }
  .benefit-introduction-block.is-block-insurance { margin-top: 40px; }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__balloon { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); padding: 11px 10px 0 35px; width: 314px; height: 68px; }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon2.svg); }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__text + .benefit-introduction-block__text { margin-top: 9px; }
  .benefit-introduction-pic.is-pic-6 { float: right; margin-top: 12px; width: 100px; }
  .benefit-introduction-block.is-block-other { padding: 0; }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__above { padding: 27px 27px 20px; }
  .benefit-introduction-pic.is-pic-7 { position: absolute; top: 30px; right: 27px; width: 60px; }
  .benefit-introduction-subblock.is-subblock-carfare { padding-bottom: 32px; }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-subblock__title { margin-bottom: 36px; }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__balloon { position: absolute; top: -8px; right: 0; padding: 42px 20px 0 35px; width: 173px; height: 135px; }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon3.svg); }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__num { padding-left: 35px; }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__num > span > span { margin-left: 0.5em; font-size: 2rem; }
  .benefit-introduction-pic.is-pic-8 { position: absolute; top: -18px; right: 8px; width: 40px; z-index: 2; }
  .benefit-introduction-subblock.is-subblock-discount { padding-bottom: 18px; z-index: 2; }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-subblock__title:nth-of-type(1) { margin-bottom: 13px; }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-subblock__title:nth-of-type(2) { margin: 39px 0 31px; }
  .benefit-introduction-discount__catch { position: relative; padding-top: 32px; min-height: 91px; }
  .benefit-introduction-discount__catch__text { margin: 0; text-align: center; font-size: 2rem; line-height: 1; }
  .benefit-introduction-pic.is-pic-9 { position: absolute; top: 0; left: -16px; width: 41px; }
  .benefit-introduction-pic.is-pic-10 { position: absolute; bottom: 0; right: -8px; width: 58px; }
  .benefit-introduction-pic.is-pic-11 { position: absolute; bottom: -11px; left: -18px; transform: rotate(-20deg); width: 43px; }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-block__multi { display: flex; justify-content: flex-end; padding-right: 6px; }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-block__num { gap: 12px; font-size: 2rem; }
  .benefit-introduction-pic.is-pic-12 { margin-right: auto; width: 80px; }
  .benefit-introduction-pic.is-pic-13 { display: none; }
  .benefit-introduction-subblock.is-subblock-training { padding-bottom: 36px; }
  .benefit-introduction-subblock.is-subblock-training .benefit-introduction-block__multi { display: flex; gap: 50px; margin-bottom: 43px; }
  .benefit-introduction-subblock.is-subblock-training .benefit-introduction-block__text { margin-top: 18px; }
  .benefit-introduction-pic.is-pic-14 { position: absolute; top: 43px; right: -8px; width: 65px; }
  .benefit-introduction-pic.is-pic-15 { position: absolute; bottom: 31px; left: 57px; width: 39px; }
  .benefit-introduction-pic.is-pic-16 { margin-top: 9px; width: 262px; }
  .benefit-introduction-subblock.is-subblock-health { padding-bottom: 30px; }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-subblock__title { margin-bottom: 38px; }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__balloon { position: absolute; top: -15px; right: -23px; padding: 25px 0 0 24px; width: 194px; height: 141px; color: #fff; }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon4.svg); }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__num { padding-left: 40px; }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__text { margin-top: 28px; }
  .benefit-introduction-subblock.is-subblock-abroad .benefit-introduction-subblock__balloon { margin-bottom: 9px; }
  .benefit-introduction-subblock.is-subblock-abroad .benefit-introduction-subblock__title { margin: 0 auto 16px; }
  .benefit-introduction-pic.is-pic-17 { display: block; margin: 20px auto 0; width: 230px; }
}

@media screen and (min-width: 769px) {
  .benefit-introduction { padding-bottom: calc(130px + calc(40 / 1600 * 100vw)); overflow: hidden; }
  .benefit-introduction-content { margin: 0 auto; padding: clamp(calc(110px * 0.6), calc(110 / 1440 * 100vw), 110px) clamp(calc(50px * 0.6), calc(50 / 1440 * 100vw), 50px); max-width: 1220px; background-color: #fff; border-radius: 40px; }
  .benefit-introduction-title { font-size: clamp(calc(5.8rem * 0.6), calc(58 / 1440 * 100vw), 5.8rem); }
  .benefit-introduction-block { padding: clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px) clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); }
  .benefit-introduction-block:not(:first-child) { border-top: 1px solid #000; }
  .benefit-introduction-block__catch { margin-bottom: clamp(calc(9px * 0.6), calc(9 / 1440 * 100vw), 9px); font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); }
  .benefit-introduction-block__title { margin-bottom: clamp(calc(20px * 0.6), calc(20 / 1440 * 100vw), 20px); font-size: clamp(calc(4.8rem * 0.6), calc(48 / 1440 * 100vw), 4.8rem); }
  .benefit-introduction-block__title::after { bottom: clamp(calc(3px * 0.6), calc(3 / 1440 * 100vw), 3px); border-width: 2px; }
  .benefit-introduction-block__text { font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); line-height: 2; }
  .benefit-introduction-block__text2 { font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); }
  .benefit-introduction-block__text2 .is-focus { font-size: clamp(calc(8.1rem * 0.6), calc(81 / 1440 * 100vw), 8.1rem); }
  .benefit-introduction-block__circles > li { font-size: clamp(calc(2.4rem * 0.6), calc(24 / 1440 * 100vw), 2.4rem); }
  .benefit-introduction-block__balloon { font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-introduction-block__note { font-size: clamp(calc(1.6rem * 0.6), calc(16 / 1440 * 100vw), 1.6rem); }
  .benefit-introduction-block__num { gap: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); font-size: clamp(calc(3.8rem * 0.6), calc(38 / 1440 * 100vw), 3.8rem); }
  .benefit-introduction-block__num .is-num-110 { width: clamp(calc(180px * 0.6), calc(180 / 1440 * 100vw), 180px); }
  .benefit-introduction-block__num .is-num-2 { width: clamp(calc(64px * 0.6), calc(64 / 1440 * 100vw), 64px); }
  .benefit-introduction-block__num .is-num-8 { width: clamp(calc(72px * 0.6), calc(72 / 1440 * 100vw), 72px); }
  .benefit-introduction-block__num .is-num-3 { width: clamp(calc(68px * 0.6), calc(68 / 1440 * 100vw), 68px); }
  .benefit-introduction-block__num .is-num-30 { width: clamp(calc(107px * 0.6), calc(107 / 1440 * 100vw), 107px); }
  .benefit-introduction-block__num .is-num-20 { width: clamp(calc(106px * 0.6), calc(106 / 1440 * 100vw), 106px); }
  .benefit-introduction-block__num .is-num-1 { width: clamp(calc(36px * 0.6), calc(36 / 1440 * 100vw), 36px); }
  .benefit-introduction-block__num .is-circle { font-size: clamp(calc(2.4rem * 0.6), calc(24 / 1440 * 100vw), 2.4rem); line-height: 1.3; }
  .benefit-introduction-subblock__title { font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); line-height: 1.6; }
  .benefit-introduction-subblock__title::after { height: clamp(calc(8px * 0.6), calc(8 / 1440 * 100vw), 8px); }
  .benefit-introduction-subblock__badge { padding: clamp(calc(19px * 0.6), calc(19 / 1440 * 100vw), 19px) clamp(calc(40px * 0.6), calc(40 / 1440 * 100vw), 40px); font-size: clamp(calc(3rem * 0.6), calc(30 / 1440 * 100vw), 3rem); }
  .benefit-introduction-subblock__balloon { margin: 0 auto; padding: 0 clamp(calc(25px * 0.6), calc(25 / 1440 * 100vw), 25px); width: fit-content; font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-introduction-block.is-block-above { display: flex; align-items: center; gap: clamp(calc(80px * 0.6), calc(80 / 1440 * 100vw), 80px); }
  .benefit-introduction-pic.is-pic-1 { width: clamp(calc(172px * 0.6), calc(172 / 1440 * 100vw), 172px); }
  .benefit-introduction-pic.is-pic-2 { position: absolute; top: clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px); right: clamp(calc(113px * 0.6), calc(113 / 1440 * 100vw), 113px); width: clamp(calc(269px * 0.6), calc(269 / 1440 * 100vw), 269px); }
  .benefit-introduction-block.is-block-vacation { display: grid; justify-content: space-between; grid-template-columns: 53.8392857142% 40.4464285714%; padding-right: 0; padding-left: 0; z-index: 1; }
  .benefit-introduction-block.is-block-vacation::after { content: ''; position: absolute; top: clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px); left: 56.7857142857%; width: 1px; height: calc(100% - (clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px)) * 2); background-color: #BCB5AF; z-index: -1; }
  .benefit-introduction-block.is-block-vacation .benefit-introduction-block__above,
  .benefit-introduction-block.is-block-vacation .benefit-introduction-subblock { padding-right: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); padding-left: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); }
  .benefit-introduction-block.is-block-vacation .benefit-introduction-block__above { grid-row: 1 / 3; grid-column: 1; padding-bottom: clamp(calc(34px * 0.6), calc(34 / 1440 * 100vw), 34px); border-bottom: 1px solid #BCB5AF; }
  .benefit-introduction-pic.is-pic-3 { position: absolute; top: clamp(calc(4px * 0.6), calc(4 / 1440 * 100vw), 4px); right: clamp(calc(47px * 0.6), calc(47 / 1440 * 100vw), 47px); width: clamp(calc(165px * 0.6), calc(165 / 1440 * 100vw), 165px); }
  .benefit-introduction-subblock.is-subblock-paid { display: flex; align-items: center; gap: clamp(calc(95px * 0.6), calc(95 / 1440 * 100vw), 95px); grid-row: 1; grid-column: 2; padding-top: clamp(calc(52px * 0.6), calc(52 / 1440 * 100vw), 52px); padding-bottom: clamp(calc(57px * 0.6), calc(57 / 1440 * 100vw), 57px); border-bottom: 1px solid #BCB5AF; }
  .benefit-introduction-subblock.is-subblock-other { grid-row: 3 / 4; grid-column: 1; padding-top: clamp(calc(49px * 0.6), calc(49 / 1440 * 100vw), 49px); }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-subblock__title { margin-bottom: clamp(calc(46px * 0.6), calc(46 / 1440 * 100vw), 46px); }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__circles { display: flex; flex-wrap: wrap; gap: 18px; }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__circles > li { width: calc((100% / 4) - (18px / (4 / 3))); }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__circles > li:last-child { width: 33.1649831649%; }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__balloon { position: absolute; bottom: clamp(calc(6px * 0.6), calc(6 / 1440 * 100vw), 6px); right: 0; padding: clamp(calc(45px * 0.6), calc(45 / 1440 * 100vw), 45px) clamp(calc(46px * 0.6), calc(46 / 1440 * 100vw), 46px) 0 clamp(calc(81px * 0.6), calc(81 / 1440 * 100vw), 81px); width: clamp(calc(398px * 0.6), calc(398 / 1440 * 100vw), 398px); height: clamp(calc(181px * 0.6), calc(181 / 1440 * 100vw), 181px); }
  .benefit-introduction-subblock.is-subblock-other .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon1-desktop.svg); }
  .benefit-introduction-pic.is-pic-4 { position: absolute; top: clamp(-114px, calc(114 / 1440 * -100vw), calc(114px * -0.6)); right: clamp(-76px, calc(76 / 1440 * -100vw), calc(76px * -0.6)); width: clamp(calc(165px * 0.6), calc(165 / 1440 * 100vw), 165px); }
  .benefit-introduction-subblock.is-subblock-year { grid-row: 2 / 4; grid-column: 2; padding-top: clamp(calc(49px * 0.6), calc(49 / 1440 * 100vw), 49px); }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-subblock__title { margin: 0 auto clamp(calc(35px * 0.6), calc(35 / 1440 * 100vw), 35px); }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__num { justify-content: flex-end; padding-right: clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px); }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__num + .benefit-introduction-block__num { margin-top: clamp(calc(45px * 0.6), calc(45 / 1440 * 100vw), 45px); }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__num .is-circle { width: clamp(calc(116px * 0.6), calc(116 / 1440 * 100vw), 116px); }
  .benefit-introduction-subblock.is-subblock-year .benefit-introduction-block__note { text-align: center; margin-top: clamp(calc(23px * 0.6), calc(23 / 1440 * 100vw), 23px); }
  .benefit-introduction-pic.is-pic-5 { position: absolute; top: clamp(calc(93px * 0.6), calc(93 / 1440 * 100vw), 93px); right: clamp(-138px, calc(138 / 1440 * -100vw), calc(138px * -0.6)); width: clamp(calc(251px * 0.6), calc(251 / 1440 * 100vw), 251px); }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__balloon { margin-left: clamp(calc(325px * 0.6), calc(325 / 1440 * 100vw), 325px); padding: clamp(calc(11px * 0.6), calc(11 / 1440 * 100vw), 11px) clamp(calc(33px * 0.6), calc(33 / 1440 * 100vw), 33px) 0 clamp(calc(39px * 0.6), calc(39 / 1440 * 100vw), 39px); width: clamp(calc(392px * 0.6), calc(392 / 1440 * 100vw), 392px); height: clamp(calc(80px * 0.6), calc(80 / 1440 * 100vw), 80px); }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon2-desktop.svg); }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__catch { margin-top: clamp(-44px, calc(44 / 1440 * -100vw), calc(44px * -0.6)); }
  .benefit-introduction-block.is-block-insurance .benefit-introduction-block__text.is-text-2 { margin-top: clamp(calc(18px * 0.6), calc(18 / 1440 * 100vw), 18px); }
  .benefit-introduction-pic.is-pic-6 { position: absolute; top: clamp(calc(130px * 0.6), calc(130 / 1440 * 100vw), 130px); right: clamp(calc(72px * 0.6), calc(72 / 1440 * 100vw), 72px); width: clamp(calc(268px * 0.6), calc(268 / 1440 * 100vw), 268px); }
  .benefit-introduction-block.is-block-other { padding: 0; }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column { display: grid; justify-content: space-between; position: relative; z-index: 1; }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column:not(:first-child) { margin-top: clamp(calc(34px * 0.6), calc(34 / 1440 * 100vw), 34px); border-top: 1px solid #BCB5AF; }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column::after { content: ''; position: absolute; width: 1px; background-color: #BCB5AF; z-index: -1; }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__above,
  .benefit-introduction-block.is-block-other .benefit-introduction-subblock { padding-top: clamp(calc(38px * 0.6), calc(38 / 1440 * 100vw), 38px); }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column:nth-of-type(1) { grid-template-columns: 58.75% calc(100% - 58.75%); padding-top: clamp(calc(22px * 0.6), calc(22 / 1440 * 100vw), 22px); }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column:nth-of-type(1)::after { top: clamp(calc(22px * 0.6), calc(22 / 1440 * 100vw), 22px); left: 58.75%; height: calc(100% - clamp(calc(22px * 0.6), calc(22 / 1440 * 100vw), 22px)); }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__above { padding-right: clamp(calc(70px * 0.6), calc(70 / 1440 * 100vw), 70px); padding-left: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); }
  .benefit-introduction-pic.is-pic-7 { position: absolute; top: clamp(calc(31px * 0.6), calc(31 / 1440 * 100vw), 31px); right: clamp(calc(56px * 0.6), calc(56 / 1440 * 100vw), 56px); width: clamp(calc(109px * 0.6), calc(109 / 1440 * 100vw), 109px); }
  .benefit-introduction-subblock.is-subblock-carfare { padding-right: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); padding-left: clamp(calc(50px * 0.6), calc(50 / 1440 * 100vw), 50px); }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-subblock__title { margin-bottom: clamp(calc(54px * 0.6), calc(54 / 1440 * 100vw), 54px); }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__balloon { position: absolute; top: clamp(calc(38px * 0.6), calc(38 / 1440 * 100vw), 38px); left: clamp(calc(220px * 0.6), calc(220 / 1440 * 100vw), 220px); padding: clamp(calc(52px * 0.6), calc(52 / 1440 * 100vw), 52px) clamp(calc(31px * 0.6), calc(31 / 1440 * 100vw), 31px) 0 clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px); width: clamp(calc(213px * 0.6), calc(213 / 1440 * 100vw), 213px); height: clamp(calc(166px * 0.6), calc(166 / 1440 * 100vw), 166px); }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon3-desktop.svg); }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__num { padding-left: clamp(calc(52px * 0.6), calc(52 / 1440 * 100vw), 52px); }
  .benefit-introduction-subblock.is-subblock-carfare .benefit-introduction-block__num > span > span { margin-left: 0.5em; font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-introduction-pic.is-pic-8 { position: absolute; top: clamp(calc(24px * 0.6), calc(24 / 1440 * 100vw), 24px); left: clamp(calc(373px * 0.6), calc(373 / 1440 * 100vw), 373px); width: clamp(calc(50px * 0.6), calc(50 / 1440 * 100vw), 50px); z-index: 2; }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column:nth-of-type(2) { column-gap: calc(((510 + 532) - 1120) / 1120 * 100%); grid-template-columns: calc(510 / 1120 * 100%) calc(532 / 1120 * 100%); padding-top: clamp(calc(34px * 0.6), calc(34 / 1440 * 100vw), 34px); }
  .benefit-introduction-block.is-block-other .benefit-introduction-block__column:nth-of-type(2)::after { top: clamp(calc(34px * 0.6), calc(34 / 1440 * 100vw), 34px); left: calc(560 / 1120 * 100%); height: calc(100% - clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px)); }
  .benefit-introduction-subblock.is-subblock-discount { order: 1; grid-row: 1; grid-column: 1; padding-top: 0 !important; padding-bottom: clamp(calc(38px * 0.6), calc(38 / 1440 * 100vw), 38px); padding-right: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); padding-left: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); z-index: 2; }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-subblock__title { margin-bottom: clamp(calc(22px * 0.6), calc(22 / 1440 * 100vw), 22px); }
  .benefit-introduction-discount__catch { position: relative; padding-top: clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px); min-height: clamp(calc(122px * 0.6), calc(122 / 1440 * 100vw), 122px); }
  .benefit-introduction-discount__catch__text { margin: 0; text-align: center; font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); }
  .benefit-introduction-pic.is-pic-9 { position: absolute; top: 0; left: clamp(-6px, calc(6 / 1440 * -100vw), calc(6px * -0.6)); width: clamp(calc(54px * 0.6), calc(54 / 1440 * 100vw), 54px); }
  .benefit-introduction-pic.is-pic-10 { position: absolute; bottom: 0; right: clamp(-30px, calc(30 / 1440 * -100vw), calc(30px * -0.6)); width: clamp(calc(76px * 0.6), calc(76 / 1440 * 100vw), 76px); }
  .benefit-introduction-pic.is-pic-11 { position: absolute; bottom: clamp(-14px, calc(14 / 1440 * -100vw), calc(14px * -0.6)); left: clamp(-38px, calc(38 / 1440 * -100vw), calc(38px * -0.6)); transform: rotate(-4.57deg); width: clamp(calc(76px * 0.6), calc(76 / 1440 * 100vw), 76px); }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-block__multi { position: relative; }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-block__num { justify-content: flex-end; padding-right: clamp(calc(90px * 0.6), calc(90 / 1440 * 100vw), 90px); }
  .benefit-introduction-subblock.is-subblock-discount .benefit-introduction-subblock__title:nth-of-type(2) { margin: clamp(calc(70px * 0.6), calc(70 / 1440 * 100vw), 70px) 0 clamp(calc(56px * 0.6), calc(56 / 1440 * 100vw), 56px); }
  .benefit-introduction-pic.is-pic-12 { position: absolute; top: clamp(-11px, calc(11 / 1440 * -100vw), calc(11px * -0.6)); left: clamp(calc(24px * 0.6), calc(24 / 1440 * 100vw), 24px); width: clamp(calc(111px * 0.6), calc(111 / 1440 * 100vw), 111px); }
  .benefit-introduction-pic.is-pic-13 { position: absolute; top: clamp(calc(134px * 0.6), calc(134 / 1440 * 100vw), 134px); left: clamp(-88px, calc(88 / 1440 * -100vw), calc(88px * -0.6)); width: clamp(calc(164px * 0.6), calc(164 / 1440 * 100vw), 164px); }
  .benefit-introduction-subblock.is-subblock-training { order: 3; grid-row: auto / span 2; grid-column: 1; padding-top: clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px) !important; padding-right: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); padding-left: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); border-top: 1px solid #BCB5AF; }
  .benefit-introduction-subblock.is-subblock-training .benefit-introduction-block__multi { display: flex; align-items: center; gap: clamp(calc(82px * 0.6), calc(82 / 1440 * 100vw), 82px); margin-bottom: clamp(calc(73px * 0.6), calc(73 / 1440 * 100vw), 73px); }
  .benefit-introduction-pic.is-pic-14 { position: absolute; top: clamp(calc(40px * 0.6), calc(40 / 1440 * 100vw), 40px); right: clamp(-77px, calc(77 / 1440 * -100vw), calc(77px * -0.6)); width: clamp(calc(91px * 0.6), calc(91 / 1440 * 100vw), 91px); }
  .benefit-introduction-pic.is-pic-15 { position: absolute; top: clamp(calc(174px * 0.6), calc(174 / 1440 * 100vw), 174px); right: clamp(-31px, calc(31 / 1440 * -100vw), calc(31px * -0.6)); width: clamp(calc(78px * 0.6), calc(78 / 1440 * 100vw), 78px); }
  .benefit-introduction-subblock.is-subblock-training .benefit-introduction-block__text { margin-top: clamp(calc(21px * 0.6), calc(21 / 1440 * 100vw), 21px); }
  .benefit-introduction-pic.is-pic-16 { display: block; margin: clamp(calc(26px * 0.6), calc(26 / 1440 * 100vw), 26px) 0 0 clamp(calc(20px * 0.6), calc(20 / 1440 * 100vw), 20px); width: clamp(calc(395px * 0.6), calc(395 / 1440 * 100vw), 395px); }
  .benefit-introduction-subblock.is-subblock-health { order: 2; grid-row: auto / span 2; grid-column: 2; padding-top: 0 !important; padding-bottom: clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px); padding-left: clamp(calc(7px * 0.6), calc(7 / 1440 * 100vw), 7px); }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-subblock__title { margin-bottom: clamp(calc(15px * 0.6), calc(15 / 1440 * 100vw), 15px); }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__balloon { position: absolute; top: clamp(-55px, calc(55 / 1440 * -100vw), calc(55px * 0.6)); right: clamp(-54px, calc(54 / 1440 * -100vw), calc(54px * -0.6)); padding: clamp(calc(36px * 0.6), calc(36 / 1440 * 100vw), 36px) clamp(calc(16px * 0.6), calc(16 / 1440 * 100vw), 16px) 0 clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px); width: clamp(calc(258px * 0.6), calc(258 / 1440 * 100vw), 258px); height: clamp(calc(188px * 0.6), calc(188 / 1440 * 100vw), 188px); color: #fff; }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__balloon::after { background-image: url(./_assets/img/benefit/introduction_balloon4-desktop.svg); }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__num { padding-left: clamp(calc(142px * 0.6), calc(142 / 1440 * 100vw), 142px); }
  .benefit-introduction-subblock.is-subblock-health .benefit-introduction-block__text { margin-top: clamp(calc(37px * 0.6), calc(37 / 1440 * 100vw), 37px); white-space: nowrap; }
  .benefit-introduction-subblock.is-subblock-abroad { order: 4; grid-column: 2; padding-top: clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px) !important; border-top: 1px solid #BCB5AF; }
  .benefit-introduction-subblock.is-subblock-abroad .benefit-introduction-subblock__title { margin: clamp(calc(14px * 0.6), calc(14 / 1440 * 100vw), 14px) auto clamp(calc(42px * 0.6), calc(42 / 1440 * 100vw), 42px); }
  .benefit-introduction-pic.is-pic-17 { display: block; margin: clamp(calc(28px * 0.6), calc(28 / 1440 * 100vw), 28px) auto 0; width: clamp(calc(230px * 0.6), calc(230 / 1440 * 100vw), 230px); }
}

/* female */
.benefit-female { position: relative; margin-top: calc(10 / 375 * -100vw); padding: 60px 0 110px; background: linear-gradient(245deg, #F2A9A9 14.3%, #FDFBF2 80.55%); mask-repeat: no-repeat; mask-position: center top; mask-image: url(./_assets/img/benefit/female_bg_mask.svg); mask-size: 100%; overflow: hidden; z-index: 2; }
.benefit-female-pic { display: inline-block; vertical-align: top; }
.benefit-female-detail { position: relative; }
.benefit-female-detail__above { position: relative; padding-bottom: 40px; }
.benefit-female-detail__title { margin: 0 0 2px; text-align: center; font-size: 2rem; font-weight: 700; line-height: 1.4; color: #FDFBF2; }
.benefit-female-detail__catch { text-align: center; }
.benefit-female-detail__catch svg { width: 90%; max-width: 302px; overflow: visible; }
.benefit-female-detail__catch text { font-size: 2rem; font-weight: 700; line-height: 1.4; fill: #FDFBF2; }
.benefit-female-detail__content { position: relative; padding: 27px 27px 233px; background-color: #FDFBF2; border-radius: 20px; }
.benefit-female-detail__subtitle { position: relative; margin: 0 0 17px; text-align: center; font-size: 2rem; font-weight: 500; line-height: 1.4; }
.benefit-female-detail__subtitle::before { content: ''; ; position: absolute; top: 50%; left: 0; width: 100%; border-top: 2px dotted #000; z-index: 1; }
.benefit-female-detail__subtitle > span { position: relative; padding: 0 9px; background-color: #FDFBF2; z-index: 2; }
.benefit-female-detail__rate { display: flex; justify-content: center; align-items: center; gap: 6px; position: relative; margin-bottom: 43px; }
.benefit-female-detail__rate__text { margin: 0; width: 116px; }
.benefit-female-detail__rate__and { margin: 0; width: 21px; }
.benefit-female-detail__rate .u-deco { position: absolute; }
.benefit-female-detail__text { font-size: 1.6rem; line-height: 1.6; }
.benefit-female-detail__text > p { margin: 0; }
.benefit-female-detail__text > p + p { margin-top: 1.6em; }
.benefit-female-interview { position: relative; margin-top: 194px; }
.benefit-female-interview-title { position: absolute; top: -66px; right: 30px; margin: 0; width: 186px; }
.benefit-female-interview__content { position: relative; background-color: #FDFBF2; border-radius: 20px; }
.benefit-female-interview__profile { position: relative; margin-bottom: 34px; }
.benefit-female-interview__profile__balloon { position: absolute; margin: 0; text-align: center; font-size: 1.6rem; line-height: 1.6; color: #fff; z-index: 2; }
.benefit-female-interview__profile__balloon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: -1; }
.benefit-female-interview__profile__photo { position: absolute; z-index: 3; }
.benefit-female-interview__profile__info { padding: 17px 27px 0 166px; }
.benefit-female-interview__profile__job,
.benefit-female-interview__profile__name,
.benefit-female-interview__profile__en { margin: 0; font-weight: 700; color: #F09899; }
.benefit-female-interview__profile__job { margin-bottom: 4px; font-size: 1.6rem; line-height: 1.6; }
.benefit-female-interview__profile__name { margin-bottom: 9px; font-size: 2.4rem; line-height: 1; }
.benefit-female-interview__profile__en { font-size: 1.3rem; line-height: 1; }
.benefit-female-interview__faq { padding: 0 16px 41px 27px; }
.benefit-female-interview__pic { pointer-events: none; }
.benefit-female-interview__faq__block { position: relative; }
.benefit-female-interview__faq__block:not(:first-child) { margin-top: 14px; }
.benefit-female-interview__faq__box { margin: 0; }
.benefit-female-interview__faq__box__q::before,
.benefit-female-interview__faq__box__a::before { position: absolute; left: 0; font-family: 'Poppins', sans-serif; font-size: 4.8rem; font-weight: 600; line-height: 1.6; }
.benefit-female-interview__faq__box__q { display: flex; align-items: center; position: relative; margin-bottom: -1px; padding-left: 67px; min-height: 77px; font-size: 2rem; line-height: 1.6; color: #F09899; }
.benefit-female-interview__faq__box__q::before { content: 'Q.'; top: 50%; transform: translateY(-50%); color: #F09899; }
.benefit-female-interview__faq__box__a { position: relative; margin: 0; padding-top: 83px; font-size: 1.6rem; line-height: 1.6; color: #1E4278; }
.benefit-female-interview__faq__box__a::before { content: 'A.'; top: 0; color: #1E4278; }
.benefit-female-interview__faq__box__a > p { margin: 0; }
.benefit-female-interview__faq__box__a > p + p { margin-top: 1.6em; }
.benefit-female-interview__faq__balloon { position: relative; margin: 0; text-align: center; font-size: 1.4rem; line-height: 1.6; color: #fff; z-index: 2; }
.benefit-female-interview__faq__balloon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: -1; }

@media screen and (max-width: 768px) {
  .benefit-female-pic.is-pic-1 { position: absolute; bottom: -24px; left: 0; width: 74px; }
  .benefit-female-pic.is-pic-2 { position: absolute; bottom: -14px; right: 0; width: 95px; }
  .benefit-female-detail__rate .u-deco.is-deco-1 { top: 69px; left: -13px; width: 12px; }
  .benefit-female-detail__rate .u-deco.is-deco-2 { bottom: -14px; left: -23px; width: 24px; }
  .benefit-female-detail__rate .u-deco.is-deco-3 { bottom: -18px; left: 15px; width: 12px; }
  .benefit-female-detail__rate .u-deco.is-deco-4 { top: 14px; right: -24px; width: 20px; }
  .benefit-female-detail__rate .u-deco.is-deco-5 { top: -17px; right: -11px; width: 34px; }
  .benefit-female-pic.is-pic-3 { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 191px; }
  .benefit-female-detail .u-deco.is-deco-6 { bottom: 276px; left: -42px; width: 230px; z-index: -1; }
  .benefit-female-detail .u-deco.is-deco-7 { top: 122px; right: -73px; width: 256px; z-index: -1; }
  .benefit-female-interview__profile__balloon { top: -166px; left: 48px; padding-top: 21px; width: 234px; height: 100px; }
  .benefit-female-interview__profile__balloon::after { background-image: url(./_assets/img/benefit/female_interview_balloon1.png); }
  .benefit-female-interview__profile__photo { top: -99px; left: -8px; width: 173px; }
  .benefit-female-interview__faq__balloon { position: absolute; top: 65px; right: -6px; padding-top: 23px; width: 217px; height: 93px; }
  .benefit-female-interview__faq__balloon::after { background-image: url(./_assets/img/benefit/female_interview_balloon1.png); }
  .benefit-female-interview__pic.is-pic-1 { position: absolute; top: 55px; right: -1px; width: 79px; }
  .benefit-female-interview__pic.is-pic-2 { display: none; }
}

@media screen and (min-width: 769px) {
  .benefit-female { margin-top: calc(40 / 1600 * -100vw); padding: calc(160px + (40 / 1600 * 100vw)) 0 230px; }
  .benefit-female-detail { padding-bottom: clamp(calc(392px * 0.6), calc(392 / 1440 * 100vw), 392px); }
  .benefit-female-detail > .l-wrap { max-width: 1263px; }
  .benefit-female-detail__above { padding-bottom: clamp(calc(40px * 0.6), calc(40 / 1440 * 100vw), 40px); }
  .benefit-female-detail__title { margin-bottom: clamp(calc(22px * 0.6), calc(22 / 1440 * 100vw), 22px); font-size: clamp(calc(5.8rem * 0.6), calc(58 / 1440 * 100vw), 5.8rem); }
  .benefit-female-detail__catch svg { width: 100%; max-width: 408px; }
  .benefit-female-detail__catch text { font-size: 3rem; font-weight: 900; }
  .benefit-female-pic.is-pic-1 { position: absolute; bottom: clamp(-33px, calc(33 / 1440 * -100vw), calc(33px * -0.6)); left: clamp(calc(17px * 0.6), calc(17 / 1440 * 100vw), 17px); width: clamp(calc(222px * 0.6), calc(222 / 1440 * 100vw), 222px); }
  .benefit-female-pic.is-pic-2 { position: absolute; bottom: clamp(-32px, calc(32 / 1440 * -100vw), calc(32px * -0.6)); right: clamp(calc(17px * 0.6), calc(17 / 1440 * 100vw), 17px); width: clamp(calc(326px * 0.6), calc(326 / 1440 * 100vw), 326px); }
  .benefit-female-detail__content { padding: clamp(calc(70px * 0.6), calc(70 / 1440 * 100vw), 70px) clamp(calc(77px * 0.6), calc(77 / 1440 * 100vw), 77px) clamp(calc(80px * 0.6), calc(80 / 1440 * 100vw), 80px); border-radius: 80px; }
  .benefit-female-detail__subtitle { margin-bottom: clamp(calc(60px * 0.6), calc(60 / 1440 * 100vw), 60px); font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); }
  .benefit-female-detail__subtitle > span { padding: 0 clamp(calc(43px * 0.6), calc(43 / 1440 * 100vw), 43px); }
  .benefit-female-detail__rate { gap: clamp(calc(44px * 0.6), calc(44 / 1440 * 100vw), 44px); }
  .benefit-female-detail__rate__text { width: clamp(calc(161px * 0.6), calc(161 / 1440 * 100vw), 161px); }
  .benefit-female-detail__rate__and { width: clamp(calc(41px * 0.6), calc(41 / 1440 * 100vw), 41px); }
  .benefit-female-detail__rate .u-deco.is-deco-1 { top: clamp(-19px, calc(19 / 1440 * -100vw), calc(19px * -0.6)); left: clamp(calc(74px * 0.6), calc(74 / 1440 * 100vw), 74px); width: clamp(calc(40px * 0.6), calc(40 / 1440 * 100vw), 40px); }
  .benefit-female-detail__rate .u-deco.is-deco-2 { top: clamp(calc(50px * 0.6), calc(50 / 1440 * 100vw), 50px); left: clamp(calc(41px * 0.6), calc(41 / 1440 * 100vw), 41px); width: clamp(calc(75px * 0.6), calc(75 / 1440 * 100vw), 75px); }
  .benefit-female-detail__rate .u-deco.is-deco-3 { top: clamp(calc(112px * 0.6), calc(112 / 1440 * 100vw), 112px); left: clamp(calc(162px * 0.6), calc(162 / 1440 * 100vw), 162px); width: clamp(calc(40px * 0.6), calc(40 / 1440 * 100vw), 40px); }
  .benefit-female-detail__rate .u-deco.is-deco-4 { top: clamp(-23px, calc(23 / 1440 * -100vw), calc(23px * -0.6)); right: clamp(calc(182px * 0.6), calc(182 / 1440 * 100vw), 182px); width: clamp(calc(76px * 0.6), calc(76 / 1440 * 100vw), 76px); }
  .benefit-female-detail__rate .u-deco.is-deco-5 { top: clamp(calc(23px * 0.6), calc(23 / 1440 * 100vw), 23px); right: clamp(calc(71px * 0.6), calc(71 / 1440 * 100vw), 71px); width: clamp(calc(127px * 0.6), calc(127 / 1440 * 100vw), 127px); }
  .benefit-female-detail__text { text-align: center; font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-female-pic.is-pic-3 { position: absolute; bottom: clamp(-392px, calc(392 / 1440 * -100vw), calc(392px * -0.6)); left: clamp(calc(435px * 0.6), calc(435 / 1440 * 100vw), 435px); width: clamp(calc(376px * 0.6), calc(376 / 1440 * 100vw), 376px); }
  .benefit-female-detail .u-deco.is-deco-6 { position: absolute; top: clamp(-13px, calc(13 / 1440 * -100vw), calc(13px * -0.6)); right: clamp(calc(46px * 0.6), calc(46 / 1440 * 100vw), 46px); width: clamp(calc(458px * 0.6), calc(458 / 1440 * 100vw), 458px); z-index: -1; }
  .benefit-female-detail .u-deco.is-deco-7 { position: absolute; bottom: clamp(calc(662px * 0.6), calc(662 / 1440 * 100vw), 662px); left: clamp(-23px, calc(23 / 1440 * -100vw), calc(23px * -0.6)); width: clamp(calc(412px * 0.6), calc(412 / 1440 * 100vw), 412px); z-index: -1; }
  .benefit-female-interview { margin-top: clamp(calc(305px * 0.6), calc(305 / 1440 * 100vw), 305px); }
  .benefit-female-interview > .l-wrap { max-width: 1263px; }
  .benefit-female-interview-title { top: clamp(-166px, calc(166 / 1440 * -100vw), calc(166px * -0.6)); right: clamp(calc(72px * 0.6), calc(72 / 1440 * 100vw), 72px); width: clamp(calc(485px * 0.6), calc(485 / 1440 * 100vw), 485px); }
  .benefit-female-interview__content { border-radius: 80px; }
  .benefit-female-interview__profile__balloon { top: clamp(-160px, calc(160 / 1440 * -100vw), calc(160px * -0.6)); left: clamp(calc(247px * 0.6), calc(247 / 1440 * 100vw), 247px); padding-top: clamp(calc(31px * 0.6), calc(31 / 1440 * 100vw), 31px); width: clamp(calc(311px * 0.6), calc(311 / 1440 * 100vw), 311px); height: clamp(calc(133px * 0.6), calc(133 / 1440 * 100vw), 133px); font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-female-interview__profile__balloon::after { background-image: url(./_assets/img/benefit/female_interview_balloon1.png); }
  .benefit-female-interview__profile__photo { top: clamp(-165px, calc(165 / 1440 * -100vw), calc(165px * -0.6)); left: clamp(calc(59px * 0.6), calc(59 / 1440 * 100vw), 59px); width: clamp(calc(332px * 0.6), calc(332 / 1440 * 100vw), 332px); }
  .benefit-female-interview__profile__info { padding: clamp(calc(86px * 0.6), calc(86 / 1440 * 100vw), 86px) clamp(calc(383px * 0.6), calc(383 / 1440 * 100vw), 383px) 0; }
  .benefit-female-interview__profile__job { margin-bottom: clamp(calc(1px * 0.6), calc(1 / 1440 * 100vw), 1px); font-size: clamp(calc(1.6rem * 0.6), calc(16 / 1440 * 100vw), 1.6rem); }
  .benefit-female-interview__profile__name { margin-bottom: clamp(calc(17px * 0.6), calc(17 / 1440 * 100vw), 17px); font-size: clamp(calc(2.6rem * 0.6), calc(26 / 1440 * 100vw), 2.6rem); }
  .benefit-female-interview__profile__en { font-size: clamp(calc(1.4rem * 0.6), calc(14 / 1440 * 100vw), 1.4rem); }
  .benefit-female-interview__faq { padding: clamp(calc(86px * 0.6), calc(86 / 1440 * 100vw), 86px) clamp(calc(110px * 0.6), calc(110 / 1440 * 100vw), 110px) clamp(calc(128px * 0.6), calc(128 / 1440 * 100vw), 128px) clamp(calc(124px * 0.6), calc(124 / 1440 * 100vw), 124px); }
  .benefit-female-interview__faq__block:not(:first-child) { margin-top: clamp(calc(41px * 0.6), calc(41 / 1440 * 100vw), 41px); }
  .benefit-female-interview__pic.is-pic-1 { position: absolute; top: clamp(-163px, calc(163 / 1440 * -100vw), calc(163px * -0.6)); right: clamp(-34px, calc(34 / 1440 * -100vw), calc(34px * -0.6)); width: clamp(calc(283px * 0.6), calc(283 / 1440 * 100vw), 283px); }
  .benefit-female-interview__faq__box__q,
  .benefit-female-interview__faq__box__a { position: relative; padding-left: clamp(calc(101px * 0.6), calc(101 / 1440 * 100vw), 101px); min-height: clamp(calc(102px * 0.6), calc(102 / 1440 * 100vw), 102px); }
  .benefit-female-interview__faq__box__q::before,
  .benefit-female-interview__faq__box__a::before { font-size: clamp(calc(6.4rem * 0.6), calc(64 / 1440 * 100vw), 6.4rem); }
  .benefit-female-interview__faq__box__q { font-size: clamp(calc(3.2rem * 0.6), calc(32 / 1440 * 100vw), 3.2rem); }
  .benefit-female-interview__faq__box__a { padding-top: clamp(calc(24px * 0.6), calc(24 / 1440 * 100vw), 24px); font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-female-interview__faq__block:nth-of-type(2) { padding-left: clamp(calc(259px * 0.6), calc(259 / 1440 * 100vw), 259px); }
  .benefit-female-interview__faq__balloon { position: absolute; top: clamp(-30px, calc(30 / 1440 * -100vw), calc(30px * -0.6)); right: clamp(-24px, calc(24 / 1440 * -100vw), calc(24px * -0.6)); padding-top: clamp(calc(31px * 0.6), calc(31 / 1440 * 100vw), 31px); width: clamp(calc(311px * 0.6), calc(311 / 1440 * 100vw), 311px); height: clamp(calc(133px * 0.6), calc(133 / 1440 * 100vw), 133px); font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .benefit-female-interview__faq__balloon::after { background-image: url(./_assets/img/benefit/female_interview_balloon1.png); }
  .benefit-female-interview__pic.is-pic-2 { position: absolute; top: clamp(calc(70px * 0.6), calc(70 / 1440 * 100vw), 70px); left: clamp(-51px, calc(51 / 1440 * -100vw), calc(51px * -0.6)); width: clamp(calc(255px * 0.6), calc(255 / 1440 * 100vw), 255px); }
}

/* interview
------------------------------------------------ */
/* common */
.body-interview .page-above { background: linear-gradient(90deg, rgba(243, 239, 120, 0.25) 0%, rgba(219, 103, 145, 0.25) 100%); }

@media screen and (min-width: 769px) {
  .body-interview .page-above-pic.is-pic-1 { transform: translateX(-386px); }
  .body-interview .page-above-pic.is-pic-1.u-lazy-y { transform: translate(-386px, 20px); }
  .body-interview .page-above-pic.is-pic-1.u-lazy-done { transform: translate(-386px, 0); }
  .body-interview .page-above-pic.is-pic-2 { transform: translateX(392px); }
  .body-interview .page-above-pic.is-pic-2.u-lazy-y { transform: translate(392px, 20px); }
  .body-interview .page-above-pic.is-pic-2.u-lazy-done { transform: translate(392px, 0); }
}

/* archive */
.interview-archive { padding: 40px 0 110px; background-repeat: no-repeat; background-position: center top; background-size: 100%; }
.interview-archive .sort-tab { margin-bottom: 54px; }

@media screen and (max-width: 768px) {
  .interview-archive { background-image: url(./_assets/img/interview/bg1.png); }
}

@media screen and (min-width: 769px) {
  .interview-archive { padding: 68px 0 212px; background-image: url(./_assets/img/interview/bg1-desktop.png); }
  .interview-archive .sort-tab { margin-bottom: 72px; }
}

/* detail */
.interview-detail { padding-bottom: 145px; background-repeat: no-repeat; background-position: center top; background-size: 100%; }
.interview-detail .topicpath { margin-bottom: 44px; padding-top: calc(var(--header-height) + 10px); }
.interview-detail-introduce { position: relative; aspect-ratio: 1 / 1; border-radius: 50px 0 50px 0; overflow: hidden; }
.interview-detail-introduce__info { display: flex; flex-flow: column; justify-content: flex-end; position: absolute; top: 0; left: 0; padding: 10px 18px; width: 100%; height: 100%; color: #fff; z-index: 2; }
.interview-detail-introduce__title { margin: 0 0 4px; font-family: 'Poppins', sans-serif; font-size: 4rem; font-weight: 700; letter-spacing: 2px; line-height: 1.2; }
.interview-detail-introduce__copy { margin: 0 0 12px; font-size: 1.8rem; line-height: 1.44444444444; }
.interview-detail-introduce__role { display: flex; flex-wrap: wrap; margin: -10px 0 -2px -10px; font-size: 1.5rem; line-height: 1.73333333333; }
.interview-detail-introduce__role > span { margin: 10px 0 0 10px; }
.interview-detail-introduce__join { margin: 0; font-size: 1.35rem; line-height: 1.7777777777; }
.interview-detail-introduce__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.interview-detail-introduce__photo::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }
.interview-detail-profile { margin: 56px 0 40px; }
.interview-detail-profile .title-2 { margin-bottom: 24px; }
.interview-detail-profile__name { text-align: center; }
.interview-detail-profile__name--ja { margin: 0; font-size: 2.4rem; font-weight: 500; line-height: 1.7083333333; }
.interview-detail-profile__name--en { margin: -4px 0 0; font-size: 1.01rem; line-height: 1.8811881188; }
.interview-detail-profile__other { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.interview-detail-profile__store,
.interview-detail-profile__postion { margin: 0; font-size: 1.2rem; line-height: 1.6666666666; }
.interview-detail-profile__postion { margin-left: 1em; }
.interview-detail-profile__text { margin: 28px 0 0; font-size: 1.5rem; line-height: 1.66666666667; }
.interview-detail-profile__btn { margin-top: 20px; }
.interview-detail-content { font-size: 1.6rem; line-height: 1.6; }
.interview-detail-content > .title-2 { margin: 144px 0 50px; }
.interview-detail-content > .title-2:first-child { margin-top: 0; }
.interview-detail-btns { margin-top: 64px; }
.interview-detail-btns__item > a { height: 75px; font-size: 1.8rem; }

@media screen and (max-width: 768px) {
  .interview-detail { background-image: url(./_assets/img/interview/bg1.png); }
  .interview-detail-introduce { margin: 0 -20px; width: calc(100% + 40px); }
  .interview-detail-content { padding: 0 5px; }
  .interview-detail-btns__item:not(:first-child) { margin-top: 18px; }
}

@media screen and (min-width: 769px) {
  .interview-detail { padding-bottom: 240px; background-image: url(./_assets/img/interview/bg1-desktop.png); }
  .interview-detail .topicpath { margin-bottom: 94px; padding-top: calc(var(--header-height-desktop) + 24px); }
  .interview-detail-introduce { margin: 0 auto; max-width: 900px; }
  .interview-detail-introduce__info { padding: 40px; }
  .interview-detail-introduce__title { margin-bottom: 10px; font-size: 4.8rem; }
  .interview-detail-introduce__copy { margin-bottom: 12px; font-size: 2rem; }
  .interview-detail-introduce__role { margin-bottom: -4px; font-size: 1.8rem; }
  .interview-detail-introduce__join { font-size: 1.55rem; line-height: 1.7677419354; }
  .interview-detail-profile { margin: 66px 0 78px; }
  .interview-detail-profile .title-2 { margin-bottom: 30px; }
  .interview-detail-profile__name--ja { font-size: 2.4rem; }
  .interview-detail-profile__name--en { margin-top: -4px; font-size: 1.01rem; }
  .interview-detail-profile__other { margin-top: 8px; }
  .interview-detail-profile__store,
  .interview-detail-profile__postion { font-size: 1.4rem; line-height: 1.71428571429; }
  .interview-detail-profile__text { margin-top: 28px; text-align: center; font-size: 1.5rem; }
  .interview-detail-profile__btn { margin-top: 20px; }
  .interview-detail-content { font-size: 2rem; line-height: 2; }
  .interview-detail-content > .title-2 { margin: 170px 0 80px; }
  .interview-detail-btns { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 98px; gap: 35px; }
  .interview-detail-btns__item > a { width: 300px; height: 75px; font-size: 1.8rem; }
}

/* specialist
------------------------------------------------ */
/* common */
.body-specialist .page-above { background: linear-gradient(90deg, rgba(157, 182, 223, 0.25) 0%, rgba(249, 188, 69, 0.25) 100%); }

@media screen and (min-width: 769px) {
  .body-specialist .page-above-pic.is-pic-1 { transform: translateX(-401px); }
  .body-specialist .page-above-pic.is-pic-1.u-lazy-y { transform: translate(-401px, 20px); }
  .body-specialist .page-above-pic.is-pic-1.u-lazy-done { transform: translate(-401px, 0); }
  .body-specialist .page-above-pic.is-pic-2 { transform: translateX(401px); }
  .body-specialist .page-above-pic.is-pic-2.u-lazy-y { transform: translate(401px, 20px); }
  .body-specialist .page-above-pic.is-pic-2.u-lazy-done { transform: translate(401px, 0); }
}

/* archive */
.specialist-archive { position: relative; padding: 40px 0 78px; }
.specialist-archive .sort-tab { margin-bottom: 40px; }

@media screen and (max-width: 768px) {
  .specialist-archive > .l-wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .specialist-archive { padding: 68px 0 185px; }
  .specialist-archive .sort-tab { margin-bottom: 53px; }
}

/* detail */
.specialist-detail { position: relative; padding-top: 35px; background-color: #fff; border-radius: 30px; z-index: 1; }
.specialist-detail-pic { pointer-events: none; }
.specialist-detail-above { position: relative; margin-bottom: 58px; }
.specialist-detail-photo { position: relative; aspect-ratio: 1.3053097345 / 1; margin: 0; border-radius: 0 10px 10px 0; overflow: hidden; }
.specialist-detail-photo figcaption { position: absolute; bottom: 18px; right: 0; padding: 6px 10px; background-color: #FF6500; font-size: 1.4rem; font-weight: 700; line-height: 1; color: #fff; }
.specialist-detail-info { position: relative; }
.specialist-detail-title { margin-bottom: 5px; }
.specialist-detail-title__ja { margin: 0; font-size: 1.6rem; font-weight: 700; line-height: 1; color: #FF6500; }
.specialist-detail-title__en { margin: -1px 0 0; font-family: 'Poppins', sans-serif; font-size: 3.2rem; font-weight: 700; letter-spacing: 3%; line-height: 1.6; }
.specialist-detail-text { margin: 0; font-size: 1.6rem; line-height: 1.6; }
.specialist-detail-commitment { display: grid; padding: 0 20px; }
.specialist-detail-commitment__pic { aspect-ratio: 1 / 1; border-radius: 20px; overflow: hidden; }
.specialist-detail-commitment__title { margin: 0; font-size: 2rem; font-weight: 500; line-height: 1.6; }
.specialist-detail-commitment__text { margin: 0; font-size: 1.6rem; letter-spacing: -1%; line-height: 1.6; }
.specialist-detail-banner { position: relative; padding: 0 20px; }
.specialist-detail-banner.is-hidden { display: none; }
.specialist-detail-commitment + .specialist-detail-banner { margin-top: 125px; }
.specialist-detail-banner__balloon { pointer-events: none; position: absolute; top: -66px; left: 20px; width: calc(100% - 40px); height: 75px; z-index: 2; }
.specialist-detail-banner__balloon__text { position: absolute; top: 0; left: 110px; margin: 0; font-size: 1.4rem; letter-spacing: -1%; line-height: 1.6; }
.specialist-detail-banner__balloon__text::before { content: ''; position: absolute; top: 0; left: -25px; width: 29px; height: 50px; background: url(./_assets/img/specialist/detail_balloon1.svg) no-repeat center center; background-size: cover; }
.specialist-detail-pic.is-pic-1 { position: absolute; top: 2px; left: 5px; width: 93px; }
.specialist-detail-banner__lists { position: relative; z-index: 1; }
.specialist-detail-banner__lists__item { position: relative; }
.specialist-detail-banner__lists__item > a { display: block; position: relative; aspect-ratio: 1.9207920792 / 1; border-radius: 8.85px 8.85px 15.5px 8.85px; text-decoration: none; overflow: hidden; color: #000; }
.specialist-detail-banner__lists__title { display: flex; flex-flow: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; width: 100%; max-width: 183px; min-height: 73px; background-color: #fff; border-radius: 43px; }
.specialist-detail-banner__lists__title__ja,
.specialist-detail-banner__lists__title__en { margin: 0; text-align: center; font-weight: 700; line-height: 1; }
.specialist-detail-banner__lists__title__ja { font-size: 0.811rem; }
.specialist-detail-banner__lists__title__en { margin-top: 6px; font-family: 'Poppins', sans-serif; font-size: 1.62rem; }
.specialist-detail-banner__lists__arrow { pointer-events: none; position: absolute; bottom: -8px; right: -4px; width: 32px; height: 32px; background-color: #000; border-radius: 50%; }
.specialist-detail-banner__lists__arrow img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; }
.specialist-detail-banner__lists__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.specialist-detail-pic.is-pic-2,
.specialist-detail-pic.is-pic-3 { position: absolute; z-index: -1; }
.specialist-detail-pic.is-pic-2 { top: calc(283 / 375 * 100vw); right: calc(89 / 375 * 100vw); width: calc(48 / 375 * 100vw); }
.specialist-detail-pic.is-pic-3 { top: calc(318 / 375 * 100vw); right: calc(20 / 375 * 100vw); width: calc(43 / 375 * 100vw); }
.specialist-detail-en { pointer-events: none; position: absolute; top: -40px; left: calc(100% - 45px); transform-origin: left; transform: rotate(90deg); margin: 0; white-space: nowrap; font-family: 'Poppins', sans-serif; font-size: 14.056rem; font-weight: 500; line-height: 1; color: rgba(244, 197, 45, 0.2); z-index: -2; }

@media screen and (max-width: 768px) {
  .specialist-detail-photo { margin: 0 40px 50px 0; }
  .specialist-detail-info { padding: 0 20px; }
  .specialist-detail-commitment { row-gap: 20px; column-gap: 14px; grid-template-columns: 97px calc(100% - (97px + 14px)); }
  .specialist-detail-commitment__pic { grid-row: 1; grid-column: 1; }
  .specialist-detail-commitment__title { grid-row: 1; grid-column: 2; }
  .specialist-detail-commitment__text { grid-row: 2; grid-column: 1 / 3; }
  .specialist-detail-banner__lists__item:not(:first-child) { margin-top: 20px; }
}

@media screen and (min-width: 769px) {
  .specialist-detail { padding-top: 67px; border-radius: 50px; }
  .specialist-detail-above { display: flex; align-items: center; gap: 120px; margin-bottom: 110px; }
  .specialist-detail-photo { aspect-ratio: 1.3883495145 / 1; width: 51.07142857%; border-radius: 0 24px 24px 0; }
  .specialist-detail-photo figcaption { bottom: 47px; padding: 10px 30px; font-size: 2.051rem; }
  .specialist-detail-info { width: calc(100% - (51.07142857% + 120px)); max-width: 403px; }
  .specialist-detail-title { margin-bottom: 14px; }
  .specialist-detail-title__ja { font-size: 2rem; }
  .specialist-detail-title__en { margin-top: 0; font-size: 4.8rem; }
  .specialist-detail-text { font-size: 2rem; line-height: 2; }
  .specialist-detail-commitment { align-items: center; column-gap: 70px; grid-template-columns: 240px calc(100% - (240px + 70px)); padding: 0 90px; }
  .specialist-detail-commitment__pic { grid-row: 1 / 3; grid-column: 1; }
  .specialist-detail-commitment__title { grid-row: 1; grid-column: 2; margin: auto 0 19px; font-size: 2.4rem; letter-spacing: -5%; line-height: 1.4; }
  .specialist-detail-commitment__text { grid-row: 2; grid-column: 2; margin-bottom: auto; font-size: 2rem; line-height: 2; }
  .specialist-detail-banner { padding: 0 90px; }
  .specialist-detail-commitment + .specialist-detail-banner { margin-top: 198px; }
  .specialist-detail-banner__balloon { top: -93px; left: 170px; width: calc(100% - (170px * 2)); height: 108px; }
  .specialist-detail-banner__balloon__text { left: 194px; font-size: 2rem; }
  .specialist-detail-banner__balloon__text::before { top: 5px; left: -57px; width: 43px; height: 62px; }
  .specialist-detail-pic.is-pic-1 { top: 1px; left: 0; width: 130px; }
  .specialist-detail-banner__lists { display: flex; flex-wrap: wrap; justify-content: center; gap: 56px; }
  .specialist-detail-banner__lists__item { width: calc(50% - (56px / 2)); }
  .specialist-detail-banner__lists__item > a { border-radius: 17.47px 17.47px 30.57px 17.47px; }
  .specialist-detail-banner__lists__title { padding: 10px; max-width: 361px; min-height: 144px; border-radius: 85px; }
  .specialist-detail-banner__lists__arrow { bottom: -16px; right: -8px; width: 63px; height: 63px; background-size: 17px 17px; }
  .specialist-detail-banner__lists__arrow img { width: 17px; }
  .specialist-detail-banner__lists__title__ja { font-size: 1.6rem; }
  .specialist-detail-banner__lists__title__en { margin-top: 12px; font-size: 3.2rem; }
  .specialist-detail-banner.is-len-1 .specialist-detail-banner__balloon { left: 50%; margin-left: -260px; width: auto; }
  .specialist-detail-banner.is-len-1 .specialist-detail-banner__balloon__text { white-space: nowrap; }
  .specialist-detail-banner.is-len-1 .specialist-detail-banner__lists__item { width: 582px; }
  .specialist-detail-pic.is-pic-2 { top: clamp(calc(75px * 0.6), calc(75 / 1440 * 100vw), 75px); right: clamp(calc(203px * 0.6), calc(203 / 1440 * 100vw), 203px); width: clamp(calc(122px * 0.6), calc(122 / 1440 * 100vw), 122px); }
  .specialist-detail-pic.is-pic-3 { top: clamp(calc(178px * 0.6), calc(178 / 1440 * 100vw), 178px); right: clamp(calc(53px * 0.6), calc(53 / 1440 * 100vw), 53px); width: clamp(calc(110px * 0.6), calc(110 / 1440 * 100vw), 110px); }
  .specialist-detail-en { top: -90px; left: calc(100% - 78px); font-size: 24.3rem; }
}

/* curriculum */
.specialist-curriculum { position: relative; padding-top: 58px; }
.specialist-curriculum-pic { pointer-events: none; }
.specialist-curriculum-above { position: relative; margin-bottom: 10px; }
.specialist-curriculum-above__mask { position: relative; margin: 0 calc(4 / 375 * 100vw) 0 calc(9 / 375 * 100vw); padding: calc(42 / 375 * 100vw) calc(31 / 375 * 100vw) calc(41 / 375 * 100vw) calc(35 / 375 * 100vw); min-height: calc(368 / 375 * 100vw); z-index: 1; }
.specialist-curriculum-above__mask::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #E9BA1E 0%, #ECB58C 31.25%, #E39BB9 68.75%, #B4A9CB 100%); mask-repeat: no-repeat; mask-position: center; mask-size: 100% 100%; z-index: -1; }
.specialist-curriculum-title { margin: 0 auto calc(14 / 375 * 100vw); text-align: center; }
.specialist-curriculum-catch { margin: 0 0 calc(4 / 375 * 100vw); text-align: center; font-size: calc(16 / 375 * 100vw); font-weight: 700; line-height: 1.6; }
.specialist-curriculum-text { margin: 0; font-size: calc(16 / 375 * 100vw); line-height: 1.7; }
.specialist-curriculum-pic.is-pic-1 { position: absolute; bottom: -62px; right: 6px; width: 95px; z-index: 2; }
.specialist-curriculum-content { position: relative; }
.specialist-curriculum-months { position: absolute; top: 0; left: 15px; margin: 0; width: 120px; }
.specialist-curriculum-schedule { position: relative; padding-top: 99px; }
.specialist-curriculum-schedule__text { position: absolute; top: 63px; right: 10px; margin: 0; width: 170px; }
.specialist-curriculum-schedule__content { position: relative; bottom: -11px; margin-top: -11px; }
.specialist-curriculum-schedule__flic { pointer-events: none; position: absolute; top: 239px; left: calc(119 / 375 * 100vw); transition: opacity 0.4s ease; width: 126px; height: 120px; background-color: rgb(0, 0, 0, 0.57); border-radius: 5px; z-index: 2; }
.specialist-curriculum-schedule__flic img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 83px; }
.specialist-curriculum-schedule__flic[aria-hidden=true] { opacity: 0; }
.specialist-curriculum-schedule__scroll { position: relative; }
.specialist-curriculum-schedule__image { position: relative; margin: 0 20px; }
.specialist-curriculum-schedule__below { display: flex; align-items: flex-end; margin-top: -26px; padding: 0 20px 0 18px; width: 1148px; }
.specialist-curriculum-pic.is-pic-2 { display: block; margin-right: 39px; width: 259px; }
.specialist-curriculum-photos { display: flex; align-items: flex-end; gap: 24px; width: 524px; }
.specialist-curriculum-photos__item { position: relative; }
.specialist-curriculum-photos__item.is-photo-1 { margin-bottom: 26px; width: 260px; }
.specialist-curriculum-photos__item.is-photo-2 { margin-bottom: 24px; width: 242px; }
.specialist-curriculum-balloon { position: relative; margin: 0 0 39px 45px; width: 282px; height: 204px; background: url(./_assets/img/specialist/curriculum_balloon1.png) no-repeat center center; background-size: 100% 100%; }
.specialist-curriculum-balloon__info { position: absolute; top: 0; left: 15px; padding-top: 66px; width: 261px; height: 100%; }
.specialist-curriculum-balloon__title,
.specialist-curriculum-balloon__text { margin: 0; text-align: center; color: #fff; }
.specialist-curriculum-balloon__title { margin-bottom: -3px; font-size: 1.75rem; font-weight: 900; line-height: 2; }
.specialist-curriculum-balloon__text { font-size: 1.4rem; font-weight: 700; line-height: 1.6; }

@media screen and (max-width: 768px) {
  .specialist-curriculum-above__mask::after { mask-image: url(./_assets/img/specialist/curriculum_mask1.svg); }
  .specialist-curriculum-schedule__scroll { overflow-x: auto; }
  .specialist-curriculum-schedule__image img { height: 520px; max-width: inherit; }
}

@media screen and (min-width: 769px) {
  .specialist-curriculum { padding-top: 103px; }
  .specialist-curriculum-above { margin-bottom: 0; }
  .specialist-curriculum-above__mask { margin: 0 clamp(calc(77px * 0.6), calc(77 / 1440 * 100vw), 77px); padding: clamp(calc(148px * 0.6), calc(148 / 1440 * 100vw), 148px) clamp(calc(20px * 0.6), calc(20 / 1440 * 100vw), 20px) clamp(calc(96px * 0.6), calc(96 / 1440 * 100vw), 96px); min-height: clamp(calc(678px * 0.6), calc(678 / 1440 * 100vw), 678px); }
  .specialist-curriculum-above__mask::after { mask-image: url(./_assets/img/specialist/curriculum_mask1-desktop.svg); }
  .specialist-curriculum-title { margin-bottom: clamp(calc(21px * 0.6), calc(21 / 1440 * 100vw), 21px); max-width: clamp(calc(979px * 0.6), calc(979 / 1440 * 100vw), 979px); }
  .specialist-curriculum-catch { margin-bottom: clamp(calc(2px * 0.6), calc(2 / 1440 * 100vw), 2px); font-size: clamp(calc(3rem * 0.6), calc(30 / 1440 * 100vw), 3rem); line-height: 2; }
  .specialist-curriculum-text { text-align: center; font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); line-height: 2; }
  .specialist-curriculum-pic.is-pic-1 { bottom: clamp(-72px, calc(72 / 1440 * -100vw), calc(72px * -0.6)); right: clamp(calc(74px * 0.6), calc(74 / 1440 * 100vw), 74px); width: clamp(calc(284px * 0.6), calc(284 / 1440 * 100vw), 284px); }
  .specialist-curriculum-months { top: -85px; left: 31px; width: 242px; }
  .specialist-curriculum-schedule { padding-top: 124px; }
  .specialist-curriculum-schedule__text,
  .specialist-curriculum-schedule__flic { display: none; }
  .specialist-curriculum-schedule__content { bottom: -14px; margin-top: -14px; }
  .specialist-curriculum-schedule__image { margin: 0 54px; }
  .specialist-curriculum-schedule__below { margin-top: clamp(-19px, calc(19 / 1440 * -100vw), calc(19px * -0.6)); padding: 0 0 0 clamp(calc(95px * 0.6), calc(95 / 1440 * 100vw), 95px); width: 100%; }
  .specialist-curriculum-pic.is-pic-2 { margin-right: clamp(calc(30px * 0.6), calc(30 / 1440 * 100vw), 30px); width: clamp(calc(291px * 0.6), calc(291 / 1440 * 100vw), 291px); }
  .specialist-curriculum-photos { gap: clamp(calc(38px * 0.6), calc(38 / 1440 * 100vw), 38px); width: clamp(calc(617px * 0.6), calc(617 / 1440 * 100vw), 617px); }
  .specialist-curriculum-photos__item.is-photo-1 { margin-bottom: clamp(calc(57px * 0.6), calc(57 / 1440 * 100vw), 57px); width: clamp(calc(302px * 0.6), calc(302 / 1440 * 100vw), 302px); }
  .specialist-curriculum-photos__item.is-photo-2 { margin-bottom: clamp(calc(57px * 0.6), calc(57 / 1440 * 100vw), 57px); width: clamp(calc(277px * 0.6), calc(277 / 1440 * 100vw), 277px); }
  .specialist-curriculum-balloon { margin: 0 0 clamp(calc(64px * 0.6), calc(64 / 1440 * 100vw), 64px) clamp(calc(41px * 0.6), calc(41 / 1440 * 100vw), 41px); width: clamp(calc(322px * 0.6), calc(322 / 1440 * 100vw), 322px); height: clamp(calc(232px * 0.6), calc(232 / 1440 * 100vw), 232px); }
  .specialist-curriculum-balloon__info { left: clamp(calc(16px * 0.6), calc(16 / 1440 * 100vw), 16px); padding-top: clamp(calc(76px * 0.6), calc(76 / 1440 * 100vw), 76px); width: clamp(calc(298px * 0.6), calc(298 / 1440 * 100vw), 298px); }
  .specialist-curriculum-balloon__title { margin-bottom: clamp(-11px, calc(11 / 1440 * -100vw), calc(11px * -0.6)); font-size: clamp(calc(2rem * 0.6), calc(20 / 1440 * 100vw), 2rem); }
  .specialist-curriculum-balloon__text { font-size: clamp(calc(1.6rem * 0.6), calc(16 / 1440 * 100vw), 1.6rem); }
}

/* colorlist */
.specialist-colorlist { position: relative; margin: 58px -20px 0; padding: 48px 48px 88px; width: calc(100% + 40px); background-repeat: no-repeat; background-position: left top; background-size: cover; border-radius: 40px; }
.specialist-colorlist-photo,
.specialist-colorlist-pic { pointer-events: none; position: absolute; z-index: 1; }
.specialist-colorlist-frame { position: relative; margin: 0 auto; padding: 38px 0 80px; background-color: #fff; border-radius: 660px; }
.specialist-colorlist-content { position: relative; z-index: 2; }
.specialist-colorlist-title { margin: 0 auto 2px; max-width: 113px; }
.specialist-colorlist-catch { margin: 0 0 27px; text-align: center; font-size: 2.177rem; font-weight: 700; line-height: 1.71; }
.specialist-colorlist-catch > span { position: relative; margin: 0 2px 0 0; padding: 0 12px; color: #fff; z-index: 1; }
.specialist-colorlist-catch > span::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./_assets/img/specialist/colorlist/highlight1.png) no-repeat center center; background-size: 100% 100%; z-index: -1; }
.specialist-colorlist-text { text-align: center; font-size: 1.6rem; line-height: 1.6; }
.specialist-colorlist-text > p { margin: 0; }
.specialist-colorlist-text > p + p { margin-top: 1.6em; }
.specialist-colorlist-logo { margin: 59px auto 12px; max-width: 156px; }
.specialist-colorlist-subtitle { margin: 0 4px 9px; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1.71; }
.specialist-colorlist-subtext { margin: 0 17px; text-align: center; font-size: 1.6rem; line-height: 1.6; }
.specialist-colorlist-points { margin: 31px 25px 0; }
.specialist-colorlist-points__item { position: relative; }
.specialist-colorlist-points__item:not(:first-child) { margin-top: 34px; }
.specialist-colorlist-points__num { margin: 0; }
.specialist-colorlist-points__text { margin: 0; font-size: 1.536rem; font-weight: 700; line-height: 1.71; }
.specialist-colorlist-points__text .is-num { display: inline-block; margin: 0 4px; vertical-align: baseline; }
.specialist-colorlist-points__text .is-highlight { position: relative; display: inline-block; vertical-align: top; z-index: 1; }
.specialist-colorlist-points__text .is-highlight::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: -1; }
.specialist-colorlist-points__text .is-num.is-num-64 { width: 33px; }
.specialist-colorlist-points__text .is-highlight.is-highlight-1::after { background-image: url(./_assets/img/specialist/colorlist/point_highlight1.png); }
.specialist-colorlist-points__text .is-num.is-num-800 { width: 50px; }
.specialist-colorlist-points__text .is-f-min { font-size: 1.152rem; }
.specialist-colorlist-photo.is-photo-1 { top: -25px; left: -41px; width: 115px; }
.specialist-colorlist-photo.is-photo-2 { top: -14px; right: -31px; width: 93px; }
.specialist-colorlist-photo.is-photo-3 { top: 210px; left: -72px; width: 114px; }
.specialist-colorlist-photo.is-photo-4 { top: 478px; right: -79px; width: 108px; }
.specialist-colorlist-photo.is-photo-5 { top: 825px; left: -43px; width: 107px; }
.specialist-colorlist-photo.is-photo-6 { top: 970px; right: -63px; width: 110px; }
.specialist-colorlist-photo.is-photo-7 { top: 1119px; left: -68px; width: 130px; }
.specialist-colorlist-photo.is-photo-8 { bottom: 173px; right: -58px; width: 131px; }
.specialist-colorlist-photo.is-photo-9 { bottom: -49px; right: -23px; width: 141px; }
.specialist-colorlist-pic.is-pic-1 { top: -9px; right: 73px; width: 19px; }
.specialist-colorlist-pic.is-pic-2 { top: 242px; right: -29px; width: 58px; }
.specialist-colorlist-pic.is-pic-3 { top: 548px; left: 7px; width: 31px; }
.specialist-colorlist-pic.is-pic-4 { top: 562px; left: -31px; width: 64px; }
.specialist-colorlist-pic.is-pic-5 { top: 847px; left: -56px; width: 30px; }
.specialist-colorlist-pic.is-pic-6 { bottom: -1px; left: -19px; width: 33px; }
.specialist-colorlist-pic.is-pic-7 { bottom: -20px; left: 28px; width: 79px; }

.specialist-colorlist + .specialist-curriculum { padding-top: 25px; }

@media screen and (max-width: 768px) {
  .specialist-colorlist { background-image: url(./_assets/img/specialist/colorlist/bg1.png); }
  .specialist-colorlist-points__num { margin: 0 auto 5px; max-width: 93px; }
  .specialist-colorlist-points__text { text-align: center; }
}

@media screen and (min-width: 769px) {
  .specialist-colorlist { margin-top: 103px; padding: 110px 20px 192px; background-image: url(./_assets/img/specialist/colorlist/bg1-desktop.png); border-radius: 80px; }
  .specialist-colorlist-frame { padding: 85px 0 205px; max-width: 1256px; }
  .specialist-colorlist-title { margin-bottom: 22px; max-width: 218px; }
  .specialist-colorlist-catch { margin-bottom: 22px; font-size: 4.2rem; }
  .specialist-colorlist-catch > span { margin-right: 4px; padding: 0 25px; }
  .specialist-colorlist-text { font-size: 2rem; line-height: 2; }
  .specialist-colorlist-text > p + p { margin-top: 2em; }
  .specialist-colorlist-logo { margin: 131px auto 27px; max-width: 195px; }
  .specialist-colorlist-subtitle { margin: 0 20px 22px; font-size: 4.2rem; }
  .specialist-colorlist-subtext { margin: 0 20px; font-size: 2rem; line-height: 2; }
  .specialist-colorlist-points { margin: 51px auto 0; max-width: 617px; }
  .specialist-colorlist-points__item { display: flex; align-items: center; gap: 31px; }
  .specialist-colorlist-points__item:not(:first-child) { margin-top: 80px; }
  .specialist-colorlist-points__num { margin: 0; width: 116px; }
  .specialist-colorlist-points__text { width: calc(100% - (116px + 31px)); text-align: center; font-size: 3.2rem; }
  .specialist-colorlist-points__text .is-num { margin: 0 6px; }
  .specialist-colorlist-points__text .is-highlight::after { bottom: 3px; height: 17px; }
  .specialist-colorlist-points__text .is-num.is-num-64 { width: 69px; }
  .specialist-colorlist-points__text .is-num.is-num-800 { width: 100px; }
  .specialist-colorlist-points__text .is-f-min { font-size: 2.4rem; }
  .specialist-colorlist-photo.is-photo-1 { top: clamp(calc(25px * 0.6), calc(25 / 1600 * 100vw), 25px); left: clamp(-17px, calc(17 / 1600 * -100vw), calc(17px * -0.6)); width: clamp(calc(360px * 0.6), calc(360 / 1600 * 100vw), 360px); }
  .specialist-colorlist-photo.is-photo-2 { top: clamp(calc(84px * 0.6), calc(84 / 1600 * 100vw), 84px); right: clamp(calc(10px * 0.6), calc(10 / 1600 * 100vw), 10px); width: clamp(calc(290px * 0.6), calc(290 / 1600 * 100vw), 290px); }
  .specialist-colorlist-photo.is-photo-3 { top: clamp(calc(404px * 0.6), calc(404 / 1600 * 100vw), 404px); left: clamp(-51px, calc(51 / 1600 * -100vw), calc(51px * -0.6)); width: clamp(calc(339px * 0.6), calc(339 / 1600 * 100vw), 339px); }
  .specialist-colorlist-photo.is-photo-4 { top: clamp(calc(562px * 0.6), calc(562 / 1600 * 100vw), 562px); right: clamp(-94px, calc(94 / 1600 * -100vw), calc(94px * -0.6)); width: clamp(calc(322px * 0.6), calc(322 / 1600 * 100vw), 322px); }
  .specialist-colorlist-photo.is-photo-5 { top: clamp(calc(1067px * 0.6), calc(1067 / 1600 * 100vw), 1067px); left: clamp(-48px, calc(48 / 1600 * -100vw), calc(48px * -0.6)); width: clamp(calc(320px * 0.6), calc(320 / 1600 * 100vw), 320px); }
  .specialist-colorlist-photo.is-photo-6 { top: clamp(calc(1007px * 0.6), calc(1007 / 1600 * 100vw), 1007px); right: clamp(-27px, calc(27 / 1600 * -100vw), calc(27px * -0.6)); width: clamp(calc(327px * 0.6), calc(327 / 1600 * 100vw), 327px); }
  .specialist-colorlist-photo.is-photo-7 { top: auto; bottom: clamp(calc(219px * 0.6), calc(219 / 1600 * 100vw), 219px); left: clamp(-83px, calc(83 / 1600 * -100vw), calc(83px * -0.6)); width: clamp(calc(333px * 0.6), calc(333 / 1600 * 100vw), 333px); }
  .specialist-colorlist-photo.is-photo-8 { bottom: clamp(calc(308px * 0.6), calc(308 / 1600 * 100vw), 308px); right: clamp(-79px, calc(79 / 1600 * -100vw), calc(79px * -0.6)); width: clamp(calc(343px * 0.6), calc(343 / 1600 * 100vw), 343px); }
  .specialist-colorlist-photo.is-photo-9 { bottom: clamp(-121px, calc(121 / 1600 * -100vw), calc(121px * -0.6)); right: clamp(calc(140px * 0.6), calc(140 / 1600 * 100vw), 140px); width: clamp(calc(399px * 0.6), calc(399 / 1600 * 100vw), 399px); }
  .specialist-colorlist-pic.is-pic-1 { top: clamp(calc(101px * 0.6), calc(101 / 1600 * 100vw), 101px); right: clamp(calc(339px * 0.6), calc(339 / 1600 * 100vw), 339px); width: clamp(calc(58px * 0.6), calc(58 / 1600 * 100vw), 58px); }
  .specialist-colorlist-pic.is-pic-2 { top: clamp(calc(406px * 0.6), calc(406 / 1600 * 100vw), 406px); right: clamp(calc(150px * 0.6), calc(150 / 1600 * 100vw), 150px); width: clamp(calc(114px * 0.6), calc(114 / 1600 * 100vw), 114px); }
  .specialist-colorlist-pic.is-pic-3 { top: clamp(calc(807px * 0.6), calc(807 / 1600 * 100vw), 807px); left: clamp(calc(195px * 0.6), calc(195 / 1600 * 100vw), 195px); width: clamp(calc(93px * 0.6), calc(93 / 1600 * 100vw), 93px); }
  .specialist-colorlist-pic.is-pic-4 { top: clamp(calc(849px * 0.6), calc(849 / 1600 * 100vw), 849px); left: clamp(calc(81px * 0.6), calc(81 / 1600 * 100vw), 81px); width: clamp(calc(191px * 0.6), calc(191 / 1600 * 100vw), 191px); }
  .specialist-colorlist-pic.is-pic-5 { top: clamp(calc(1133px * 0.6), calc(1133 / 1600 * 100vw), 1133px); left: clamp(-88px, calc(88 / 1600 * -100vw), calc(88px * -0.6)); width: clamp(calc(90px * 0.6), calc(90 / 1600 * 100vw), 90px); }
  .specialist-colorlist-pic.is-pic-6 { bottom: clamp(calc(11px * 0.6), calc(11 / 1600 * 100vw), 11px); left: clamp(calc(199px * 0.6), calc(199 / 1600 * 100vw), 199px); width: clamp(calc(80px * 0.6), calc(80 / 1600 * 100vw), 80px); }
  .specialist-colorlist-pic.is-pic-7 { bottom: clamp(-34px, calc(34 / 1600 * -100vw), calc(34px * -0.6)); left: clamp(calc(315px * 0.6), calc(315 / 1600 * 100vw), 315px); width: clamp(calc(193px * 0.6), calc(193 / 1600 * 100vw), 193px); }

  .specialist-colorlist + .specialist-curriculum { padding-top: 62px; }
}

@media screen and (min-width: 1440px) and (max-width: 1600px) {
  .specialist-colorlist { margin-right: calc((1400px - 100vw) / 2); margin-left: calc((1400px - 100vw) / 2); width: 100vw; }
}

@media screen and (min-width: 1601px) {
  .specialist-colorlist { margin-right: -100px; margin-left: -100px; width: calc(100% + 200px); }
}

/* news
------------------------------------------------ */
/* common */
.body-news .page-above { background: linear-gradient(90deg, rgba(237, 231, 132, 0.25) 0%, rgba(137, 181, 170, 0.25) 100%); }

/* archive */
.news-archive { padding: 40px 0 110px; background-color: #fff; }
.news-archive .sort-tab { margin-bottom: 20px; }
.news-archive .lists-news-item > a:not(.post-edit-link) { padding: 20px 0; }
.news-archive .lists-news-item > a:not(.post-edit-link)::after { display: none; }
.news-archive .lists-news-title { line-height: 1.6; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .news-archive { padding: 77px 0 198px; }
  .news-archive > .l-wrap { max-width: 1164px; }
  .news-archive .sort-tab { margin-bottom: 30px; background-color: rgba(215, 215, 215, 0.1); }
  .news-archive .sort-tab-links { gap: 14px; grid-template-columns: repeat(4, calc((100% / 4) - (14px / (4 / 3)))); }
  .news-archive .lists-news { margin: 0 auto; max-width: 1072px; }
  .news-archive .lists-news-item > a:not(.post-edit-link) { padding: 40px 0; }
  .news-archive .lists-news-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; padding-top: 0; white-space: normal; }
}

/* detail */
.news-detail { position: relative; padding-bottom: 138px; background-color: #fff; }
.news-detail-above { margin-bottom: 59px; padding-top: calc(var(--header-height) + 19px); }
.news-detail-title { margin: 0; font-size: 2rem; font-weight: 700; line-height: 1.2; }
.news-detail-date { margin: 24px 0 36px; padding-bottom: 12px; border-bottom: 1px solid #ddd; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 900; letter-spacing: 0.65px; line-height: 0.975; color: #FF6500; }
.news-detail-content { word-break: break-all; font-size: 1.6rem; font-weight: 400; line-height: 1.6; }
.news-detail-content a { color: #00E; }
.news-detail-content p { margin: 0; }
.news-detail-content p + p { margin-top: 1.6em; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .news-detail { padding-bottom: 198px; }
  .news-detail-above { margin-bottom: 106px; padding-top: calc(var(--header-height-desktop) + 24px); }
  .news-detail-article > .l-wrap { max-width: 800px; }
  .news-detail-title { font-size: 3.6rem; line-height: 1.1; }
  .news-detail-date { margin: 20px 0 34px; padding-bottom: 12px; font-size: 1.6rem; font-weight: 500; }
  .news-detail-content { font-size: 2rem; }
}

/* guideline
------------------------------------------------ */
/* common */
.body-guideline .l-main { background-color: #FAF0E1; }
.body-guideline .topicpath { margin-bottom: 56px; padding-top: calc(var(--header-height) + 19px); }

@media screen and (min-width: 769px) {
  .body-guideline .topicpath { margin-bottom: 106px; padding-top: calc(var(--header-height-desktop) + 24px); }
}

/* detail */
.guideline-detail { position: relative; padding-bottom: 100px; }
.guideline-detail .title-3 { margin-bottom: 71px; }
.guideline-detail-lead { margin: 0; font-size: 1.6rem; line-height: 1.6; }
.guideline-detail-content { margin-top: 50px; font-size: 1.6rem; line-height: 1.6; }
.guideline-detail-content p { margin: 0; }
.guideline-detail-content p + p { margin-top: 1.6em; }
.guideline-detail-content a:not(.is-not-color) { color: #000; }
.guideline-detail-content h2.wp-block-heading { margin: 0 0 10px; text-align: center; font-size: 2.4rem; font-weight: 700; line-height: 2.125; }
.guideline-detail-content h2.wp-block-heading:not(:first-child) { margin-top: 70px; }
.guideline-target-block { position: relative; background-color: #fff; border-radius: 20px; }
.guideline-target-block + .guideline-target-block { margin-top: 10px; }
.guideline-target-block__title { margin: 0; font-size: 1.6rem; font-weight: 700; line-height: 1.6; }
.guideline-target-block__title > button { display: block; position: relative; padding: 27px 24px; width: 100%; }
.guideline-target-block__title > button i { position: absolute; top: 32px; left: 24px; width: 16px; height: 16px; }
.guideline-target-block__title > button span { display: block; padding: 0 20px 0 28px; text-decoration: underline; }
.guideline-target-block__title > button::before,
.guideline-target-block__title > button::after { content: ''; position: absolute; top: 50%; right: 24px; transition: transform 0.4s ease; width: 15px; height: 2px; background-color: #000; border-radius: 4px; }
.guideline-target-block__title > button::before { transform: translateY(-50%); }
.guideline-target-block__title > button::after { transform: translateY(-50%) rotate(90deg); }
.guideline-target-block__title > button[aria-expanded=true]::after { transform: translateY(-50%) rotate(0); }
.guideline-target-block__content { display: none; position: relative; padding: 0 24px 22px; }
.guideline-target-box { display: flex; margin: 0; font-size: 1.4rem; line-height: 1.6; }
.guideline-target-box + .guideline-target-box { margin-top: 1.6em; }
.guideline-target-box__title { padding-right: 6px; width: 119px; font-size: 1.4rem; line-height: 1.6; }
.guideline-target-box__text { margin: 0; width: calc(100% - 119px); font-size: 1.4rem; line-height: 1.6; }
.guideline-schedule { position: relative; background-color: rgba(255, 255, 255, 0.4); border-radius: 30px; }
.guideline-schedule-above { display: flex; justify-content: center; align-items: center; gap: 9px; position: relative; margin-bottom: 40px; }
.guideline-schedule-title { margin: 0; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; }
.guideline-schedule-above__pic { width: 65px; }
.guideline-schedule .sort-tab { margin-bottom: 40px; }
.guideline-schedule-tab__target { display: none; position: relative; }
.guideline-flow-block { position: relative; padding: 20px 30px 20px 22px; background-color: #fff; border-radius: 20px 0 0 20px; }
.guideline-flow-block + .guideline-flow-block { margin-top: 58px; }
.guideline-flow-block + .guideline-flow-block::before { content: ''; position: absolute; top: -35px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border: 12px solid transparent; border-top: 15px solid #F9BC45; border-bottom: none; }
.guideline-flow-block__num { position: absolute; top: -31px; left: -31px; padding-top: 16px; width: 62px; height: 62px; background: url(./_assets/img/guideline/step_bg1.png) no-repeat center center; background-size: 100%; }
.guideline-flow-block__num > span { display: block; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 1; color: #fff; }
.guideline-flow-block__num > span.is-step { margin-bottom: 1px; font-size: 0.984rem; letter-spacing: -3%; }
.guideline-flow-block__num > span.is-num { font-size: 2.187rem; letter-spacing: 1%; }
.guideline-flow-block__title { margin: 0; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.6; color: #F9BC45; }

@media screen and (max-width: 768px) {
  .guideline-detail > .l-wrap { padding: 0 20px; }
  .guideline-schedule { margin: 118px -20px 0; padding: 42px 35px; width: calc(100% + 40px); }
  .guideline-flow-block { margin-right: -35px; width: calc(100% + 35px); }
}

@media screen and (min-width: 769px) {
  .guideline-detail { padding-bottom: 185px; }
  .guideline-detail .title-3 { margin-bottom: 70px; }
  .guideline-detail-lead { margin: 0 auto; max-width: 600px; text-align: center; font-size: 2rem; line-height: 2; }
  .guideline-detail-content { margin-top: 66px; font-size: 2rem; line-height: 2; }
  .guideline-detail-content p + p { margin-top: 2em; }
  .guideline-detail-content h2.wp-block-heading { margin-bottom: 20px; font-size: 3rem; line-height: 1.7; }
  .guideline-detail-content .btn-1 > a,
  .guideline-detail-content .btn-1 > button,
  .guideline-detail-content .btn-entry > a,
  .guideline-detail-content .btn-entry > button { width: 348px; height: 65px; }
  .guideline-detail-content .btn-1.is-w-l > a,
  .guideline-detail-content .btn-1.is-w-l > button,
  .guideline-detail-content .btn-entry.is-w-l > a,
  .guideline-detail-content .btn-entry.is-w-l > button { width: 100%; }
  .guideline-target-block { margin: 0 auto; max-width: 1162px; }
  .guideline-target-block + .guideline-target-block { margin-top: 10px; }
  .guideline-target-block__title { font-size: 2.2rem; }
  .guideline-target-block__title > button { padding: 28px 47px; }
  .guideline-target-block__title > button i { top: 38px; left: 47px; width: 16px; height: 16px; }
  .guideline-target-block__title > button span { padding: 0 56px 0 28px; }
  .guideline-target-block__title > button::before,
  .guideline-target-block__title > button::after { right: 64px; width: 21px; }
  .guideline-target-block__content { padding: 0 45px 45px; }
  .guideline-target-box { padding: 14px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
  .guideline-target-box + .guideline-target-box { margin-top: 0; }
  .guideline-target-box__title { padding: 0 20px; width: 213px; font-size: 2rem; line-height: 2; }
  .guideline-target-box__text { width: calc(100% - 213px); font-size: 2rem; line-height: 2; }
  .guideline-schedule { margin-top: 122px; padding: 69px 100px 83px 215px; border-radius: 80px; }
  .guideline-schedule-above { gap: 24px; margin-bottom: 51px; }
  .guideline-schedule-title { font-size: 4.8rem; }
  .guideline-schedule-above__pic { width: 117px; }
  .guideline-schedule .sort-tab { margin-bottom: 40px; }
  .guideline-schedule .sort-tab-links { gap: 12px; grid-template-columns: repeat(4, calc((100% / 4) - (12px / (4 / 3)))); }
  .guideline-flow-block { padding: 45px 110px; min-height: 280px; border-radius: 30px; }
  .guideline-flow-block + .guideline-flow-block { margin-top: 77px; }
  .guideline-flow-block + .guideline-flow-block::before { top: -47px; border-top-width: 25px; border-right-width: 18px; border-left-width: 18px; }
  .guideline-flow-block__num { top: 58px; left: -114px; padding-top: 42px; width: 158px; height: 158px; }
  .guideline-flow-block__num > span.is-step { margin-bottom: 3px; font-size: 2.508rem; }
  .guideline-flow-block__num > span.is-num { font-size: 5.573rem; }
  .guideline-flow-block__title { font-size: 2.735rem; }
}

/* footer
------------------------------------------------ */
.l-ft { position: relative; z-index: 2; }
.l-ft-above { position: relative; padding: 72px 0 41px; }
.l-ft-contact { margin: 0; }
.l-ft-contact__title__ja { margin: 0; font-size: 1.6rem; line-height: 1; }
.l-ft-contact__title__en { margin: 19px 0 0; font-family: 'Poppins', sans-serif; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
.l-ft-contact__tel { margin: 0; }
.l-ft-contact__tel__title { margin-bottom: 16px; font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
.l-ft-contact__tel__content { margin: 0; }
.l-ft-contact__tel__num { margin: 0; font-family: 'Poppins', sans-serif; font-size: 3rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
.l-ft-contact__tel__num > a { display: inline-block; text-decoration: none; vertical-align: top; color: #000; }
.l-ft-contact__tel__hours { margin: 11px 0 0; font-size: 1.6rem; line-height: 1; }
.l-ft-contact__line { margin: 0; }
.l-ft-contact__line__title { margin-bottom: 36px; font-size: 1.6rem; font-weight: 700; line-height: 1; }
.l-ft-contact__line__content { display: grid; gap: 22px; grid-template-columns: repeat(2, 56px); margin: 0; }
.l-ft-contact__line__link { margin: 0; }
.l-ft-contact__line__link > a { display: inline-block; vertical-align: top; }
.l-ft-contact__line__qr { margin: 0; }
.l-ft-below { position: relative; padding: 40px 30px 92px; border-top: 1px solid rgb(0, 0, 0, 0.15); }
.l-ft-links__item { font-size: 1.5rem; line-height: 2.4; }
.l-ft-links__item > a,
.l-ft-links__item > button { display: inline-block; position: relative; vertical-align: top; color: #000; }
.l-ft-links__item > a { text-decoration: none; }
.l-ft-links__item > a[target=_blank] { display: inline-flex; align-items: flex-start; gap: 6px; }
.l-ft-links__item > a[target=_blank]::after { content: ''; margin-top: 14px; width: 12px; height: 12px; background: url(./_assets/img/icon/external1.svg) no-repeat center center; background-size: 100% 100%; }
.l-ft-links__item > button { width: 100%; }
.l-ft-sublinks { display: none; }
.l-ft-sublinks__item { font-size: 1.5rem; line-height: 2.4; }
.l-ft-sublinks__item > a { display: inline-block; position: relative; padding-left: 1em; text-decoration: none; vertical-align: top; color: #000; }
.l-ft-sublinks__item > a::before { content: '-'; position: absolute; top: 0; left: 0; }
.l-ft-sns { display: flex; }
.l-ft-sns__item { position: relative; width: 24px; height: 24px; }
.l-ft-sns__item:not(:last-child) { margin-right: 22px; }
.l-ft-sns__item > a { display: block; width: 100%; height: 100%; }
.l-ft-sns__item.is-instagram { margin-right: 30px; width: auto; }
.l-ft-sns__item.is-instagram > button { position: relative; padding: 0 18px 0 34px; height: 100%; font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1; color: #000; }
.l-ft-sns__item.is-instagram > button::before,
.l-ft-sns__item.is-instagram > button::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.l-ft-sns__item.is-instagram > button::before { left: 0; width: 25px; height: 25px; background-image: url(./_assets/img/icon/sns_instagram1.svg); }
.l-ft-sns__item.is-instagram > button::after { right: 0; transition: transform 0.4s ease; width: 10px; height: 6px; background-image: url(./_assets/img/icon/arrow1_down.svg); }
.l-ft-sns__item.is-instagram > button[aria-expanded=true]::after { transform: translateY(-50%) rotate(180deg); }
.l-ft-sns__instagram { pointer-events: none; position: absolute; bottom: 42px; left: 0; transition: opacity 0.4s ease; opacity: 0; }
.l-ft-sns__instagram[aria-hidden=false] { pointer-events: all; opacity: 1; }
.l-ft-sns__instagram__links { position: relative; padding: 23px 26px; background-color: #fff; border: 1px solid rgb(0, 0, 0, 0.13); border-radius: 20px; }
.l-ft-sns__instagram__links::after { content: ''; position: absolute; bottom: -10px; left: 56px; transform: rotate(180deg); width: 36px; height: 10px; background-repeat: no-repeat; background-position: left top; background-size: 100%; }
.l-ft-sns__instagram__links__item { white-space: nowrap; font-size: 1.5rem; font-weight: 400; line-height: 2.16; }
.l-ft-sns__instagram__links__item > a { display: inline-block; text-decoration: none; vertical-align: top; color: #000; }
.l-ft-sns__instagram__close { position: absolute; top: -10px; right: -10px; width: 36px; height: 36px; background-color: #000; border-radius: 50%; }
.l-ft-sns__instagram__close::before,
.l-ft-sns__instagram__close::after { content: ''; position: absolute; top: 50%; left: 12px; width: 13.15px; height: 2px; background-color: #fff; border-radius: 20px; }
.l-ft-sns__instagram__close::before { transform: translateY(-50%) rotate(45deg); }
.l-ft-sns__instagram__close::after { transform: translateY(-50%) rotate(-45deg); }
.l-ft-copyright { margin: 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1; }
.l-ft-copyright > small { font-size: inherit; }

@media screen and (max-width: 768px) {
  .l-ft > .l-wrap { padding: 0; }
  .l-ft-contact__title__ja,
  .l-ft-contact__title__en { text-align: center; }
  .l-ft-contact__tel { margin-top: 51px; }
  .l-ft-contact__tel__title,
  .l-ft-contact__tel__content { text-align: center; }
  .l-ft-contact__line { margin-top: 50px; }
  .l-ft-contact__line__title { text-align: center; }
  .l-ft-contact__line__content { justify-content: center; }
  .l-ft-links__item > button::before,
  .l-ft-links__item > button::after { content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 14px; height: 2px; background-color: #000; }
  .l-ft-links__item > button::before { transform: translateY(-50%); }
  .l-ft-links__item > button::after { transition: transform 0.4s ease; transform: translateY(-50%) rotate(90deg); }
  .l-ft-links__item > button[aria-expanded=true]::after { transform: translateY(-50%) rotate(0); }
  .l-ft-sns__instagram__links::after { background-image: url(./_assets/img/share/balloon1.svg); }
  .l-ft-sns { margin-top: 30px; }
  .l-ft-copyright { margin-top: 64px; }
}

@media screen and (min-width: 769px) {
  .l-ft-above { padding: 120px 0 110px; }
  .l-ft-contact { display: flex; flex-wrap: wrap; justify-content: flex-end; row-gap: 40px; column-gap: 110px; }
  .l-ft-contact__title { margin-right: auto; }
  .l-ft-contact__title__ja { font-size: 2rem; }
  .l-ft-contact__title__en { margin-top: 27px; font-size: 6rem; }
  .l-ft-contact__tel__title { margin-bottom: 28px; font-size: 2.2rem; }
  .l-ft-contact__tel__num { font-size: 4.2rem; }
  .l-ft-contact__tel__hours { margin-top: 18px; font-size: 2rem; }
  .l-ft-contact__line__title { margin-bottom: 32px; font-size: 2.2rem; }
  .l-ft-contact__line__content { gap: 30px; grid-template-columns: repeat(2, 80px); }
  .l-ft-below { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 40px; padding: 60px 0 97px; }
  .l-ft-columnlinks { display: flex; column-gap: 50px; }
  .l-ft-links__item { font-size: 1.8rem; line-height: 2.4; }
  .l-ft-links__item > button { pointer-events: none; }
  .l-ft-links__item > a[target=_blank] { gap: 22px; }
  .l-ft-links__item > a[target=_blank]::after { margin-top: 16px; width: 15px; height: 15px; }
  .l-ft-sublinks { display: block !important; }
  .l-ft-sublinks__item { font-size: 1.8rem; line-height: 2.4; }
  .l-ft-sns__item { width: 30px; height: 30px; }
  .l-ft-sns__item:not(:last-child) { margin-right: 28px; }
  .l-ft-sns__item.is-instagram { margin-right: 38px; }
  .l-ft-sns__item.is-instagram > button { padding: 0 21px 0 43px; font-size: 1.6rem; }
  .l-ft-sns__item.is-instagram > button::before { width: 30px; height: 30px; }
  .l-ft-sns__item.is-instagram > button::after { width: 12px; height: 7px; }
  .l-ft-sns__instagram { bottom: 58px; left: 50%; transform: translateX(-50%); }
  .l-ft-sns__instagram__links { padding: 32px 41px; }
  .l-ft-sns__instagram__links::after { bottom: -12px; left: 50%; transform: translateX(-50%) rotate(180deg); width: 42px; height: 12px; background-image: url(./_assets/img/share/balloon1-desktop.svg); }
  .l-ft-sns__instagram__links__item { font-size: 1.8rem; line-height: 1.9; }
  .l-ft-sns__instagram__close { display: none; }
  .l-ft-copyright { position: absolute; bottom: 97px; right: 0; text-align: right; font-size: 1.6rem; }
}

@media screen and (min-width: 769px) and (max-width: 1412px) {
  .l-ft-sns__instagram { left: 0; transform: translateX(0); }
  .l-ft-sns__instagram__links::after { left: 60px; transform: rotate(180deg) }
}