@charset "UTF-8";

/*———————————
sec-sub-menu
———————————*/
#sec-sub-menu{
    padding:3rem 0 2rem 0;
}

#sec-sub-menu .s-menu-box{
    display: block;
    width:100%;
    background-color:#fff;
    transition: all 0.3s ease 0s;
    border:1px solid #e0e0e0;
}

#sec-sub-menu .s-menu-box:hover{
    box-shadow:0px 2px 10px 1px #c6c6c6;
}

.s-menu-box .s-menu-text{
    padding:1rem;
    font-weight: 400;
    font-size:19px;
    color: #216aa8;
    line-height: 25px;
}

.s-menu-img{
    height:150px;
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.s-menu-img.aisatu{
    background-image: url("../images/about/main-aisatu.jpg");
    background-position: 50% 50%;
}
.s-menu-img.rinen{
    background-image: url("../images/bg-imabayashi-hp.jpg");
    background-position: 50% 50%;
}
.s-menu-img.enkaku{
    background-image: url("../images/about/main-enkaku.jpg?20210909");
    background-position: 50% 50%;
}
.s-menu-img.syujyutu{
    background-image: url("../images/nyuin/ph-shisetu-01.jpg");
    background-position: 50% 50%;
}
.s-menu-img.facility{
    background-image: url("../images/about/banner-facility.jpg");
    background-position: 50% 50%;
}
.s-menu-img.facility + .s-menu-text{
    font-size: 14px;
}
/*———————————
sec-rinen
———————————*/
.sec-rinen .rinen-text{
    background-color:#e6eef5;
    padding:1.5rem;
    font-weight: 400;
    line-height: 1.8;
    font-size:18px;
}

/*———————————
sec-enkaku
———————————*/
.sec-enkaku table.ta-enkaku tr th{
    vertical-align: middle;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
    width:20%;
    padding:35px 20px;
    color:#216aa8;
    font-size:19px;
}

.sec-enkaku table.ta-enkaku tr td{
    vertical-align: middle;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
    width:80%;
    padding:35px 20px;
}


/*———————————
手術実績のテーブル
———————————*/
.ta-syujyutu tr th,
.ta-syujyutu tr td{
    text-align: center!important;
    padding:0.75rem!important;
    border: 1px solid #dee2e6!important;
}
.ta-syujyutu tr.row-1 th{
    background-color:#f4f5f7!important;
    color:#1a1a1a!important;
}
.ta-syujyutu tr td:first-child{
    background-color:#216aa8!important;
    color:#fff!important;
    vertical-align: middle!important;
    border-bottom: 1px solid #dee2e6!important;
}
.ta-syujyutu tr.row-2 td.column-2{
    background-color:#216aa8!important;
    color:#fff!important;
    vertical-align: middle!important;
    border-bottom: 1px solid #dee2e6!important;
}
.ta-syujyutu tr.row-2 td.column-1{
    border-right:1px solid #fff!important;
}
.ta-syujyutu tr.row-1 th.column-1,
.ta-syujyutu tr.row-1 th.column-2{
    background-color:#216aa8!important;
    color:#fff!important;
}


/*———————————
病院概要
———————————*/
.ta-gaiyou tr th{
    width:20%;
}

/*———————————
 挨拶
———————————*/
.aisatu-copy{
    font-weight: 400;
    font-size:23px;
    letter-spacing: 0.12rem;
    color:#216aa8;
    margin-top:10px;
}


/*
Media Queries
================================*/
/* もっと大きなデバイス */
@media (max-width: 1200px) {
    .s-menu-img{
        height:100px;
    }
}
/* 大きなデバイス */
@media (max-width: 992px) {
}
/*中間のデバイス */
@media (max-width: 768px) {
    
}
/* 小さなデバイス */
@media (max-width: 576px) {
    .s-menu-img{
        height:90px;
    }
    .sec-enkaku table.ta-enkaku tr th{
        width:40%;
        padding:20px 20px;
    }
    .sec-enkaku table.ta-enkaku tr td{
        width:60%;
        padding:20px 20px;
    }
    .ta-scroll-box{
        max-width:85vw;
        width:85vw;
        margin:auto;
    }
    .ta-gaiyou tr th{
        width:30%;
    }
}

/*———————————
患者様へのお知らせとお願い
———————————*/
.sec-facility .facility-text{
    background-color:#e6eef5;
    padding:1.5rem;
    font-weight: 400;
    line-height: 1.8;
    font-size:18px;
}
.sec-facility table{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.sec-facility table tr th{
    width: 30%;
    padding: 0.5rem 1rem;
    border: 1px solid #dee2e6;
    text-align: center;
}
.sec-facility table tr td{
    padding: 0.5rem 1rem;
    border: 1px solid #dee2e6;
    vertical-align: middle;
}
.sec-facility table tr td:last-child{
    width: 20%;
    text-align: center;
}
.sec-facility table + p{
    font-size: 90%;
    text-align: right;
    max-width: 600px;
    margin: 0 auto;
}