/*
Theme Name: 美容室カキモトアームズ
Theme URI: https://kakimoto-arms.com/
Author: 美容室カキモトアームズ
Author URI: https://kakimoto-arms.com/
Description: 美容室カキモトアームズ
*/

html {
  scroll-padding-top: 62px;
  font-size: 62.5%;
}

@media screen and (min-width: 769px) {
  html { scroll-padding-top: 86px; }
}

body {
  width: 100%;
  height: 100%;
  background-color: var(--body-bgcolor);
  -webkit-text-size-adjust: 100%;
  font-family: '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: 400;
  color: #333;
}

*,
*: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-CormorantSC { font-family: 'Cormorant SC', serif; font-weight: 500; }
.u-f-Cormorant { font-family: 'Cormorant', serif; font-weight: 500; }
.u-f-Figtree { font-family: 'Figtree', sans-serif; font-weight: 400; }
.u-f-Dynalight { font-family: 'Dynalight', cursive; font-weight: 400; }
.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-r-input { -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; }
.u-r-select { -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; }
.u-object-fit { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }

.u-lazy { transition: opacity 0.8s cubic-bezier(0.6,0,0.3,1), transform 0.8s cubic-bezier(0.6,0,0.3,1); opacity: 0; }
.u-lazy-done { opacity: 1; }
.u-lazy-up { transform: translateY(28px); }
.u-lazy-up.u-lazy-done { transform: translateY(0); }

@media screen and (max-width: 768px) {
  .u-d-mobile { display: inherit !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; }
}

/* container
------------------------------------------------ */
.l-container { position: relative; }
.l-wrap { position: relative; }
.l-main { position: relative; }

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

/* component
------------------------------------------------ */
/* topicpath */
.topicpath { position: absolute; bottom: calc(14.9333333333vw + 10px); left: 0; width: 100%; background-color: #fff; }
.topicpath-lists { display: flex; gap: 6px; }
.topicpath-lists-item { white-space: nowrap; font-size: 1rem; line-height: 1.3; }
.topicpath-lists-item > a { display: inline-flex; align-items: center; gap: 6px; position: relative; vertical-align: top; color: #333; } 
.topicpath-lists-item > a::after { content: ''; width: 4px; height: 7px; background: url(./_assets/img/icon/arrow3.svg) no-repeat center center; background-size: 100%; }
.topicpath-lists-item:last-child { text-overflow: ellipsis; overflow: hidden; }

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

@media screen and (min-width: 769px) {
  .topicpath { bottom: calc(80px + 20px); }
  .topicpath-lists { gap: 12px; }
  .topicpath-lists-item { font-size: 1.3rem; line-height: 1; }
  .topicpath-lists-item > a { gap: 12px; }
  .topicpath-lists-item > a::after { width: 5px; height: 9px; }
}

/* link */
.link-skipcontent { position: absolute; margin: -1px; width: 1px; height: 1px; overflow: hidden; }
.link-1 { margin: 0; font-family: 'Figtree', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1; }
.link-1 > a { display: inline-block; position: relative; vertical-align: top; color: #333; }
.link-1 > a[target=_blank] { padding-right: 18px; }
.link-1 > a[target=_blank]::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/external1-gray.svg) no-repeat center center; background-size: 100%; }

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

@media screen and (min-width: 769px) {
  .link-1 { font-size: 1.4rem; line-height: 1.14285714286; }
  .link-1 > a[target=_blank] { padding-right: 20px; }
}

/* btn */
.btn-1 { position: relative; margin: 0; font-family: 'Figtree', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.33333333333; }
.btn-1 > a,
.btn-1 > button,
.btn-1 > span { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 126px; height: 44px; border: 1px solid #000; border-radius: 40px; vertical-align: top; color: #333; }
.btn-1 > a { text-decoration: none; }
.btn-1 > a[target=_blank]::after { content: ''; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/external1.svg) no-repeat center center; background-size: 100%; }
.btn-1.is-orange > a,
.btn-1.is-orange > button,
.btn-1.is-orange > span { background-color: #FF6500; border-color: #FF6500; color: #fff; }
.btn-1.is-orange > a[target=_blank]::after { background-image: url(./_assets/img/icon/external1-white.svg); }
.btns-1 { display: grid; }

.u-device-click .btn-1:not(.is-orange) > a,
.u-device-click .btn-1:not(.is-orange) > button { transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease; }
.u-device-click .btn-1:not(.is-orange) > a:hover,
.u-device-click .btn-1:not(.is-orange) > button:hover { background-color: #444; border-color: #444; color: #fff; }
.u-device-click .btn-1:not(.is-orange) > a[target=_blank]:hover::after { background-image: url(./_assets/img/icon/external1-white.svg); }

@media screen and (max-width: 768px) {
  .btns-1 { gap: 20px; }
  .btns-1-item > a,
  .btns-1-item > button { width: 100%; }
}

@media screen and (min-width: 769px) {
  .btn-1 { font-size: 1.4rem; line-height: 1.14285714286; }
  .btn-1 > a,
  .btn-1 > button,
  .btn-1 > span { width: 154px; height: 52px; }
  .btns-1 { display: flex; justify-content: center; gap: 16px; }
  .btns-1-item > a,
  .btns-1-item > button { width: 250px; }
}

/* title */
.title-1 { position: relative; margin: 0 0 22px; word-break: break-all; font-family: 'Cormorant SC', serif; font-size: 5rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.88; }
.title-1-line { display: flex; flex-wrap: wrap; position: relative; transition: transform 0.6s ease, opacity 1s ease; transform: translateY(60px); margin: 0; opacity: 0; overflow: hidden; }
.title-1-line > span { display: inline-block; transition: transform 0.2s ease; transform: translateY(100%); vertical-align: top; }
.title-1.is-s-min { font-size: 4rem; line-height: 1.1; }
.title-1.is-active .title-1-line { transform: translateY(0); opacity: 1; }
.title-1.is-active .title-1-line > span { transform: translateY(0); opacity: 1; }
.title-2 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; padding-bottom: 8px; border-bottom: 1px solid #444; }
.title-2-en { margin: 0; font-family: 'Cormorant SC', serif; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.2; }
.title-2-ja { margin: 0; font-size: 1.4rem; font-weight: 400; line-height: 1.8571428571; }

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

@media screen and (min-width: 769px) {
  .title-1 { margin-bottom: 36px; font-size: 10rem; letter-spacing: -0.03em; line-height: 0.9; }
  .title-1-line { transform: translateY(80px); }
  .title-1.is-s-min { font-size: 8rem; line-height: 1.125; }
  .title-2 { align-items: center; gap: 27px; padding-bottom: 12px; }
  .title-2-en { font-size: 4rem; }
  .title-2-ja { font-size: 2rem; line-height: 1.3; }
}

/* tags */
.tags-1 { display: flex; gap: 5px; margin-bottom: 40px; }
.tags-1 > a,
.tags-1 > button { padding: 10px 15px 11px; background-color: #fff; border-radius: 60px; font-family: 'Figtree', sans-serif; white-space: nowrap; font-size: 1.2rem; line-height: 1; color: #333; }
.tags-1 > a { text-decoration: none; }
.tags-1 > a.is-active,
.tags-1 > button.is-active { background-color: #444; color: #fff; }
.tags-1-target { display: none; }
.tags-2 > a,
.tags-2 > button { padding: 8px 10px; background-color: #fff; border-radius: 60px; font-size: 1.4rem; line-height: 1.1428571428; color: #333; }
.tags-2 > a { text-decoration: none; }
.tags-2 > a.is-active,
.tags-2 > button.is-active { background-color: #444; color: #fff; }

@media screen and (max-width: 768px) {
  .tags-1 { padding: 0 20px; overflow-x: auto; }
  .tags-2 { display: grid; row-gap: 16px; column-gap: 15px; grid-template-columns: repeat(2,calc(50% - (15px / 2))); }
  .tags-2 > a,
  .tags-2 > button { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 48px; text-align: center; }
}

@media screen and (min-width: 769px) {
  .tags-1 { flex-wrap: wrap; row-gap: 15px; column-gap: 10px; margin-bottom: 100px; }
  .tags-1 > a,
  .tags-1 > button { padding: 11px 15px; font-size: 1.5rem; }
  .tags-1 > a.is-active,
  .tags-1 > button.is-active { font-weight: 700; }
  .tags-2 { display: flex; flex-wrap: wrap; row-gap: 15px; column-gap: 12px; }
  .tags-2 > a,
  .tags-2 > button { padding: 18px 25px; white-space: nowrap; font-size: 1.5rem; line-height: 1; }
  .tags-2 > a.is-active,
  .tags-2 > button.is-active { font-weight: 700; }
}

/* filter */
.filter-1-box { margin: 0; }
.filter-1-box:not(:first-child) { margin-top: 30px; }
.filter-1-box__title { margin-bottom: 16px; font-size: 1.8rem; font-weight: 700; line-height: 0.8888888888; }
.filter-1-box__content,
.filter-1-box__select { margin: 0; }
.filter-1-box__select select { display: block; padding: 0 16px; width: 100%; height: 47px; border: 1px solid #000; background: url(./_assets/img/icon/select_arrow1.svg) no-repeat right 16px center; background-size: 12px; border-radius: 40px; text-align: center; font-size: 1.4rem; line-height: 1.1428571428; }

@media screen and (min-width: 769px) {
  .filter-1-box:not(:first-child) { margin-top: 47px; }
  .filter-1-box__title { margin-bottom: 27px; font-size: 2rem; line-height: 0.8; }
  .filter-1-box__select select { width: 393px; height: 50px; background-position: right 20px center; background-size: 12px; font-size: 1.8rem; }

  .filter-1-box.is-multi { display: flex; align-items: center; }
  .filter-1-box.is-multi .filter-1-box__title { margin: 0 25px 0 0; }
}

/* lists */
.lists-salon-item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.lists-salon-item > a:not(.post-edit-link) { display: block; position: relative; text-decoration: none; color: #333; }
.lists-salon-photo { position: relative; aspect-ratio: 1 / 1.25833333333; margin-bottom: 16px; width: 100%; height: 100%; overflow: hidden; }
.lists-salon-name__ja { margin: 0; font-size: 1.1rem; font-weight: 400; line-height: 1.27272727273; }
.lists-salon-name__en { margin: 11px 0 0; font-family: 'Cormorant SC', serif; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.03em; line-height: 0.77272727272; }
.lists-salon-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 17px; }
.lists-salon-tags > span { padding: 4px 10px; border: 1px solid rgba(0,0,0,0.2); border-radius: 20px; font-size: 0.9rem; line-height: 1.33333333333; }
.lists-salon-tags > span.is-disabled { color: rgba(51,51,51,0.35); }
.lists-salon2-item { position: relative; }
.lists-salon2-item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.lists-salon2-photo { position: relative; margin-bottom: 26px; width: 100%; }
.lists-salon2-photo > a { display: block; position: relative; aspect-ratio: 1 / 0.7733333333; width: 100%; height: 100%; overflow: hidden; }
.lists-salon2-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 20px; }
.lists-salon2-tags > span { padding: 6px 12px 5px; border: 1px solid rgba(0,0,0,0.2); border-radius: 20px; font-size: 1.1rem; line-height: 1.2909090909; }
.lists-salon2-tags > span.is-disabled { color: rgba(0,0,0,0.35); }
.lists-salon2-title { margin: 0 0 16px; font-size: 1.8rem; font-weight: 400; line-height: 0.8888888888; }
.lists-salon2-title > a { display: inline-block; text-decoration: none; vertical-align: top; color: #333; }
.lists-salon2-address { margin: 0; font-size: 1.3rem; line-height: 1.7692307692; }
.lists-salon2-contact { display: flex; flex-wrap: wrap; }
.lists-salon2-tel { margin: 0; font-size: 1.3rem; line-height: 1.7692307692; }
.lists-salon2-tel > a { display: inline-block; vertical-align: top; color: #333; }
.lists-salon2-sns { display: flex; flex-wrap: wrap; }
.lists-salon2-sns__item { font-size: 1.3rem; line-height: 1.7692307692; }
.lists-salon2-tel + .lists-salon2-sns .lists-salon2-sns__item:first-child::before,
.lists-salon2-sns__item:not(:first-child)::before { content: ','; padding: 0 0.2em; }
.lists-salon2-sns__item > a { display: inline-flex; align-items: flex-start; vertical-align: top; color: #333; }
.lists-salon2-sns__item > a::before { content: ''; margin-right: 4px; background-repeat: no-repeat; background-position: center center; background-size: 100%; }
.lists-salon2-sns__item.is-instagram > a::before { margin-top: 5px; width: 13px; height: 13px; background-image: url(./_assets/img/icon/sns_instagram1.svg); }
.lists-salon2-info .btn-1 { margin-top: 18px; }
.lists-salon2-info .btn-1 > a { width: 100%; }
.lists-salon3-item { position: relative; }
.lists-salon3-item > a:not(.post-edit-link) { display: block; position: relative; width: 100%; text-decoration: none; color: #333; }
.lists-salon3-item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.lists-salon3-photo { position: relative; aspect-ratio: 1 / 0.775; margin-bottom: 12px; overflow: hidden; }
.lists-salon3-title { margin: 0; text-align: center; font-size: 1.4rem; font-weight: 400; line-height: 1.1428571428; }
.lists-staff-item { position: relative; }
.lists-staff-item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.lists-staff-item > a:not(.post-edit-link) { display: block; text-decoration: none; color: #333; }
.lists-staff-photo { position: relative; aspect-ratio: 1 / 1.25; margin-bottom: 9px; width: 100%; height: 100%; overflow: hidden; }
.lists-staff-salon { display: flex; flex-wrap: wrap; margin: 0 0 9px; gap: 10px; font-size: 1rem; line-height: 1.2; }
.lists-staff-salon > span { display: inline-block; padding: 5px 15px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60px; vertical-align: top; }
.lists-staff-work { margin: 0; font-size: 1.1rem; line-height: 1.1818181818; }
.lists-staff-name { margin-top: 7px; }
.lists-staff-name__ja { margin: 0; font-size: 1.4rem; font-weight: 400; line-height: 1.2857142857; }
.lists-staff-name__en { margin: 7px 0 0; font-size: 1rem; line-height: 1.2; opacity: 0.5; }
.lists-staff-review { display: flex; gap: 3px; }
.lists-staff-review > i { width: 13px; height: 13px; }
.lists-staff-review > i svg { width: 100%; height: 100%; }
.lists-blog-item:not(:first-child) { margin-top: 20px; }
.lists-blog-item > a { display: grid; grid-template-columns: 90px calc(100% - 90px); position: relative; text-decoration: none; }
.lists-blog-item > a::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 34px; height: 34px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center rgba(0,0,0,0.05); background-size: 8px; border-radius: 50%; }
.lists-blog-photo { position: relative; min-height: 90px; overflow: hidden; }
.lists-blog-photo img { position: absolute; top: 0; left: 0; }
.lists-blog-info { padding: 18px 60px 18px 22px; width: 100%; border: 1px solid rgba(0,0,0,0.15); }
.lists-blog-photo + .lists-blog-info { border-left: none; }
.lists-blog-date { margin: 0 0 4px; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.45454545455; color: rgba(0,0,0,0.5); }
.lists-blog-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; margin: 0; font-size: 1.3rem; font-weight: 400; line-height: 1.38461538462; -webkit-line-clamp: 2; line-clamp: 2; color: #333; overflow: hidden; }
.lists-blog2-item > a { display: block; width: 100%; text-decoration: none; }
.lists-blog2-photo { position: relative; aspect-ratio: 1 / 1; margin-bottom: 17px; width: 100%; height: 100%; overflow: hidden; }
.lists-blog2-photo img { position: absolute; top: 0; left: 0; }
.lists-blog2-date { margin: 0 0 7px; font-family: 'Figtree', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1; color: rgba(0,0,0,0.5); }
.lists-blog2-title { margin: 0; font-size: 1.3rem; font-weight: 400; line-height: 1.5384615384; color: #333; }
.lists-news-item { position: relative; border-bottom: 1px solid rgba(0,0,0,0.2); }
.lists-news-item .post-edit-link { position: absolute; top: 0; right: 0; z-index: 2; }
.lists-news-item > a:not(.post-edit-link) { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0; text-decoration: none;}
.lists-news-item:first-child > a:not(.post-edit-link) { padding-top: 0; }
.lists-news-date { margin: 0; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.45454545455; color: rgba(0,0,0,0.5); }
.lists-news-categories { display: flex; gap: 10px; margin-left: 11px; }
.lists-news-categories > span { padding: 6px 12px 5px; border: 1px solid rgba(0,0,0,0.2); border-radius: 20px; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.2909090909; color: #333; }
.lists-news-title { margin: 5px 0 0; width: 100%; font-size: 1.3rem; font-weight: 400; line-height: 1.38461538462; color: #333; }
.lists-news-categories + .lists-news-title { margin-top: 9px; }
.lists-catalog-item { position: relative; }
.lists-catalog-item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.lists-catalog-item > a:not(.post-edit-link) { display: block; position: relative; width: 100%; text-decoration: none; color: #333; }
.lists-catalog-cat { margin-bottom: 3px; text-align: center; }
.lists-catalog-cat__en { margin: 0; word-wrap: break-word; font-family: 'Cormorant SC', serif; font-size: 3rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.2; }
.lists-catalog-cat__ja { margin: -5px 0 0; font-size: 1.1rem; line-height: 1.4545454545; }
.lists-catalog-photo { position: relative; aspect-ratio: 1 / 1.25; margin-bottom: 8px; width: 100%; height: 100%; overflow: hidden; }
.lists-catalog-salon { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin: 0 0 3px; text-align: center; font-size: 1rem; line-height: 1.2; }
.lists-catalog-salon > span { padding: 4px 10px; min-width: 60px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60px; }
.lists-catalog-title { margin: 0; text-align: center; font-size: 1.3rem; font-weight: 400; line-height: 1.7692307692; }

.u-device-click .lists-blog-item > a::after { transition: background 0.4s ease, color 0.4s ease; }
.u-device-click .lists-blog-item > a:hover::after { background-image: url(./_assets/img/icon/arrow1-white.svg); background-color: #444; border-color: #444; }

@media screen and (max-width: 768px) {
  .lists-salon2-info { padding: 0 20px; }
  .lists-salon2[data-column-mobile] { display: grid; }
  .lists-salon2[data-column-mobile='1'] { gap: 50px; }
  .lists-salon3[data-column-mobile] { display: grid; }
  .lists-salon3[data-column-mobile='2'] { row-gap: 15px; column-gap: 18px; grid-template-columns: repeat(2,calc(50% - (15px / 2))); }

  .lists-staff-review { margin-top: 11px; }
  .lists-staff[data-column-mobile] { display: grid; }
  .lists-staff[data-column-mobile='2'] { row-gap: 30px; column-gap: 15px; grid-template-columns: repeat(2,calc(50% - (15px / 2))); }

  .lists-blog2[data-column-mobile='1'] .lists-blog2-item:not(:first-child) { margin-top: 20px; }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-item > a { display: grid; grid-template-columns: 90px calc(100% - 90px); position: relative; text-decoration: none; }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-item > a::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 34px; height: 34px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center rgba(0,0,0,0.05); background-size: 8px; border-radius: 50%; }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-photo { position: relative; aspect-ratio: inherit; margin-bottom: 0; min-height: 90px; overflow: hidden; }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-info { padding: 18px 60px 18px 22px; width: 100%; border: 1px solid rgba(0,0,0,0.15); }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-photo + .lists-blog2-info { border-left: none; }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-date { margin: 0 0 4px; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.45454545455; color: rgba(0,0,0,0.5); }
  .lists-blog2[data-column-mobile='1'] .lists-blog2-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; margin: 0; font-size: 1.3rem; font-weight: 400; line-height: 1.38461538462; -webkit-line-clamp: 2; line-clamp: 2; color: #333; overflow: hidden; }

  .lists-catalog[data-column-mobile] { display: grid; }
  .lists-catalog[data-column-mobile='2'] { row-gap: 19px; column-gap: 11px; grid-template-columns: repeat(2,calc(50% - (11px / 2))); }
  .lists-catalog.is-content-center { display: flex; flex-wrap: wrap; justify-content: center; }
  .lists-catalog.is-content-center[data-column-mobile='2'] .lists-catalog-item { width: calc(50% - (11px / 2)); }
}

@media screen and (min-width: 769px) {
  .lists-salon-photo { margin-bottom: 30px; }
  .lists-salon-name__ja { font-size: 1.4rem; line-height: 1; }
  .lists-salon-name__en { margin-top: 18px; font-size: 3.2rem; line-height: 0.625; }
  .lists-salon-tags { gap: 6px; margin-top: 23px; }
  .lists-salon-tags > span { padding: 5px 15px 6px; font-size: 1.2rem; line-height: 1; }
  .lists-salon2-photo { margin-bottom: 30px; }
  .lists-salon2-tags { gap: 6px; margin-bottom: 23px; }
  .lists-salon2-tags > span { padding: 6px 15px 7px; font-size: 1.2rem; line-height: 1; }
  .lists-salon2-title { margin-bottom: 17px; font-size: 2rem; line-height: 1; }
  .lists-salon2-address { font-size: 1.4rem; line-height: 1.7142857142; }
  .lists-salon2-tel { font-size: 1.4rem; line-height: 1.7142857142; }
  .lists-salon2-sns__item { font-size: 1.4rem; line-height: 1.7142857142; }
  .lists-salon2-sns__item.is-instagram > a::before { margin-top: 6px; }
  .lists-salon2-info .btn-1 { margin-top: 24px; }
  .lists-salon2[data-column-desktop] { display: grid; }
  .lists-salon2[data-column-desktop='3'] { row-gap: 90px; column-gap: 30px; grid-template-columns: repeat(3,calc((100% / 3) - (30px / (3 / 2)))); }
  .lists-salon3-photo { margin-bottom: 9px; }
  .lists-salon3-title { font-size: 1.8rem; line-height: 1.8166666666; }
  .lists-salon3[data-column-desktop] { display: grid; }
  .lists-salon3[data-column-desktop='4'] { gap: 43px; grid-template-columns: repeat(4,calc((100% / 4) - (43px / (4 / 3)))); }
  .lists-staff-photo { margin-bottom: 16px; }
  .lists-staff-info { display: flex; flex-wrap: wrap; align-items: center; }
  .lists-staff-salon { order: 1; margin-bottom: 0; width: 60%; font-size: 1.2rem; line-height: 1; }
  .lists-staff-salon > span { padding: 6px 15px 7px; }
  .lists-staff-work { order: 3; width: 100%; font-size: 1.3rem; line-height: 1; }
  .lists-staff-salon + .lists-staff-work { margin-top: 12px; }
  .lists-staff-name { order: 4; margin-top: 15px; width: 100%; }
  .lists-staff-name__ja { font-size: 1.8rem; line-height: 1; }
  .lists-staff-name__en { margin-top: 10px; font-size: 1.2rem; line-height: 1; }
  .lists-staff-review { justify-content: flex-end; order: 2; gap: 6px; margin-left: auto; width: 40%; }
  .lists-staff-review > i { width: 17px; height: 17px; }
  .lists-staff[data-column-desktop] { display: grid; }
  .lists-staff[data-column-desktop='3'] { row-gap: 50px; column-gap: 31px; grid-template-columns: repeat(3,calc((100% / 3) - (31px / (3 / 2)))); }
  .lists-blog-item:not(:first-child) { margin-top: 30px; }
  .lists-blog-item > a { grid-template-columns: 143px calc(100% - 143px); }
  .lists-blog-item > a::after { right: 28px; width: 48px; height: 48px; background-size: 12px; }
  .lists-blog-photo { min-height: 143px; }
  .lists-blog-info { padding: 26px 104px 20px 42px; }
  .lists-blog-date { margin-bottom: 11px; font-size: 1.6rem; line-height: 1; }
  .lists-blog-title { font-size: 1.6rem; line-height: 1.875; }
  .lists-blog2-photo { margin-bottom: 30px; }
  .lists-blog2-date { font-size: 1.6rem; }
  .lists-blog2-title { font-size: 1.6rem; line-height: 1.875; }
  .lists-blog2[data-column-desktop] { display: grid; }
  .lists-blog2[data-column-desktop='3'] { row-gap: 50px; column-gap: 31px; grid-template-columns: repeat(3,calc((100% / 3) - (31px / (3 / 2)))); }
  .lists-blog2[data-column-desktop='3'] .notfound { grid-column: 1 / 4; }
  .lists-news-item > a:not(.post-edit-link) { padding: 33px 0 35px; }
  .lists-news-date { font-size: 1.6rem; line-height: 1; }
  .lists-news-categories { margin-left: 15px; }
  .lists-news-categories > span { padding: 6px 15px 7px; font-size: 1.2rem; line-height: 1; }
  .lists-news-title { margin-top: 11px; font-size: 1.6rem; line-height: 1.875; }
  .lists-news-categories + .lists-news-title { margin-top: 15px; }
  .lists-catalog-cat { margin-bottom: 9px; }
  .lists-catalog-cat__en { font-size: 3.6rem; }
  .lists-catalog-cat__ja { margin-top: -4px; font-size: 1.2rem; line-height: 1.3333333333; }
  .lists-catalog-photo { margin-bottom: 12px; }
  .lists-catalog-salon { margin-bottom: 6px; font-size: 1.2rem; line-height: 1; }
  .lists-catalog-salon > span { padding: 5px 10px 6px; min-width: 66px; }
  .lists-catalog-title { font-size: 1.8rem; line-height: 1.6666666666; }
  .lists-catalog[data-column-desktop] { display: grid; }
  .lists-catalog[data-column-desktop='2'] { row-gap: 22px; column-gap: 20px; grid-template-columns: repeat(2,calc(50% - (20px / 2))); }
  .lists-catalog[data-column-desktop='4'] { row-gap: 50px; column-gap: 30px; grid-template-columns: repeat(4,calc((100% / 4) - (30px / (4 / 3)))); }
  .lists-catalog.is-content-center { display: flex; flex-wrap: wrap; justify-content: center; }
  .lists-catalog.is-content-center[data-column-desktop='2'] .lists-catalog-item { width: calc(50% - (20px / 2)); }
  .lists-catalog.is-content-center[data-column-desktop='4'] .lists-catalog-item { width: calc((100% / 4) - (30px / (4 / 3))); }
}

/* slide */
.slide-progress { position: relative; width: 100%; height: 1px; background-color: rgba(0,0,0,0.2); }
.slide-progress-bar { position: absolute; top: 0; left: 0; transition: width 0.6s linear; height: 100%; background-color: #000; }
.slide-category { padding: 38px 0 138px; background-color: #fff; overflow: hidden; }
.slide-category-slide + .slide-category-slide { margin-top: 12px; }
.slide-category-lists__item { display: flex; align-items: center; }
.slide-category-lists__name { margin: 0 8px 0 0; white-space: nowrap; font-family: 'Cormorant SC', serif; font-size: 5.439rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.07740393455; }
.slide-category-lists__photo { position: relative; aspect-ratio: 1 / 1; width: 62px; height: 100%; overflow: hidden; }

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

@media screen and (min-width: 769px) {
  .slide-category { padding: 70px 0 214px; }
  .slide-category-slide + .slide-category-slide { margin-top: 4px; }
  .slide-category-lists__name { margin-right: 16px; font-size: 9.653rem; line-height: 1.07738526883; }
  .slide-category-lists__photo { width: 86px; }
}

/* banner */
.banner-multi { padding: 50px 0; }
.banner-multi-lists__item > a { display: grid; align-items: center; grid-template-columns: calc(100% - 34.9253731343%) 34.9253731343%; background-color: #fff; text-decoration: none; color: #333; }
.banner-multi-lists__title { margin: 0; padding: 10px 30px; font-family: 'Cormorant SC', serif; font-size: 2rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1; }
.banner-multi-lists__photo { position: relative; aspect-ratio: 1 / 1; width: 100%; height: 100%; overflow: hidden; }
.banner-reserve { position: relative; }
.banner-reserve > a { display: block; position: relative; width: 100%; }
.banner-reserve-content { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.banner-reserve-content > .l-wrap { width: 100%; }
.banner-reserve-content .title-1 { margin-bottom: 34px; color: #fff; }
.banner-reserve-content .btn-1 > span { width: 100%; }
.banner-reserve-photo { position: relative; overflow: hidden; z-index: 1; }
.banner-reserve-photo::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); width: 100%; height: 100%; }
.banner-reserve-photo picture { height: 100%; }
.banner-reserve + .slide-category { padding-top: 77px; }

@media screen and (max-width: 768px) {
  .banner-multi > .l-wrap { padding: 0 20px; }
  .banner-multi-lists[data-column-mobile] { display: grid; }
  .banner-multi-lists[data-column-mobile='1'] { gap: 20px; }
  .banner-reserve-content > .l-wrap { padding: 0 20px; }
  .banner-reserve-photo { aspect-ratio: 1 / 1; width: 100%; height: 100%; }
}

@media screen and (min-width: 769px) {
  .banner-multi { padding: 90px 0; }
  .banner-multi > .l-wrap { max-width: 1218px; }
  .banner-multi-lists__item > a { grid-template-columns: calc(100% - 34.8432055749%) 34.8432055749%; }
  .banner-multi-lists__title { padding: 10px 20px 10px 64px; font-size: 3rem; line-height: 1.0666666666; }
  .banner-multi-lists[data-column-desktop] { display: grid; }
  .banner-multi-lists[data-column-desktop='2'] { gap: 30px; grid-template-columns: repeat(2,calc(50% - (30px / 2))); }
  .banner-reserve-content .title-1 { margin-bottom: 22px; }
  .banner-reserve-content .btn-1 > span { width: 390px; }
  .banner-reserve-photo { height: 550px; }
  .banner-reserve + .slide-category { padding-top: 128px; }
}

/* pagination */
.pagination { display: flex; justify-content: center; align-items: center; margin-top: 22px; }
.pagination-current,
.pagination-link { position: relative; margin: 0 14px; font-family: 'Figtree', sans-serif; font-size: 1.3rem; font-weight: 400; line-height: 1.2307692307; color: #000; }
.pagination-current { opacity: 0.5; }
.pagination-prev,
.pagination-next { position: relative; width: 5px; height: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.pagination-prev::before,
.pagination-next::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./_assets/img/icon/arrow2.svg) no-repeat center center; background-size: 100%; }
.pagination-prev { transform: rotate(180deg); margin-right: calc(32px - 14px); }
.pagination-next { margin-left: calc(32px - 14px)32px; }

@media screen and (min-width: 769px) {
  .pagination { margin-top: 50px; }
  .pagination-current,
  .pagination-link { margin: 0 17px; font-size: 1.6rem; line-height: 1.1875; }
  .pagination-prev { margin-right: calc(40px - 17px); }
  .pagination-next { margin-left: calc(40px - 17px); }
}

/* pager */
.pager { position: relative; margin-top: 36px; text-align: center; }
.pager a { font-size: 1.3rem; line-height: 1.6923076923; color: #333; }
.pager-prev,
.pager-next { display: flex; align-items: center; position: absolute; top: 0; text-decoration: none; font-family: 'Figtree', sans-serif; font-weight: 400; }
.pager-prev::before,
.pager-next::after { content: ''; width: 5px; height: 10px; background: url(./_assets/img/icon/arrow2.svg) no-repeat center center; background-size: 100%; }
.pager-prev { left: 0; }
.pager-prev::before { transform: rotate(180deg); margin-right: 8px; }
.pager-next { right: 0; }
.pager-next::after { margin-left: 8px; }

@media screen and (min-width: 769px) {
  .pager { margin-top: 40px; }
  .pager a { font-size: 1.6rem; line-height: 1.1875; }
  .pager-prev::before,
  .pager-next::after { width: 6px; height: 12px; }
  .pager-prev::before { margin-right: 12px; }
  .pager-next::after { margin-left: 12px; }
}

/* notfound */
.notfound { padding: 40px 0; text-align: center; font-size: 1.4rem; line-height: 1.5; }

@media screen and (min-width: 769px) {
  .notfound { padding: 60px 0; font-size: 1.6rem; }
}

/* modal */
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; overflow: hidden; z-index: 100; }
.modal-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; overscroll-behavior: contain; z-index: 2; }
.modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); text-indent: -9999px; white-space: nowrap; overflow: hidden; z-index: 1; }
.modal-pager { display: flex; justify-content: space-between; padding: 24px 20px 20px; }
.modal-pager a,
.modal-pager button { display: inline-flex; align-items: center; position: relative; font-family: 'Cormorant SC', serif; font-size: 1.6rem; font-weight: 400; line-height: 1.2; color: #333; }
.modal-pager a { text-decoration: none; }
.modal-pager-prev,
.modal-pager-next { gap: 10px; }
.modal-pager-prev::before,
.modal-pager-next::after { content: ''; width: 6px; height: 12px; background: url(./_assets/img/icon/arrow2.svg) no-repeat center center; background-size: 100%; }
.modal-pager-prev::before { transform: rotate(180deg); }
.modal-pager-close { padding-right: 20px; }
.modal-pager-close::before,
.modal-pager-close::after { content: ''; position: absolute; top: 50%; right: 0; width: 15px; height: 1px; background-color: #333; }
.modal-pager-close::before { transform: rotate(45deg); }
.modal-pager-close::after { transform: rotate(-45deg); }

@media screen and (min-width: 769px) {
  .modal-pager { padding: 23px 15px 20px; }
  .modal-pager a,
  .modal-pager button { font-size: 1.6rem; }
}

/* ac */
.ac-link { pointer-events: none; opacity: 0; }
.ac-link.is-show { pointer-events: inherit; opacity: 1; }
.ac-more,
.ac-more.is-hidden { display: none; }
.ac-more.is-show { display: inline-flex; }

/* splide */
.splide-control { position: relative; margin-top: 20px; }
.splide-control .splide__arrows { display: flex; justify-content: center; align-items: center; }
.splide-control .splide__arrow { position: relative; top: auto; transform: none; width: 7px; height: 9px; background: none; border-radius: 0; opacity: 1; }
.splide-control .splide__arrow::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./_assets/img/icon/arrow3.svg) no-repeat center center; background-size: 100%; }
.splide-control .splide__arrow svg { display: none; }
.splide-control .splide__arrow--prev { order: 1; left: auto; }
.splide-control .splide__arrow--prev::after { transform: rotate(180deg); }
.splide-control .splide__arrow--next { order: 3; right: auto; }
.splide-control .splide__pagination { order: 2; display: flex; gap: 10px; position: relative; bottom: auto; left: auto; padding: 0 28px; }
.splide-control .splide__pagination > li { width: 9px; height: 9px; }
.splide-control .splide__pagination__page { margin: 0; width: 100%; height: 100%; background-color: #444; opacity: 0.12; }
.splide-control .splide__pagination__page.is-active { transform: none; opacity: 1; }

@media screen and (min-width: 769px) {
  .splide-control { margin-top: 25px; }
  .splide-control .splide__arrow { width: 9px; height: 17px; }
  .splide-control .splide__pagination { padding: 0 30px; }
}

/* skiptranslate */
iframe.skiptranslate { max-width: 100%; }

@media screen and (max-width: 768px) {
  iframe.skiptranslate { height: 480px !important; }
}

@media screen and (min-width: 769px) {
  iframe.skiptranslate { width: 520px !important; }
}

/* header
------------------------------------------------ */
.l-hd { position: sticky; top: 0; left: 0; width: 100%; height: var(--layout-header-height-mobile); background-color: var(--body-bgcolor); border-bottom: 1px solid #000; z-index: 10; }
.l-hd-logo { margin: 0; position: absolute; top: 20px; left: 20px; width: 117px; z-index: 1; }
.l-hd-logo > a { display: block; width: 100%; }
.l-hd-reserve { position: absolute; top: 14px; right: 65px; margin: 0; width: 94px; height: 32px; font-family: 'Figtree', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.33333333333; z-index: 1; }
.l-hd-reserve > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #FF6500; border-radius: 40px; text-decoration: none; color: #fff; }

@media screen and (min-width: 769px) {
  .l-hd { height: var(--layout-header-height-desktop); }
  .l-hd-logo { top: 23px; left: 90px; width: 176px; }
  .l-hd-reserve { top: 20px; right: 175px; width: 126px; height: 46px; font-size: 1.5rem; line-height: 1.06666666667; }
}

/* gnav
------------------------------------------------ */
.l-gnav-menu { position: absolute; top: 16px; right: 20px; margin: 0; width: 30px; height: 30px; z-index: 4; }
.l-gnav-menu > button,
.l-gnav-menu > button > span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.l-gnav-menu > button { text-decoration: none; }
.l-gnav-menu > button > span { text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.l-gnav-menu > button::after,
.l-gnav-menu > button > span::before,
.l-gnav-menu > button > span::after { content: ''; position: absolute; left: 0; transition: 0.4s ease; width: 100%; height: 1px; background-color: #000; }
.l-gnav-menu > button::after { top: 7px; }
.l-gnav-menu > button > span::before { top: 14px; }
.l-gnav-menu > button > span::after { top: 21px; }
.l-gnav-menu > button[aria-expanded=true]::after { opacity: 0; }
.l-gnav-menu > button[aria-expanded=true] > span::before,
.l-gnav-menu > button[aria-expanded=true] > span::after { top: 50%; width: 34px; }
.l-gnav-menu > button[aria-expanded=true] > span::before { transform: rotate(25deg); }
.l-gnav-menu > button[aria-expanded=true] > span::after { transform: rotate(-25deg); }
.l-gnav { pointer-events: none; position: absolute; top: 0; transition: opacity 0.4s ease; width: 100%; height: 100dvh; opacity: 0; overflow: hidden; z-index: 3; }
.l-gnav[aria-hidden=false] { pointer-events: inherit; opacity: 1; }
.l-gnav-content { position: relative; padding: 72px 30px; width: 100%; height: 100%; background-color: #fff; overflow-y: auto; overscroll-behavior: contain; }
.l-gnav-account { margin: 0 0 54px; border-bottom: 1px solid #000; font-size: 1.4rem; line-height: 1.28571428571; }
.l-gnav-account > a { display: block; position: relative; padding: 25px 0; text-decoration: none; color: #333; }
.l-gnav-account > a::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 15px; height: 11px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100%; }
.l-gnav-links__item { font-family: 'Cormorant SC', serif; font-size: 2rem; font-weight: 500; line-height: 1.5; }
.l-gnav-links__item:not(:first-child) { margin-top: 30px; }
.l-gnav-links__item > a,
.l-gnav-links__trigger { display: block; position: relative; width: 100%; color: #333; }
.l-gnav-links__trigger::after { content: ''; position: absolute; top: 50%; right: 0; width: 12px; height: 6px; transition: transform 0.4s ease; transform: translateY(-50%); background: url(./_assets/img/icon/arrow_down1.svg) no-repeat center center; background-size: 100%; }
.l-gnav-links__trigger[aria-expanded=true]::after { transform: translateY(-50%) rotate(180deg); }
.l-gnav-links__item > a { text-decoration: none; }
.l-gnav-children { display: none; padding: 22px 0; }
.l-gnav-children__links { padding: 0 18px; }
.l-gnav-children__links__item { font-family: 'Figtree', sans-serif; font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
.l-gnav-children__links__item:not(:first-child) { margin-top: 18px; }
.l-gnav-children__links__item > a { display: inline-block; position: relative; text-decoration: none; vertical-align: top; color: #333; }
.l-gnav-children__links__item > a[target=_blank] { padding-right: 18px; }
.l-gnav-children__links__item > a[target=_blank]::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/external1-gray.svg) no-repeat center center; background-size: 100%; }
.l-gnav-others { margin-top: 60px; padding-top: 55px; border-top: 1px solid rgba(51,51,51,0.15); }
.l-gnav-others__item { font-family: 'Figtree', sans-serif; font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
.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: #333; }
.l-gnav-others__item > a[target=_blank] { padding-right: 18px; }
.l-gnav-others__item > a[target=_blank]::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/external1-gray.svg) no-repeat center center; background-size: 100%; }
.l-gnav-language { margin-top: 35px; }
.l-gnav-language > select { display: block; padding: 0 12px; width: 100%; height: 47px; background: url(./_assets/img/icon/select_arrow1-gray.svg) no-repeat right 16px center; background-size: 12px; border: 1px solid rgba(0,0,0,0.15); font-family: 'Figtree', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.16666666667; }
.l-gnav-sns { display: flex; gap: 12px; margin-top: 30px; }
.l-gnav-sns__item { width: 42px; height: 42px; }
.l-gnav-sns__item > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15); border-radius: 50%; }
.l-gnav-sns__item.is-instagram > a img { width: 17px; height: 17px; }
.l-gnav-sns__item.is-facebook > a img { width: 11px; height: 20px; }
.l-gnav-sns__item.is-youtube > a img { width: 20px; height: 14px; }
.l-gnav-overlay { pointer-events: none; position: fixed; top: 0; left: 0; transition: opacity 0.4s ease; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); text-indent: -9999px; white-space: nowrap; opacity: 0; overflow: hidden; z-index: 2; }
.l-gnav-overlay[aria-expanded=true] { pointer-events: inherit; opacity: 1; }

.body-gnav-open { overflow: hidden; }

@media screen and (max-width: 768px) {
  .l-gnav { left: 0; }
}

@media screen and (min-width: 769px) {
  .l-gnav-menu { top: 17px; right: 90px; width: 55px; height: 55px; }
  .l-gnav-menu > button::after { top: 18px; }
  .l-gnav-menu > button > span::before { top: 27px; }
  .l-gnav-menu > button > span::after { top: 37px; }
  .l-gnav-menu > button[aria-expanded=true] > span::before,
  .l-gnav-menu > button[aria-expanded=true] > span::after { width: 57px; }
  .l-gnav { right: 0; width: 573px; }
  .l-gnav-content { transition: transform 0.4s ease; transform: translate3d(100%,0,0); padding: 72px 90px; }
  .l-gnav[aria-hidden=false] .l-gnav-content { transform: translate3d(0,0,0); }
  .l-gnav-account { margin-bottom: 74px; font-size: 1.8rem; line-height: 1; }
  .l-gnav-account > a { padding: 40px 0; }
  .l-gnav-links__item { font-size: 2.6rem; }
  .l-gnav-links__item:not(:first-child) { margin-top: 32px; }
  .l-gnav-links__trigger::after { width: 14px; height: 7px; }
  .l-gnav-children { padding: 22px 0; }
  .l-gnav-children__links { padding: 0 22px; }
  .l-gnav-children__links__item { font-size: 1.5rem; }
  .l-gnav-children__links__item:not(:first-child) { margin-top: 14px; }
  .l-gnav-others { margin-top: 52px; padding-top: 70px; }
  .l-gnav-others__item { font-size: 1.5rem; }
  .l-gnav-others__item:not(:first-child) { margin-top: 28px; }
  .l-gnav-others__item > a[target=_blank] { padding-right: 20px; }
  .l-gnav-language { margin-top: 42px; }
  .l-gnav-language > select { padding: 0 22px; height: 50px; background-position: right 20px center; font-size: 1.4rem; }
  .l-gnav-sns { gap: 13px; margin-top: 50px; }
  .l-gnav-sns__item { width: 47px; height: 47px; }
  .l-gnav-sns__item.is-instagram > a img { width: 19px; height: 19px; }
  .l-gnav-sns__item.is-facebook > a img { width: 12px; height: 22px; }
  .l-gnav-sns__item.is-youtube > a img { width: 22px; height: 16px; }
}

/* top page
------------------------------------------------ */
/* visual */
.top-visual { position: relative; }
.top-visual-info { position: relative; z-index: 2; }
.top-visual-copy { aspect-ratio: 1 / 0.76923076923; width: 247px; height: 100%; }
.top-visual-copy svg { display: block; width: 100%; height: 100%; }
.top-visual-by { aspect-ratio: 1 / 0.14569536423; margin-top: 21px; width: 151px; height: 100%; }
.top-visual-by svg { display: block; width: 100%; height: 100%; }
.top-visual-copy rect,
.top-visual-by rect { transition: 1.6s transform 0.4s cubic-bezier(0.4,1,1,1); transform: translateX(-125%); }
.top-visual-copy.is-active rect { transform: translateX(0); }
.top-visual-by.is-active rect { transform: translateX(0); }
.top-visual-scroll { position: absolute; bottom: -64px; right: 20px; aspect-ratio: 1 / 1; width: 106px; margin: 0; overflow: hidden; }
.top-visual-scroll > a { display: block; width: 100%; height: 100%; }
.top-visual-scroll img { animation: topVisualScrollRotate 16s linear infinite; }
.top-visual-movie { position: relative; margin-top: -28px; aspect-ratio: 1 / 1; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.top-visual-movie__logo { position: absolute; top: 50%; left: 50%; transition: opacity 0.4s ease; transform: translate(-50%,-50%); margin: 0; width: 200px; }
.top-visual-movie__media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-visual-movie__media iframe { position: absolute; top: 0; left: 0; transition: opacity 0.4s ease; width: 100%; height: 100%; opacity: 0; }
.top-visual-movie picture { height: 100%; }
.top-visual-news { position: absolute; bottom: 0; right: 0; width: calc(100% - 20px); height: 50px; background-color: #444; z-index: 2; }
.top-visual-news__content { width: calc(100% - 100px); height: 100%; }
.top-visual-news__lists { height: 100%; }
.top-visual-news__lists__item { position: relative; height: 100%; }
.top-visual-news__lists__item .post-edit-link { position: absolute; top: 0; left: 0; z-index: 2; }
.top-visual-news__lists__item > a:not(.post-edit-link) { display: flex; align-items: center; text-decoration: none; padding: 0 20px; height: 100%; color: #fff; }
.top-visual-news__lists__date { margin: 0; width: 65px; font-family: 'Figtree', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1; opacity: 0.5; }
.top-visual-news__lists__title { margin: 0; width: calc(100% - 65px); text-overflow: ellipsis; white-space: nowrap; font-size: 1.2rem; font-weight: 400; line-height: 1; overflow: hidden; }
.top-visual-news .splide__arrows { display: grid; grid-template-columns: repeat(2,50%); position: absolute; top: 0; right: 0; width: 100px; height: 100%; }
.top-visual-news .splide__arrow { display: block; position: relative; top: auto; transform: none; width: 100%; height: 100%; background: none; border-left: 1px solid rgba(255,255,255,0.15); border-radius: 0; opacity: 1; }
.top-visual-news .splide__arrow::after { content: ''; position: absolute; top: 0; left: 50%; width: 12px; height: 100%; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center; background-size: 100%; }
.top-visual-news .splide__arrow--prev { left: 0; }
.top-visual-news .splide__arrow--prev::after { transform: translateX(-50%) rotate(180deg); }
.top-visual-news .splide__arrow--next { right: 0; }
.top-visual-news .splide__arrow--next::after { transform: translateX(-50%); }
.top-visual-news .splide__arrow svg { display: none; }

@keyframes topVisualScrollRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 768px) {
  .top-visual-info { padding: 60px 0 64px; }
  .top-visual-info > .l-wrap { padding: 0 20px; }
  #visual-media-mobile { display: block; }
  #visual-media-desktop { display: none; }
}

@media screen and (min-width: 769px) {
  .top-visual-info { padding-top: 140px; }
  .top-visual-copy { aspect-ratio: 1 / 0.19395629013; width: 1004px; }
  .top-visual-by { aspect-ratio: 1 / 0.1425061425; margin-top: 38px; width: 407px; }
  .top-visual-scroll { bottom: 96px; right: 20px; width: 216px; }
  .top-visual-movie { aspect-ratio: 1 / 0.618125; margin-top: -126px; }
  .top-visual-movie__logo { width: 280px; }
  #visual-media-mobile { display: none; }
  #visual-media-desktop { display: block; }
  .top-visual-news { max-width: 815px; height: 80px; }
  .top-visual-news__content { width: calc(100% - 160px); }
  .top-visual-news__lists__item > a:not(.post-edit-link) { padding: 0 45px; }
  .top-visual-news__lists__date { width: 110px; font-size: 1.6rem; }
  .top-visual-news__lists__title { width: calc(100% - 110px); font-size: 1.6rem; }
  .top-visual-news .splide__arrows { width: 160px; }
  .top-visual-news .splide__arrow::after { width: 15px; }
}

@media screen and (min-width: 769px) and (max-width: 1460px) {
  .top-visual-info { padding-top: 9.85915492958vw; }
  .top-visual-copy { width: 70.7042253521%; }
  .top-visual-by { margin-top: 2.67605633803vw; width: 28.661971831%; }
  .top-visual-scroll { bottom: 6.76056338028vw; width: 15.2112676056%; }
}

/* specialist */
.top-specialist { padding: 82px 0 100px; background-color: #fff; }
.top-specialist-text { margin: 0; font-size: 1.3rem; line-height: 1.69230769231; }
.top-specialist-gallery { position: relative; aspect-ratio: 1 / 1; width: 100%; height: 100%; overflow: hidden; }
.top-specialist-gallery__target { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.top-specialist-gallery__target[aria-hidden=false] { z-index: 2; }
.top-specialist-gallery__target img { transform: scale(1.1); opacity: 0; }
.top-specialist-gallery__target[aria-hidden=false] img { animation: topSpecialistGallery 0.2s ease-in forwards; }
.top-specialist-gallery__target.is-fadeout img { animation: topSpecialistGalleryFadeOut 0.2s ease-in forwards; }
.top-specialist-lists__item { border-bottom: 1px solid rgba(0,0,0,0.15); }
.top-specialist-lists__item:first-child { border-top: 1px solid rgba(0,0,0,0.15); }
.top-specialist-lists__trigger { display: flex; align-items: center; position: relative; padding: 15px 20px; width: 100%; text-decoration: none; }
.top-specialist-lists__trigger::after { content: ''; position: absolute; top: 50%; right: 20px; transition: 0.4s ease; transform: translateY(-50%); width: 34px; height: 34px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 8px; border: 1px solid rgba(0,0,0,0.15); border-radius: 50%; }
.top-specialist-lists__trigger[aria-expanded=true]::after { background-image: url(./_assets/img/icon/arrow1-white.svg); background-color: #444; border-color: #444; }
.top-specialist-lists__image { margin: 0; aspect-ratio: 1 / 1; width: 60px; height: 100%; }
.top-specialist-lists__name { margin: 0; padding-left: 23px; width: calc(100% - 60px); font-family: 'Cormorant SC', serif; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.03em; line-height: 0.90909090909; color: #333; }

@keyframes topSpecialistGallery {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes topSpecialistGalleryFadeOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}

@media screen and (max-width: 768px) {
  .top-specialist .title-1,
  .top-specialist-text { padding: 0 20px; }
  .top-specialist-gallery { margin-top: 36px; }
}

@media screen and (min-width: 769px) {
  .top-specialist { padding: 190px 0 176px; }
  .top-specialist > .l-wrap { display: grid; justify-content: space-between; grid-template-columns: 40.4225352113% 51.0563380282%; }
  .top-specialist .title-1 { grid-row: 1; grid-column: 1; }
  .top-specialist-text { grid-row: 2; grid-column: 1; font-size: 1.6rem; line-height: 1.875; }
  .top-specialist-gallery { grid-row: 1 / 4; grid-column: 2; aspect-ratio: 1 / 1.16275862069; }
  .top-specialist-lists { grid-row: 3; grid-column: 1; margin-top: 70px; }
  .top-specialist-lists__trigger { padding: 24px 0; }
  .top-specialist-lists__trigger::after { right: 4px; width: 48px; height: 48px; background-size: 12px; }
  .top-specialist-lists__image { width: 70px; }
  .top-specialist-lists__name { padding-left: 37px; width: calc(100% - 70px); font-size: 2.6rem; line-height: 0.76923076923; }
}

/* haircolor */
.top-haircolor { position: relative; }
.top-haircolor-content { position: relative; z-index: 2; }
.top-haircolor-hd { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #333; }
.top-haircolor-hd .title-1 { margin-bottom: 0; }
.top-haircolor-hd .title-1 span { display: inline-block; vertical-align: top; font-family: 'Cormorant', serif; font-size: 4rem; font-weight: 500; line-height: 1.1; }
.top-haircolor-copy { margin: 0 0 11px; font-size: 1.6rem; line-height: 1.625; }
.top-haircolor-text { margin: 0; font-size: 1.3rem; line-height: 1.69230769231; }
.top-haircolor-photo { position: relative; z-index: 1; }

@media screen and (max-width: 768px) {
  .top-haircolor.is-photo { aspect-ratio: 1 / 2.12; width: 100%; height: 100%; }
  .top-haircolor-content { padding: 82px 0; text-align: center; }
  .top-haircolor.is-photo .top-haircolor-content { padding-bottom: 0; }
  .top-haircolor-content > .l-wrap { padding: 0 20px; }
  .top-haircolor-hd .title-1-line { justify-content: center; }
  .top-haircolor-content .btn-1 { margin-top: 25px; }
  .top-haircolor-photo { position: absolute; bottom: 0; left: 0; }
}

@media screen and (min-width: 769px) {
  .top-haircolor { min-height: 922px; overflow: hidden; }
  .top-haircolor-content { padding: 160px 0 146px; }
  .top-haircolor-content__info { margin-left: auto; max-width: 574px; }
  .top-haircolor-hd { margin-bottom: 50px; padding-bottom: 50px; }
  .top-haircolor-hd .title-1 span { font-size: 9rem; line-height: 1; }
  .top-haircolor-copy { margin-bottom: 18px; font-size: 2.4rem; line-height: 1.58333333333; }
  .top-haircolor-text { font-size: 1.6rem; line-height: 1.875; }
  .top-haircolor-content .btn-1 { margin-top: 40px; }
  .top-haircolor-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .top-haircolor-photo picture { height: 100%; }
}

/* salon */
.top-salon { position: relative; padding-bottom: 45px; }
.top-salon-above { position: relative; padding: 82px 0 32px; background-color: #fff; }
.top-salon-above .title-1 { margin-bottom: 0; }
.top-salon .slide-progress { margin-top: 32px; }
.top-salon-slide { position: relative; }
.top-salon-slide::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 33.8666666667vw; background-color: #fff; z-index: -1; }
.top-salon-slide .splide__arrows { display: flex; position: absolute; bottom: 0; right: 0; width: 146px; }
.top-salon-slide .splide__arrow { width: 68px; height: 68px; background: none; border: 1px solid #000; border-radius: 50%; opacity: 1; }
.top-salon-slide .splide__arrow::after { content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 12px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100%; }
.top-salon-slide .splide__arrow:disabled { opacity: 0.2; }
.top-salon-slide .splide__arrow svg { display: none; }
.top-salon-slide .splide__arrow--prev { left: 0; }
.top-salon-slide .splide__arrow--prev::after { transform: translate(-50%,-50%) rotate(180deg); }
.top-salon-slide .splide__arrow--next::after { transform: translate(-50%,-50%); }
.top-salon-slide .splide__arrow--next { right: 0; }
.top-salon-slide.u-lazy { transition: none; }
.top-salon-slide.u-lazy .lists-salon-item { transition: opacity 0.8s cubic-bezier(0.6,0,0.3,1), transform 0.8s cubic-bezier(0.6,0,0.3,1); transform: translateY(28px); opacity: 0; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(2) { transition-delay: 0.3s; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(3) { transition-delay: 0.4s; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(4) { transition-delay: 0.5s; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(5) { transition-delay: 0.6s; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(6) { transition-delay: 0.7s; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(7) { transition-delay: 0.8s; }
.top-salon-slide.u-lazy .lists-salon-item:nth-of-type(8) { transition-delay: 0.9s; }
.top-salon-slide.u-lazy-done .lists-salon-item { transform: translateY(0); opacity: 1; }
.top-salon-below { margin-top: 30px; }

@media screen and (max-width: 768px) {
  .top-salon-above > .l-wrap,
  .top-salon-slide > .l-wrap,
  .top-salon-below > .l-wrap { padding: 0 20px; }
  .top-salon-slide .splide__arrows { display: none; }
  .top-salon-below .btn-1 > a { width: 100%; }
}

@media screen and (min-width: 769px) {
  .top-salon { padding-bottom: 90px; }
  .top-salon-above { padding: 180px 0 60px; }
  .top-salon-below { position: absolute; top: 176px; left: 0; width: 100%; }
  .top-salon-slide::after { height: 154px; }
  .top-salon-slide .splide__arrows { right: calc(((100% - 1460px) / 2) + 20px); }
  .top-salon .slide-progress { margin-top: 84px; width: calc(100% - 188px); }
  .top-salon-below .btn-1 { text-align: right; }
}

@media screen and (min-width: 769px) and (max-width: 1460px) {
  .top-salon-slide::after { height: 10.8450704225vw; }
  .top-salon-slide .splide__arrows { right: 20px; }
}

/* catalog */
.top-catalog { position: relative; padding: 45px 0; }
.top-catalog + .top-catalog { padding-bottom: 35px; }
.top-catalog-above .title-1 { margin-bottom: 30px; }
.top-catalog-lists { display: grid; }
.top-catalog-lists__item { position: relative; width: 100%; }
.top-catalog-lists__item > a { display: block; position: relative; aspect-ratio: 1 / 1.25; width: 100%; height: 100%; overflow: hidden; }
.top-catalog-lists.u-lazy { transition: none; }
.top-catalog-lists.u-lazy .top-catalog-lists__item { transition: opacity 0.8s cubic-bezier(0.6,0,0.3,1), transform 0.8s cubic-bezier(0.6,0,0.3,1); transform: translateY(28px); opacity: 0; }
.top-catalog-lists.is-layout-1.u-lazy .top-catalog-lists__item:nth-of-type(2) { transition-delay: 0.3s; }
.top-catalog-lists.is-layout-1.u-lazy .top-catalog-lists__item:nth-of-type(3) { transition-delay: 0.4s; }
.top-catalog-lists.is-layout-1.u-lazy .top-catalog-lists__item:nth-of-type(4) { transition-delay: 0.5s; }
.top-catalog-lists.is-layout-1.u-lazy .top-catalog-lists__item:nth-of-type(5) { transition-delay: 0.6s; }
.top-catalog-lists.is-layout-2.u-lazy .top-catalog-lists__item:nth-of-type(3) { transition-delay: 0.3s; }
.top-catalog-lists.is-layout-2.u-lazy .top-catalog-lists__item:nth-of-type(4) { transition-delay: 0.4s; }
.top-catalog-lists.is-layout-2.u-lazy .top-catalog-lists__item:nth-of-type(5) { transition-delay: 0.5s; }
.top-catalog-lists.is-layout-2.u-lazy .top-catalog-lists__item:nth-of-type(1) { transition-delay: 0.6s; }
.top-catalog-lists.u-lazy-done .top-catalog-lists__item { transform: translateY(0); opacity: 1; }
.top-catalog-below { margin-top: 30px; }

@media screen and (max-width: 768px) {
  .top-catalog-above > .l-wrap,
  .top-catalog-below > .l-wrap { padding: 0 20px; }
  .top-catalog-lists { grid-template-columns: repeat(2,50%); }
  .top-catalog-lists__item.is-focus { grid-row: 1; grid-column: 1 / 3; }
  .top-catalog-below .btn-1 > a { width: 100%; }
}

@media screen and (min-width: 769px) {
  .top-catalog { padding: 90px 0; }
  .top-catalog + .top-catalog { padding-bottom: 0; }
  .top-catalog-above .title-1 { margin-bottom: 60px; }
  .top-catalog-lists { grid-template-columns: repeat(4,25%); }
  .top-catalog-lists.is-layout-1 .top-catalog-lists__item.is-focus { grid-row: 1 / 3; grid-column: 1 / 3; }
  .top-catalog-lists.is-layout-2 .top-catalog-lists__item.is-focus { grid-row: 1 / 3; grid-column: 3 / 5; }
  .top-catalog-below { position: absolute; top: 86px; left: 0; width: 100%; }
  .top-catalog-below .btn-1 { text-align: right; }
}

/* archive */
.top-archive { padding: 90px 0 38px; background-color: #fff; }
.top-archive-block { position: relative; padding-top: 50px; border-top: 1px solid #000; }
.top-archive-block .title-1 { margin-bottom: 40px; font-size: 3.4rem; line-height: 0.7; }
.top-archive-block .link-1 { position: absolute; top: 58px; right: 0; }

@media screen and (max-width: 768px) {
  .top-archive > .l-wrap { padding: 0 20px; }
  .top-archive-block:not(:first-child) { margin-top: 70px; }
}

@media screen and (min-width: 769px) {
  .top-archive { padding: 190px 0 70px; }
  .top-archive > .l-wrap { display: grid; grid-template-columns: repeat(2,50%); }
  .top-archive-block { padding: 82px 40px 0; }
  .top-archive-block:nth-of-type(2n) { padding-right: 0; }
  .top-archive-block:nth-of-type(2n+1) { padding-left: 0; }
  .top-archive-block .title-1 { margin-bottom: 58px; font-size: 4.4rem; line-height: 0.90909090909; }
  .top-archive-block .link-1 { top: 100px; right: 40px; }
}

/* salon
------------------------------------------------ */
/* archive */
.salon-archive { position: relative; padding: 72px 0 84px; }
.salon-archive .title-1 { margin-bottom: 34px; }

@media screen and (max-width: 768px) {
  .salon-archive .title-1 { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .salon-archive { padding: 140px 0; }
  .salon-archive .title-1 { margin-bottom: 60px; }
}

/* detail */
.salon-detail { position: relative; overflow: hidden; }
.salon-detail-above { position: relative; padding: 70px 0 40px; }
.salon-detail-title { margin: 0 0 17px; font-size: 2.4rem; font-weight: 400; line-height: 1; }
.salon-detail-sns__item { font-size: 1.3rem; line-height: 1.2307692307; }
.salon-detail-sns__item > a { display: inline-flex; align-items: center; gap: 11px; vertical-align: top; color: #333; }
.salon-detail-sns__item > a::before { content: ''; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center center; background-color: #444; border-radius: 50%; }
.salon-detail-sns__item.is-instagram > a::before { background-image: url(./_assets/img/icon/sns_instagram1-white.svg); background-size: 13px; }
.salon-detail-introduce { font-size: 1.3rem; line-height: 1.6923076923; }
.salon-detail-introduce p { margin: 0; }
.salon-detail-introduce p + p { margin-top: 1.6923076923em }
.salon-detail-introduce a { color: #333; }
.salon-detail-en { pointer-events: none; position: absolute; margin: 0; font-family: 'Cormorant SC', serif; font-size: 6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.1666666666; color: #fff; z-index: -1; }
.salon-detail-gallery { background-color: #fff; }
.salon-detail-slide__lists__item { position: relative; aspect-ratio: 1 / 0.5772537313; width: 100%; height: 100%; overflow: hidden; }
.salon-detail-slide .splide__arrow { width: 76px; height: 76px; background: none; background-color: #fff; border-radius: 50%; opacity: 1; }
.salon-detail-slide .splide__arrow::after { content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 12px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100%; }
.salon-detail-slide .splide__arrow:disabled { opacity: 0.2; }
.salon-detail-slide .splide__arrow svg { display: none; }
.salon-detail-slide .splide__arrow--prev { left: 50%; margin-left: calc(((1178px + 76px) / 2) * -1); }
.salon-detail-slide .splide__arrow--prev::after { transform: translate(-50%,-50%) rotate(180deg); }
.salon-detail-slide .splide__arrow--next::after { transform: translate(-50%,-50%); }
.salon-detail-slide .splide__arrow--next { right: 50%; margin-right: calc(((1178px + 76px) / 2) * -1); }
.salon-detail-slide .splide__pagination { display: flex; justify-content: center; gap: 10px; position: relative; bottom: auto; left: auto; margin-top: 27px; padding: 0; }
.salon-detail-slide .splide__pagination li { width: 7px; height: 7px;}
.salon-detail-slide .splide__pagination .splide__pagination__page { margin: 0; width: 100%; height: 100%; background-color: #444; opacity: 0.2; }
.salon-detail-slide .splide__pagination .splide__pagination__page.is-active { transform: scale(1); opacity: 1; }
.salon-detail-thumb { margin-top: 16px; }
.salon-detail-thumb .splide__track--nav > .splide__list > .splide__slide,
.salon-detail-thumb .splide__track--nav > .splide__list > .splide__slide.is-active { border: none; }
.salon-detail-thumb__lists__item { position: relative; aspect-ratio: 1 / 1; width: 100%; height: 100%; border: 1px solid #fff; overflow: hidden; }
.salon-detail-thumb__lists__item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; }
.salon-detail-thumb__lists__item.is-active::before { border-color: #333; }
.salon-detail-below { padding: 40px 0 50px; background-color: #fff; }
.salon-detail-address { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.salon-detail-address > a { display: inline-block; vertical-align: top; color: #333; }
.salon-detail-box { display: flex; margin: 0; }
.salon-detail-box__title,
.salon-detail-box__text { font-size: 1.3rem; line-height: 1.6923076923; }
.salon-detail-box__title { white-space: nowrap; }
.salon-detail-box__title::after { content: '\FF1A'; }
.salon-detail-box__text { margin: 0; }
.salon-detail-box__text > a { display: inline-block; vertical-align: top; color: #333; }
.salon-detail-gmap { margin-top: 21px; }
.salon-detail-gmap > a { display: inline-flex; justify-content: center; align-items: center; gap: 6px; width: 100%; border-color: rgba(0,0,0,0.15); }
.salon-detail-gmap > a::after { content: ''; width: 11px; height: 11px; background: url(./_assets/img/icon/external1-gray.svg) no-repeat center center; background-size: 100%; }
.salon-detail-menu__title { margin: 0 0 18px; font-size: 1.3rem; font-weight: 700; line-height: 1.2307692307; }
.salon-detail-tags { display: flex; flex-flow: nowrap; gap: 4px; }
.salon-detail-tags > span { padding: 6px 12px 5px; border: 1px solid rgba(0,0,0,0.2); border-radius: 20px; font-size: 1.1rem; line-height: 1.2909090909; }
.salon-detail-tags > span.is-disabled { color: rgba(51,51,51,0.35); }
.salon-detail-below .btns-1 { margin-top: 20px; }
.salon-detail-below .btn-1 > a[target=_blank]::after { display: none; }

@media screen and (max-width: 768px) {
  .salon-detail-above > .l-wrap,
  .salon-detail-below > .l-wrap { padding: 0 20px; }
  .salon-detail-slide .splide__arrows,
  .salon-detail-slide .splide__pagination { display: none; }
  .salon-detail-sns { margin-bottom: 25px; }
  .salon-detail-en { top: 4px; left: calc(100vw + 0.3em); transform-origin: left top; transform: rotate(90deg); }
  .salon-detail-address > a { pointer-events: none; }
  .salon-detail-menu { margin-top: 40px; }
}

@media screen and (min-width: 769px) {
  .salon-detail-above { padding: 100px 0 80px; }
  .salon-detail-above > .l-wrap { display: grid; grid-auto-rows: auto 1fr; grid-template-columns: calc(100% - 48.3432455395%) 48.3432455395%; max-width: 1217px; }
  .salon-detail-title { grid-row: 1; grid-column: 1; margin-bottom: 39px; font-size: 3.4rem; line-height: 0.8823529411; }
  .salon-detail-sns { grid-row: 2; grid-column: 1; }
  .salon-detail-sns__item { font-size: 1.6rem; line-height: 1; }
  .salon-detail-sns__item > a { gap: 12px; }
  .salon-detail-sns__item > a::before { width: 51px; height: 51px; }
  .salon-detail-sns__item.is-instagram > a::before { background-size: 19px; }
  .salon-detail-introduce { grid-row: 1 / 3; grid-column: 2; font-size: 1.6rem; line-height: 1.875; }
  .salon-detail-introduce p + p { margin-top: 1.875em; }
  .salon-detail-en { bottom: 8px; left: -12px; font-size: 13rem; line-height: 0.5384615384; }
  .salon-detail-thumb { display: none; }
  .salon-detail-below { padding: 60px 0; }
  .salon-detail-below > .l-wrap { display: grid; grid-auto-rows: auto 1fr; grid-template-columns: repeat(2,50%); max-width: 1217px; }
  .salon-detail-below__info { padding-right: 75px; border-right: 1px solid rgba(0,0,0,0.15); }
  .salon-detail-address { font-size: 1.6rem; line-height: 1.875; }
  .salon-detail-box__title,
  .salon-detail-box__text { font-size: 1.6rem; line-height: 1.875; }
  .salon-detail-gmap { display: none; }
  .salon-detail-menu { padding-left: 65px; }
  .salon-detail-menu__title { margin-bottom: 28px; font-size: 1.6rem; line-height: 1; }
  .salon-detail-tags { gap: 6px; }
  .salon-detail-tags > span { padding: 6px 15px 7px; font-size: 1.2rem; line-height: 1; }
  .salon-detail-below .btns-1 { grid-column: 1 / 3; margin-top: 44px; }
}

@media screen and (min-width: 769px) and (max-width: 1238px) {
  .salon-detail-slide .splide__arrow--prev { left: 20px; margin-left: 0; }
  .salon-detail-slide .splide__arrow--next { right: 20px; margin-right: 0; }
}

/* staff */
.salon-staff { padding: 62px 0 70px; }
.salon-staff .title-1 { margin-bottom: 23px; }
.salon-staff .tags-1 { margin-bottom: 30px; }

@media screen and (max-width: 768px) {
  .salon-staff .title-1,
  .salon-staff .lists-staff { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .salon-staff { padding: 110px 0 120px; }
  .salon-staff .title-1 { margin-bottom: 40px; }
  .salon-staff .tags-1 { margin-bottom: 60px; }
}

/* blog */
.salon-blog { position: relative; padding: 60px 0 80px; background-color: #fff; }
.salon-blog-above .title-1 { margin-bottom: 31px; }
.salon-blog-above .link-1 { position: absolute; top: 16px; right: 20px; }
.salon-blog-below { margin-top: 25px; }
.salon-blog-below .btn-1 > button { width: 100%; }

@media screen and (max-width: 768px) {
  .salon-blog-above > .l-wrap,
  .salon-blog-below > .l-wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .salon-blog { padding: 110px 0 120px; }
  .salon-blog-above .title-1 { margin-bottom: 50px; }
  .salon-blog-above .link-1 { top: 38px; }
  .salon-blog .lists-blog2[data-column-desktop] { display: grid !important; }
  .salon-blog-below { margin-top: 50px; }
  .salon-blog-below .btn-1 { margin: 0 auto; max-width: 453px; }
}

/* news
------------------------------------------------ */
/* archive */
.news-archive { position: relative; padding: 72px 0; }
.news-archive .title-1 { margin-bottom: 34px; }

@media screen and (max-width: 768px) {
  .news-archive .title-1,
  .news-archive .lists-news { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .news-archive { padding: 140px 0 88px; }
  .news-archive > .l-wrap { max-width: 1040px; }
  .news-archive .title-1 { margin-bottom: 60px; }
  .news-archive .tags-1 { margin-bottom: 72px; }
}

/* detail */
.news-detail { padding: 72px 0 50px; }
.news-detail-above { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-bottom: 32px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.news-detail-date { margin: 0; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.4545454545; color: #000; opacity: 0.5; }
.news-detail-categories { display: flex; gap: 10px; margin-left: 11px; }
.news-detail-categories > span { padding: 6px 12px 5px; border: 1px solid rgba(0,0,0,0.2); border-radius: 20px; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.2909090909; color: #333; }
.news-detail-title { margin: 16px 0 0; width: 100%; font-size: 2rem; font-weight: 400; line-height: 1.6; }
.news-detail-categories + .news-detail-title { margin-top: 11px; }
.news-detail-content { font-size: 1.3rem; line-height: 1.6923076923; }
.news-detail-content p { margin: 0; }
.news-detail-content > * + * { margin-top: 1.6923076923em !important; }
.news-detail-content .wp-block-image { display: block; margin: 0; padding: 0; }
.news-detail-content a { color: #333; }

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

@media screen and (min-width: 769px) {
  .news-detail { padding: 106px 0 88px; }
  .news-detail > .l-wrap { max-width: 1040px; }
  .news-detail-above { margin-bottom: 46px; padding-bottom: 32px; }
  .news-detail-date { font-size: 1.6rem; line-height: 1; }
  .news-detail-categories { margin-left: 15px; }
  .news-detail-categories > span { padding: 6px 15px 7px; font-size: 1.2rem; line-height: 1; }
  .news-detail-title { margin-top: 27px; font-size: 3rem; line-height: 1; }
  .news-detail-categories + .news-detail-title { margin-top: 23px; }
  .news-detail-content { font-size: 1.6rem; line-height: 1.875; }
  .news-detail-content > * + * { margin-top: 1.875em !important; }
}

/* staff
------------------------------------------------ */
/* archive */
.staff-archive { position: relative; padding: 72px 0 66px; }
.staff-archive-above { position: relative; margin-bottom: 23px; }
.staff-archive-title { position: relative; margin-bottom: 40px; }
.staff-archive-title .title-1 { margin-bottom: 0; }
.staff-archive-tags { position: absolute; bottom: 6px; right: 0; }
.staff-archive-tags > span { display: inline-block; padding: 6px 12px 5px; background-color: #fff; border-radius: 20px; vertical-align: top; font-size: 1.1rem; line-height: 1.2909090909; }

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

@media screen and (min-width: 769px) {
  .staff-archive { padding: 140px 0 118px; }
  .staff-archive > .l-wrap { max-width: 1040px; }
  .staff-archive-above { margin-bottom: 67px; }
  .staff-archive-title { margin-bottom: 40px; }
  .staff-archive-tags { bottom: 12px; }
  .staff-archive-tags > span { padding: 20px 30px; border-radius: 60px; font-size: 1.5rem; line-height: 0.8; }
}

/* detail */
.staff-detail { position: relative; padding: 72px 0 30px; overflow: hidden; }
.staff-detail-content { position: relative; }
.staff-detail-photo { position: relative; aspect-ratio: 1 / 1; width: 100%; height: 100%; overflow: hidden; }
.staff-detail-photo img { height: auto; }
.staff-detail-info { position: relative; }
.staff-detail-sns { display: flex; position: absolute; top: 0; right: 0; gap: 10px; }
.staff-detail-sns__item { width: 35px; height: 35px; }
.staff-detail-sns__item > a { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; background-color: #444; border-radius: 50%; }
.staff-detail-sns__item.is-instagram img { width: 13px; height: 13px; }
.staff-detail-sns__item.is-tiktok img { width: 11px; height: 13px; }
.staff-detail-sns__item.is-youtube img { width: 16px; height: 12px; }
.staff-detail-info__above { position: relative; }
.staff-detail-info__above[data-sns-count='1'] { width: calc(100% - 45px); }
.staff-detail-info__above[data-sns-count='2'] { width: calc(100% - (45px * 2)); }
.staff-detail-info__above[data-sns-count='3'] { width: calc(100% - (45px * 3)); }
.staff-detail-salon { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 8px; }
.staff-detail-salon > span { display: inline-block; padding: 6px 12px 5px; border: 1px solid rgba(0,0,0,0.2); border-radius: 20px; vertical-align: top; font-size: 1.1rem; line-height: 1.2909090909; }
.staff-detail-name { position: relative; }
.staff-detail-name__ja { margin: 0; font-size: 1.8rem; font-weight: 400; line-height: 1.2; }
.staff-detail-name__en { margin: 3px 0 0; font-size: 1.1rem; line-height: 1.0909090909; opacity: 0.5; }
.staff-detail-review { display: flex; gap: 3px; margin-top: 8px; }
.staff-detail-review > i { width: 13px; height: 13px; }
.staff-detail-review > i svg { width: 100%; height: 100%; }
.staff-detail-work { display: flex; flex-wrap: wrap; margin: 6px 0 0; font-size: 1.3rem; line-height: 1.7692307692; }
.staff-detail-work > span:not(:first-child)::before { content: '/'; padding: 0 0.2em; }
.staff-detail-info .btn-1 { margin-top: 13px; }
.staff-detail-info .btn-1 > a { width: 100%; }
.staff-detail-info .btn-1 > a[target=_blank]::after { display: none; }
.staff-detail-schedule { margin-top: 54px; }
.staff-detail-schedule__title { margin: 0 0 27px; font-size: 1.8rem; font-weight: 700; line-height: 0.8888888888; }
.staff-detail-schedule__cell { width: 100%; border: 1px solid rgba(0,0,0,0.15); border-collapse: collapse; border-spacing: 0; }
.staff-detail-schedule__cell th,
.staff-detail-schedule__cell td { width: calc(100% / 7); text-align: center; font-size: 1.3rem; font-weight: 400; line-height: 1.6923076923; }
.staff-detail-schedule__cell th { padding: 6px; border-bottom: 1px solid rgba(0,0,0,0.15); }
.staff-detail-schedule__cell td { padding: 13px 6px; }
.staff-detail-schedule__cell p { margin: 0; }
.staff-detail-schedule__cell .is-work { position: relative; margin: 0 auto; width: 16px; height: 16px; border: 1px solid #333; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.staff-detail-schedule__note { margin: 7px 0 0; font-size: 1.3rem; line-height: 1.6923076923; }
.staff-detail-message { margin-top: 50px; }
.staff-detail-message__box { margin: 0; }
.staff-detail-message__box__title { margin-bottom: 18px; font-size: 1.8rem; font-weight: 700; line-height: 0.8888888888; }
.staff-detail-message__box__text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.staff-detail-en { pointer-events: none; position: absolute; top: 37px; left: calc(100vw + 16px); transform-origin: left top; transform: rotate(90deg); margin: 0; font-family: 'Cormorant SC', serif; font-size: 6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.1666666666; color: #fff; z-index: 2; }

@media screen and (max-width: 768px) {
  .staff-detail > .l-wrap { padding: 0 20px; }
  .staff-detail-photo { margin-bottom: 10px; }
  .staff-detail-message__box:not(:first-child) { margin-top: 50px; }
}

@media screen and (min-width: 769px) {
  .staff-detail { padding: 140px 0 82px; }
  .staff-detail > .l-wrap { max-width: 1218px; }
  .staff-detail-content { display: grid; gap: 63px; grid-template-columns: 49.2359932088% calc((100% - 49.2359932088%) - 63px); }
  .staff-detail-sns { gap: 19px; }
  .staff-detail-sns__item { width: 51px; height: 51px; }
  .staff-detail-sns__item.is-instagram img { width: 19px; height: 19px; }
  .staff-detail-sns__item.is-tiktok img { width: 16px; height: 18px; }
  .staff-detail-sns__item.is-youtube img { width: 20px; height: 15px; }
  .staff-detail-info__above[data-sns-count='1'] { width: calc(100% - 70px); }
  .staff-detail-info__above[data-sns-count='2'] { width: calc(100% - (70px * 2)); }
  .staff-detail-info__above[data-sns-count='3'] { width: calc(100% - (70px * 3)); }
  .staff-detail-salon { margin-bottom: 13px; }
  .staff-detail-salon > span { padding: 6px 15px 7px; font-size: 1.2rem; line-height: 1; }
  .staff-detail-name__ja { font-size: 3.4rem; }
  .staff-detail-name__en { margin-top: 10px; font-size: 1.6rem; line-height: 0.75; }
  .staff-detail-review { gap: 6px; margin-top: 20px; }
  .staff-detail-review > i { width: 17px; height: 17px; }
  .staff-detail-work { margin-top: 12px; font-size: 1.6rem; line-height: 1.4375; }
  .staff-detail-info .btn-1 { margin-top: 25px; }
  .staff-detail-schedule { margin-top: 65px; }
  .staff-detail-schedule__title { margin-bottom: 13px; font-size: 2rem; line-height: 0.8; }
  .staff-detail-schedule__cell th { padding: 2px 2px 0 0; font-size: 1.6rem; line-height: 2.75; }
  .staff-detail-schedule__cell td { padding: 8px 2px; font-size: 2.6rem; line-height: 1.6923076923; }
  .staff-detail-schedule__cell .is-work { width: 26px; height: 26px; }
  .staff-detail-schedule__note { margin-top: 12px; font-size: 1.6rem; line-height: 1.875; }
  .staff-detail-message { display: grid; grid-template-columns: repeat(2,50%); margin-top: 54px; }
  .staff-detail-message__box:nth-of-type(2n+1) { padding-right: 54px; }
  .staff-detail-message__box:nth-of-type(2n) { padding-left: 54px; border-left: 1px solid rgba(0,0,0,0.15); }
  .staff-detail-message__box__title { margin-bottom: 14px; font-size: 2rem; line-height: 0.8; }
  .staff-detail-message__box__text { font-size: 1.6rem; line-height: 1.875; }
  .staff-detail-en { top: 80px; left: 100vw; font-size: 13rem; line-height: 0.5384615384; z-index: -1; }
}

/* catalog */
.staff-catalog { position: relative; padding: 65px 0 58px; background-color: #fff; }

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

@media screen and (min-width: 769px) {
  .staff-catalog { padding: 122px 0 90px; }
}

/* blog */
.staff-blog { position: relative; padding: 60px 0 80px; }
.staff-blog-above .title-1 { margin-bottom: 31px; }
.staff-blog-above .link-1 { position: absolute; top: 16px; right: 20px; }
.staff-blog-below { margin-top: 25px; }
.staff-blog-below .btn-1 > button { width: 100%; }

@media screen and (max-width: 768px) {
  .staff-blog-above > .l-wrap,
  .staff-blog-content > .l-wrap,
  .staff-blog-below > .l-wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .staff-blog { padding: 110px 0 120px; }
  .staff-blog-above .title-1 { margin-bottom: 50px; }
  .staff-blog-above .link-1 { top: 38px; }
  .staff-blog-below { margin-top: 50px; }
  .staff-blog-below .btn-1 { margin: 0 auto; max-width: 453px; }
}

/* price
------------------------------------------------ */
/* archive */
.price-archive { position: relative; padding-top: 72px; }
.price-archive-above { margin-bottom: 56px; }
.price-archive-above .title-1 { margin-bottom: 40px; }
.price-archive-content.is-hidden { opacity: 0; }
.price-archive-content.is-show { transition: opacity 0.4s ease; opacity: 1; }
.price-archive-block { padding: 24px 0 50px; }
.price-archive-block:nth-of-type(odd) { background-color: #fff; }
.price-archive-block .is-review { color: #FF6500; }
.price-archive-block__title { margin-bottom: 18px; padding: 16px 0; border-bottom: 1px solid #333; }
.price-archive-block__title__name { margin: 0; font-size: 2.4rem; font-weight: 700; line-height: 1.0833333333; }
.price-archive-block__title__note { margin: 6px 0 -8px; font-size: 1.3rem; line-height: 1.6923076923; }
.price-archive-block__note { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.price-archive-block__note + .price-archive-block__title { margin-top: 44px; padding-top: 0; }
.price-archive-block__text { margin-bottom: 18px; font-size: 1.3rem; line-height: 1.5; }
.price-archive-block__text p { margin: 0; }
.price-archive-block__text p + p { margin-top: 1.5em; }
.price-archive-subblock { position: relative; }
.price-archive-subblock__title { margin: 0 0 16px; font-size: 1.6rem; font-weight: 700; line-height: 1.625; }
.price-archive-subblock__text { margin-bottom: 16px; font-size: 1.3rem; line-height: 1.5; }
.price-archive-subblock__text p { margin: 0; }
.price-archive-subblock__text p + p { margin-top: 1.5em; }
.price-archive-subblock__note { margin: -12px 0 -2px; font-size: 1.3rem; line-height: 1.6923076923; }
.price-archive-subblock__content dl { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 0; }
.price-archive-subblock__content dl.is-between { justify-content: space-between; }
.price-archive-subblock__content dl > dt { display: flex; font-size: 1.6rem; line-height: 1.875; }
.price-archive-subblock__content dl > dt i.is-review { font-style: normal; }
.price-archive-subblock__content dl > dd { margin: 0; width: 105px; text-align: right; white-space: nowrap; font-family: 'Figtree', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.5; }
.price-archive-subblock__content dl > dd > span { font-size: 1.6rem; line-height: 1.875; }
.price-archive-subblock__content dl.is-between > dd { margin-left: auto; }
.price-archive-subblock__content dl > dd.is-option { width: 100%; }
.price-archive-subblock__content > *:not(dl) { margin: 16px 0 0; }

@media screen and (max-width: 768px) {
  .price-archive-above > .l-wrap,
  .price-archive-block > .l-wrap { padding: 0 20px; }
  .price-archive-subblock:not(:first-child) { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(0,0,0,0.15); }
}

@media screen and (min-width: 769px) {
  .price-archive { padding-top: 140px; }
  .price-archive-above > .l-wrap,
  .price-archive-block > .l-wrap { max-width: 1218px; }
  .price-archive-above { margin-bottom: 118px; }
  .price-archive-above .title-1 { margin-bottom: 90px; }
  .price-archive-block { padding: 54px 0 74px; }
  .price-archive-block__title { margin-bottom: 40px; padding: 12px 0 16px; }
  .price-archive-block__title__name { font-size: 3rem; line-height: 0.8666666666; }
  .price-archive-block__title__note { margin: 8px 0 -10px; font-size: 1.6rem; line-height: 1.875; }
  .price-archive-block__note { font-size: 1.6rem; line-height: 1.875; }
  .price-archive-block__note + .price-archive-block__title { margin-top: 54px; }
  .price-archive-block__text { margin-bottom: 40px; font-size: 1.6rem; }
  .price-archive-block__content { display: grid; grid-template-columns: repeat(2,50%); }
  .price-archive-block__content.is-straight { display: block; }
  .price-archive-subblock { padding-top: 12px; }
  .price-archive-subblock:nth-of-type(2n+1) { padding-right: 40px; }
  .price-archive-subblock:nth-of-type(2n) { padding-left: 40px; border-left: 1px solid rgba(0,0,0,0.15); }
  .price-archive-subblock:not(:nth-of-type(-n+2)),
  .price-archive-subblock.is-straight:not(:first-child) { margin-top: 80px; }
  .price-archive-subblock:not(:nth-of-type(-n+2))::before,
  .price-archive-subblock.is-straight:not(:first-child)::before { content: ''; position: absolute; top: -40px; left: 0; width: 100%; height: 1px; background-color: rgba(0,0,0,0.15); }
  .price-archive-subblock.is-straight { grid-column: 1 / 3; padding-right: 0; padding-left: 0; border-left: none; }
  .price-archive-subblock__title { margin-bottom: 20px; font-size: 2.4rem; line-height: 1.2; }
  .price-archive-subblock__text { margin-bottom: 25px; font-size: 1.6rem; }
  .price-archive-subblock__note { margin: -12px 0 -2px; font-size: 1.6rem; line-height: 1.875; }
  .price-archive-subblock__content dl > dt { font-size: 2.2rem; line-height: 1.4545454545; }
  .price-archive-subblock__content dl > dd { width: 140px; font-size: 2.4rem; line-height: 1.3333333333; }
  .price-archive-subblock__content dl > dd > span { font-size: 2rem; line-height: 1.6; }
  .price-archive-subblock__content > *:not(dl) { margin-top: 20px; }
}

/* highlight
------------------------------------------------ */
.highlight { position: relative; padding-top: 74px; }
.highlight + .banner-multi { padding-top: 82px; }

@media screen and (min-width: 769px) {
  .highlight { padding-top: 145px; }
  .highlight + .banner-multi { padding-top: 140px; }
}

/* title */
.highlight-title { position: relative; z-index: 2; }
.highlight-title-name { margin: 0; font-family: 'Cormorant SC', serif; font-size: 5rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.8; }
.highlight-title-name > span { font-family: 'Cormorant', serif; font-size: 4rem; font-weight: 500; line-height: 1; }

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

@media screen and (min-width: 769px) {
  .highlight-title-name { font-size: 10rem; }
  .highlight-title-name > span { font-size: 8rem; }
}

/* visual */
.highlight-visual { position: relative; margin-top: -12px; padding-bottom: 50px; background-color: #fff; z-index: 1; }
.highlight-visual-photo { position: relative; overflow: hidden; z-index: 1; }
.highlight-visual-photo picture { height: 100%; }
.highlight-visual-info { position: relative; z-index: 2; }
.highlight-visual-copy { margin-top: -20px; font-size: 1.8rem; line-height: 1.1111111111; }
.highlight-visual-copy > p { margin: 0; }
.highlight-visual-copy > p + p { margin-top: 5px; }
.highlight-visual-copy > p > span { display: inline-block; position: relative; padding: 9px 12px 11px 14px; vertical-align: top; overflow: hidden; }
.highlight-visual-copy > p > span::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FBF2E7; z-index: -1; }
.highlight-visual-text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.highlight-visual-lists > li { position: relative; padding: 25px 0 25px 48px; font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.highlight-visual-lists > li:not(:last-child) { border-bottom: 1px solid #000; }
.highlight-visual-lists > li::before { content: ''; position: absolute; top: 50%; left: 8px; transform: translateY(-50%); width: 20px; height: 20px; background: url(./_assets/img/icon/check1.svg) no-repeat center center; background-size: 100%; }

.highlight-visual-copy.u-lazy > p > span::after { transition: width 1s ease; width: 0; }
.highlight-visual-copy.u-lazy.u-lazy-done > p > span::after { width: 100%; }

@media screen and (max-width: 768px) {
  .highlight-visual > .l-wrap { padding: 0 20px; }
  .highlight-visual-photo { aspect-ratio: 1 / 1.2666666666; }
  .highlight-visual-text { margin-top: 31px; }
  .highlight-visual-lists { margin-top: 38px; }
}

@media screen and (min-width: 769px) {
  .highlight-visual { margin-top: -32px; padding-bottom: 70px; }
  .highlight-visual-photo { height: 680px; }
  .highlight-visual-info { display: grid; column-gap: 10.5633802816%; grid-template-columns: calc(100% - (40.4225352112% + 10.5633802816%)) 40.4225352112%; grid-auto-rows: 1fr; }
  .highlight-visual-copy { grid-row: 1; grid-column: 1; margin-top: -31px; font-size: 3.4rem; line-height: 1; }
  .highlight-visual-copy > p + p { margin-top: 3px; }
  .highlight-visual-copy > p > span { padding: 14px 23px 17px; }
  .highlight-visual-text { grid-row: 2; grid-column: 1; margin-top: 45px; font-size: 1.6rem; line-height: 1.875; }
  .highlight-visual-lists { grid-row: 1 / 3; grid-column: 2; margin-top: 66px; }
  .highlight-visual-lists > li { padding: 36px 0 36px 66px; font-size: 2rem; }
  .highlight-visual-lists > li::before { left: 10px; width: 30px; height: 30px; }
}

/* technic */
.highlight-technic { position: relative; padding-bottom: 70px; background-color: #fff; color: #fff; z-index: 2; }
.highlight-technic::after { content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-color: #444; z-index: -1; }
.highlight-technic-slide { margin-bottom: 70px; }
.highlight-technic-media { position: relative; aspect-ratio: 1 / 0.5626666666; overflow: hidden; }
.highlight-technic-media iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.highlight-technic-text { margin-top: 20px; font-size: 1.3rem; line-height: 1.6923076923; }

@media screen and (max-width: 768px) {
  .highlight-technic > .l-wrap { padding: 0 20px; }
  .highlight-technic-media { margin: 0 -20px; width: calc(100% + 40px); }
}

@media screen and (min-width: 769px) {
  .highlight-technic { padding-bottom: 110px; }
  .highlight-technic::after { top: 116px; height: calc(100% - 116px); }
  .highlight-technic-slide { margin-bottom: 110px; }
  .highlight-technic .title-1 { margin-bottom: 40px; }
  .highlight-technic-text { margin-top: 20px; font-size: 1.6rem; line-height: 1.875; }
}

/* design */
.highlight-design { position: relative; padding: 62px 0 90px; }
.highlight-design .title-1 { margin-bottom: 54px; }
.highlight-design-slide__lists__photo { margin: 0; }
.highlight-design-slide__lists__photo figcaption { margin-top: 10px; text-align: center; font-size: 1.3rem; line-height: 1.6923076923; }
.highlight-design-slide .splide-control { margin-top: 12px; }
.highlight-design-lists__title { position: relative; margin-bottom: 10px; }
.highlight-design-lists__title__ja { margin: 0; font-size: 1.8rem; font-weight: 700; line-height: 1.1111111111; }
.highlight-design-lists__title__en { position: absolute; bottom: -10px; right: -20px; margin: 0; text-align: right; font-family: 'Cormorant SC', serif; font-size: 4rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.85; color: #fff; z-index: -1; }
.highlight-design-lists__text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.highlight-design-orders { counter-reset: highlightDesignNumber 0; }
.highlight-design-orders > li { position: relative; padding: 34px 20px 32px 70px; border-bottom: 1px solid rgba(0,0,0,0.15); }
.highlight-design-orders > li:first-child { border-top: 1px solid rgba(0,0,0,0.15); }
.highlight-design-orders > li::before { counter-increment: highlightDesignNumber 1; content: '0' counter(highlightDesignNumber); position: absolute; top: 30px; left: 20px; font-family: 'Cormorant SC', serif; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.03em; line-height: 0.5714285714; }
.highlight-design-orders > li::after { content: ''; position: absolute; top: 54px; left: 22px; width: 24px; height: 1px; background-color: #000; }
.highlight-design-orders > li > dl { margin: 0; }
.highlight-design-orders > li > dl > dt { margin-bottom: 15px; font-size: 1.5rem; line-height: 1; }
.highlight-design-orders > li > dl > dd { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }

@media screen and (max-width: 768px) {
  .highlight-design > .l-wrap { padding: 0 20px; }
  .highlight-design-lists { display: grid; gap: 80px; }
  .highlight-design-slide { margin: 12px -20px 20px; width: calc(100% + 40px); }
  .highlight-design-orders { margin: 0 -20px; width: calc(100% + 40px); }
  .highlight-design-lists__item .btn-1 { margin-top: 28px; }
  .highlight-design-lists__item .btn-1 > a { width: 100%; }
}

@media screen and (min-width: 769px) {
  .highlight-design { padding: 152px 0 150px; }
  .highlight-design .title-1 { margin-bottom: 50px; }
  .highlight-design-lists { display: grid; gap: 156px; }
  .highlight-design-lists__item { display: grid; column-gap: 5.6338028169%; grid-template-columns: 48.9436619718% 1fr; grid-auto-rows: auto auto auto 1fr; }
  .highlight-design-lists__title { grid-row: 1; grid-column: 2; margin-bottom: 19px; padding-top: 52px; }
  .highlight-design-lists__title__ja { font-size: 3.2rem; line-height: 1.2; }
  .highlight-design-lists__title__en { bottom: -2.6760563380vw; right: 0; font-size: 5.6338028169vw; line-height: 0.875; }
  .highlight-design-lists__text { grid-row: 2; grid-column: 2; font-size: 1.6rem; line-height: 1.875; }
  .highlight-design-slide { grid-row: 1 / 5; grid-column: 1; }
  .highlight-design-slide__lists__photo figcaption { margin-top: 20px; font-size: 1.6rem; line-height: 1.875; }
  .highlight-design-slide .splide-control { margin-top: 20px; }
  .highlight-design-orders { grid-row: 3; grid-column: 2; margin-top: 41px; }
  .highlight-design-orders > li { padding: 42px 0 40px 67px; }
  .highlight-design-orders > li::before { top: 35px; left: -2px; font-size: 3.6rem; line-height: 0.8333333333; }
  .highlight-design-orders > li::after { top: 75px; left: 1px; width: 28px; }
  .highlight-design-orders > li > dl > dt { margin-bottom: 17px; font-size: 2rem; line-height: 1; }
  .highlight-design-orders > li > dl > dd { font-size: 1.6rem; line-height: 1.875; }
  .highlight-design-lists__item .btn-1 { grid-row: 4; grid-column: 2; margin-top: 50px; text-align: center; }
  .highlight-design-lists__item .btn-1 > a { width: 100%; max-width: 250px; }

  .highlight-design-lists__item:nth-of-type(even) .highlight-design-lists__title,
  .highlight-design-lists__item:nth-of-type(even) .highlight-design-lists__text,
  .highlight-design-lists__item:nth-of-type(even) .highlight-design-orders,
  .highlight-design-lists__item:nth-of-type(even) .btn-1 { grid-column: 1; }
  .highlight-design-lists__item:nth-of-type(even) .highlight-design-slide { grid-column: 2; }
}

@media screen and (min-width: 1420px) {
  .highlight-design-lists__title__en { bottom: -38px; font-size: 8rem; }
}

/* style */
.highlight-style { position: relative; padding: 66px 0 70px; background-color: #fff; }
.highlight-style-text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.highlight-style-lists { counter-reset: highlightStyleNumber 0; }
.highlight-style-lists__item { position: relative; }
.highlight-style-lists__item::before { counter-increment: highlightStyleNumber 1; content: '0' counter(highlightStyleNumber); position: absolute; top: -22px; font-family: 'Cormorant SC', serif; font-size: 7rem; font-weight: 500; letter-spacing: -0.03em; line-height: 0.4285714285; z-index: 2; }
.highlight-style-slide { position: relative; z-index: 1; }
.highlight-style-slide__lists__photo { margin: 0; }
.highlight-style-lists__title { margin: 0 0 14px; font-size: 2rem; font-weight: 400; line-height: 1.5; }
.highlight-style-lists__text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }

.highlight-style-lists__item:nth-of-type(odd)::before { left: 0; }
.highlight-style-lists__item:nth-of-type(even)::before { right: 0; }

@media screen and (max-width: 768px) {
  .highlight-style > .l-wrap { padding: 0 20px; }
  .highlight-style-lists { display: grid; gap: 60px; margin: 50px -20px 0; width: calc(100% + 40px); }
  .highlight-style-slide { margin-bottom: 30px; }

  .highlight-style-lists__item:nth-of-type(odd) { margin-right: 20px; }
  .highlight-style-lists__item:nth-of-type(odd) .highlight-style-lists__info { padding-left: 20px; }
  .highlight-style-lists__item:nth-of-type(even) { margin-left: 20px; }
  .highlight-style-lists__item:nth-of-type(even) .highlight-style-lists__info { padding-right: 20px; }
}

@media screen and (min-width: 769px) {
  .highlight-style { padding: 150px 0 120px; }
  .highlight-style-above { position: absolute; top: 155px; left: 20px; }
  .highlight-style-above .title-1 { margin-bottom: 20px; }
  .highlight-style-text { font-size: 1.6rem; line-height: 1.875; }
  .highlight-style-lists { display: grid; justify-content: space-between; grid-template-columns: repeat(2,46.8309859154%); }
  .highlight-style-lists__item::before { top: -22px; font-size: 10rem; line-height: 0.3; }
  .highlight-style-slide { margin-bottom: 28px; }
  .highlight-style-lists__title { margin-bottom: 18px; font-size: 2.4rem; line-height: 1.2; }
  .highlight-style-lists__text { font-size: 1.6rem; line-height: 1.875; }
  
  .highlight-style-lists__item:not(:first-child) { margin-top: 240px; }
  .highlight-style-lists__item:nth-of-type(odd) { grid-column: 2; }
  .highlight-style-lists__item:nth-of-type(odd)::before { left: 20px; }
  .highlight-style-lists__item:nth-of-type(even) { grid-column: 1; margin-top: -240px; }
  .highlight-style-lists__item:nth-of-type(even)::before { right: 20px; }
}

/* blog */
.highlight-blog { position: relative; padding: 72px 0 80px; }
.highlight-blog-text { margin: 0 0 30px; font-size: 1.3rem; line-height: 1.6923076923; }
.highlight-blog-lists { display: grid; gap: 30px; }
.highlight-blog-lists__item > a { display: block; position: relative; text-decoration: none; color: #fff; }
.highlight-blog-lists__item > a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 51.3955582232%; background: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%); opacity: 0.4; z-index: 2; }
.highlight-blog-lists__photo { position: relative; aspect-ratio: 1 / 1; overflow: hidden; z-index: 1; }
.highlight-blog-lists__info { position: absolute; bottom: 0; left: 0; padding: 14px 20px; width: 100%; z-index: 3; }
.highlight-blog-lists__title { position: relative; margin: 0; padding-right: 32px; font-size: 1.8rem; font-weight: 400; line-height: 1.6666666666; }
.highlight-blog-lists__title::after { content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 42px; height: 42px; background: url(./_assets/img/icon/arrow1-white.svg) no-repeat center center #444; background-size: 11px 9px; border-radius: 50%; }

@media screen and (max-width: 768px) {
  .highlight-blog > .l-wrap { padding: 0 20px; }
  .highlight-blog .btn-1 { margin-top: 30px; }
  .highlight-blog .btn-1 > a { width: 100%; }
}

@media screen and (min-width: 769px) {
  .highlight-blog { padding: 116px 0 150px; }
  .highlight-blog .title-1 { margin-bottom: 20px; }
  .highlight-blog-text { margin-bottom: 50px; font-size: 1.6rem; line-height: 1.875; }
  .highlight-blog-lists { gap: 30px; grid-template-columns: repeat(3,calc((100% / 3) - (30px / (3 / 2)))); }
  .highlight-blog-lists__item > a::after { height: 33.3333333333%; }
  .highlight-blog-lists__info { padding: 23px 30px; }
  .highlight-blog-lists__title { font-size: 2rem; line-height: 1.5; }
  .highlight-blog-lists__title::after { right: -15px; width: 48px; height: 48px; background-size: 12px 10px; }
  .highlight-blog .btn-1 { position: absolute; top: 80px; right: 20px; }
}

/* copy */
.highlight-copy { text-align: center; font-size: 1.3rem; line-height: 1.6923076923; }

@media screen and (max-width: 768px) {
  .highlight-copy { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .highlight-copy { font-size: 1.6rem; line-height: 1.875; }
}

/* specialist
------------------------------------------------ */
.specialist { position: relative; padding-top: 80px; }
.specialist-above { margin-bottom: 40px; }
.specialist-title { margin-bottom: 40px; }
.specialist-title__parent,
.specialist-title__name { margin: 0; font-family: 'Cormorant SC', serif; font-weight: 500; }
.specialist-title__parent { margin-bottom: 12px; font-size: 1.4rem; letter-spacing: -0.03em; line-height: 1; }
.specialist-title__name { font-size: 5rem; letter-spacing: -0.05em; line-height: 0.6; }
.specialist-above .tags-1 { margin-bottom: 0; }

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

@media screen and (min-width: 769px) {
  .specialist { padding-top: 140px; }
  .specialist-above { margin-bottom: 70px; }
  .specialist-title { margin-bottom: 60px; }
  .specialist-title__parent { margin-bottom: 20px; font-size: 2.6rem; line-height: 1.1538461538; }
  .specialist-title__name { font-size: 10rem; line-height: 0.7; }
}

/* visual */
.specialist-visual { position: relative; z-index: 1; }
.specialist-visual-photo { position: relative; overflow: hidden; z-index: 1; }
.specialist-visual-photo picture { height: 100%; }
.specialist-visual-info { position: relative; z-index: 2; }
.specialist-visual-copy { font-size: 1.8rem; line-height: 1.1111111111; }
.specialist-visual-copy > p { margin: 0; }
.specialist-visual-copy > p + p { margin-top: 5px; }
.specialist-visual-copy > p > span { display: inline-block; position: relative; padding: 9px 12px 11px 14px; vertical-align: top; overflow: hidden; }
.specialist-visual-copy > p > span::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1; }
.specialist-visual-text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.specialist-visual-lists { counter-reset: specialistVisualNumber 0; background-color: #444; color: #fff; }
.specialist-visual-lists a { color: #fff; }
.specialist-visual-lists > li { position: relative; font-size: 1.4rem; font-weight: 700; line-height: 1.2857142857; }
.specialist-visual-lists > li:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.15); }
.specialist-visual-lists > li > a { display: flex; align-items: center; position: relative; padding: 10px 10px 10px 70px; min-height: 90px; text-decoration: none; }
.specialist-visual-lists > li > a::before { counter-increment: specialistVisualNumber 1; content: '0' counter(specialistVisualNumber); position: absolute; top: 27px; left: 20px; font-family: 'Cormorant SC', serif; font-size: 3rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1; }

.specialist-visual-copy.u-lazy > p > span::after { transition: width 1s ease; width: 0; }
.specialist-visual-copy.u-lazy.u-lazy-done > p > span::after { width: 100%; }

@media screen and (max-width: 768px) {
  .specialist-visual > .l-wrap { padding: 0 20px; }
  .specialist-visual-photo { aspect-ratio: 1 / 1; }
  .specialist-visual-copy { margin-top: -20px; }
  .specialist-visual-text { margin-top: 25px; }
  .specialist-visual-lists { margin: 55px -20px 0; width: calc(100% + 40px); }
}

@media screen and (min-width: 769px) {
  .specialist-visual-photo { height: 680px; }
  .specialist-visual-info { display: grid; column-gap: 10.5633802816%; grid-template-columns: calc(100% - (40.4225352112% + 10.5633802816%)) 40.4225352112%; grid-auto-rows: 1fr; }
  .specialist-visual-copy { position: absolute; top: 0; left: 20px; transform: translateY(calc((100% + 50px) * -1)); font-size: 3.4rem; line-height: 1; }
  .specialist-visual-copy > p + p { margin-top: 3px; }
  .specialist-visual-copy > p > span { padding: 14px 23px 17px; }
  .specialist-visual-text { grid-row: 1; grid-column: 1; margin-top: 50px; font-size: 1.6rem; line-height: 1.875; }
  .specialist-visual-lists { grid-row: 1; grid-column: 2; margin-top: -74px; }
  .specialist-visual-lists > li { font-size: 1.8rem; line-height: 1.3333333333; }
  .specialist-visual-lists > li > a { padding: 10px 10px 10px 108px; min-height: 100px; }
  .specialist-visual-lists > li > a::before { top: 29px; left: 35px; font-size: 4.2rem; }
}

/* lists */
.specialist-lists { counter-reset: specialistListslNumber 0; padding: 72px 0 70px; }
.specialist-lists-item { position: relative; }
.specialist-lists-item:not(:first-child) { margin-top: 100px; }
.specialist-lists-title { position: relative; margin-bottom: 18px; }
.specialist-lists-title__ja { display: flex; align-items: center; position: relative; margin: 0; padding: 10px 0 10px 67px; min-height: 68px; font-size: 1.8rem; font-weight: 700; line-height: 1.3333333333; }
.specialist-lists-title__ja::before { counter-increment: specialistListslNumber 1; content: '0' counter(specialistListslNumber); position: absolute; left: 0; font-family: 'Cormorant SC', serif; font-size: 5rem; font-weight: 500; letter-spacing: -0.03em; line-height: 0.6; }
.specialist-lists-title__ja::after { content: ''; position: absolute; left: 3px; width: 38px; height: 1px; background-color: #000; }
.specialist-lists-title__en { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: 0; text-align: right; white-space: nowrap; font-family: 'Cormorant SC', serif; font-size: 4rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.85; color: #fff; z-index: -1; }
.specialist-lists-title__en span { font-family: 'Cormorant', serif; letter-spacing: 0; }
.specialist-lists-block { position: relative; }
.specialist-lists-block + .specialist-lists-block { margin-top: 80px; }
.specialist-lists-block__photo { position: relative; z-index: 2; }
.specialist-lists-block__info { position: relative; z-index: 1; }
.specialist-lists-block__title { position: relative; margin: 0 0 9px; padding: 6px 0 5px; font-size: 2rem; font-weight: 400; line-height: 1.2; }
.specialist-lists-block__title::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); z-index: -1; }
.specialist-lists-block__text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.specialist-lists-block__info .btn-1 { margin-top: 25px; }
.specialist-lists-block__info .btn-1 > a { width: 100%; }
.specialist-lists-btns { margin-top: 40px; }

@media screen and (max-width: 768px) {
  .specialist-lists-title > .l-wrap { padding: 0 20px; }
  .specialist-lists-btns { padding: 0 20px; }
  .specialist-lists-title__ja::before { top: 8px; }
  .specialist-lists-title__ja::after { top: 48px; }
  .specialist-lists-block__info { margin-top: 22px; padding: 0 20px; }
  .specialist-lists-block__title { text-align: center; }
  .specialist-lists-block__title::after { left: -20px; width: calc(100% + 40px); }

  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(2) { margin-top: 30px; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(3) { margin: 30px 0 0 auto; width: calc(100% - 99px); }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(1) { width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(2) { margin: 30px 0 0 auto; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(3) { margin-top: 30px; width: calc(100% - 99px); }
  .specialist-lists-block.is-layout-3 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-4 .specialist-lists-block__photo:nth-of-type(1) {  width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__photo:nth-of-type(2) { margin-top: 30px; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__photo:nth-of-type(1) { width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__photo:nth-of-type(2) { margin: 30px 0 0 auto; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(2) { margin-top: 30px; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(3) { margin: 30px 0 0 auto; width: calc(100% - 99px); }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(2) { margin-top: 30px; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(3) { margin: 30px 0 0 auto; width: calc(100% - 99px); }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: calc(100% - 20px); }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(2) { margin-top: 30px; width: calc(100% - 55px); }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(3) { margin: 30px 0 0 auto; width: calc(100% - 99px); }
}

@media screen and (min-width: 769px) {
  .specialist-lists { padding: 140px 0 90px; }
  .specialist-lists-item:not(:first-child) { margin-top: 200px; }
  .specialist-lists-title { margin-bottom: 45px; padding: 8px 0 27px; }
  .specialist-lists-title__ja { padding: 10px 0 10px 180px; min-height: 80px; font-size: 3.6rem; line-height: 1.2; }
  .specialist-lists-title__ja::before { top: -8px; left: -4px; font-size: 13rem; line-height: 0.6153846153; }
  .specialist-lists-title__ja::after { top: 104px; left: 0; width: 105px; }
  .specialist-lists-title__en { right: 20px; font-size: 11rem; line-height: 0.7272727272; }
  .specialist-lists-title__en span { letter-spacing: -0.03em; }
  .specialist-lists-block { overflow: hidden; }
  .specialist-lists-block + .specialist-lists-block { margin-top: 200px; }

  .specialist-lists-block__info { padding: 56px 55px 60px; border: 1px solid #000; }
  .specialist-lists-block__title { margin-bottom: 16px; padding: 13px 0 11px; font-size: 2.6rem; line-height: 1.2; }
  .specialist-lists-block__title::after { left: -55px; width: calc(100% + 110px); }
  .specialist-lists-block__text { font-size: 1.6rem; line-height: 1.875; }
  .specialist-lists-block__info .btn-1 { margin-top: 30px; }
  .specialist-lists-block__info .btn-1 > a { width: 290px; }
  
  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: 52.8169014084%; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -359px; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(3) { margin: -189px 0 0 795px; width: 35.2112676056%; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__info { position: absolute; bottom: 68px; left: calc(((100vw - 100%) / 2) * -1); padding-left: calc(((100vw - 100%) / 2) + 20px); border-right: none; border-left: none; width: 55.3125vw; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__title::after { left: calc((((100vw - 100%) / 2) + 20px) * -1); width: calc(100% + ((((100vw - 100%) / 2) + 20px) + 55px)); }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__info.has-btn { bottom: 31px; padding-top: 45px; padding-bottom: 35px; }
  
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(1) { width: 52.8169014084%; }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(2) { margin: -359px 0 0 auto; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(3) { margin: -189px 0 0 125px; width: 35.2112676056%; }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__info { position: absolute; bottom: 68px; right: calc(((100vw - 100%) / 2) * -1); padding-left: 60px; border-right: none; border-left: none; width: 55.3125vw; }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__title::after { left: -60px; width: calc(100% + (60px + 55px)); }
  
  .specialist-lists-block.is-layout-3 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: 52.8169014084%; }
  .specialist-lists-block.is-layout-3 .specialist-lists-block__info { margin-top: -210px; padding-right: 412px; width: 68.3098591549%; }
  .specialist-lists-block.is-layout-3 .specialist-lists-block__title::after { width: calc(100% + (412px + 55px)); }

  .specialist-lists-block.is-layout-4 .specialist-lists-block__photo:nth-of-type(1) { width: 52.8169014084%; }
  .specialist-lists-block.is-layout-4 .specialist-lists-block__info { margin: -210px 0 0 auto; padding-left: 412px; width: 68.3098591549%; }
  .specialist-lists-block.is-layout-4 .specialist-lists-block__title::after { left: -412px; width: calc(100% + (412px + 55px)); }

  .specialist-lists-block.is-layout-5 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: 52.8169014084%; }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -359px; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__info { margin: -110px 0 0 39.4366197183%; padding-left: 123px; width: calc((100% - 39.4366197183%) + ((100vw - 100%) / 2)); border-right: none; }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__title::after { left: -123px; width: calc(100% + (123px + 55px)); }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__info.has-btn { margin-top: -253px; }

  .specialist-lists-block.is-layout-6 .specialist-lists-block__photo:nth-of-type(1) { width: 52.8169014084%; }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__photo:nth-of-type(2) { margin: -169px 0 0 auto; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__info { margin-top: -172px; padding-right: 204px; width: 68.3098591549%; }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__title::after { width: calc(100% + (204px + 55px)); }

  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: 52.8169014084%; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -359px; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(3) { margin: -104px 0 0 55.9859154929%; width: 35.2112676056%; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__info { margin-top: -61px; padding-top: 78px; padding-right: 95px; width: 68.3098591549%; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__title::after { width: calc(100% + (95px + 55px)); }

  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: 52.8169014084%; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -359px; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(3) { margin: -200px 0 0 61.2676056338%; width: 35.2112676056%; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__info { margin-top: -51px; padding-top: 94px; padding-right: 90px; padding-left: 90px; width: 74.5070422535%; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__title::after { width: calc(100% + (90px * 2)); }

  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(1) { margin-left: auto; width: 52.8169014084%; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -359px; width: 42.2535211267%; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(3) { margin: -189px 0 0 55.9859154929%; width: 35.2112676056%; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__info { margin-top: -223px; padding-top: 50px; padding-bottom: 36px; padding-right: 226px; width: 68.3098591549%; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__title::after { width: calc(100% + (226px + 55px)); }
  
  .specialist-lists-btns { margin-top: 105px; }
}

@media screen and (min-width: 769px) and (max-width: 1460px) {
  .specialist-lists-block + .specialist-lists-block { margin-top: 13.6986301369vw; }
  .specialist-lists-block__info { padding: 3.8356164383vw 3.7671232876vw 4.1095890410vw; }
  .specialist-lists-block__title { margin-bottom: 1.0958904109vw; padding: 0.8904109589 0 0.7534246575vw; font-size: 1.7808219178vw; }
  .specialist-lists-block__title::after { left: -3.7671232876vw; width: calc(100% + 7.5342465753vw); }
  .specialist-lists-block__text { font-size: 1.0958904109vw; }
  .specialist-lists-block__info .btn-1 { margin-top: 2.0547945205vw; font-size: 0.9589041095vw; }
  .specialist-lists-block__info .btn-1 > a { width: 19.8630136986vw; height: 3.5616438356vw; }
  .specialist-lists-block__info .btn-1 > a[target=_blank]::after { right: 1.2328767123vw; width: 0.7534246575vw; height: 0.7534246575vw; }

  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -24.5890410958vw; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__photo:nth-of-type(3) { margin: -12.9452054794vw 0 0 54.4520547945vw; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__info { bottom: 4.6575342465vw; left: 0; width: calc(54.4520547945vw + 20px); padding-left: 20px; }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__title::after { left: -20px; width: calc(100% + (20px + 3.7671232876vw)); }
  .specialist-lists-block.is-layout-1 .specialist-lists-block__info.has-btn { bottom: 2.1232876712vw; padding-top: 3.0821917808vw; padding-bottom: 2.3972602739vw; }

  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -24.5890410958vw; }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__photo:nth-of-type(3) { margin: -12.9452054794vw 0 0 8.5616438356vw; }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__info { bottom: 4.6575342465vw; right: 0; padding-left: 4.1095890410vw; width: calc(100% - 44.1780821917%); }
  .specialist-lists-block.is-layout-2 .specialist-lists-block__title::after { left: -4.1095890410vw; width: calc(100% + (4.1095890410vw + 3.7671232876vw)); }

  .specialist-lists-block.is-layout-3 .specialist-lists-block__info { margin-top: -14.3835616438vw; padding-right: 28.2191780821vw; }
  .specialist-lists-block.is-layout-3 .specialist-lists-block__title::after { width: calc(100% + (28.2191780821vw + 3.7671232876vw)); }

  .specialist-lists-block.is-layout-4 .specialist-lists-block__info { margin-top: -14.3835616438vw; padding-left: 28.2191780821vw; }
  .specialist-lists-block.is-layout-4 .specialist-lists-block__title::after { left: -28.2191780821vw; width: calc(100% + (28.2191780821vw + 3.7671232876vw)); }

  .specialist-lists-block.is-layout-5 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -24.5890410958vw; }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__info { margin-top: -7.5342465753vw; padding-left: 8.4246575342vw; }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__title::after { left: -8.4246575342vw; width: calc(100% + (8.4246575342vw + 3.7671232876vw)); }
  .specialist-lists-block.is-layout-5 .specialist-lists-block__info.has-btn { margin-top: -17.3287671232vw; }

  .specialist-lists-block.is-layout-6 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -11.5753424657vw; }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__info { margin-top: -11.7808219178vw; padding-right: 13.9726027397vw; }
  .specialist-lists-block.is-layout-6 .specialist-lists-block__title::after { width: calc(100% + (13.9726027397vw + 3.7671232876vw)); }

  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -24.5890410958vw; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__photo:nth-of-type(3) { margin-top: -7.1232876712vw; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__info { margin-top: -4.1780821917vw; padding-top: 5.3424657534vw; padding-right: 6.5068493150vw; }
  .specialist-lists-block.is-layout-7 .specialist-lists-block__title::after { width: calc(100% + (6.5068493150vw + 3.7671232876vw)); }

  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -24.5890410958vw; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__photo:nth-of-type(3) { margin-top: -13.6986301369vw; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__info { margin-top: -3.4931506849vw; padding-top: 6.4383561643vw; padding-right: 6.1643835616vw; padding-left: 6.1643835616vw; }
  .specialist-lists-block.is-layout-8 .specialist-lists-block__title::after { width: calc(100% + (6.1643835616vw * 2)); }

  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(2) { margin-top: -25.2816901408vw; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__photo:nth-of-type(3) { margin-top: -13.3098591549vw; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__info { margin-top: -15.7042253521vw; padding-top: 3.5211267605vw; padding-bottom: 2.5352112676vw; padding-right: 15.9154929577vw; }
  .specialist-lists-block.is-layout-9 .specialist-lists-block__title::after { width: calc(100% + (15.9154929577vw + 3.7671232876vw)); }
}

/* salon */
.specialist-salon { padding: 10px 0 50px; }
.specialist-salon-above { margin-bottom: 31px; }
.specialist-salon .title-1 { margin-bottom: 5px; }
.specialist-salon-lead { margin: 0; font-size: 1.3rem; line-height: 1.5384615384; }

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

@media screen and (min-width: 769px) {
  .specialist-salon { padding: 100px 0 45px; }
  .specialist-salon-above { margin-bottom: 46px; }
  .specialist-salon .title-1 { margin-bottom: 1px; }
  .specialist-salon-lead { font-size: 1.6rem; line-height: 1.875; }
}

/* sns */
.specialist-sns-item { text-align: center; font-family: 'Cormorant SC', serif; font-size: 2.2rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.3636363636; }
.specialist-sns-item > a { display: flex; justify-content: center; align-items: center; gap: 15px; padding: 7px 10px; background-color: #444; border-radius: 40px; text-decoration: none; color: #fff; }
.specialist-sns-item.is-instagram > a::before { content: ''; width: 16px; height: 16px; background: url(./_assets/img/icon/sns_instagram1-white.svg) no-repeat center center; background-size: 100%; }

@media screen and (max-width: 768px) {
  .specialist-sns { display: grid; gap: 20px; padding: 40px 20px; }
}

@media screen and (min-width: 769px) {
  .specialist-sns { display: flex; justify-content: center; gap: 20px; padding: 45px 0 120px; }
  .specialist-sns-item { width: 290px; font-size: 2.4rem; letter-spacing: -0.03em; line-height: 1.2; }
  .specialist-sns-item > a { gap: 12px; padding: 12px 10px; }
  .specialist-sns-item.is-instagram > a::before { width: 19px; height: 19px; }
}

/* copy */
.specialist-copy { text-align: center; font-size: 1.3rem; line-height: 1.6923076923; }

@media screen and (max-width: 768px) {
  .specialist-copy { padding: 0 20px 42px; }
}

@media screen and (min-width: 769px) {
  .specialist-copy { padding-bottom: 110px; font-size: 1.6rem; line-height: 1.875; }
}
/* personalcolor
------------------------------------------------ */
.personalcolor { position: relative; padding-top: 72px; }
.personalcolor-above { margin-bottom: 54px; }
.personalcolor-above .title-1  { margin-bottom: 0; }
.personalcolor-block:nth-of-type(even) { background-color: #fff; }
.personalcolor-block-above { padding-bottom: 13px; border-bottom: 1px solid #444; }
.personalcolor-block-title { margin: 0; font-size: 2.4rem; font-weight: 700; line-height: 1; }
.personalcolor-block-note { margin: 6px 0 0; font-size: 1.6rem; line-height: 1.5; }

@media screen and (max-width: 768px) {
  .personalcolor-above > .l-wrap,
  .personalcolor-block > .l-wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .personalcolor-above > .l-wrap,
  .personalcolor-block > .l-wrap { max-width: 1218px; }
  .personalcolor { padding-top: 140px; }
  .personalcolor-above { margin-bottom: 60px; }
  .personalcolor-block-above { padding-bottom: 14px; }
  .personalcolor-block-title { padding-bottom: 3px; font-size: 3rem; line-height: 0.8666666666; }
  .personalcolor-block-note { margin-top: 6px; font-size: 2rem; line-height: 1.2; }
}

/* personal */
.personalcolor-personal { padding: 36px 0 52px; }
.personalcolor-personal-color { margin-top: 23px; }
.personalcolor-personal-color__title { margin: 0 0 15px; font-size: 1.8rem; font-weight: 400; line-height: 1.3333333333; }
.personalcolor-personal-color__text { font-size: 1.3rem; line-height: 1.5384615384; }
.personalcolor-personal-color__text > p { margin: 0; }
.personalcolor-personal-color__text span { padding: 0 2px; }
.personalcolor-personal-color__text span.is-sprint { background-color: rgba(222,166,165,0.5); }
.personalcolor-personal-color__text span.is-summer { background-color: rgba(48,160,177,0.3); }
.personalcolor-personal-color__text span.is-autumn { background-color: rgba(209,147,34,0.5); }
.personalcolor-personal-color__text span.is-winter { background-color: rgba(47,47,97,0.3); }
.personalcolor-personal-color__image { margin-top: 17px; background-color: #fff; }

@media screen and (max-width: 768px) {
  .personalcolor-personal-color__text > p + p { margin-top: 10px; }
}

@media screen and (min-width: 769px) {
  .personalcolor-personal { padding: 70px 0 86px; }
  .personalcolor-personal-color { margin-top: 35px; }
  .personalcolor-personal-color__title { margin-bottom: 20px; font-size: 2.4rem; line-height: 1; }
  .personalcolor-personal-color__text { font-size: 1.6rem; line-height: 1.875; }
  .personalcolor-personal-color__text span { padding: 0 2px; }
  .personalcolor-personal-color__image { margin-top: 37px; padding: 38px; }
}

/* feature */
.personalcolor-feature { padding: 36px 0 70px; }
.personalcolor-feature-base { margin-top: 25px; }
.personalcolor-feature-base__title { display: flex; align-items: baseline; gap: 11px; margin-bottom: 15px; padding: 6px 10px 5px; color: #fff; }
.personalcolor-feature-base__title__en { margin: 0; font-family: 'Figtree', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.6; }
.personalcolor-feature-base__title__ja { margin: 0; font-size: 1rem; font-weight: 400; line-height: 2.4; }
.personalcolor-feature-eyes { display: grid; gap: 15px; grid-template-columns: repeat(2,calc(50% - (15px / 2))); }
.personalcolor-feature-eyes__title { margin: 0 0 12px; padding: 3px 0 2px 9px; border-left: 3px solid #000; font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
.personalcolor-feature-eyes__text { margin: 0; font-size: 1.1rem; line-height: 1.5; }
.personalcolor-feature-eyes__image { margin: 12px 0 0; }
.personalcolor-feature-eyes__image figcaption { margin-top: -6px; text-align: center; font-size: 1.1rem; line-height: 1.5; }
.personalcolor-feature-hair { margin-top: 36px; }
.personalcolor-feature-hair__title { margin: 0 0 16px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.2); font-size: 1.4rem; font-weight: 400; line-height: 1.7142857142; }
.personalcolor-feature-hair__lists { display: grid; gap: 15px; grid-template-columns: repeat(2,calc(50% - (15px / 2))); }
.personalcolor-feature-hair__box { margin: 0; }
.personalcolor-feature-hair__box__title { text-align: center; font-family: 'Figtree', sans-serif; font-size: 1.3rem; line-height: 1.8461538461; }
.personalcolor-feature-hair__box__content { margin: -4px 0 0; }
.personalcolor-feature-hair__box__image { margin: 0 10px; }
.personalcolor-feature-hair__box__color { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 10px; padding: 8px 7px 8px 10px; background-color: var(--body-bgcolor); font-size: 1.1em; line-height: 1.5; }
.personalcolor-feature-hair__box__color > p { margin: 0; }
.personalcolor-feature-hair__box__color > span { white-space: nowrap; }

.personalcolor-feature-base__block.is-yellow .personalcolor-feature-base__title { background-color: #E9BE55; }
.personalcolor-feature-base__block.is-yellow .personalcolor-feature-eyes__title { border-left-color: #E9BE55; }
.personalcolor-feature-base__block.is-blue .personalcolor-feature-base__title { background-color: #A1AEC2; }
.personalcolor-feature-base__block.is-blue .personalcolor-feature-eyes__title { border-left-color: #A1AEC2; }

@media screen and (max-width: 768px) {
  .personalcolor-feature-base__block:not(:first-child) { margin-top: 50px; }
}

@media screen and (min-width: 769px) {
  .personalcolor-feature { padding: 106px 0 120px; }
  .personalcolor-feature-base { display: grid; gap: 46px; grid-template-columns: repeat(2,calc(50% - (46px / 2))); margin-top: 36px; }
  .personalcolor-feature-base__title { gap: 19px; margin-bottom: 25px; padding: 10px 19px 8px; }
  .personalcolor-feature-base__title__en { font-size: 2.4rem; line-height: 1.6916666666; }
  .personalcolor-feature-base__title__ja { font-size: 1.6rem; line-height: 2.5375; }
  .personalcolor-feature-eyes { gap: 25px; grid-template-columns: repeat(2,calc(50% - (25px / 2))); }
  .personalcolor-feature-eyes__title { margin-bottom: 20px; padding: 4px 0 4px 15px; border-left-width: 5px; font-size: 2.2rem; }
  .personalcolor-feature-eyes__text { font-size: 1.8rem; }
  .personalcolor-feature-eyes__image { margin-top: 24px; }
  .personalcolor-feature-eyes__image figcaption { margin-top: -10px; font-size: 1.8rem; }
  .personalcolor-feature-hair { margin-top: 63px; }
  .personalcolor-feature-hair__title { margin-bottom: 27px; padding-bottom: 8px; font-size: 2.2rem; line-height: 1.8454545454; }
  .personalcolor-feature-hair__lists { gap: 26px; grid-template-columns: repeat(2,calc(50% - (26px / 2))); }
  .personalcolor-feature-hair__box__title { font-size: 2.2rem; line-height: 1.8454545454; }
  .personalcolor-feature-hair__box__content { margin-top: -7px; }
  .personalcolor-feature-hair__box__image { margin: 0 17px; }
  .personalcolor-feature-hair__box__color { margin-top: 16px; padding: 18px 11px 18px 17px; font-size: 1.8em; }
}

/* howto */
.personalcolor-howto { padding: 55px 0 48px; }
.personalcolor-howto-lead { margin: 23px 0 0; font-size: 1.3rem; line-height: 1.6923076923; }
.personalcolor-howto-tone { margin-top: 27px; }
.personalcolor-howto-tone__title { display: flex; align-items: baseline; gap: 11px; margin-bottom: 20px; padding: 6px 10px 5px; color: #fff; }
.personalcolor-howto-tone__title__en { margin: 0; font-family: 'Figtree', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.6; }
.personalcolor-howto-tone__title__ja { margin: 0; font-size: 1rem; font-weight: 400; line-height: 2.4; }
.personalcolor-howto-tone__lists { display: grid; gap: 35px; grid-template-columns: repeat(2,calc(50% - (35px / 2))); }
.personalcolor-howto-tone__lists__image { margin: 0 10px; }
.personalcolor-howto-tone__lists__image figcaption { margin-top: 5px; text-align: center; font-size: 1.1rem; line-height: 1.5; }

.personalcolor-howto-tone__block.is-yellow .personalcolor-howto-tone__title { background-color: #E9BE55; }
.personalcolor-howto-tone__block.is-blue .personalcolor-howto-tone__title { background-color: #A1AEC2; }

.personalcolor-howto-model { margin-top: 53px; }
.personalcolor-howto-model__title { margin: 0 0 17px; font-size: 1.6rem; font-weight: 700; line-height: 1.5; }
.personalcolor-howto-model__text { margin: 0; font-size: 1.3rem; line-height: 1.6923076923; }
.personalcolor-howto-model__lists { display: grid; gap: 45px; grid-template-columns: repeat(2,calc(50% - (45px / 2))); margin-top: 30px; }
.personalcolor-howto-model__lists__item { display: grid; align-items: flex-end; grid-template-rows: 1fr; grid-row: span 5; }
.personalcolor-howto-model__lists__balloon { position: relative; margin: 0 0 6px; text-align: center; font-size: 1.2rem; font-weight: 700; line-height: 1.5; }
.personalcolor-howto-model__lists__balloon::before,
.personalcolor-howto-model__lists__balloon::after { content: ''; position: absolute; top: 0; width: 40px; height: 1px; background-color: #000; }
.personalcolor-howto-model__lists__balloon::before { left: 0; transform-origin: left; transform: rotate(62.78deg); }
.personalcolor-howto-model__lists__balloon::after { right: 0; transform-origin: right; transform: rotate(-62.78deg); }
.personalcolor-howto-model__lists__photo { aspect-ratio: 1 / 1; width: 100%; border-radius: 50%; overflow: hidden; }
.personalcolor-howto-model__lists__comparison { position: relative; margin: 13px 0 0; height: 30px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.personalcolor-howto-model__lists__comparison.is-circle::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 100%; border: 2px solid #444; border-radius: 50%; }
.personalcolor-howto-model__lists__comparison.is-triangle::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); --b: 4px; aspect-ratio: 1 / 0.8823529411; width: 34px; clip-path: polygon(50% 0,100% 100%,0 100%,50% 0,50% var(--b),calc(var(--b)*cos(30deg)) calc(100% - var(--b)/2),calc(100% - var(--b)*cos(30deg)) calc(100% - var(--b)/2),50% var(--b)); background-color: #444; }
.personalcolor-howto-model__lists__comparison.is-cross::before,
.personalcolor-howto-model__lists__comparison.is-cross::after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; background-color: #444; }
.personalcolor-howto-model__lists__comparison.is-cross::before { transform: translate(-50%,-50%) rotate(45deg); }
.personalcolor-howto-model__lists__comparison.is-cross::after { transform: translate(-50%,-50%) rotate(-45deg); }
.personalcolor-howto-model__lists__name { margin: 0; text-align: center; font-family: 'Figtree', sans-serif; font-size: 1.3rem; line-height: 1.8461538461; }
.personalcolor-howto-model__lists__copy { margin: 8px 0 0; text-align: center; font-size: 1.2rem; font-weight: 700; line-height: 1.5; }

@media screen and (max-width: 768px) {
  .personalcolor-howto-tone__block:not(:first-child) { margin-top: 36px; }
}

@media screen and (min-width: 769px) {
  .personalcolor-howto { padding: 106px 0 110px; }
  .personalcolor-howto-lead { margin-top: 40px; font-size: 1.6rem; line-height: 1.875; }
  .personalcolor-howto-tone { display: grid; gap: 46px; grid-template-columns: repeat(2,calc(50% - (46px / 2))); margin-top: 30px; }
  .personalcolor-howto-tone__title { gap: 19px; margin-bottom: 25px; padding: 10px 19px 8px; }
  .personalcolor-howto-tone__title__en { font-size: 2.4rem; line-height: 1.6916666666; }
  .personalcolor-howto-tone__title__ja { font-size: 1.6rem; line-height: 2.5375; }
  .personalcolor-howto-tone__lists { gap: 46px; grid-template-columns: repeat(2,calc(50% - (46px / 2))); }
  .personalcolor-howto-tone__lists__image { margin: 0 20px; }
  .personalcolor-howto-tone__lists__image figcaption { margin-top: 9px; font-size: 1.8rem; }

  .personalcolor-howto-model { margin-top: 60px; }
  .personalcolor-howto-model__title { margin-bottom: 17px; font-size: 2rem; }
  .personalcolor-howto-model__text { font-size: 1.6rem; line-height: 1.875; }
  .personalcolor-howto-model__lists { gap: 40px; grid-template-columns: repeat(4,calc((100% / 4) - (40px / (4 / 3)))); margin: 42px 26px 0; }
  .personalcolor-howto-model__lists__photo { margin: 0 20px; width: calc(100% - 40px); }
  .personalcolor-howto-model__lists__balloon { margin-bottom: 14px; font-size: 1.8rem; }
  .personalcolor-howto-model__lists__balloon::before,
  .personalcolor-howto-model__lists__balloon::after { width: 60px; }
  .personalcolor-howto-model__lists__balloon::before { left: 20px; }
  .personalcolor-howto-model__lists__balloon::after { right: 20px; }
  .personalcolor-howto-model__lists__comparison { margin-top: 15px; height: 45px; }
  .personalcolor-howto-model__lists__comparison.is-circle::before { border-width: 3px; width: 45px; }
  .personalcolor-howto-model__lists__comparison.is-triangle::before { --b: 5px; aspect-ratio: 1 / 0.8490566037; width: 53px; clip-path: polygon(50% 0,100% 100%,0 100%,50% 0,50% var(--b),calc(var(--b)*cos(30deg)) calc(100% - var(--b)/2),calc(100% - var(--b)*cos(30deg)) calc(100% - var(--b)/2),50% var(--b)); }
  .personalcolor-howto-model__lists__comparison.is-cross::before,
  .personalcolor-howto-model__lists__comparison.is-cross::after { width: 45px; height: 3px; }
  .personalcolor-howto-model__lists__name { margin-top: 2px; font-size: 2rem; line-height: 1.8; }
  .personalcolor-howto-model__lists__copy { margin-top: 12px; font-size: 1.8em; }
}

/* diagnosis */
.personalcolor-diagnosis { padding: 62px 0 35px; }
.personalcolor-diagnosis-copy { margin: 0; text-align: center; font-size: 2.4rem; font-weight: 700; line-height: 1.3333333333; }
.personalcolor-diagnosis-staffs { margin-top: 37px; }
.personalcolor-diagnosis-staffs__item > a { display: block; position: relative; width: 100%; text-decoration: none; color: #333; }
.personalcolor-diagnosis-staffs__photo { position: relative; aspect-ratio: 1 / 1; width: 100%; overflow: hidden; }
.personalcolor-diagnosis-staffs__salon { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 2px; text-align: center; }
.personalcolor-diagnosis-staffs__salon > span { padding: 5px 15px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60px; font-size: 1rem; line-height: 1.2; }
.personalcolor-diagnosis-staffs__name { text-align: center; }
.personalcolor-diagnosis-staffs__name__ja { margin: 0; font-size: 1.4rem; line-height: 2.2857142857; }
.personalcolor-diagnosis-staffs__name__en { margin: -1px 0 0; font-size: 1rem; line-height: 1.2; opacity: 0.5; }
.personalcolor-diagnosis-staffs__job { margin: 0; text-align: center; font-size: 1.1rem; line-height: 2.909090909; }
.personalcolor-diagnosis-staffs__below { margin-top: 23px; }
.personalcolor-diagnosis-staffs__type { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-bottom: 6px; }
.personalcolor-diagnosis-staffs__type > i { padding: 7px 12px; border: 1px solid #444; border-radius: 70px; font-style: normal; font-size: 1.1rem; line-height: 1.2909090909; }
.personalcolor-diagnosis-staffs__type > i.is-personal { background: linear-gradient(90deg, rgba(240, 100, 212, 0.2) 0%, rgba(255, 123, 35, 0.2) 33%, rgba(25, 210, 247, 0.2) 66%, rgba(5, 81, 221, 0.2) 100%); }
.personalcolor-diagnosis-staffs__type > i.is-face { background-color: var(--body-bgcolor); }
.personalcolor-diagnosis-staffs__type > i.is-skeleton { background-color: rgba(161,174,194,0.4); }
.personalcolor-diagnosis-staffs__price { margin: 0; text-align: center; font-family: 'Figtree', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 2.1333333333; }
.personalcolor-diagnosis-staffs__price > span { font-size: 1.3rem; }
.personalcolor-diagnosis-staffs__reservation { margin: 12px 0 0; }
.personalcolor-diagnosis-staffs__reservation__title { text-align: center; font-size: 1.2rem; line-height: 1.3333333333; }
.personalcolor-diagnosis-staffs__reservation__tel { margin: 0; text-align: center; font-family: 'Figtree', sans-serif; font-size: 2rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.6; }
.personalcolor-diagnosis-staffs__reservation__tel > a { color: #333; }
.personalcolor-diagnosis-staffs__btns { margin-top: 16px; }
.personalcolor-diagnosis-staffs__btns__item { text-align: center; font-size: 1.2rem; line-height: 1.3333333333; }
.personalcolor-diagnosis-staffs__btns__item:not(:first-child) { margin-top: 16px; }
.personalcolor-diagnosis-staffs__btns__item > a { display: flex; justify-content: center; align-items: center; padding: 13px 10px; width: 100%; border: 1px solid #000; border-radius: 40px; text-decoration: none; color: #333; }
.personalcolor-diagnosis-staffs__btns__item > a[target=_blank]::after { content: ''; margin-left: 6px; width: 11px; height: 11px; background: url(./_assets/img/icon/external1-gray.svg) no-repeat center center; background-size: 100%; }

.u-device-click .personalcolor-diagnosis-staffs__btns__item > a { transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease; }
.u-device-click .personalcolor-diagnosis-staffs__btns__item > a:hover { background-color: #444; border-color: #444; color: #fff; }
.u-device-click .personalcolor-diagnosis-staffs__btns__item > a[target=_blank]:hover::after { background-image: url(./_assets/img/icon/external1-white.svg); }

@media screen and (max-width: 768px) {
  .personalcolor-diagnosis-staffs__item:not(:first-child) { margin-top: 75px; }
  .personalcolor-diagnosis-staffs__item > a { display: grid; align-items: center; grid-template-columns: 59.7014925373% calc(100% - 59.7014925373%); }
}

@media screen and (min-width: 769px) {
  .personalcolor-diagnosis { padding: 110px 0 35px; }
  .personalcolor-diagnosis-copy { font-size: 3rem; line-height: 1.2; }
  .personalcolor-diagnosis-staffs { display: grid; gap: 80px; grid-template-columns: repeat(2,calc(50% - (80px / 2))); margin: 60px auto 0; max-width: 986px; }
  .personalcolor-diagnosis-staffs__photo { margin: 0 auto 10px; aspect-ratio: 1 / 1.25; width: 75.9381898454%; }
  .personalcolor-diagnosis-staffs__salon { margin-bottom: 10px; }
  .personalcolor-diagnosis-staffs__salon > span { padding: 6px 15px 7px; font-size: 1.2rem; line-height: 1; }
  .personalcolor-diagnosis-staffs__name__ja { font-size: 1.8rem; line-height: 1.2; }
  .personalcolor-diagnosis-staffs__name__en { margin-top: 5px; font-size: 1.2rem; line-height: 1; }
  .personalcolor-diagnosis-staffs__job { margin-top: 10px; font-size: 1.4rem; line-height: 1.2; }
  .personalcolor-diagnosis-staffs__below { margin-top: 24px; }
  .personalcolor-diagnosis-staffs__type { gap: 6px; margin-bottom: 8px; }
  .personalcolor-diagnosis-staffs__type > i { padding: 7px 20px; font-size: 1.4rem; line-height: 1.5214285714; }
  .personalcolor-diagnosis-staffs__price { font-size: 2rem; line-height: 1.45; }
  .personalcolor-diagnosis-staffs__price > span { font-size: 1.6rem; }
  .personalcolor-diagnosis-staffs__reservation { margin-top: 17px; }
  .personalcolor-diagnosis-staffs__reservation__title { margin-bottom: 2px; font-size: 1.4rem; line-height: 1.7142857142; }
  .personalcolor-diagnosis-staffs__reservation__tel { font-size: 2.4rem; line-height: 1.2; }
  .personalcolor-diagnosis-staffs__reservation__tel > a { text-decoration: none; }
  .personalcolor-diagnosis-staffs__btns { margin-top: 30px; }
  .personalcolor-diagnosis-staffs__btns__item { font-size: 1.4rem; line-height: 1.1428571428; }
  .personalcolor-diagnosis-staffs__btns__item:not(:first-child) { margin-top: 22px; }
  .personalcolor-diagnosis-staffs__btns__item > a { padding: 15px 10px; }
  .personalcolor-diagnosis-staffs__btns__item > a[target=_blank]::after { margin-left: 12px; width: 12px; height: 12px; }
}

/* catalog
------------------------------------------------ */
/* archive */
.catalog-archive { position: relative; padding: 80px 0 44px; }
.catalog-archive-above { margin-bottom: 20px; }
.catalog-archive .title-1 { margin-bottom: 0; z-index: 2; }
.catalog-archive-title { position: relative; margin: -11px 0 0; font-family: 'Dynalight', cursive; font-size: 4rem; font-weight: 400; line-height: 1.75; }
.catalog-archive-title::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #000; }
.catalog-archive-title > span { display: inline-block; position: relative; padding-right: 13px; background-color: var(--body-bgcolor); }
.catalog-archive-below { margin-top: 40px; }
.catalog-archive-below .btn-1 > button { width: 100%; }

@media screen and (max-width: 768px) {
  .catalog-archive > .l-wrap { padding: 0 10px; } 
  .catalog-archive-above { padding: 0 10px; }
  .catalog-archive-below { padding: 0 10px; }
}

@media screen and (min-width: 769px) {
  .catalog-archive { padding: 140px 0 75px; }
  .catalog-archive > .l-wrap { max-width: 1218px; } 
  .catalog-archive-above { margin-bottom: 46px; }
  .catalog-archive-title { margin-top: 20px; font-size: 8rem; line-height: 0.875; }
  .catalog-archive-title > span { padding-right: 30px; }
  .catalog-archive-below { margin-top: 26px; }
  .catalog-archive-below .btn-1 { margin: 0 auto; max-width: 453px; }
}

/* style */
.catalog-style { position: relative; padding: 55px 0; background-color: #fff; }
.catalog-style-above { margin-bottom: 28px; }
.catalog-style-above .title-1 { margin-bottom: 0; }
.catalog-style-content { position: relative; }

@media screen and (max-width: 768px) {
  .catalog-style-above > .l-wrap { padding: 0 20px; }
  .catalog-style-content > .l-wrap { padding: 0 10px; }
}

@media screen and (min-width: 769px) {
  .catalog-style { padding: 110px 0; }
  .catalog-style-above > .l-wrap,
  .catalog-style-content > .l-wrap { max-width: 1218px; }
  .catalog-style-above { margin-bottom: 58px; }
}

/* detail */
.catalog-detail { position: relative; padding: 70px 0 35px; }
.catalog-detail-gallery { margin-bottom: 24px; }
.catalog-detail-slide__lists__item { position: relative; aspect-ratio: 1 / 1.25; width: 100%; height: 100%; }
.catalog-detail-slide .splide__arrow { width: 76px; height: 76px; background: none; background-color: #fff; border-radius: 50%; opacity: 1; }
.catalog-detail-slide .splide__arrow::after { content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 12px; background: url(./_assets/img/icon/arrow1.svg) no-repeat center center; background-size: 100%; }
.catalog-detail-slide .splide__arrow:disabled { opacity: 0.2; }
.catalog-detail-slide .splide__arrow svg { display: none; }
.catalog-detail-slide .splide__arrow--prev { left: 50%; margin-left: calc(((700px + 76px) / 2) * -1); }
.catalog-detail-slide .splide__arrow--prev::after { transform: translate(-50%,-50%) rotate(180deg); }
.catalog-detail-slide .splide__arrow--next::after { transform: translate(-50%,-50%); }
.catalog-detail-slide .splide__arrow--next { right: 50%; margin-right: calc(((700px + 76px) / 2) * -1); }
.catalog-detail-thumb { margin-top: 13px; }
.catalog-detail-thumb .splide__track--nav > .splide__list > .splide__slide,
.catalog-detail-thumb .splide__track--nav > .splide__list > .splide__slide.is-active { border: none; }
.catalog-detail-thumb__lists__item { position: relative; aspect-ratio: 1 / 1.25; width: 100%; height: 100%; border: 1px solid #fff; overflow: hidden; }
.catalog-detail-thumb__lists__item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; }
.catalog-detail-thumb__lists__item.is-active::before { border-color: #333; }
.catalog-detail-explanation__tags { display: flex; flex-wrap: wrap; margin: 0 0 13px; font-size: 1.1rem; line-height: 1.2909090909; }
.catalog-detail-explanation__tags > span { padding: 5px 12px 4px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60px; }
.catalog-detail-explanation__text { font-size: 1.3rem; line-height: 1.6923076923; }

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

@media screen and (min-width: 769px) {
  .catalog-detail { padding: 150px 0 82px; }
  .catalog-detail-gallery { margin-bottom: 40px; }
  .catalog-detail-thumb { display: none; }
  .catalog-detail-content > .l-wrap { max-width: 680px; }
  .catalog-detail-explanation__tags { margin: 0 0 13px; font-size: 1.2rem; line-height: 1; }
  .catalog-detail-explanation__tags > span { padding: 5px 14px 6px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60px; }
  .catalog-detail-explanation__text { font-size: 1.6rem; line-height: 1.875; }
}

@media screen and (min-width: 769px) and (max-width: 885px) {
  .catalog-detail-slide .splide__arrow--prev { left: 20px; margin-left: 0; }
  .catalog-detail-slide .splide__arrow--next { right: 20px; margin-right: 0; }
}

/* staff */
.catalog-staff { position: relative; padding: 32px 0 62px; background-color: #fff; }
.catalog-staff .btn-1 { margin-top: 26px; }
.catalog-staff .btn-1 > a { width: 100%; }

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

@media screen and (min-width: 769px) {
  .catalog-staff { padding: 106px 0 102px; }
  .catalog-staff > .l-wrap { max-width: 1218px; }
  .catalog-staff .btn-1 { margin: 34px auto 0; max-width: 453px; }
}

/* modal */
.catalog-modal-photo__cover { position: relative; aspect-ratio: 1 / 1.25; width: 100%; overflow: hidden; }
.catalog-modal-info { padding: 32px 20px 38px; }
.catalog-modal-title { margin: 0 0 30px; font-family: 'Cormorant SC', serif; font-size: 4rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.75; }
.catalog-modal-explanation { font-size: 1.3rem; line-height: 1.6923076923; }
.catalog-modal-info .lists-catalog { margin-top: 28px; }
.catalog-modal-pager { border-top: 1px solid rgba(0,0,0,0.15); }

@media screen and (max-width: 768px) {
  .catalog-modal-content { background-color: var(--body-bgcolor); }
  .catalog-modal-pager { background-color: #fff; }
}

@media screen and (min-width: 769px) {
  .catalog-modal-content { display: grid; grid-template-columns: repeat(2,50%); top: 50%; left: 50%; transform: translate(-50%,-50%); height: calc(100% - 120px); max-width: 1000px; background-color: #fff; }
  .catalog-modal-photo { grid-row: 1; grid-column: 1; padding: 96px 40px; background-color: var(--body-bgcolor); }
  .catalog-modal-info { grid-row: 1 / 4; grid-column: 2; padding: 23px 35px 38px; }
  .catalog-modal-title { margin-bottom: 8px; font-size: 4rem; letter-spacing: -0.03em; line-height: 1.75; }
  .catalog-modal-explanation { margin: 0 30px; font-size: 1.4rem; line-height: 1.8; }
  .catalog-modal-info .lists-catalog { margin: 30px 30px 0; }
  .catalog-modal-info .lists-catalog-cat { margin-bottom: 2px; }
  .catalog-modal-info .lists-catalog-photo { margin-bottom: 5px; }
  .catalog-modal-info .lists-catalog-cat__en { font-size: 3rem; }
  .catalog-modal-info .lists-catalog-cat__ja { font-size: 1.1rem; line-height: 1.4545454545; }
  .catalog-modal-info .lists-catalog-salon { font-size: 1rem; }
  .catalog-modal-info .lists-catalog-title { font-size: 1.2rem; line-height: 0.9583333333; }
  .catalog-modal-pager { grid-row: 2; grid-column: 1; }
}

/* company
------------------------------------------------ */
.company { position: relative; padding-top: 80px; }
.company-above { margin-bottom: 44px; }
.company-above .title-1 { margin-bottom: 0; }
.company-block { padding: 58px 0 74px; }
.company-block:first-child { padding-top: 0; }
.company-block:nth-of-type(even) { background-color: #fff; }
.company-block .title-2 { margin-bottom: 4px; }
.company-box { margin: 0; padding: 6px 0 13px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.company-box-title { font-size: 1.3rem; font-weight: 700; line-height: 2.3076923076; }
.company-box-text { margin: 0; font-size: 1.3rem; line-height: 1.5384615384; }
.company-box-performance { max-width: 700px; }

@media screen and (max-width: 768px) {
  .company-above > .l-wrap,
  .company-block > .l-wrap { padding: 0 20px; }
  .company-box-performance { margin-top: 10px; }
}

@media screen and (min-width: 769px) {
  .company { padding-top: 140px; }
  .company-above > .l-wrap,
  .company-block > .l-wrap { max-width: 1040px; }
  .company-above { margin-bottom: 65px; }
  .company-block { padding: 96px 0 124px; }
  .company-block .title-2 { margin-bottom: 20px; }
  .company-box { display: grid; grid-template-columns: 140px calc(100% - 140px); padding: 15px 0; }
  .company-box-title { font-size: 1.6rem; line-height: 1.875; }
  .company-box-text { font-size: 1.6rem; line-height: 1.875; }
  .company-box-performance { margin: 8px 0 15px; }
}

/* privacy
------------------------------------------------ */
.privacy { position: relative; padding: 80px 0 77px; }
.privacy .title-1 { margin-bottom: 33px; }
.privacy-lead { margin: 0 0 33px; font-size: 1.3rem; font-weight: 700; line-height: 1.6923076923; }
.privacy-lists { counter-reset: privacyNumber 0; }
.privacy-lists-item { position: relative; padding-left: 20px; font-size: 1.3rem; line-height: 1.6923076923; }
.privacy-lists-item:not(:first-child) { margin-top: 1.6923076923em; }
.privacy-lists-item::before { counter-increment: privacyNumber 1; content: counter(privacyNumber) '.'; position: absolute; top: 0; left: 0; }


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

@media screen and (min-width: 769px) {
  .privacy { padding: 140px 0 150px; }
  .privacy > .l-wrap { max-width: 1040px; }
  .privacy .title-1 { margin-bottom: 76px; }
  .privacy-lead { margin-bottom: 48px; font-size: 1.6rem; line-height: 1.875; }
  .privacy-lists-item { padding-left: 24px; font-size: 1.6rem; line-height: 1.875; }
  .privacy-lists-item:not(:first-child) { margin-top: 1.875em; }
}

/* armschannel
------------------------------------------------ */
/* ecbn */
.armschannel { padding: 80px 0; }
.armschannel .vsm-gallery { position: relative; z-index: 1; }
.armschannel .ecbn-selection-widget { margin-top: 0; margin-bottom: 0; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-title,
.armschannel .ecbn-selection-wrapper .ecbn-selection-title { margin: 0 0 22px; text-align: left; word-break: break-all; font-family: 'Cormorant', serif; font-size: 5rem; font-weight: 500; letter-spacing: -0.05em; line-height: 0.88; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-title::before,
.armschannel .ecbn-selection-wrapper .ecbn-selection-title::before { content: 'arm’s CHANNEL'; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-title img,
.armschannel .ecbn-selection-wrapper .ecbn-selection-title img { display: none; }
.armschannel .ecbn-selection-page-tabs { padding: 0; }

.armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area { margin-bottom: 40px; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs { display: flex; gap: 5px; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li { padding: 0; width: auto; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a { padding: 10px 15px 11px; background-color: #fff; border-radius: 60px; font-family: 'Figtree', sans-serif; white-space: nowrap; font-size: 1.2rem; line-height: 1; color: #333; }
.armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs a { background-color: #444; color: #fff; }

@media screen and (max-width: 768px) {
  .armschannel .ecbn-selection-page-wrapper { margin: 0 20px !important; }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area { margin: 0 -20px; width: calc(100% + 40px); }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs { padding: 0 20px; overflow-x: auto; }
}

@media screen and (min-width: 769px) {
  .armschannel { padding: 140px 0; }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-title,
  .armschannel .ecbn-selection-wrapper .ecbn-selection-title { margin-bottom: 36px; font-size: 10rem; letter-spacing: -0.03em; line-height: 0.9; }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area { margin-bottom: 40px; }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs { flex-wrap: wrap; row-gap: 15px; column-gap: 10px; }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a { padding: 11px 15px; font-size: 1.5rem; }
  .armschannel .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs .ecbn-selection-page-tabs--active a { font-weight: 700; }
}

/* notfound404
------------------------------------------------ */
.notfound404 { padding: 60px 0; }
.notfound404-title { margin: 0 0 20px; text-align: center; font-size: 4.2rem; font-weight: 700; line-height: 1.6; }
.notfound404-text { margin: 0; text-align: center; font-size: 1.4rem; line-height: 1.6; }
.notfound404 .btn-1 { margin-top: 20px; text-align: center; }

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

@media screen and (min-width: 769px) {
  .notfound404 { padding: 120px 0; }
  .notfound404-title { margin-bottom: 40px; font-size: 6.4rem; }
  .notfound404-text { font-size: 1.8rem; }
  .notfound404 .btn-1 { margin-top: 40px; }
}

/* footer
------------------------------------------------ */
.l-ft { position: relative; background-color: #444; color: #fff; z-index: 2; }
.l-ft a { color: #fff; }
.l-ft-banner { position: relative; top: -14.9333333333vw; margin-bottom: -14.9333333333vw; }
.l-ft-banner__lists { display: grid; row-gap: 20px; }
.l-ft-banner__lists__item > a { display: block; position: relative; aspect-ratio: 1 / 0.35820895522; width: 100%; height: 100%; overflow: hidden; }
.l-ft-banner__lists__item > a[target=_blank]::after { content: ''; position: absolute; bottom: 17px; right: 20px; width: 11px; height: 11px; background: url(./_assets/img/icon/external1-white.svg) no-repeat center center; background-size: 100%; z-index: 2; }
.l-ft-banner__lists__info { position: absolute; bottom: 0; left: 0; padding: 12px 20px; width: 100%; background: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%); z-index: 2; }
.l-ft-banner__lists__ja { margin: 0; font-size: 1rem; line-height: 1.4; }
.l-ft-banner__lists__en { margin: 3px 0 0; font-family: 'Cormorant SC', serif; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.11111111111; }
.l-ft-banner__lists__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.l-ft-banner__lists.u-lazy { transition: none; }
.l-ft-banner__lists.u-lazy .l-ft-banner__lists__item { transition: opacity 0.8s cubic-bezier(0.6,0,0.3,1), transform 0.8s cubic-bezier(0.6,0,0.3,1); transform: translateY(28px); opacity: 0; }
.l-ft-banner__lists.u-lazy .l-ft-banner__lists__item:nth-of-type(2) { transition-delay: 0.3s; }
.l-ft-banner__lists.u-lazy .l-ft-banner__lists__item:nth-of-type(3) { transition-delay: 0.4s; }
.l-ft-banner__lists.u-lazy-done .l-ft-banner__lists__item { transform: translateY(0); opacity: 1; }
.l-ft-content { position: relative; padding-bottom: 70px; }
.l-ft-above { position: relative; }
.l-ft-logo { margin: 0; width: 176px; }
.l-ft-logo > a { display: block; width: 100%; }
.l-ft-language { margin: 0; width: 177px; }
.l-ft-language > select { padding: 0 16px; width: 100%; height: 40px; background: url(./_assets/img/icon/select_arrow1-white.svg) no-repeat right 16px center; background-size: 12px; border: 1px solid rgba(255,255,255,0.2); font-family: 'Figtree', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.16666666667; color: rgba(255,255,255,0.4); }
.l-ft-language .goog-te-gadget-simple { display: flex; align-items: center; padding: 0 16px; width: 100%; height: 40px; background: url(./_assets/img/icon/select_arrow1-white.svg) no-repeat right 16px center; background-size: 12px; border: 1px solid rgba(255,255,255,0.2); }
.l-ft-language .goog-te-gadget-simple > span { display: block; }
.l-ft-language .goog-te-gadget-simple > span > a { font-family: 'Figtree', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.16666666667; color: rgba(255,255,255,0.4); }
.l-ft-language .goog-te-gadget-simple > span > a span:not(:first-child),
.l-ft-language .goog-te-gadget-simple > span > a img { display: none; }
.l-ft-sns { display: flex; gap: 12px; margin-top: 30px; }
.l-ft-sns__item { width: 40px; height: 40px; }
.l-ft-sns__item > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(255,255,255,0.1); border-radius: 50%; }
.l-ft-sns__item > a img { opacity: 0.2; }
.l-ft-sns__item.is-instagram > a img { width: 16px; height: 16px; }
.l-ft-sns__item.is-facebook > a img { width: 10px; height: 19px; }
.l-ft-sns__item.is-youtube > a img { width: 19px; height: 14px; }
.l-ft-mid { position: relative; }
.l-ft-links__item { font-family: 'Figtree', sans-serif; font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
.l-ft-links__item > a,
.l-ft-links__trigger { display: block; position: relative; width: 100%; }
.l-ft-links__item > a { text-decoration: none; }
.l-ft-children__links__item { font-size: 1.2rem; line-height: 1.5; }
.l-ft-children__links__item:not(:first-child) { margin-top: 8px; }
.l-ft-children__links__item > a { display: inline-block; position: relative; text-decoration: none; vertical-align: top; color: rgba(255,255,255,0.5); }
.l-ft-children__links__item > a[target=_blank] { padding-right: 18px; }
.l-ft-children__links__item > a[target=_blank]::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/external1-white.svg) no-repeat center center; background-size: 100%; opacity: 0.4; }
.l-ft-others__item { font-family: 'Figtree', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.5; }
.l-ft-others__item:not(:first-child) { margin-top: 12px; }
.l-ft-others__item > a { display: inline-block; position: relative; text-decoration: none; vertical-align: top; color: rgba(255,255,255,0.5); }
.l-ft-others__item > a[target=_blank] { padding-right: 18px; }
.l-ft-others__item > a[target=_blank]::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 11px; height: 11px; background: url(./_assets/img/icon/external1-white.svg) no-repeat center center; background-size: 100%; opacity: 0.4; }
.l-ft-below { position: relative; }
.l-ft-copyright { margin: 0; font-family: 'Figtree', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1; }
.l-ft-copyright > small { font-size: inherit; }

@media screen and (max-width: 768px) {
  .l-ft-banner > .l-wrap { padding: 0 20px; }
  .l-ft-content { margin-top: 80px; }
  .l-ft-content > .l-wrap { padding: 0 20px; }
  .l-ft-logo { margin: 0 auto; }
  .l-ft-language { margin: 30px auto 0; }
  .l-ft-sns { justify-content: center; margin-top: 30px; }
  .l-ft-mid { margin-top: 42px; }
  .l-ft-links__item { border-top: 1px solid rgba(255,255,255,0.2); }
  .l-ft-links__item:last-child { border-bottom: 1px solid rgba(255,255,255,0.2); }
  .l-ft-links__item > a,
  .l-ft-links__trigger { padding: 26px 0; }
  .l-ft-links__trigger::after { content: ''; position: absolute; top: 50%; right: 0; width: 12px; height: 6px; transition: transform 0.4s ease; transform: translateY(-50%); background: url(./_assets/img/icon/arrow_down1-white.svg) no-repeat center center; background-size: 100%; }
  .l-ft-links__trigger[aria-expanded=true]::after { transform: translateY(-50%) rotate(180deg); }
  .l-ft-children { display: none; padding-bottom: 20px; }
  .l-ft-others { margin-top: 56px; }
  .l-ft-below { position: absolute; bottom: 4px; right: 20px; }
}

@media screen and (min-width: 769px) {
  .l-ft-banner { top: -80px; margin-bottom: -80px; }
  .l-ft-banner__lists { gap: 30px; grid-template-columns: repeat(3,calc((100% / 3) - (30px / (3 / 2)))); }
  .l-ft-banner__lists__item > a[target=_blank]::after { bottom: 20px; right: 30px; }
  .l-ft-banner__lists__info { padding: 20px 30px; width: 100%; }
  .l-ft-banner__lists__ja { font-size: 1.1rem; line-height: 1.27272727273; }
  .l-ft-banner__lists__en { margin-top: 6px; font-size: 2.2rem; }
  .l-ft-content { padding: 108px 0 148px; }
  .l-ft-content > .l-wrap { display: grid; justify-content: space-between; grid-template-columns: 34.0845070423% 65.9154929577%; }
  .l-ft-above { width: 210px; }
  .l-ft-logo { width: 100%; }
  .l-ft-language { margin-top: 37px; width: 100%; }
  .l-ft-language > select { padding: 0 22px; height: 44px; background-position: right 18px center; background-size: 9px; font-size: 1.4rem; }
  .l-ft-language .goog-te-gadget-simple { padding: 0 22px; height: 44px; background-position: right 18px center; background-size: 9px; }
  .l-ft-language .goog-te-gadget-simple > span > a { font-size: 1.4rem; }
  .l-ft-sns { gap: 13px; margin-top: 40px; }
  .l-ft-sns__item { width: 47px; height: 47px; }
  .l-ft-sns__item.is-instagram > a img { width: 19px; height: 19px; }
  .l-ft-sns__item.is-facebook > a img { width: 12px; height: 22px; }
  .l-ft-sns__item.is-youtube > a img { width: 22px; height: 16px; }
  .l-ft-links { display: grid; row-gap: 40px; grid-template-columns: repeat(4,25%); }
  .l-ft-links__item { font-size: 1.4rem; }
  .l-ft-links__trigger { pointer-events: none; }
  .l-ft-children { display: block !important; margin-top: 10px; }
  .l-ft-children__links__item { font-size: 1.2rem; }
  .l-ft-children__links__item:not(:first-child) { margin-top: 6px; }
  .l-ft-others { position: absolute; bottom: 8px; right: 0; width: 25%; }
  .l-ft-others__item { font-size: 1.2rem; }
  .l-ft-others__item:not(:first-child) { margin-top: 6px; }
  .l-ft-below { margin-top: 8px; }
  .l-ft-copyright { font-size: 1.3rem; }
}

@media screen and (min-width: 769px) and (max-width: 1460px) {
  .l-ft-banner { top: -5.47945205479vw; margin-bottom: -5.47945205479vw; }
}