@charset "UTF-8";
#sc1,#sc2,#sc3,#sc4,#sc5,#sc6,#sc7,#sc8{padding-top: 150px; margin-top: -150px;}

.main-content-right .sec-title{margin-block: 20px 0;}
.medical{margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: thin solid #ddd;}

.kyosei-box{display: flex; gap: 20px;}
.kyosei-box p{width: 100%;}

.medical-list{counter-reset: listnum; list-style: none;}
.medical-list li{align-items: end; padding: 20px 0 0 30px; position: relative;}
.subttl{font-size: 1.2rem;}
.medical-list li::before{counter-increment: listnum; content: counter(listnum) "."; color: #1e8ec8; vertical-align: middle; font-size: 1.2rem;font-weight: bold; position: absolute; top: 20px; left: 0;}
.medical-content div{padding-left: 1em;}
.on-images{display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; gap: 10px; margin-bottom: 20px;}
.price::before{content: '・・・';}
.ortho-dr{width: 100%; height: 340px; background: no-repeat top center/cover url("../img/dr-iino.png"); position: relative;}
.ortho-dr span{position: absolute; right: 5%; bottom: 5%; background: #fff; border-radius: 4px; padding: 1rem;}


/* mobile
-----------------------------------------------------------*/
@media (max-width: 767px) {
.on-images{grid-template-columns: repeat(2, 1fr);}
.ortho-dr{width: 100%;}
.kyosei-box{flex-wrap: wrap;}

}

@media (max-width: 375px) {

}