@charset "utf-8";

.abz img {
    object-position: bottom;
}

.clearfix:before {
    display: table;
    content: " ";
}



/*----------------見出し----------------*/
.headline_title {
    margin-top: 100px;
}

.headline_title h2 {
    display: block;
    position: relative;
    text-align: center;
    background-color: rgba(0, 0, 0, 00);
    border-left: 0px solid #62bec9;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    margin-bottom: 70px;
    padding: 12px 0;
}

.headline_title h2:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #62bec9;
}

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

胃カメラ・大腸カメラ

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



/*--------------内視鏡検査とは--------------*/


.lower_top_flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
}

.lower_top_img {
    width: 40%;
}

.lower_top_img img {
    width: 100%;
}

.lower_top_txt {
    width: 50%;
    padding: 0 0 0 0px;
}

.lower_top_txt p {
    padding: 0 12px;
}

.lower_top_title {
    margin-top: 0;
}

.lower_top_title h2 {
    display: block;
    position: relative;
    text-align: left;
    background-color: rgba(0, 0, 0, 00);
    border-left: 0px solid #62bec9;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    margin-bottom: 70px;
    padding: 0 12px;
}

.lower_top_title h2:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 43px;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #62bec9;
}




/*-----------------症状がある方-----------------*/

.check-mark-area {
    position: relative;
    background-color: #e6f4f1;
}


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

.check-mark {
    padding-left: 35px;
    position: relative;
    width: 50%;
}

.check-mark::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 5px;
    width: 10px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}


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


.syoujyou p {
    margin-top: 20px;
    color: #bcbcbc;
    font-size: 14px;
}

.syoujyou {
    padding: 40px;
    width: 90%;
    background-color: #fff;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.syoujyou li {
    margin: 0 0 20px 0;
    padding: 0 0 0 1.1em;
    text-indent: -1.1em;
    line-height: 1.2;
    font-size: 1.2rem;
    font-weight: 500;
    color: #636363;
}

.syoujyou li::before {
    padding-right: 10px;
    content: "●";
    font-size: 1.4rem;
    color: #62bec9;
}


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



.check-mark {
    padding-left: 35px;
    position: relative;
    width: 50%;
}

.check-mark::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 5px;
    width: 10px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}


/*-----------胃カメラ・大腸カメラ検査-----------*/
.endscope-info {
    margin: 25px 0 25px 0;
}

.endscope-info table {
    border-collapse: collapse;
    width: 100%;
}

.endscope-info tr th {
    text-align: center;
    color: #62bec9;
    background-color: #e6f4f1;
}

.endscope-info tr th,
.endscope-info tr td {
    padding: 15px 10px;
    border: solid 1px #c3e5e1;
    text-align: center;
}

.endscope-info span{
    margin-top: 10px;
    display: block;
}

.endscope-info .img-responsive{
    width: 100%;
    max-width: 150px;
}



/*-----------検査の流れ-----------*/

.flow_box_area{
    background-color: #e6f4f1;
    padding: 100px 0;
    margin-top: 100px;
}



.flow_area_title {
    margin-top: 0px;
}

.flow_area_title h2 {
    display: block;
    position: relative;
    text-align: center;
    background-color: rgba(0, 0, 0, 00);
    border-left: 0px solid #62bec9;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    margin-bottom: 70px;
    padding: 12px;
}

.flow_area_title h2:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #62bec9;
}



.flow_box{
    max-width: 1300px;
    margin: 0 auto;
}

.flow_right h4{
    font-size: 24px;
    color: #5ab4bd;
    padding: 0px 0px 20px 0px;
    font-family: "NotoSerifJP-VariableFont", serif;
}





/*-----------------料金表-----------------*/

.ryoukin {
    margin: 25px 0 25px 0;
}

.ryoukin table {
    border-collapse: collapse;
    width: 100%;
}

.ryoukin tr th {
    text-align: center;
    color: #62bec9;
    background-color: #e6f4f1;
}

.ryoukin tr th,
.ryoukin tr td {
    padding: 15px 10px;
    border: solid 1px #c3e5e1;
    text-align: center;
}

.ryoukin span {
    margin-top: 10px;
    display: block;
}


@media screen and (min-width:769px) {
    .pc_none {
        display: none !important;
    }
}

@media screen and (max-width:768px) {
    .sp_none {
        display: none !important;
    }
}



@media screen and (max-width:999px) {
    .col-sm-4 {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .lower_top_flex{
        flex-direction: column-reverse;
        margin-bottom: 50px;
    }

    .lower_top_title h2{
        text-align: center;
        font-size: 20px;
    }
    .lower_top_title h2:before{
        left: 50%;
    }
    .lower_top_txt {
        width: 100%;
        padding: 0 0 20px 0px;
    }

    .lower_top_txt p{
        padding: 0;
    }

    .lower_top_img {
        width: 100%;
        margin: 0 auto 30px;
    }

    .syoujyou-soudan{
        padding: 50px 20px 20px;
    }
    .syoujyou_bk{
        padding: 0px 20px 50px;
    }

    .headline_title{
        margin-top: 50px;
    }
    .flow_box_area{
        padding: 50px 0 50px;
        margin-top: 50px;
    }

    /*-----------------胃カメラ種類-----------------*/

    .endscope_table {
        width: 80%;
    }

    .endscope_table .thead {
        display: none;
    }

    .endscope_table th {
        display: block;
        width: 100%;
        position: relative;
    }

    .endscope_table tr,
    .endscope_table td {
        display: block;
        width: 100%;
        position: relative;
    }

    .endscope_table .hidden-xs {
        display: none;
    }

    .endscope_table .th {
        background-color: #e6f4f1;
        color: #62bec9;
        font-weight: bold;
    }

    .visible-xs {
        background-color: #62bec9;
        color: #fff;
        padding: 4px 10px;
        display: inline-block !important;
        margin-right: 10px;
    }

    .endscope-info tr th,
    .endscope-info tr td {
        padding: 15px 10px;
        border: solid 0px #c3e5e1;
        text-align: center;
    }

    .endscope-info tr td:last-child {
        border-bottom: solid 1px #eee;
    }

    /*-----------------検査の流れ-----------------*/

    #double-slider {
        width: 90%;
        margin: 0 auto;
        background: #FFF;
        padding: 20px;
    }

    /*----------------- テキストスライダーの装飾 -----------------*/
    #text-slider {
        width: 100%;
        margin: 0 auto 0;
        padding: 30px 0;
        text-align: center;
    }

    .inspection-main-slider{
        display: flex;
        align-items: center;
    }
    .inspection-main-slider li {
        width: 100%;
        margin: 0 auto;
    }

    .inspection-main-slider img {
        max-width: 100%;
        height: auto;
        display: block;
    }


    .custom-dots .slick-dots{
        margin: 20px 0 0 0;
    }

    .text_box h4 {
        text-align: left;
        font-size: 24px;
        color: #5ab4bd;
        padding: 0px 0px 20px 0px;
        font-family: "NotoSerifJP-VariableFont", serif;
    }

    .text_box  p{
        text-align: left;
    }
    .text_box span{
        font-size: 12px;
    }
    
    
    

    /*-----------------料金-----------------*/
    .endoscope-ryoukinhyo {
        width: 80%;
    }

    .endoscope-ryoukinhyo .thead {
        display: none;
    }

    .endoscope-ryoukinhyo tr {
        margin-top: 10px;
    }

    .endoscope-ryoukinhyo tr,
    .endoscope-ryoukinhyo td {
        display: block;
        width: 100%;
        position: relative;
    }

    .endoscope-ryoukinhyo .hidden-xs {
        display: none;
    }

    .endoscope-ryoukinhyo .th {
        background-color: #e6f4f1;
        color: #62bec9;
        font-weight: bold;
    }

    .visible-xs {
        background-color: #62bec9;
        color: #fff;
        padding: 4px 10px;
        display: inline-block !important;
        margin-right: 10px;
    }
    
}

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

    .syoujyou {
        width: 100%;
        padding: 40px 20px;
    }

    .check-mark {
        width: 100%;
    }
}

@media screen and (max-width:560px) {
    .headline_title h2 {
        font-size: 20px;
    }

    .syoujyou-soudan {
        font-size: 20px;
    }

    .syoujyou {
        width: 100%;
    }

    .check-mark {
        width: 100%;
    }

    .syoujyou li {
        font-size: 1.0rem;
    }

    

    .endscope-info .img-responsive {
        max-width: 250px;
    }
}






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

大腸カメラ

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



/*----------------大腸ポリープ切除----------------*/

.lower_middle02_area {
    margin-top: 100px;
}


.lower_middle02_img {
    width: 40%;
}

.lower_middle02_img img {
    width: 100%;
}

.lower_middle02_flex {
    display: flex;
    justify-content: space-between;
}

.lower_middle02_text {
    width: 50%;
    margin-right: 100px;
}

.lower_middle02_text .lower_middle02_title {
    margin-top: 0px;
}

.lower_middle02_text .lower_middle02_title h2 {
    display: block;
    position: relative;
    text-align: left;
    background-color: rgba(0, 0, 0, 00);
    border-left: 0px solid #62bec9;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    margin-bottom: 70px;
    padding: 0;
}

.lower_middle02_text .lower_middle02_title h2:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 30px;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #62bec9;
}

.lower_middle02_text p{
    margin-top: 20px;
}


/*----------------大腸ポリープの注意事項----------------*/

.lower_middle02_precautions {
    margin-top: 50px;
    border: 1px solid #62bec9;
    padding: 40px 60px;
}

.lower_middle02_precautions h3 {
    text-align: center;
    font-size: 24px;
    color: #62bec9;
    font-family: "NotoSerifJP-VariableFont", serif;
    margin-bottom: 20px;
}


.lower_middle02_precautions ul{
    display: flex;
    flex-wrap: wrap;
}

.lower_middle02_precautions li{
    list-style: square;
    width: 45%;
    line-height: 2;
    margin-left: 20px;
}

@media screen and (max-width:768px) {
    /*------------大腸ポリープ-------------*/
    .annotation {
        font-weight: normal;
        font-size: 12px;
        margin-top: 0 !important;
    }


    .lower_middle02_text .lower_middle02_title h2 {
        text-align: center;
    }

    .lower_middle02_text .lower_middle02_title h2:before {
        left: 50%;
    }

    .lower_middle02_flex {
        flex-wrap: wrap;
    }

    .lower_middle02_text {
        width: 100%;
        margin-right: 0;
    }
    .lower_middle02_img {
        width: 100%;
    }
    .lower_middle02_precautions{
        padding: 40px 20px;
    }
    
}








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

一般内科

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

.figure_area {
    display: grid;
    justify-content: space-between;
    grid-template-columns: calc(50% - 50px) calc(50% - 50px);
    gap: 100px;
}

.figure_box {
    width: 100%;
}

.figure_top {
    width: 100%;
}

.figure_top img {
    width: 100%;
}

.figure_bottom h4{
    margin: 10px auto 20px;
    color: #3d99a3;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    font-weight: normal;
}
@media screen and (max-width:1000px){
    .figure_area {
        grid-template-columns: calc(50% - 20px) calc(50% - 20px);
        gap: 40px;
    }
}

@media screen and (max-width:560px){
    .figure_area {
        grid-template-columns: auto;
    }
}


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

消化器内科

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


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


.syoukaki-index-cont {
    /*display: flex;
    flex-wrap: wrap;*/
    margin-top: 50px;
}

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

.syoukaki-block {
    position: relative;
    /*background-color: #62bec9;
    background-color: #e6f4f1;*/
    background-color: rgba(0,0,0,0.0);
    display: flex;
}


.block-hdr {
    width: 20%;
    margin: 0 0 0 0;
    padding: 8px 0;
    text-align: center;
    /*background: -webkit-gradient(linear, left bottom, left top, from(#cbcbb8), color-stop(50%, #cbcbb8), color-stop(50%, #fff), to(#fff));
    background: linear-gradient(0deg, #e6f4f1 0%, #e6f4f1 50%, #fff 50%, #fff 100%);*/
}

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

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

.syoukaki-navibtn {
    padding: 25px;
    /*height: 400px;*/
    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;
}


@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) {

    .syoujyou-soudan {
        font-size: 20px;
    }

    .syoujyou {
        width: 100%;
    }

    .check-mark {
        width: 100%;
    }

    .syoujyou li {
        font-size: 1.0rem;
    }
}



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

内視鏡検査

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


.lower_area_flex {
    display: flex;
    flex-wrap: wrap;
}

.endoscope-index-cont {
    border-bottom: 1px solid #d1d1d1;
    padding: 50px 20px;
}

.endoscope-index-cont:last-child {
    border-bottom: 0px solid #d1d1d1!important;
}

.endoscope-index-border {
    border: 1px solid #62bec9;
    padding: 10px;
    max-width: 700px;
    width: 100%;
    margin: 30px auto 100px;
}


.endoscope-md h3{
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: normal;
    color: #3d99a3;
    font-family: "NotoSerifJP-VariableFont", serif;
}


.endoscope-index-cont-flex{
    display: flex;
    flex-wrap: wrap;
    gap:50px;
}


.endscope_left{
    width: 50%;
}

.endscope_right{
    width: 45%;
}

.endscope_right img{
    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:560px) {

    .flex_endoscope_container{
        flex-wrap: wrap;
    }
    .endoscope-index-cont{
        padding: 50px 0;
    }
    .endoscope_box_a01 img{
        max-width: 100px;
    }
    .endoscope_box_a01 {
        width: 100%;
    }
    
    .endoscope_box_a02 img{
        max-width: 100px;
    }
    .endoscope_box_a02 {
        width: 100%;
    }
    
    .syoukaki-block{
        display: block;
    }
    .block-hdr {
        width: 50%;
        margin: 0 auto;
    }
    .syoukaki-navibtn {
        width: 100%;
        padding: 25px 0 0;
    }
    .lower_middle_precautions02{
        margin-top: 20px!important;
    }
    
    .endscope_left{
        width: 100%;
    }
    .endscope_right {
        width: 100%;
    }
    .endoscope-index-border{
        margin: 30px auto 0px;
    }
}



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


病名・症状についての一覧ページ


=====================================*/
#common-cont {
    margin-bottom: 40px;
    padding-top: 227px;
}

/* 調整改行 */
.sp-br,
.tab-br{
    display: none;
}

/***	 タブレット等 	***/
@media screen and (min-width:768px) and ( max-width:1199px){
    /* 調整改行 */
    .tab-br{
        display: inline;
    }
}

/***	 スマホ 	***/
@media (max-width: 767px) {

    div#common-cont {
        padding-top: 80px;
    }
    /* 調整改行 */
    .sp-br{
        display: inline;
    }
}

/***	 消化器のお悩み 子ページ共通 	***/
/** レイアウト **/
/*
body.parent-pageid-11 div.menu-gloval-container,
body.parent-pageid-11 div#common-cont{
margin-bottom:0;
}
*/


/*** 消化器のお悩み　子ページのみ包含上部の白余白不要（メインカラム側にベージュの余白設定） ***/
.parent-pageid-11 div#common-cont {
    margin-bottom: 0;
    padding-top: 181px;
}

.parent-pageid-11 div#main-column,
.parent-pageid-11 div#side-column {
    padding-top: 45px;
    padding-bottom: 40px;
}

.parent-pageid-11 div#main-column {
    background-color: #cbcbb8;
}

/* タイトル */
#digestiveorgans-page-title {
    margin: 0 0 30px 0;
    padding: 0 30px;
}

#digestiveorgans-page-title>h2 {
    width: 100%;
    line-height: 1.2;
    font-size: 3.6rem;
    font-weight: bold;
    color: #7ea780;
}


/** コンテンツ内容 **/
.condition-intro {
    padding: 15px 30px;
    width: 100%;
}

.condition-intro li {
    margin: 0 0 40px 0;
}

.condition-intro li:last-child {
    margin-bottom: 0;
}

.condition-intro li img.hd-icon {
    float: left;
    max-width: 20%;
}

.condition-intro li div.intro {
    float: right;
    width: 72%;
}

.condition-intro li div.intro h3 {
    margin: 0 0 15px 0;
    font-size: 2.5rem;
    font-weight: bold;
    color: #7ea780;
}

/** サイドメニュー **/
#digestiveorgans-menu-box {
    padding: 20px 15px;
    color: #fff;
    background-color: #62bec9;
}

#digestiveorgans-menu-box h4 {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
}

#menu-digestiveorgans-menu {
    width: 100%;
}

#menu-digestiveorgans-menu li {
    margin: 0 0 10px 0;
    padding: 8px;
    text-align: center;
    border: solid 2px #fff;
}


/* 現在ページ */
#menu-digestiveorgans-menu li.current_page_item {
    background-color: #396951;
}

#menu-digestiveorgans-menu li a {
    text-decoration: none;
    font-size: 2.2rem;
    font-weight: normal;
    color: #fff;
}

#menu-digestiveorgans-menu li:last-child a {
    font-size: 1.5rem;
}

/***	 NOTE・TAB 	***/
@media (max-width: 1199px) {
    #menu-digestiveorgans-menu li {
        text-align: left;
    }

    #menu-digestiveorgans-menu li a {
        font-size: 1.8rem;
    }
}

/***	 TAB 	***/
@media (max-width: 991px) {
    #digestiveorgans-menu-box h4 {
        text-align: left;
    }
}

/***	 スマホ 	***/
@media (max-width: 767px) {

    /* PC用GLナビ部分の余白調整 */
    .parent-pageid-11 div#common-cont {
        padding-top: 80px;
    }

    /* スマホ表示左右マージンなし */
    .digestive-organs div#common-cont,
    .parent-pageid-11 div#common-cont,
    .digestive-organs div#common-cont>div.row>div,
    .parent-pageid-11 div#common-cont>div.row>div,
    .parent-pageid-11 div#common-cont>div.row>div>div.row>div,
    .parent-pageid-11 div#common-cont>div.row>div>div.row>div>div.row>div {
        padding-right: 0;
        padding-left: 0;
    }

    .digestive-organs div#common-cont>div.row,
    .parent-pageid-11 div#common-cont>div.row,
    .parent-pageid-11 div#common-cont>div.row div div.row {
        margin-right: 0;
        margin-left: 0;
    }

    .digestive-organs div#common-cont>div.row div.page-title,
    .parent-pageid-11 div#common-cont>div.row div.page-title {
        margin-right: 0;
        margin-left: 0;
    }

    /* スマホ時はサイドメニューとメイン部の余白なし */
    .parent-pageid-11 div#side-column {
        padding-top: 0;
    }

    /* タイトル */
    #digestiveorgans-menu-box h4 {
        text-align: center;
    }

    #digestiveorgans-page-title.sp_title {
        margin-bottom: 10px;
        width: 100%;
    }

    #digestiveorgans-page-title.sp_title>h2 {
        padding: 8% 0 8% 26%;
        font-size: 3.6rem;
    }

    #menu-digestiveorgans-menu li {
        text-align: center;
    }

    /* 共通コンテンツ部 */
    .condition-intro li img.hd-icon {
        display: none;
    }

    .condition-intro li div.intro {
        float: none;
        width: 100%;
    }

    /*** タイトル部 ***/
    /* 食道の病気 INDEX／ id-23 */
    .esophagus div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/01.png") 0 center / 20% no-repeat;
    }

    /* 胃の病気 INDEX／ id-25 */
    .stomach div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/02.png") 0 center / 20% no-repeat;
    }

    /* 肝臓の病気 INDEX／ id-31 */
    .liver div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/03.png") 0 center / 20% no-repeat;
    }

    /* 小腸・大腸の病気 INDEX／ id-29 */
    .intestine div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/04.png") 0 center / 20% no-repeat;
    }

    /* 十二指腸・胆のう・膵臓の病気 INDEX／ id-27 */
    .duodenum-gallbladder-pancreas div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/05.png") 0 center / 20% no-repeat;
    }
}



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


自費診療・自由診療


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

.jihishinryo-page-navi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%;

}

.jihishinryo-page-navi>li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #62bec9;
    border: solid 2px #62bec9;
    transition: all .2s ease;
}

.jihishinryo-page-navi .current a,
.jihishinryo-page-navi .current a:hover {
    color: #fff;
    background-color: #62bec9;
    border: solid 2px #62bec9;
}

.jihishinryo-page-navi>li a,
.jihishinryo-page-navi>li a:hover {
    text-decoration: none;
}

@media (max-width:767px) {
    .jihishinryo-page-navi>li {
        width: 48%;
    }

    .jihishinryo-page-navi>li:nth-of-type(n+3) {
        margin-top: 10px;
    }

}

@media (min-width:768px) {
    .jihishinryo-page-navi>li {
        width: 19.5%;
    }

    .jihishinryo-page-navi>li a {
        font-size: 15px;
    }

}
@media (max-width:560px) {


    .jihishinryo-page-navi>li a {
        font-size: 11px;
    }

}


/*----------------------------フードアレルギー検査-------------------------*/
/*----------こうした方におすすめです----------*/

.point_area {
    background-color: #e6f4f1;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.ttl {
    width: 100%;
    position: relative;
    color: #3d99a3;
    text-align: center;
    padding: 60px 20px 30px;
    font-family: "NotoSerifJP-VariableFont", serif;
    font-weight: normal;
    font-size: 24px;
}


.list_check {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 10px;

}

.list_check img {
    max-width: 50px;
    margin-bottom: 10px;
}


.list_check > li {
    position: relative;
    padding: 40px;
    margin: 0px 20px;
    font-size: 18px;
    background-color: #fff;
    text-align: center;
    width: 33%;
}

.list_check > li p {
    font-family: "NotoSerifJP-VariableFont", serif;
    color: #3d99a3;
}

/*----------------アレルギー反応----------------*/

.lower_middle_area {
    margin-top: 100px;
}


.lower_middle_img {
    width: 40%;
}

.lower_middle_img img {
    width: 100%;
}

.lower_middle_flex {
    display: flex;
    justify-content: space-between;
}

.lower_middle_text {
    width: 50%;
    margin-right: 100px;
}

.lower_middle_text .lower_middle_title {
    margin-top: 0px;
}

.lower_middle_text .lower_middle_title h2 {
    display: block;
    position: relative;
    text-align: left;
    background-color: rgba(0, 0, 0, 00);
    border-left: 0px solid #62bec9;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    margin-bottom: 70px;
    padding: 0;
}

.lower_middle_text .lower_middle_title h2:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 30px;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #62bec9;
}

.lower_middle_text p {
    margin-top: 20px;
}

/*----------------検査対象の食品一例----------------*/

.lower_middle_precautions {
    margin-top: 50px;
    border: 1px solid #62bec9;
    padding: 40px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lower_middle_precautions h3 {
    text-align: left;
    font-size: 24px;
    color: #62bec9;
    font-family: "NotoSerifJP-VariableFont", serif;
    width: 40%;
}


.lower_middle_precautions ul {
    display: flex;
    flex-wrap: wrap;
}

.lower_middle_precautions li {
    list-style: square;
    width: 45%;
    line-height: 2;
    margin-left: 20px;
}


/*----------------料金表----------------*/

.ryoukin02 {
    margin: 25px 0 25px 0;
}

.ryoukin02 table {
    border-collapse: collapse;
    width: 100%;
}

.ryoukin02 tr th {
    text-align: center;
    color: #62bec9;
    background-color: #e6f4f1;
}

.ryoukin02 tr th,
.ryoukin02 tr td {
    padding: 15px 10px;
    border: solid 1px #c3e5e1;
    text-align: center;
}

.ryoukin02 span {
    margin-top: 10px;
    display: block;
}



@media screen and (max-width:768px) {
    /*-----------おすすめです-----------*/
    .ttl {
        font-size: 20px;
    }

    .list_check {
        flex-wrap: wrap;
    }

    .list_check > li {
        width: 100%;
        margin-bottom: 30px;
        padding: 20px;
        font-size: 16px;
    }
    
    
    /*---------------アレルギー反応と腸内環境-----------*/
    .lower_middle_precautions {
        flex-wrap: wrap;
        text-align: center;
        padding: 30px 24px;
    }

    .lower_middle_precautions h3 {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }

    .lower_middle_precautions li {
        text-align: left;
        width: 100%;
    }
    
    /*-----------------------料金表--------------------*/
    
    .ryoukin02 table {
        width:100%;
    }
    .ryoukin02 tr{
        margin-top: 0;
    }
    .ryoukin02 th{
        width: 100%;
        display: block;
    }
    
    .ryoukin02 .hidden-xs{
        display: block;
    }
    
    /*----------------検査でわかるアレルギー反応----------------*/
    .lower_middle_text .lower_middle_title h2 {
        text-align: center;
        font-size: 20px;
    }

    .lower_middle_text .lower_middle_title h2:before {
        left: 50%;
    }

    .lower_middle_flex {
        flex-wrap: wrap;
    }

    .lower_middle_text {
        width: 100%;
        margin-right: 0;
    }

    .lower_middle_img {
        width: 100%;
    }
}


/*--------------------------------------健康診断------------------------------------*/


/*----------------料金表----------------*/

.ryoukin03 {
    margin: 25px 0 25px 0;
}

.ryoukin03 table {
    border-collapse: collapse;
    width: 100%;
}


.ryoukin03 tr th {
    text-align: center;
    color: #62bec9;
    background-color: #e6f4f1;
}

.ryoukin03 tr th,
.ryoukin03 tr td {
    padding: 15px 10px;
    border: solid 1px #c3e5e1;
    text-align: center;
}

.ryoukin03 span {
    margin-top: 10px;
    display: block;
}

.checkup-ryoukinhyo tr:nth-child(even) td {
    background-color: #fafffc;
}

/*-----------------料金-----------------*/

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

    /*------------------検査の費用------------------*/

    .headline_title {
        margin-top: 50px;
    }
    
    .fixed01{
        position: sticky;
        top: 0;
        left: 0;
        width: 125px;
        z-index: 1;
        border-right: solid 1px #c3e5e1;
        background-color: #fff;
    }
    .ryoukin03{
        overflow: scroll;
    }
    .ryoukin03 table {
        width: 900px;
    }

}

/*--------------電話番号--------------*/


.tel_area {
    background-color: #e6f4f1;
    padding: 40px;
    margin: 20px 0 50px;
    text-align: center;
}

.tel_area h3 {
    text-align: center;
    font-size: 24px;
    font-family: "NotoSerifJP-VariableFont", serif;
    color: #3d99a3;
    font-weight: normal;
}

.tel_area span {
    font-size: 16px;
    display: block;
    margin: 20px;
    color: #636363;
    font-family: "NotoSansJP-Regular", sans-serif;
}

.tel_box {
    background-color: #fff;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 20px;
}

.tel_area a {
    font-size: 4rem;
    font-weight: bold;
    text-decoration: none;
    color: #62bec9;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}


.tel_area p {
    color: #62bec9;
}

.tel_area img {
    max-width: 65px;
    padding-bottom: 0;
    margin-right: 10px;
}

@media screen and (max-width:1000px) {
    .tel_area img {
        max-width: 35px;
    }
}

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

    .tel_area {
        padding: 40px 20px;
    }

    .tel_area h3 {
        font-size: 20px;
    }

    .tel_area a {
        font-size: 1.6rem;
        font-family: sans-serif;
    }

}



/*-------------------------予防接種・抗体検査-------------------------*/

.infl-notes{
    text-align: right!important;
}




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


よく見る胃腸の病気


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

.lower_top_flex02{
    justify-content: flex-start;
    gap:50px;
}

.page_serect_btn_top{
    margin-bottom: 2em;
}

.page-list{
    border: 1px solid #62bec9;
    padding: 3% 5%;
}

.page-list li {
    display: inline-block;
    width: 50%;
    margin: 0 0 0.5em 0;
    padding-left: 36px;
    padding-right: 0.8em;
    position: relative;
}

.page-list li:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    border: 0;
    background: linear-gradient(-45deg, #62bec9, #3d99a3);
    border-radius: 50%;
}

.page-list li:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 7px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.page-list li a {
    text-decoration: none;
    color: #636363;
}

.flex-disease-name-list{
    display: grid;
    gap: 40px;
    grid-template-columns: calc(50% - 20px) calc(50% - 20px);
    margin: 20px auto 50px;
}


.disease-name-list-box{
    background-color: #e6f4f1;
    padding: 5%;
}


.under h4 {
    font-size: 20px;
    color: #3d99a3;
    line-height: 1.3;
    letter-spacing: 0.1em;
    position: relative;
    font-weight: normal;
    padding-bottom: 0.5em;
    margin: 0.2em auto 1em;
    box-sizing: border-box;
    font-family: "NotoSerifJP-VariableFont", serif;
}

.under h4::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #62bec9, #3d99a3);
}

@media screen and (max-width:768px){
    .page-list li{
        width: 100%;
    }
    .flex-disease-name-list{
        grid-template-columns: auto;
    }
}