@charset "UTF-8";
  body,
h1, h2, h3, h4, h5, h6,
.p-mainVisual__slideTitle,
.rich-title,
.h2-accent,
.h2-question {
font-family: "游明朝", "Yu Mincho", YuMincho,
"Hiragino Mincho ProN",
"Hiragino Mincho Pro",
"HGS明朝E", serif !important;
}  .p-mainVisual__slideTitle{
font-size: 2.8rem;
line-height: 1.5;
letter-spacing: .15em;
color: #ffffff;
text-shadow:
0 3px 10px rgba(0,0,0,0.55),
0 3px 22px rgba(0,0,0,0.45);
} .p-mainVisual__slideText{
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: .3em;
opacity: .95;
margin-top: 3vh;
color: #4d4d4d;
} .p-mainVisual__slideText .mv-em{
font-size: 1.35em; font-weight: 600; color: #000000; letter-spacing: .15em;
} .white_title{
font-size: 2.8rem;
line-height: 1.5;
letter-spacing: .15em;
color: #ffffff;
text-shadow:
0 3px 10px rgba(0,0,0,0.55),
0 3px 22px rgba(0,0,0,0.45);
} .home h2{
font-size: 2.2rem;
} .h2-accent{
position: relative;
padding-left: 26px;
font-weight: 700;
letter-spacing: .03em;
}
.h2-accent::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:8px;
height:22px;
background: linear-gradient(180deg, #e7cf87, #b98c2c);
}
.rich-title, .entry-content h2.rich-title { font-size: 3.2rem; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #b9b0aa; margin: 2.5em 0 1.5em; padding: 0; border: none; } .h2-question {
position: relative;
margin: 3.5em 0 1.8em;
padding: 0 0 0.8em;
font-size: 2.2rem;
font-weight: 500;
letter-spacing: 0.06em;
color: #6f6a64; }
.h2-question::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 80px;
height: 1px;
background-color: #b9b0aa;
}  .grad-text-gold{
background: linear-gradient(to bottom, #d4b67b 0%, #8e6d2f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
text-align: center;
width: 100%;
} .grad-text-navy{
background: linear-gradient(to bottom, #e6efff 0%, #6384b3 50%, #2c4a75 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
text-align: center;
width: 100%;
} .wp-block-separator{
border-bottom-width: 2px !important;
} .hero__text{
font-size: 1.2rem;
font-weight: bold;
line-height: 1.9;
letter-spacing: .06em;
position: relative;
z-index: 2;
color: #111827;
text-shadow:
0 1px 0 rgba(255,255,255,0.9);
0 6px 16px rgba(0,0,0,0.12); }
.hero__title{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: .15em;
position: relative;
z-index: 2;
color: #111827; text-shadow:
0 1px 0 rgba(255,255,255,0.9);
0 6px 16px rgba(0,0,0,0.12); letter-spacing: .06em;
line-height: 1.9;
} .header-info-box{
background: rgba(255, 255, 255, 0.8);
padding: 10px 20px;
color: black;
backdrop-filter: blur(4px);
border: none;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
margin-left: -15px !important;
} .w-header__item{
margin: 0 !important;
} .l-header__gnav{
margin-right: 0 !important;
} .c-gnav{
margin: 0 !important;
} #header .c-gnav > li > a .ttl,
#fix_header .c-gnav > li > a .ttl {
font-size: 1.1rem !important;
font-weight: normal;
} .c-gnav .sub-menu li a .ttl {
font-size: 0.95rem;
} .header-address-area {
line-height: 1.2; margin-bottom: 2px;
}
.zip-address {
font-size: 0.85em; white-space: nowrap;
}
.header-tel-area {
text-align: center;
font-size: 1.3em; line-height: 1.3;
margin-bottom: 6px; } .header-referral-btn a {
display: block;
text-align: center;
background: #f0f0f0; color: #1f3a5f; font-size: 14px;
font-weight: bold;
padding: 4px 8px;
border-radius: 4px;
text-decoration: none;
border: 1px solid #1f3a5f;
transition: all 0.3s ease;
}
.header-referral-btn a:hover {
background: #1f3a5f;
color: #fff;
} #header .web-reserve a,
#fix_header .web-reserve a {
background: linear-gradient(
135deg,
#2a4a73,
#1f3a5f
) !important;
color: #fff !important;
padding: 0 10px !important;
height: 100%;
display: flex !important;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 12px;
}
#header .line-consult a,
#fix_header .line-consult a {
background: linear-gradient(135deg, #62b662, #458e45) !important;
color: #fff !important;
padding: 0 10px !important;
height: 100%;
display: flex !important;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 12px;
}
#fix_header .web-reserve a:hover,
#fix_header .line-consult a:hover{
opacity: 0.8;
}   .oval-button-container{
text-align:center;
margin:10px 0;
} .btn-oval-gold,
.btn-oval-line,
.btn-oval-gray,
.btn-route-chic{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:60px;
padding:10px 20px;
border-radius:10px; color:#fff !important;
text-decoration:none !important;
font-size:1.2rem; font-weight:700;
letter-spacing:0.02em; transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease;
box-shadow:0 4px 15px rgba(0,0,0,.2); }
@media (max-width: 767px){
.btn-oval-gold,
.btn-oval-line,
.btn-oval-gray,
.btn-route-chic{
min-width: 110px; padding: 12px 18px; }
} .btn-oval-gold i,
.btn-oval-line i,
.btn-oval-gray i,
.btn-route-chic i{
margin-right:8px;
margin-bottom:0;
font-size:1.3em;
line-height:1;
vertical-align:middle;
} .btn-oval-gold:hover,
.btn-oval-line:hover,
.btn-oval-gray:hover,
.btn-route-chic:hover{
opacity:.9;
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(0,0,0,.3);
} .btn-oval-gold{
background: linear-gradient(
135deg,
#2a4a73,
#1f3a5f
);
}
.btn-oval-line{
background:linear-gradient(135deg,#62b662,#458e45) !important;
}
.btn-oval-gray{
background: linear-gradient(
135deg,
#8a8a8a,
#6b6b6b
);
}
.btn-route-chic{
max-width:320px;
background: linear-gradient(
135deg,
#b9b0ab,
#6E7378
) !important;
} .is-style-more_btn .swell-block-button__link{
background-color: #b9b0ab;
color: #ffffff;
border: none;
transition: background-color .25s ease, opacity .25s ease;
}
.is-style-more_btn .swell-block-button__link:hover{
background-color: #a79e98;
opacity: 0.9;
} @media screen and (max-width:767px){
.wp-block-columns.is-not-stacked-on-mobile .btn-oval-gold,
.wp-block-columns.is-not-stacked-on-mobile .btn-oval-line,
.wp-block-columns.is-not-stacked-on-mobile .btn-oval-gray{
flex-direction:column;
min-height:80px;
padding:10px 2px;
letter-spacing:-0.02em; } .wp-block-columns.is-not-stacked-on-mobile .btn-oval-gold i,
.wp-block-columns.is-not-stacked-on-mobile .btn-oval-line i,
.wp-block-columns.is-not-stacked-on-mobile .btn-oval-gray i{
margin-right:0 !important;
margin-bottom:5px !important;
} .wp-block-columns.is-not-stacked-on-mobile{
gap:4px !important;
}
.wp-block-columns.is-not-stacked-on-mobile .wp-block-column{
padding:0 !important;
}
}  .award-marquee{
overflow:hidden;
} .award-marquee > .wp-block-group__inner-container{
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:24px;
will-change:transform;
animation:award-marquee-scroll 28s linear infinite;
} .award-marquee .wp-block-image{
flex:0 0 auto;
margin:0;
} .award-marquee img{
height:110px;
width:auto;
max-width:none;
}
@keyframes award-marquee-scroll{
0%{ transform:translateX(0); }
100%{ transform:translateX(-50%); }
}  .yo-faq-search{
margin: 1.2em 0 1.6em;
padding: 1.0em;
border: 1px solid rgba(0,0,0,.08);
border-radius: 14px;
background: rgba(0,0,0,.02);
}
.yo-faq-search__row{
display: flex;
gap: .6em;
align-items: center;
}
.yo-faq-search__input{
flex: 1;
padding: .8em .9em;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.15);
}
.yo-faq-search__clear{
padding: .8em 1.0em;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.15);
background: #fff;
cursor: pointer;
}
.yo-faq-search__chips{
margin-top: .8em;
display: flex;
flex-wrap: wrap;
gap: .5em;
}
.yo-faq-chip{
padding: .5em .8em;
border-radius: 999px;
border: 1px solid rgba(0,0,0,.15);
background: #fff;
cursor: pointer;
font-size: .95em;
}
.yo-faq-search__hint{
margin: .7em 0 0;
font-size: .92em;
opacity: .8;
}
.yo-faq-search__empty{
margin: .7em 0 0;
font-size: .95em;
}
@keyframes faq-focus {
0% { background-color: #fff8e1; box-shadow: 0 0 20px #ffe082; }
100% { background-color: transparent; box-shadow: none; }
} .swell-block-faq__item:target,
.swell-block-faq dl > div:target {
animation: faq-focus 2.5s ease-out; border: 2px solid #1f3a5f !important; border-radius: 8px;
scroll-margin-top: 130px; padding: 10px; } .yo-back-to-top {
position: fixed;
right: 5px; bottom: 135px; width: 56px;
height: 56px;
border-radius: 14px;
background: #1f3a5f;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
z-index: 10000;
opacity: 0; visibility: hidden;
transition: all 0.3s ease;
box-shadow: 0 12px 26px rgba(0,0,0,.18);
}
.yo-back-to-top.is-show {
opacity: 1;
visibility: visible;
}
.yo-back-to-top i {
font-size: 24px;
} @media screen and (min-width: 769px) {
.yo-back-to-top {
bottom: 40px;
right: 20px;
}
}  .bodymap-wrap{
position:relative;
width:100%;
height:100%;
min-height:90vh; }
.bodymap-overlay{
position:absolute; inset:0;
pointer-events:none; } .bodymap-spot{
--size:80px;
position:absolute;
left:var(--x); top:var(--y);
transform:translate(-50%,-50%);
width:var(--size); height:var(--size);
border-radius:50%;
background:#fff;
color:#1F3A5F;
box-shadow:
0 0 0 4px #1F3A5F inset,
0 8px 20px rgba(0,0,0,.18);
display:flex; align-items:center; justify-content:center;
font-weight:700; font-size:14px; line-height:1.2;
text-align:center; text-decoration:none; padding:6px;
pointer-events:auto; outline:none;
-webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.bodymap-spot:hover,
.bodymap-spot:focus-visible{
background:#1F3A5F;
color:#fff;
box-shadow:
0 0 0 4px #fff inset,
0 10px 24px rgba(0,0,0,.28);
filter:none;
} @media (min-width: 600px){
.bodymap-spot{ --size:90px; font-size:16px; }
} @media (min-width: 992px){
.bodymap-wrap{ min-height:85vh; } .bodymap-spot{ --size:110px; font-size:20px; }
} .symptom-panel{
max-width: 350px; margin: 0 auto;
display: grid;
gap: 1px;
} .symptom-heading::before{
content:"";
width: 4px; height: 22px;
background: #1F3A5F; border-radius: 2px;
display: inline-block;
} .symptom-grid{
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 560px){
.symptom-grid{ grid-template-columns: 1fr; } } .symptom-btn{
--bg: #fff; --fg: #1F3A5F; display: flex; align-items: center; justify-content: center;
text-decoration: none;
color: var(--fg);
background: var(--bg);
padding: 14px 20px;
border-radius: 999px;
font-weight: 700;
font-size: 18px;
line-height: 1.2;
box-shadow:
0 0 0 3px #1F3A5F inset, 0 10px 24px rgba(0,0,0,.12);
transition: transform .15s ease, filter .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease;
}
.symptom-btn:hover,
.symptom-btn:focus-visible{
background: #1F3A5F;
color: #fff;
transform: translateY(-1px);
box-shadow:
0 0 0 4px #fff inset,
0 14px 30px rgba(0,0,0,.22);
outline: none;
} .symptom-btn.is-accent{
--bg: #0f2a5a; } .symptom-btn.small{ font-size: 18px; }
@media (max-width:480px){
.symptom-btn{ font-size: 18px; padding: 12px 18px; }
.symptom-btn.small{ font-size: 18px; }
} .sx-sorter{
--sx-main:#1f3a5f;
--sx-text:#555555;
--sx-beige:#6f6a64;
--sx-border:rgba(31,58,95,.14);
--sx-shadow:0 10px 24px rgba(0,0,0,.07);
}
.sx-sorter,
.sx-sorter *{
color:var(--sx-text);
} .sx-grid{
display:grid;
gap:18px;
grid-template-columns:1fr;
}
@media(min-width:900px){
.sx-grid{ grid-template-columns:1fr 1fr; }
}
.sx-box{
padding:18px;
border:1px solid var(--sx-border);
border-radius:18px;
background:linear-gradient(180deg, rgba(255,255,255,1), rgba(31,58,95,.02));
box-shadow:var(--sx-shadow);
}
.sx-box h3{
margin:0 0 16px 0;
font-size:1.2rem;
line-height:1.4;
letter-spacing:.02em;
color:var(--sx-main);
}
.sx-sorter > p{
margin:0 0 18px 0;
line-height:1.7;
font-size:1.02rem;
}
.sx-sorter small{
color:rgba(111,106,100,.92); } .sx-form label{
display:flex;
align-items:flex-start;
gap:.65em;
margin:8px 0;
padding:10px 12px;
border-radius:12px;
border:1px solid rgba(31,58,95,.12);
background:linear-gradient(180deg, rgba(255,255,255,1), rgba(31,58,95,.03));
cursor:pointer;
user-select:none;
line-height:1.5;
font-size:1.02rem;
transition:
transform .12s ease,
box-shadow .12s ease,
border-color .12s ease,
background-color .12s ease;
} @media (hover:hover){
.sx-form label:hover{
border-color:rgba(31,58,95,.22);
box-shadow:0 8px 18px rgba(31,58,95,.10);
transform:translateY(-1px);
}
} .sx-form label:has(input[type="checkbox"]:checked){
border-color:rgba(31,58,95,.35);
background:linear-gradient(180deg, rgba(31,58,95,.08), rgba(255,255,255,1));
} .sx-form input[type="checkbox"]{
margin-top:.2em;
width:20px;
height:20px;
flex:0 0 20px;
accent-color:var(--sx-main);
} .sx-form label:focus-within{
box-shadow:0 0 0 3px rgba(31,58,95,.18);
}
.sx-actions{ margin:14px 0 0; }
.sx-reset{
padding:.55em 1.05em;
border:1px solid rgba(31,58,95,.25);
border-radius:999px;
background:#fff;
color:var(--sx-main);
cursor:pointer;
transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
@media (hover:hover){
.sx-reset:hover{
box-shadow:0 8px 18px rgba(31,58,95,.12);
transform:translateY(-1px);
}
}
.sx-reset:active{ transform:translateY(0); opacity:.85; } .sx-sorter .sx-disease-list{
margin:10px 0 0 0 !important; padding-left:0 !important; padding-inline-start:0 !important; list-style:none;
}
.sx-disease-list li{
margin:8px 0;
line-height:1.45;
counter-increment:sxRank;
} .sx-disease-list li a{
position:relative;
display:block;
padding:12px 12px 12px 48px;
border-radius:14px;
text-decoration:none;
color:var(--sx-text);
border:1px solid rgba(31,58,95,.12);
background:#fff;
transition:
transform .15s ease,
box-shadow .15s ease,
background-color .15s ease,
border-color .15s ease;
} .sx-disease-list li a::before{
content:counter(sxRank);
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
width:26px;
height:26px;
border-radius:999px;
display:grid;
place-items:center;
font-size:.9rem;
font-weight:700;
color:#fff;
background:var(--sx-beige);
box-shadow:0 6px 14px rgba(0,0,0,.10);
} .sx-disease-list li:first-child a{
font-size:1.18rem;
font-weight:700;
border-color:rgba(31,58,95,.28);
background:linear-gradient(90deg, rgba(31,58,95,.10), rgba(255,255,255,1));
}
.sx-disease-list li:first-child a::before{
background:var(--sx-main);
} .sx-disease-list li:nth-child(2) a{
font-size:1.08rem;
font-weight:600;
border-color:rgba(31,58,95,.20);
}
.sx-disease-list li:nth-child(2) a::before{
background:rgba(31,58,95,.78);
}  @media (hover:hover){
.sx-disease-list li a:hover{
transform:translateY(-1px);
box-shadow:0 10px 22px rgba(0,0,0,.10);
border-color:rgba(31,58,95,.22);
background:#fbfbfb;
}
} .sx-disease-list li a:active{
transform:scale(0.98);
} .sx-disease-list li a:focus-visible{
outline:none;
box-shadow:0 0 0 3px rgba(31,58,95,.18);
} .bg-white{
background: rgba(255, 255, 255, 0.8);
padding: 2em;
border-radius: 16px;
} @media (max-width: 767px){
.bg-white{
width: 100%;
border-radius: 0;
padding-left: 1.2em;
padding-right: 1.2em;
border-radius: 16px;
}
}  .p-contact-form {
max-width: 800px;
margin: 0 auto;
padding: 20px;
border-radius: 12px;
} .p-contact-item {
margin-bottom: 24px;
} .p-contact-label {
font-weight: bold;
margin-bottom: 8px;
display: flex;
align-items: center;
font-size: 0.95em;
} .p-label-required {
background: #e53935;
color: #fff;
font-size: 10px;
padding: 2px 6px;
border-radius: 4px;
margin-left: 8px;
} .p-contact-field input[type="text"],
.p-contact-field input[type="email"],
.p-contact-field input[type="tel"],
.p-contact-field textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
font-size: 16px; } .p-contact-radio .wpcf7-list-item {
margin: 5px 15px 5px 0;
display: inline-block;
} .p-contact-submit {
text-align: center;
margin-top: 30px;
}
.p-contact-submit input[type="submit"] {
background: #1f3a5f; color: #fff;
font-weight: bold;
padding: 15px 60px;
border-radius: 50px; border: none;
transition: all 0.3s;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 102, 204, 0.2);
}
.p-contact-submit input[type="submit"]:hover {
background: #004d99;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 102, 204, 0.3);
} @media screen and (max-width: 768px) {
.p-contact-form {
padding: 15px;
}
.p-contact-submit input[type="submit"] {
width: 100%;
}
} .sp-footerbar{
position:fixed;
left:0; right:0; bottom:0;
z-index:9999;
display:grid;
grid-template-columns:repeat(4, 1fr);
background:rgba(255,255,255,.95);
backdrop-filter:blur(8px);
border-top:1px solid rgba(0,0,0,.08);
}
.spfb-item{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:64px;
text-decoration:none;
font-weight:700;
position: relative;
overflow: hidden;
transition:
transform .12s ease,
background-color .15s ease,
box-shadow .15s ease;
} .spfb-ico {
font-size: 24px !important;
line-height: 1;
margin-bottom: 4px;
display: block;
}
.spfb-txt {
font-size: 11px;
} .spfb-item:active {
opacity: 0.88;
} .spfb-hours,
.spfb-reserve {
background: #1F3A5F !important;
}
.spfb-access,
.spfb-tel {
background: #EEF2F5 !important;
} .spfb-hours .spfb-ico,
.spfb-hours .spfb-txt,
.spfb-reserve .spfb-ico,
.spfb-reserve .spfb-txt {
color: #fff !important;
} .spfb-access .spfb-ico,
.spfb-access .spfb-txt,
.spfb-tel .spfb-ico,
.spfb-tel .spfb-txt {
color: #1F3A5F !important;
} .spfb-line-fab {
position: fixed;
left: 5px;
bottom: 70px;
z-index: 10001;
width: 56px;
height: 56px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
background: #06C755;
color: #fff;
text-decoration: none;
box-shadow: 0 12px 26px rgba(0,0,0,.18);
} .spfb-line-fab i{
font-size: 34px;
line-height: 1;
} .spfb-line-fab:active{
transform: translateY(1px);
opacity: .92;
} .opening-banner {
position: fixed;
right: 50px;
bottom: 40%;
z-index: 9999;
animation: float-y 3s ease-in-out infinite;
}
@keyframes float-y {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.opening-banner a {
display: block;
background: #E8A3B5;
color: #fff;
padding: 18px 12px;
border-radius: 50px;
text-shadow:
0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 10px 25px rgba(215, 122, 147, 0.35);
border: 2px solid #F6D9E1;
transition: all 0.3s ease;
text-align: center;
}
.banner-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.sub-text {
font-size: 20px;
letter-spacing: 0.05em;
opacity: 0.9;
}
.main-text {
font-size: 30px;
font-weight: 700;
line-height: 1.3;
}
.insta-icon {
margin-top: 5px;
display: flex;
align-items: center;
}
.opening-banner a:hover {
background: #D77A93;
transform: scale(1.05);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
} .side-menu-right {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9998;
display: flex;
flex-direction: column;
gap: 2px;
}
.side-btn {
display: block;
background: #1F3A5F;
color: #fff;
text-decoration: none;
writing-mode: vertical-rl;
padding: 15px 8px;
font-size: 25px;
font-weight: bold;
border-radius: 5px 0 0 5px;
transition: all 0.3s;
line-height: 1;
}
.side-btn:hover {
background: #c5a059;
padding-right: 15px;
color: #fff;
}  .time-banner-wrap {
position: fixed;
bottom: 25px;
left: 0;
z-index: 9999;
display: none; align-items: center;
} .time-banner-wrap.is-active {
display: flex;
} @media screen and (max-width: 959px) {
.time-banner-wrap.is-active {
display: none !important;
}
} .banner-check {
display: none;
} .time-banner-content {
background: #fff;
border-top: 3px solid #1f3a5f;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
padding: 15px;
width: auto;
border-right: 1px solid #b9b0aa;
color: #555555; transition: transform 0.4s ease, opacity 0.3s ease;
transform-origin: left center;
} .banner-check:checked ~ .time-banner-content {
transform: translateX(-100%);
opacity: 0;
position: absolute;
} .banner-toggle {
background: #b9b0aa; color: #fff;
width: 32px;
min-height: 120px; display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 0 8px 8px 0;
transition: background 0.3s ease;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
position: relative; margin-left: 0; 
transition: all 0.4s ease;
} .arrow {
font-size: 20px;
font-weight: bold;
display: inline-block;
transition: transform 0.4s ease;
}  .banner-check:checked ~ .time-banner-content {
transform: translateX(-100%); opacity: 0;
position: absolute; } .banner-check:checked ~ .banner-toggle {
background: #1f3a5f; margin-left: 0; } .banner-check:checked ~ .banner-toggle .arrow {
transform: rotate(180deg);
} .banner-check:checked ~ .time-banner-content {
transition: none !important; }  .wpcf7-form textarea {
width: 100%;
max-width: 100%; box-sizing: border-box; }  .c-pageTitle{
display: none !important;
margin: 8px 0 8px !important;
padding: 0 !important;
} .post_content{
margin-top: 0 !important;
padding-top: 0 !important;
}
.l-mainContent.l-article{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.l-content{
padding-top: 0 !important;
padding-bottom: 0 !important;
} @media screen and (min-width: 769px) {
.sp-footerbar { display: none !important; }
.pc-only{
display: inline !important; }
} @media (max-width: 959px) {
.u-reverse-sp>.swell-block-columns__inner {
display: flex !important;
flex-direction: column-reverse !important;
}
} .sp-only {
display: none !important;
}
@media screen and (max-width: 768px) {
.pc-only,
.side-menu-right {
display: none !important;
}
.sp-only {
display: block !important;
}
body {
padding-bottom: calc(64px + env(safe-area-inset-bottom));
} .p-mainVisual__slideTitle {
font-size: 1.6rem;
line-height: 1.3;
}
.p-mainVisual__slideText {
font-size: 1rem;
line-height: 1.4;
margin-top: 10vh;
}
.oval-button-container{
padding: 0 16px;
} .opening-banner {
right: 100px;
bottom: 60px;
transition:
transform 0.55s cubic-bezier(.22,1,.36,1) 0.08s,
top 0.3s ease,
right 0.3s ease;
}
.opening-banner a {
padding: 10px 12px;
border-radius: 20px;
}
.sub-text {
font-size: 15px;
}
.main-text {
font-size: 20px;
}
.insta-icon svg {
width: 16px;
height: 16px;
}
} html[data-scrolled="true"] .opening-banner {
top: 136px;
right: 0;
bottom: auto;
transform: scale(0.4);
transform-origin: top right;
animation: none;
} .yo-recruit-form{
max-width: 920px;
margin: 0 auto;
padding: 10px 0 40px;
}
.yo-recruit-form__head{
margin: 0 auto 14px;
padding: 18px 18px 6px;
border-radius: 18px;
background: rgba(255,255,255,.92);
box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.yo-recruit-form__title{
margin: 0 0 10px;
font-size: 1.35rem;
letter-spacing: .06em;
}
.yo-recruit-form__lead{
margin: 0 0 10px;
line-height: 1.8;
color: rgba(0,0,0,.75);
}
.yo-recruit-form__notes{
margin: 0;
padding-left: 1.1em;
color: rgba(0,0,0,.65);
line-height: 1.8;
font-size: .95rem;
}
.yo-recruit-form__card{
padding: 16px;
border-radius: 18px;
background: rgba(255,255,255,.92);
box-shadow: 0 14px 38px rgba(0,0,0,.08);
}
.yo-recruit-form__card iframe{
display: block;
width: 100%;
border: 0;
border-radius: 12px;
background: #fff;
}