@charset "UTF-8";
.message{padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.dcs-img,.cmo-img,.md-img{height: 500px; background: no-repeat top center/cover; border-radius: 4px; margin-bottom: 30px;}
.dcs-img{background-image: url("../img/dc.webp");}
.cmo-img{background-image: url("../img/cmo.webp");}
.md-img{background-image: url("../img/md.webp");}
.dc-message{line-height: 1.8; display: flex; gap: 30px;}
.dc-message div{width: 100%;}
.dc-message-title{font-size: 1.2rem; font-weight: bold; margin-bottom: 15px;}
.dc-message-left p{text-align: right;}
.dc-message-left p span{font-size: 1.4rem; padding-left: .35em;}
.dc-career{margin-left: 2rem;border-left: thin solid #ddd;}
.dc-career li{margin-bottom: 10px; display: grid; grid-template-columns: 50px 1fr; gap: 1em; align-items: start;}
.dc-career li span{border: thin solid #ddd; background-color: #fff; border-radius: 100vh; padding: .1rem .8rem; margin-left: -2rem; text-align: center;}

#incho,#daihyo,#clinic,#recruit,#medical-price{padding-top: 150px; margin-top: -120px;}
.facility{border-bottom: thin solid #ddd; padding-bottom: 80px;}

.clinic-overview{padding-bottom: 80px;}
.clinic-overview table{width: 100%;}
.clinic-overview tr{border-block: 1px dotted #ddd;}
.clinic-overview th,.clinic-overview td{padding: 2rem 1rem;}
.clinic-overview th{width: 120px;}
.clinic-overview td{display: flex; gap: 10px; flex-wrap: wrap;}
.clinic-overview td a{padding: .2rem 1rem .1rem 1rem; border-radius: 100vh; text-decoration: none; border: thin solid #ddd;}

.link-btn-box{display: flex; gap: 20px 10px; flex-wrap: wrap; padding: 20px;}
.link-btn a{padding: .5rem 2rem; border-radius: 100vh; text-decoration: none; border: thin solid #ddd;}
#link01,#link02,#link03,#link04,#link05{padding: 120px 20px 20px;}
.recruit-table{margin-top: -100px;}
.recruit-table table{width: 100%;}
.recruit-table tr{border-block: 1px dotted #ddd;}
.recruit-table th,.recruit-table td{padding: 2rem 1rem;}
.syokusyu{border-top: 2px solid #00A6B9; background-color: #F2F8F8;}

.facility-box{display: flex; justify-content: space-between; gap: 30px 4%; flex-wrap: wrap;}
.facility-box-list{width: 48%;}
.facility-img{width: 100%; height: 300px; object-fit: cover;}



/* mobile
-----------------------------------------------------------*/
@media (max-width: 767px) {
    .dc-img{height: 300px;}
    .dc-message{flex-wrap: wrap;}

    .link-btn-box{padding: 20px 0 0;}
    #link01,#link02,#link03,#link04,#link05{padding: 120px 0 0;}

    th,td{display: block;}
    th{font-weight: bold; padding: 2rem 1rem 0 1rem !important;}
    td.syokusyu{border: 0;}

    .facility-box-list{width: 100%;}

}

@media (max-width: 375px) {

}