.care-menu .menu-board{--menu-grid:24px 160px minmax(0,1fr) 224px 148px;--menu-gap:23px;display:block;padding:0 30px;margin:0;border:1px solid #f0f4e5a8;border-radius:5px;background:linear-gradient(122deg,#edf3e9f5,#f7f8eef5 58%,#e8efe5f5);color:#173c40;box-shadow:0 24px 54px #01292e26;isolation:isolate}
.menu-board-head{display:grid;grid-template-columns:var(--menu-grid);gap:var(--menu-gap);align-items:center;min-height:58px;border-bottom:1px solid #557d7940;font-family:Noto,sans-serif;font-size:.6875rem;font-weight:500;line-height:1.6;letter-spacing:.08em;color:#617e76}
.menu-column-course{grid-column:1/4}.menu-column-price{grid-column:4}.menu-column-action{grid-column:5;text-align:center}
.care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){display:grid;grid-template-columns:var(--menu-grid);gap:var(--menu-gap);align-items:center;position:relative;padding:26px 0;margin:0;min-height:171px;border:0;border-bottom:1px solid #4e787336;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;transition:background .25s}
.care-menu .menu-board .service:last-of-type{border-bottom:0}
.care-menu .menu-board .service:before{content:"";position:absolute;top:17px;bottom:17px;left:-16px;width:2px;background:#356768;opacity:0;transition:opacity .25s}
.care-menu .menu-board .service:has(input:checked){background:transparent;border-color:#4e787336;box-shadow:none}
.care-menu .menu-board .service:has(input:checked):before{opacity:1}
.care-menu .menu-board .service:has(input:focus-visible){outline:2px solid #35676a;outline-offset:6px}
.care-menu .menu-board .service:hover{transform:none;background:transparent}
.care-menu .menu-board .service-index{position:static;grid-column:1;font-family:Noto,sans-serif;font-size:.6875rem;font-weight:400;letter-spacing:.035em;line-height:1.7;color:#68877d;border:0;border-radius:0;background:none;text-shadow:none;display:block;width:auto;height:auto}
.care-menu .menu-board .service-content{display:contents;padding:0;margin:0;min-height:0}
.care-menu .menu-board .service>span.service-content:last-child{color:inherit}
.care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{grid-column:2;grid-row:1;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;margin:0;border-radius:3px;overflow:hidden;align-self:center;background:#204047}
.care-menu .menu-board .service-media>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;filter:saturate(.86);transition:transform .6s}
.care-menu .menu-board .service:hover .service-media>img{transform:scale(1.025)}
.menu-course-copy{grid-column:3;grid-row:1;display:block;min-width:0}
.care-menu .menu-board .service .service-name{display:block;font-family:Noto,sans-serif;font-size:.6875rem;font-weight:500;line-height:1.6;letter-spacing:.035em;color:#6b887d;margin:0 0 8px}
.care-menu .menu-board .service .course{display:block;font-family:var(--editorial);font-size:clamp(27px,2.25vw,32px);font-weight:500;line-height:1.45;letter-spacing:.018em;color:#173e40;font-feature-settings:"palt" 1;text-wrap:wrap;margin:0 0 12px}
.care-menu .menu-board .service-description{display:block;font-family:Noto,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.85;letter-spacing:.008em;max-width:31em;min-height:0;margin:0;color:#48675f;text-wrap:pretty}
.care-menu .menu-board .service-amount{grid-column:4;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:0;width:100%;margin:0;padding:0}
.care-menu .menu-board .service-amount strong{font-family:Noto,sans-serif;font-size:31px;font-weight:500;line-height:1.35;letter-spacing:-.035em;color:#244d49;font-variant-numeric:tabular-nums}
.care-menu .menu-board .service-amount strong span{font-size:.75rem;font-weight:400;letter-spacing:0;margin-left:5px}
.care-menu .menu-board .service-amount small{font-family:Noto,sans-serif;font-size:.6875rem;font-weight:400;line-height:1.75;letter-spacing:.005em;color:#688176;text-wrap:wrap}
.care-menu .menu-board .service-amount.amount-consult strong{font-size:22px;letter-spacing:.015em;line-height:1.6}
.care-menu .menu-board .service-action{grid-column:5;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:7px;align-self:center;min-height:47px;padding:12px 12px;margin:0;border:1px solid #698d813d;border-radius:3px;font-family:Noto,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.7;letter-spacing:0;white-space:nowrap;color:#335e55;transition:background .25s,border-color .25s,color .25s}
.care-menu .menu-board .service-action>span{font-family:Noto,sans-serif;font-size:1.0625rem;font-weight:400;line-height:1;transform:none;transition:none}
.care-menu .menu-board .service:hover .service-action{border-color:#618c7f;background:#e2ecdf}
.care-menu .menu-board .service:has(input:checked) .service-action{background:#285d59;border-color:#285d59;color:#f2f6e8}
.care-menu .menu-board .service-art{display:none}
.care-menu .course-foot{margin-top:19px;margin-bottom:51px}
.simple-type .care-menu .menu-board .service .course{font-family:Noto,sans-serif;font-weight:500;font-feature-settings:normal;letter-spacing:0}

@media(min-width:701px) and (max-width:1099px){
 .care-menu .menu-board{--menu-grid:20px 112px minmax(0,1fr) 174px;--menu-gap:18px;padding:0 22px}
 .menu-board-head{min-height:51px;font-size:.625rem}
 .menu-column-action{display:none}
 .care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-rows:auto auto;column-gap:var(--menu-gap);row-gap:11px;padding:24px 0;min-height:163px}
 .care-menu .menu-board .service-index{grid-row:1/3}
 .care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{grid-row:1/3}
 .menu-course-copy{grid-row:1/3}
 .care-menu .menu-board .service .course{font-size:26px;line-height:1.5;margin-bottom:10px}
 .care-menu .menu-board .service .service-name{font-size:.625rem;line-height:1.6;margin-bottom:7px}
 .care-menu .menu-board .service-description{font-size:.75rem;line-height:1.85}
 .care-menu .menu-board .service-amount{grid-column:4;grid-row:1;align-self:end;gap:6px}
 .care-menu .menu-board .service-amount strong{font-size:28px}
 .care-menu .menu-board .service-amount.amount-consult strong{font-size:20px}
 .care-menu .menu-board .service-amount small{font-size:.625rem;line-height:1.75}
 .care-menu .menu-board .service-action{grid-column:4;grid-row:2;align-self:start;min-height:44px;padding:9px 12px;font-size:.6875rem}
}
@media(max-width:700px){
 .care-menu .menu-board{padding:0 18px;border-radius:4px}
 .menu-board-head{display:flex;justify-content:space-between;min-height:46px;font-size:.625rem;letter-spacing:.045em}
 .menu-column-action{display:none}
 .care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:16px;row-gap:8px;align-items:start;padding:22px 0;min-height:0}
 .care-menu .menu-board .service:before{left:-9px;top:20px;bottom:20px}
 .care-menu .menu-board .service-index{display:none}
 .care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{grid-column:1;grid-row:1/3;width:88px;aspect-ratio:4/3;align-self:center;margin:0}
 .menu-course-copy{display:contents}
 .care-menu .menu-board .service .service-name{grid-column:2;grid-row:1;align-self:end;font-size:.625rem;letter-spacing:.02em;line-height:1.6;margin:0;color:#6b887d}
 .care-menu .menu-board .service .course{grid-column:2;grid-row:2;align-self:start;font-family:var(--editorial);font-weight:600;font-size:23px;line-height:1.45;letter-spacing:.008em;font-feature-settings:"palt" 1;color:#173e40;margin:0}
 .care-menu .menu-board .service-description{grid-column:1/-1;grid-row:4;width:100%;max-width:none;min-height:0;font-size:.75rem;line-height:1.9;margin:4px 0 0;color:#536f65;letter-spacing:.005em}
 .care-menu .menu-board .service-amount{grid-column:1/-1;grid-row:3;width:100%;align-self:center;min-height:0;margin:13px 0 0;padding-right:127px;gap:5px}
 .care-menu .menu-board .service-amount strong{font-size:27px;line-height:1.35;letter-spacing:-.03em}
 .care-menu .menu-board .service-amount strong span{font-size:.6875rem;margin-left:4px}
 .care-menu .menu-board .service-amount small{font-size:.625rem;line-height:1.7;letter-spacing:0;color:#688176}
 .care-menu .menu-board .service-amount.amount-consult strong{font-size:19px;letter-spacing:.01em;line-height:1.5}
 .care-menu .menu-board .service-action{grid-column:2;grid-row:3;justify-self:end;align-self:center;min-height:44px;width:116px;margin:13px 0 0;padding:10px 10px;font-size:.8125rem;line-height:1.7;border-radius:3px;gap:5px}
 .care-menu .menu-board .service-action>span{font-size:1rem}
 .care-menu .course-foot{margin-top:16px;margin-bottom:36px}
}
@media(max-width:370px){
 .care-menu .menu-board{padding:0 14px}
 .care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-columns:76px minmax(0,1fr);column-gap:13px;padding:21px 0}
 .care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{width:76px}
 .care-menu .menu-board .service .course{font-size:20px;letter-spacing:0;line-height:1.5}
 .care-menu .menu-board .service-amount{padding-right:111px}
 .care-menu .menu-board .service-amount strong{font-size:25px}
 .care-menu .menu-board .service-amount.amount-consult strong{font-size:17px;letter-spacing:0}
 .care-menu .menu-board .service-amount small{font-size:.625rem;line-height:1.75}
 .care-menu .menu-board .service-action{width:103px;padding:10px 8px;font-size:.8125rem;gap:3px;min-height:44px}
 .care-menu .menu-board .service-description{font-size:.75rem;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){.care-menu .menu-board .service,.care-menu .menu-board .service-action,.care-menu .menu-board .service:before,.care-menu .menu-board .service-media>img{transition:none}}
