@charset "utf-8";

/*----------パンクズリスト色変え----------*/

.breadcrumbs_bk {
    background-color: #e6f4f1;
    margin: 0;
    max-width: 100%!important;
}


.breadcrumbs_bk .breadcrumb-001 {
    max-width: 1300px;
    margin: 0 auto;
}

/*-----------------このような症状がある方はご相談ください 調整-----------------*/
.check-mark-area{
    padding: 50px 20px;
}

.syoujyou_bk {
    background-color: #e6f4f1;
    padding: 0px 0px 70px;
}



/*-----------------消化器詳細ページナビゲーション 調整-----------------*/

@media screen and (max-width: 999px) {
    #side-column {
        margin-top: 50px;
        width: 100%;
    }
    .lower_w03 {
        width: 100%;
    }
}


/*----------------胃カメラ・大腸カメラ検査ボタン----------------*/

.flex_endoscope_container {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

.endoscope_box_a01 {
    width: 50%;
}

.endoscope_box_a01 a {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 20px;
    background-color: #62bec9;
    text-decoration: none;
    border: 2px solid #62bec9;
    color: #fff;
    transition: 0.3s;
}

.endoscope_box_a01 img {
    max-width: 120px;
    margin-right: 30px;
}

.endoscope_box_a01 p {
    margin-top: 0;
    font-weight: normal;
    width: 100%;
}

.endoscope_box_a01 a:hover {
    border: 2px solid #62bec9;
    background-color: #3d99a3;
    color: #fff;
}



.endoscope_box_a02 {
    width: 50%;
}

.endoscope_box_a02 a {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 20px;
    background-color: #5ab7aa;
    text-decoration: none;
    border: 2px solid #5ab7aa;
    color: #fff;
    transition: 0.3s;
}

.endoscope_box_a02 img {
    max-width: 120px;
    margin-right: 30px;
}

.endoscope_box_a02 p {
    margin-top: 0;
    font-weight: normal;
    width: 100%;
}

.endoscope_box_a02 a:hover {
    border: 2px solid #62bec9;
    background-color: #3d99a3;
    color: #fff;
}

@media screen and (max-width:768px){
    .flex_endoscope_container {
        flex-wrap: wrap;
    }
    .endoscope_box_a01{
        width: 100%;
    }
    .endoscope_box_a02 {
        width: 100%;
    }
}


@media screen and (max-width:560px) {

    .flex_endoscope_container {
        flex-wrap: wrap;
    }


    .endoscope_box_a01 img {
        max-width: 100px;
    }

    .endoscope_box_a01 {
        width: 100%;
    }

    .endoscope_box_a02 img {
        max-width: 100px;
    }

    .endoscope_box_a02 {
        width: 100%;
    }


}



/*============================================

消化器内科

=============================================*/
/*不要？*//*
.syoujyou-d {
    max-width: 1300px;
    margin: 0 auto;
}*/
/**/


.syoukaki-navibtn {
    height: auto!important;
}

.syoukaki-navibtn h3 {
    margin: 0 0 10px 0!important;
    text-align: left!important;
    font-size: 24px!important;
    font-weight: normal!important;
    color: #3d99a3!important;
    font-family: "NotoSerifJP-VariableFont", serif!important;
}

.block-hdr {
    padding: 25px 0!important;
}

.syoujyou-soudan02 {
    padding: 20px 20px 20px;
    width: 100%;
    line-height: 1.3;
    text-align: center;
    font-size: 22px;
    color: #3d99a3;
    font-family: "NotoSerifJP-VariableFont", serif;
    background-color: #e6f4f1;
}


.syoukaki-index-cont {
    margin-top: 50px;
}

.lower_w03 {
    width: 100%;
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #d1d1d1;
}

.syoukaki-block {
    position: relative;
    display: flex;
    background-color: #e6f4f1;
}


.block-hdr {
    width: 20%;
    margin: 0 0 0 0;
    padding: 8px 0;
    text-align: center;
}

.block-hdr img {
    width: 50%;
}

.syoukaki-block a {
    text-decoration: none;
}

.syoukaki-navibtn {
    padding: 25px;
    width: 80%;
}


.syoukaki-navibtn h3 {
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    color: #3d99a3;
    font-family: "NotoSerifJP-VariableFont", serif;
}

.syoukaki-navibtn p.intro {
    margin: 0 0 18px 0;
    color: #636363;
}
/**//*
.syoukaki-navibtn table.condition-case {
    margin: 0 auto 0;
    width: 100%;
}

.syoukaki-navibtn table.condition-case tr td {
    padding: 0 0 0 10px;
    width: 50%;
    line-height: 1.3;
    vertical-align: top;
    text-align: left;
    color: #62bec9;
}

.syoukaki-navibtn table.condition-case tr td span {
    display: inline-block;
    margin-bottom: 6px;
    padding: 0 0 0 4px;
    border-left: solid 5px #62bec9;
}*/
/**/


/*--------------------関連のある病気--------------------*/
.lower_middle_precautions02{
    margin-top: 0px!important;
}
/*関連のある病気*/
@media screen and (max-width:560px) {
.lower_middle_precautions02 {
    margin-top: 20px !important;
}

}









@media screen and (max-width:999px) {
    .lower_w03 {
        width: 50%;
    }
/**//*
    .endoscope-index-cont {
        flex-wrap: wrap;
    }

    .endoscope-index-cont .lower_w03 {
        width: 100%;
    }

    .endoscope-index-cont .esidcont-mdr {
        margin-bottom: 10px;
    }*/
    /**/
}

@media screen and (max-width:767px) {
    .lower_w03 {
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .syoukaki-block {
        display: block;
    }

    .block-hdr {
        width: 50%;
        margin: 0 auto;
    }


    .syoukaki-navibtn {
        width: 100%;
        padding: 20px;
    }
}