/* このページ専用。文字・色の基本設定は custom.css */
.about-page .about-hero{height:215px;position:relative;color:#fff;text-align:center;display:grid;place-items:center;background:#56615a}
.about-hero>img{position:absolute;inset:0;filter:brightness(.65)}
.about-hero>div{position:relative;padding:20px}
.about-hero span{font-family:var(--font-en);font-size:18px;letter-spacing:.06em}
.about-hero h1{font-size:26px;font-weight:400;letter-spacing:.06em;margin-top:5px}
.about-page h2{font-size:23px;line-height:1.7;text-align:center;letter-spacing:.07em}
.about-pad{padding:0 30px}
.about-intro{padding-top:95px;padding-bottom:65px;text-align:center}
.about-intro .about-lead{margin-top:22px}
.about-page hr{border:0;border-top:1px solid #bed4cd;width:62%;margin:55px auto}
.about-intro>p+p{margin-top:20px}
.about-book{margin:65px 0 30px;color:#719e91}
.about-reserve{background:#7bb4a4;color:#fff;border:0;border-radius:24px;box-shadow:0 3px 5px #0002;max-width:none;padding:10px 42px;margin-top:10px}
.about-machine{height:auto;min-height:100px;max-height:240px;object-fit:contain;margin:40px 0}
.about-left{text-align:left}
.about-rule{display:flex;align-items:center;gap:12px;justify-content:center}
.about-page .about-rule{font-size:20px;color:#72998c}
.about-rule:before,.about-rule:after{content:'';height:1px;flex:1;background:#95afa5}
.about-features article{margin-top:55px}
.about-features article>img{height:auto;aspect-ratio:1.45;object-fit:cover;background:#eef3ef}
.about-features h3{text-align:center;color:#78a799;font-size:20px;margin:18px 0 12px;line-height:1.6}
.about-concerns{margin-top:80px}
.about-concerns h2{font-size:18px}
.concern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0;text-align:center}
.concern-grid span{display:grid;place-items:center;background:#e7f5ef;border-radius:50%;width:74px;height:74px;margin:0 auto 12px;font:300 32px var(--font-en);color:#81bba6}
body .main .concern-grid p{font-size:11pt;line-height:1.6}
.concern-band{background:#edf7f3;color:#7cae9d;font-size:15px;text-align:center;padding:8px;margin-bottom:25px}
.concern-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:center}
body .main .concern-detail p,.concern-detail ul{font-size:11pt}
.concern-detail ul{padding-left:1.3em;margin:12px 0 0}
.concern-detail img{height:145px}
.about-message{text-align:center;background:linear-gradient(#fff,#e5f1ec);padding:65px 24px 55px}
.about-message h2{margin-top:20px;color:#6d9c8d;font-size:25px}
.about-voices{padding:85px 0 55px}
.about-voice{width:84%;margin:40px 0 0 auto;background:#85cabe;color:#fff;padding:26px;border-radius:28px 0 0 28px;box-shadow:0 5px 0 #beded7}
.about-voice:nth-of-type(even){margin-left:0;margin-right:auto;border-radius:0 28px 28px 0}
.voice-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.voice-circle{width:85px;height:85px;flex:0 0 85px;display:grid;align-content:center;text-align:center;border-radius:50%;background:#f5f0e7;color:#759e91;font:400 20px/1.1 var(--font-en)}
.voice-heading h3{font-size:19px;line-height:1.6}
.about-voice>a{display:block;margin-top:20px;font-size:10pt;text-decoration:underline;text-underline-offset:4px}
body .main .about-voice-note{font-size:10pt;margin:25px 30px 0}
.about-trial-title{text-align:center;padding:35px 20px}
.about-trial>img{height:auto;aspect-ratio:1.25;object-fit:cover;background:#e6eee9}
.about-trial>.about-pad{padding-top:30px;padding-bottom:35px}
.about-trial p+p{margin-top:14px}
.about-trial .about-reserve{margin-top:28px}
@media(max-width:420px){.about-pad{padding-left:22px;padding-right:22px}.about-hero h1{font-size:23px}.about-intro{padding-top:65px}.about-voice{width:90%;padding:22px}.voice-heading{gap:12px}.voice-circle{width:65px;height:65px;flex-basis:65px}.voice-heading h3{font-size:17px}.concern-grid span{width:60px;height:60px}.about-page .about-rule{font-size:17px}}