/* 脂肪豊胸ページ固有のPC/SPレイアウト。共通スタイルはstyle.css。 */
.type-size{font-size:var(--fs)}.type-leading{line-height:var(--lh)}.right{text-align:right}
.site-header{height:100px;min-height:100px;padding-bottom:12px}.main-nav{gap:24px}
.container.video-container{width:min(800px,88%)}
.video-player{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-cover{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;text-align:left;color:#fff;background:#000;padding:16px 22px;cursor:pointer}
.video-title,.video-channel{display:block;position:absolute;left:22px;right:22px}.video-title{top:16px;font:700 20px/26px var(--sans)}.video-channel{top:42px;font:13px/20.8px var(--sans)}
.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px}.video-cover:hover .video-play-icon{filter:brightness(.9)}
.video-player iframe{width:100%;height:100%;position:absolute;inset:0;border:0}
.subheading{border-bottom:1px solid var(--gold);padding-bottom:10px}
.diagram-wrap{gap:20px}.diagram{width:var(--diagram-width,80%);max-width:none;flex:none}
.inline-link{text-decoration:underline;text-underline-offset:3px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 35px;padding:0;margin:0;list-style:none}
.step{position:relative;min-width:0}.step-arrow{position:absolute;left:calc(100% + 10px);top:45%;width:15px;height:20px}
.price-label{color:#000}.price-options{align-items:stretch}.price-option{align-items:center}.price-option.stacked{align-items:flex-end}.simple-price{text-align:left}.price-category{font-weight:700}
.price-row .treatment-name{max-width:350px}.amount .type-size{font-size:var(--fs)}
.faq-item summary{min-height:87px;padding-bottom:25px}.side-nav{width:58px;top:65.8747%}.side-nav a{padding:9px 0}
@media(max-width:1240px) and (min-width:769px){.site-header{height:auto;min-height:100px}.main-nav{gap:15px}.steps{column-gap:28px}.step-arrow{left:calc(100% + 6px)}}
@media(max-width:768px){
 .type-size{font-size:var(--fs-mobile,var(--fs))}.type-leading{line-height:var(--lh-mobile,var(--lh))}
 .site-header{min-height:51.6px;height:51.6px;padding-bottom:10px}
 .hero{height:auto;min-height:313.4px;display:block;padding:52px 0 20px}.hero .cta{min-height:46px;height:46px}
 .video-title,.video-channel{left:10px;right:10px}.video-title{top:10px;font-size:11.44px;line-height:14.872px}.video-channel{top:40px;font-size:9.36px;line-height:14.976px}
 .video-cover{padding:10px}.subheading{padding-bottom:5.2px}
 .diagram-wrap{flex-direction:column;gap:10.4px}.diagram{width:var(--diagram-mobile-width,100%);max-width:100%}
 .steps{grid-template-columns:1fr;gap:19.5px}.step-arrow{display:none}.step>p:first-child{text-align:center}
 .price-row .treatment-name{max-width:none;font-size:13.52px;line-height:21.632px}.amount .type-size{font-size:var(--fs-mobile,var(--fs))}
 .faq-item summary{min-height:59px;padding:13px 38.8px 13px 40.2px}.faq-sign{top:21px}.faq-list .faq-item:last-child summary{min-height:71px}
}