@charset "utf-8";
@import url("sp_common.css");

@media only screen and (max-width: 750px) {
    /*//////////////////////////////////*/
    /*　共通　*/
    /*//////////////////////////////////*/
    #wrap{
        opacity: 0;
        overflow: hidden;
        background: url("../img/sp/common/backimage.png"), url("../img/sp/common/backimage.png");
        background-repeat: no-repeat, no-repeat;
        background-position: left -15vw top -15vw, right -15vw top 60vw;
        background-size: 50vw auto, 50vw auto;
    }
    .block_h1{
        display: table;
        opacity: 0;
        position: absolute;
        top: 90px;
        right: 3vw;
        width: auto;
        height: 320px;
        z-index: 900;
        -webkit-transition: all 1s ease .8s;
           -moz-transition: all 1s ease .8s;
             -o-transition: all 1s ease .8s;
                transition: all 1s ease .8s;
    }
    .load .block_h1{
        opacity: 1;
        top: 80px;
    }
    h1{
        display: table-cell;
        width: 60px;
        height: auto;
        /* vertical-align: middle; */
    }
    #main_image,
    #main_image1{
        width: 100%;
        height: 250px;
        margin-top: 70px;
        overflow: hidden;
        position: relative;
        z-index: 800;
    }
    #main_image::before,
    #main_image1::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 320px;
        background: #fff;
        -webkit-transition: all 1s ease .5s;
           -moz-transition: all 1s ease .5s;
             -o-transition: all 1s ease .5s;
                transition: all 1s ease .5s;
    }
    .load #main_image::before,
    .load #main_image1::before{
        right: -150vw;
    }
    
    #about #content .banner{
        display: block; 
        /* width: 86%; */
        width: 73%;
        margin: 40px auto 0; 
        padding: 20px; 
        border: 2px solid #012770;
        line-height: 1.5;
    }
    #about #content .banner a{
        line-height: 1.5; 
        color: #012770;
    }

    /*---------------------------------------*/
    /* 泌尿器科教室について */
    /*---------------------------------------*/
    #about.general #main_image{
        background: url("../img/general/about/page_main_image.jpg?20250522") no-repeat top center;
        background-size: cover;
    }

    ul.topic_path{
        width: auto;
        padding: 8px 16px 0;
        overflow: hidden;
        /*border: 1px solid #ccc;
        border-left: none;
        border-right: none;*/
        z-index: 800;
    }
    ul.topic_path li{
        float: left;
        font-size: 10px;
        line-height: 1.2;
        padding: 4px 20px 4px 0;
        color: #012770;
        background: url("../img/sp/common/icon_topic_path.png") no-repeat right 7px center;
        background-size: 6px auto;
    }
    ul.topic_path li:last-child{
        background: none;
    }
    ul.topic_path li a{
        color: #555;
        text-decoration: underline;
    }
    ul.topic_path li a:hover{
        text-decoration: none;
    }
    main{
        opacity: 0;
        -webkit-transition: all .5s ease .8s;
           -moz-transition: all .5s ease .8s;
             -o-transition: all .5s ease .8s;
                transition: all .5s ease .8s;
    }
    .load main{
        opacity: 1;
    }
    section#content article{
        width: 86%;
        height: auto;
        margin: 0 auto;
        /*padding: 8vw 0;*/
    }
    section#content h2{
        /*font-size: 5.625vw;*/
        font-size: 25px;
        text-align: center;
        color: #012770;
        line-height: 1.3;
        font-weight: normal;
        padding: 40px 0 12px;
        margin-bottom: 24px;
        background: url("../img/sp/common/page_h2_line.png") no-repeat bottom center;
        background-size: 30px auto;
    }
    section#content h2 span{
        /*font-size: 4.375vw;*/
        font-size: 18px;
    }
    section#content article h3{
        text-align: center;
        color: #8F7500;
        /*font-size: 4.375vw;*/
        font-size: 22px;
        font-weight: normal;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    section#content article h3 span{
        font-style: italic;
        font-weight: normal;
    }
    section#content article h4{
        /*font-size: 5.625vw;*/
        font-size: 22px;
        font-weight: normal;
        text-align: center;
        color: #012770;
        margin-bottom: 20px;
        padding: 0 16px;
        line-height: 1.5;
    }
    section#content article p{
        line-height: 2;
        margin: 0 auto;
        font-family: 'Noto Sans JP', sans-serif;
    }
    section#content article .image{
        width: 90%;
        margin: 20px auto 0;
        overflow: hidden;
    }
    section#content article .image img{
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    /*---------------------------------------*/
    /* ごあいさつ */
    /*---------------------------------------*/
    #about section.greetings figure{
        width: 250px;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }
    #about section.greetings figure figcaption{
        padding: 20px 0 30px;
    }
    #about section.greetings p span{
        display: block;
        text-align: right;
    }

    /*---------------------------------------*/
    /* 教室の概要 */
    /*---------------------------------------*/
    #about .overview article{
        opacity: 1;
        padding-bottom: 60px;
    }
    #about .overview article div h3 span{
        font-style: italic;
        padding-right: 16px;
    }

    #about .overview article figure{
        height: 60vw;
        overflow: hidden;
        margin: 30px auto;
        -webkit-transition: all 1s ease-out 0.4s;
           -moz-transition: all 1s ease-out 0.4s;
             -o-transition: all 1s ease-out 0.4s;
                transition: all 1s ease-out 0.4s;
    }
    #about .overview .inner_1 figure.photo_1{
        background: url("../img/general/about/img_overview_1_1.jpg") no-repeat left center;
        background-size: cover;
    }
    #about .overview .inner_1 figure.photo_2{
        background: url("../img/general/about/img_overview_1_2.jpg") no-repeat left center;
        background-size: cover;
    }
    #about .overview .inner_2 figure.photo_1{
        background: url("../img/general/about/img_overview_2_1.jpg") no-repeat left center;
        background-size: cover;
    }
    #about .overview .inner_2 figure.photo_2{
        background: url("../img/general/about/img_overview_2_2.jpg") no-repeat left center;
        background-size: cover;
    }
    #about .overview .inner_3 figure.photo_1{
        background: url("../img/general/about/img_overview_3_1.jpg") no-repeat right center;
        background-size: cover;
    }
    #about .overview .inner_3 figure.photo_2{
        background: url("../img/general/about/img_overview_3_2.jpg") no-repeat right center;
        background-size: cover;
    }

    #about #hospital_list{
        background: url("../img/common/backimage_washi.png") repeat top center;
        overflow: hidden;
        padding: 40px 0;
        text-align: center;
    }
    #about #hospital_list h3{
        display: inline-block;
        color: #012770;
        font-weight: normal;
    }
    #about #hospital_list article{
        width: 90%;
        margin: 0 auto;
        text-align: left;
        border-bottom: 1px solid #d7d7d7;
        overflow: hidden;
        padding: 40px 0 0;
    }
    #about #hospital_list article.list_prefectures,
    #about #hospital_list article.list_order{
        border-bottom: none;
    }
    #about #hospital_list article div.sub_1{
        width: 100%;
        margin-bottom: 40px;
    }
    #about #hospital_list article div.sub{
        width: 100%;
        margin-bottom: 0 !important;
    }
    #about #hospital_list strong{
        clear: both;
        display: block;
        color: #8F7500;
        font-weight: normal;
        margin-bottom: 16px;
    }
    #about #hospital_list article div.sub ul{
        display: none;
        padding: 16px;
    }
    #about #hospital_list article div.sub ul.open{
        display: block;
    }
    #about #hospital_list ul li{
        margin-bottom: 16px;
    }
    #about #hospital_list a{
        display: inline-block;
        color: #000;
        line-height: 1.5;
        text-decoration: underline;
        padding-right: 20px;
        background: url("../img/common/icon_new_window.png") no-repeat right center;
    }
    #about #hospital_list a:hover{
        color: #012770;
        text-decoration: none;
    }
    #about #hospital_list article div.left{
        border-bottom: none;
    }
    #about #hospital_list article p{
        width: auto;
        color: #777;
        line-height: 1.5;
        padding: 16px 0;
        border-bottom: 1px solid #ccc;
        position: relative;
    }
    #about #hospital_list article div.left div.sub:first-child{
        border-top: 1px solid #ccc;
    }
    #about #hospital_list #other_universities div.sub{
        border-top: none !important;
    }
    #about #hospital_list article p:after{
        content: "▼";
        position: absolute;
        top: 20px;
        right: 16px;
        font-size: 12px;
    }
    #about #hospital_list article p.select:after{
        content: "▲";
    }
    #about #hospital_list .border_none{
        border-bottom: none;
    }
    #about #other_universities ul{
        display: block !important;
    }
    #about #other_universities div.right ul{
        margin-top: -30px;
    }

    /*教室の歴史・沿革*/
    #about #content article p img{
        width: 23vw;
        height: auto;
        display: block;
        margin: 0 auto 24px;
    }

    #about #professor_list{
        background: url("../img/common/backimage_washi.png") repeat center;
        overflow: hidden;
        padding: 10vw 0;
        text-align: center;
    }

    #about #professor_list h3{
        display: inline-block;
        color: #012770;
        font-weight: normal;
    }

    .scroll_area{
        width: 90%;
        margin: 30px auto 0;
        overflow-x: scroll;
        border: 2px solid #ccc;
        position: relative;
    }

    .scroll_area #swipe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: rgba(0,0,0,0.3);
    }

    .scroll_area #swipe img{
        display: block;
        margin: 70px auto 0;
        width: 120px;
        height: auto;
    }

    #about #professor_list table{
        width: auto;
        text-align: left;
        vertical-align: middle;
    }

    #about #professor_list table th,
    #about #professor_list table td{
        padding: 8px;
        border-bottom: 1px dotted #ccc;
        white-space: nowrap;
    }
    #about #professor_list table th{
        font-weight: normal;
        border-bottom: 1px solid #ccc;
    }

    /* 尿器科教室の沿革・歴史 */
    #about .history .meter{
        width: 90%;
        margin: 0 auto;
        border-left: 1px solid #ccc;
    }
    #about .history .meter .AD{
        display: block;
        width: 45px;
        padding-left: 25px;
        margin-left: -38px;
        margin-bottom: 20px;
        background: #fff url("../img/sp/common/icon_circle.png") no-repeat left center;
        background-size: auto 100%;
    }
    #about .history h3{
        line-height: 1.5;
    }
    #about .history h3 span{
        display: block;
        /*font-size: 4.375vw;*/
        font-size: 15px;
        font-style: normal;
    }
    #about .history article{
        width: 85%;
        padding: 0 0 80px;
        margin: -8px 0 0 11%;
        border-bottom: 1px dotted #ccc;
    }
    #about .history article:last-child{
        border-bottom: none;
    }
    #about .history article img{
        display: block;
        width: auto;
        height: auto;
        margin: 0 auto 20px;
    }
    #about .history #inoue,
    #about .history #yanagihara,
    #about .history #inada,
    #about .history #kato,
    #about .history #yoshida{
        opacity: 0;
        transform: translateY(50px);
        -webkit-transition: all 1s ease-in-out;
           -moz-transition: all 1s ease-in-out;
             -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
    }

    #about .history #inoue.active,
    #about .history #yanagihara.active,
    #about .history #inada.active,
    #about .history #kato.active,
    #about .history #yoshida.active{
        opacity: 1;
        transform: translateY(0);
    }

    /* スタッフ紹介 */
    #about .staff article{
        clear: both;
        background: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        position: relative;
    }
    #about .staff article::before{
        content: "";
        position: absolute;
        top: 20px;
        width: 100%;
        left: 0;
        height: 1px;
        background: #ccc;
    }
    #about .staff article h3{
        clear: both;
        font-size: 15px;
        position: relative;
        text-align: left;
    }
    #about .staff article h3 span{
        display: inline-block;
        padding: 8px 16px;
        border: 1px solid #ccc;
        color: #000;
        font-style: normal;
        background: url("../img/general/about/img_border.png") no-repeat left top, url("../img/general/about/img_border.png") no-repeat right bottom;
        background-size: 10px auto, 10px auto;
        background-color: #fff;
    }

    #about .staff article div{
        float: left;
        width: 35vw;
        margin: 0 0 5vw 5vw;
        text-align: center;
        position: relative;
        cursor: pointer;
    }

    #about .staff article div a{
        display: block;
        position: relative;
        width: 100%;
        height: 35vw;
        margin-bottom: 16px;
    }

    #about .staff article a span{
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        -webkit-border-radius: 90px;
           -moz-border-radius: 90px;
            -ms-border-radius: 90px;
                border-radius: 90px;
    }

    #about .staff article a .image_2{
        display: none;
    }

    #about .staff article a img{
        -webkit-border-radius: 90px;
           -moz-border-radius: 90px;
            -ms-border-radius: 90px;
                border-radius: 90px;
    }

    #about .staff article ol{
        clear: both;
        overflow: hidden;
        margin: 0 5vw 5vw;
    }

    #about .staff article ol li{
        float: left;
        width: 50%;
        line-height: 1.5;
        margin-bottom: 2.5vw;
    }

    /* カラーボックス */
    #about #staff_detail{
        display: none;
    }

    #about article.details{
        width: 90vw;
        padding-bottom: 200px;
        overflow: hidden;
    }

    #about article.details > div{
        padding: 20px;
        margin: 0 auto;
        background: #fff url("../img/common/backimage_washi.png");
    }

    #about article.details .name{
        font-size: 30px;
        font-weight: 500;
    }

    #about article.details .name strong{
        display: inline-block;
        /*font-size: 4.375vw;*/
        font-size: 15px;
        padding: 8px;
        margin: 0 3vw 3vw 0;
        background: #011c53;
        color: #fff;
        vertical-align: top;
    }

    #about article.details .photo{
        width: 100%;
    }

    #about article.details p{
        line-height: 1.8;
        margin-top: 5vw;
    }

    #about article.details p.message{
        padding: 2.5vw;
        background: rgba(255,255,255,0.7);
    }
    #about article.details p.message span{
        display: block;
        color: #8F7500;
        margin-left: -0.5em;
    }

    #about article.details table{
        width: 100%;
    }

    #about article.details table tr.no_border th,
    #about article.details table tr.no_border td{
        border-bottom: none;
    }

    #about article.details table th{
        display: block;
        text-align: left;
        padding: 2.5vw 2.5vw 0;
        /*font-size: 4.375vw;*/
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
    }

    #about article.details table th > span{
        display: block;
        margin-top: 3vw;
    }

    #about article.details table td{
        display: block;
        text-align: left;
        padding: 2.5vw;
        /*font-size: 4.375vw;*/
        font-size: 15px;
        border-bottom: 1px solid #ccc;
        line-height: 1.5;
    }

    #about article.details table td ol li{
        text-indent: -1em;
        margin-left: 1em;
    }

    #colorbox{
        z-index: 3100;
        outline:none;
    }

    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        background: rgba(0,0,0,0.8);
        z-index: 3000;
    }

    #cboxClose{
        display: none;
    }

    .cbclose{
        display: block;
        position: absolute;
        bottom: 135px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 40px;
        height: 40px;
        background: url("../img/common/btn_close.png") no-repeat left top;
        overflow: hidden;
        text-indent: 110%;
        white-space: nowrap;
    }

    .cbnext{
        display: block;
        position: absolute;
        bottom: 120px;
        right: 0;
        width: 35px;
        height: 67px;
        background: url("../img/common/btn_next.png") no-repeat left top;
        overflow: hidden;
        text-indent: 110%;
        white-space: nowrap;
    }

    .cbprev{
        display: block;
        position: absolute;
        bottom: 120px;
        left: 0;
        width: 35px;
        height: 67px;
        background: url("../img/common/btn_prev.png") no-repeat left top;
        overflow: hidden;
        text-indent: 110%;
        white-space: nowrap;
    }

    /*//////////////////////////////////*/
    /*　あつかう主な病気　*/
    /*//////////////////////////////////*/
    #sick.general #main_image{
        background: url("../img/general/sick/main_image.jpg") no-repeat top right -80px;
        background-size: cover;
    }
    #sick.general #content{
        margin-bottom: 10vw;
    }
    #sick section#content article{
        width: 90%;
        margin: 0 auto !important;
        padding: 0 !important;
        border-bottom: 1px solid #ccc;
    }
    .btn_sentence{
        width: 100%;
        margin: -1px auto 0;
        position: relative;
        cursor: pointer;
        border-top: 1px solid #ccc;
        padding: 15px 0;
        -webkit-transition: all 0.5s ease-in-out;
           -moz-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
    }
    .btn_sentence p{
        font-size: 18px;
        font-family: 'Noto Serif JP', serif !important;
        line-height: 1.4 !important;
        width: 90% !important;
        margin: 0 !important;
        -webkit-transition: all 0.5s ease-in-out;
           -moz-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
    }
    .btn_sentence.active::before{
        background: none;
    }
    .btn_sentence.active p{
        /*font-size: 4.375vw;*/
        font-size: 15px;
    }
    .btn_sentence .icon{
        display: block;
        width: 30px;
        height: 30px;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        position: absolute;
        transform: scale(0.7);
    }
    .btn_sentence .icon span{
        display: block;
        width: 18px;
        height: 1px;
        background: #000;
        -webkit-transition: all 0.5s ease-in-out;
           -moz-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        -webkit-transform: translateY(15px) translateX(13px) rotate(-45deg);
           -moz-transform: translateY(15px) translateX(13px) rotate(-45deg);
             -o-transform: translateY(15px) translateX(13px) rotate(-45deg);
                transform: translateY(15px) translateX(13px) rotate(-45deg);
    }

    .btn_sentence .icon span:nth-child(2){
        display: block;
        width: 18px;
        height: 1px;
        background: #000;
        -webkit-transition: all 0.5s ease-in-out;
           -moz-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        -webkit-transform: translateY(15px) translateX(0) rotate(45deg);
           -moz-transform: translateY(15px) translateX(0) rotate(45deg);
             -o-transform: translateY(15px) translateX(0) rotate(45deg);
                transform: translateY(15px) translateX(0) rotate(45deg);
    }

    .btn_sentence.active .icon span{
        width: 30px;
        -webkit-transform: translateY(3.125vw) translateX(0) rotate(-315deg);
           -moz-transform: translateY(3.125vw) translateX(0) rotate(-315deg);
             -o-transform: translateY(3.125vw) translateX(0) rotate(-315deg);
                transform: translateY(3.125vw) translateX(0) rotate(-315deg);
    }

    .btn_sentence.active .icon span:nth-child(2){
        -webkit-transform: translateY(2.8vw) translateX(0) rotate(315deg);
           -moz-transform: translateY(2.8vw) translateX(0) rotate(315deg);
             -o-transform: translateY(2.8vw) translateX(0) rotate(315deg);
                transform: translateY(2.8vw) translateX(0) rotate(315deg);
    }
    #sick .sentence{
        display: none;
        margin: 0 auto !important;
    }

    #sick article div.inner{
        width: 90%;
        margin: 0 auto 30px;
        overflow: hidden;
        border-bottom: 1px dotted #ccc;
    }
    #sick article div.inner:last-child{
        border-bottom: none;
        margin-bottom: 0;
    }

    #sick .sentence h3{
        width: 95%;
        /*font-size: 5.625vw;*/
        font-size: 22px;
        margin: 5vw auto 7vw;
    }

    #sick .sentence figure{
        width: 90%;
        margin: 0 auto 30px;
    }
    #sick .sentence dl{
        margin: 0 0 30px;
    }
    #sick .sentence dt{
        /*font-size: 5.625vw;*/
        font-size: 22px;
        line-height: 1.3;
        text-indent: -1.3em;
        margin-left: 1.3em;
        padding: 0;
        color: #011c53;
        margin-bottom: 20px;
        font-weight: 500;
    }
    #sick .sentence dd{
        margin: 0 0 20px;
        line-height: 2;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence strong.red,
    #medical_care article strong.red,
    .research_activities strong.red{
        display: block;
        font-weight: normal;
        color: #a90000;
        line-height: 2;
        padding: 0 16px;
    }

    #sick .sentence h4,
    #medical_care article h4{
        font-size: 22px;
        text-align: left !important;
        line-height: 1.3;
        padding: 0 0 0 1.2em !important;
        background: url("../img/general/sick/icon_blue.png") no-repeat left top 5px;
        background-size: 20px auto;
    }

    #sick .sentence .inner_2 h4{
        width: 90%;
        text-indent: 0;
        margin: 0 auto 3vw;
    }

    #sick .sentence table{
        margin: 0 auto;
    }

    #sick .sentence table tr.border th{
        display: block;
        border: 3px solid #ccc;
        border-bottom: none;
        background: #fcf6e5;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        line-height: 1.5;
        white-space: nowrap;
        padding: 16px;
    }

    #sick .sentence table tr.border th span{
        /*font-size: 4.375vw;*/
        font-size: 15px;
        padding-left: 0.5em;
    }
    #sick .sentence table tr.border td{
        display: block;
        border: 3px solid #ccc;
        border-top: none;
        background: #fff;
        line-height: 2;
        padding: 16px;
    }
    #sick .sentence table tr.border td span{
        text-decoration: underline;
    }
    #sick .sentence table tr.border td strong{
        color: #a90000;
    }

    #sick .sentence table tr.arrow td{
        padding: 2vw;
        text-align: center;
    }
    #sick .sentence table p{
        width: 100%;
    }
    #sick .sentence table tr.arrow img{
        width: 10vw;
        height: auto;
    }

    #sick .sentence table td div{
        height: auto;
        text-align: center;
        border-bottom: 2px solid #ccc;
        margin-bottom: 5vw;
        padding-bottom: 5vw;
    }
    #sick .sentence table td div:last-child{
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #sick .sentence table td div img{
        display: block;
        margin: 0 auto 3vw;
        width: 40vw;
    }

    .icon_stoma{
        width: 20px;
        vertical-align: middle;
    }

    #sick .sentence strong.icon_red,
    .icon_red{
        display: block;
        margin: 0 auto 15px;
        padding-left: 1.2em;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.5;
        color: #a90000;
        font-family: 'Noto Sans JP', sans-serif;
        background: url("../img/general/sick/icon_red.png") no-repeat left top 6px;
        background-size: 16px auto;
    }
    
    /*******************
     前立腺がん 画像
    ********************/
    #sick .sentence .inner figure.img{
        width: 100%;
    }
    #sick .sentence .inner figure.img img.pc{display: none;}

    /*******************
     腎臓がん 動画モダル
    ********************/
    #sick .sentence .inner .video{
        max-width: 650px;
        width: 100%;
        height: auto;
        margin: 0 auto 30px;
        cursor: pointer;
    }
    #sick .sentence .inner .video img{max-width: 100%;}
    /* modal */
    .modal{
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,0.85);
    }
    .modal-content{
        height: 100%;
        margin: 0 auto;
        width: 80%;
    }
    .modal-view{
        display: flex;
        flex-direction: column;
        width: 80%;
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        transform: translateY(-30%);
        margin: 0 auto;
    }
    .close{
        color: #000;
        font-size: 50px;
        align-self: flex-end;
    }
    .close:hover,
    .close:focus{
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


    #sick .sentence p.indent_20{
        white-space: inherit;
    }

    a.link_document{
        color: #8F7500;
        word-wrap: break-word;
        text-decoration: underline;
    }

    a.link_document:hover{
        text-decoration: none;
    }
    #sick .sentence .list{
        list-style: decimal;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence .list li{
        margin-bottom: 5px;
        line-height: 1.8;
        margin-left: 1.5em;
    }
    #sick .sentence ol li > strong.red{
        font-size: 18px;
        padding: 0;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence .sp_mb30{margin-bottom: 30px;}
    #sick .sentence .right_side{
        width: 100%; 
        text-align: right;
        letter-spacing: -0.06em;
    }
    
    .prostatic_hypertrophy .sentence_3 .bold{
        display: block;
    }

    /* 尿路感染症 */
    .urinary-tract-infection #btn_sentence_2.active p{ width: 3em; }
    .urinary-tract-infection #btn_sentence_3.active p{ width: 4em; }
    .urinary-tract-infection #btn_sentence_4.active p{ width: 4em; }
    .urinary-tract-infection #btn_sentence_5.active p{ width: 3em; }
    .urinary-tract-infection #btn_sentence_6.active p{
        width: 7em;
        line-height: 1.5;
        padding: 4% 5%;
    }

    .urinary-tract-infection #btn_sentence_6.active .icon{
        top: 8vw;
    }

    /* 腎移植 */
    .kidney-transplantation .sentence figure{ width: 100% !important;}

    /* 前立腺肥大症 */
    .prostatic-hypertrophy .sentence figure{ width: 100% !important;}

    /* 小児の泌尿器疾病 */
    .child-urologic-diseases .title{
        width: 95%;
        line-height: 1.5 !important;
        /*font-size: 5.625vw;*/
        font-size: 22px;
        text-align: center;
        color: #8F7500;
        margin: 5vw auto 10vw !important;
        padding-bottom: 8vw;
        border-bottom: 1px dotted #ccc;
        font-family: 'Noto Serif JP', serif !important;
    }
    .child-urologic-diseases .title span{
        display: block;
        font-size: 18px;
    }
    .child-urologic-diseases table th,
    .child-urologic-diseases table td{
        display: table-cell !important;
        text-align: center !important;
    }
    .child-urologic-diseases table th{
        border-bottom: 3px solid #ccc !important;
    }
    .child-urologic-diseases table td{
        width: 45% !important;
        border-top: 3px solid #ccc !important;
    }
    .child-urologic-diseases table td.bold{
        font-size: 5vw;
        font-weight: 500;
    }

    /*//////////////////////////////////*/
    /* 私たちの診療について */
    /*//////////////////////////////////*/
    #medical_care.general #main_image,
    #sick.general #main_image1{
        background: url("../img/general/medical_care/main_image.jpg") no-repeat top right;
        background-size: cover;
    }
    #medical_care article{
        width: 90%;
        padding: 8vw 0 0 !important;
        margin-bottom: 0 !important;
        border-top: 1px solid #ccc;
    }

    #medical_care h3{
        text-align: center;
        line-height: 1.5;
        margin-bottom: 50px;
    }

    #medical_care h3 span{
        font-style: italic;
        display: block;
        line-height: 2;
    }

    #medical_care figure{
        text-align: center;
    }
    #medical_care .underline{
        text-decoration: underline;
    }

    /*　ロボット支援手術　//////////////////*/
    #medical_care article#slideshow_area{
        width: 100% !important;
        height: auto;
        padding: 60px 0 !important;
        overflow: hidden;
        border: none;
        position: relative;
        background: #d8dde1;
        background: -moz-linear-gradient(left, #d8dde1 0%, #f8f8f8 25%, #f8f8f8 50%, #f8f8f8 75%, #d8dde1 100%);
        background: -webkit-linear-gradient(left, #d8dde1 0%, #f8f8f8 25%, #f8f8f8 50%, #f8f8f8 75%, #d8dde1 100%);
        background: linear-gradient(to right, #d8dde1 0%, #f8f8f8 25%, #f8f8f8 50%, #f8f8f8 75%, #d8dde1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dde1', endColorstr='#d8dde1',GradientType=1 );
    }

    #medical_care .inner_2::after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        -webkit-transition: all 1s ease-in-out;
           -moz-transition: all 1s ease-in-out;
             -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
    }

    #medical_care .inner_2.active::after{
        right: -200vw;
    }

    #slideshow{
        opacity: 0;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 30px;
        overflow: hidden;
        position: relative;
        transform: translateY(60px);
        -webkit-transition: all 1s ease 1s;
           -moz-transition: all 1s ease 1s;
             -o-transition: all 1s ease 1s;
                transition: all 1s ease 1s;
    }

    #medical_care .inner_2.active #slideshow{
        opacity: 1;
        transform: translateY(0);
    }

    .slideshow{
        width: 90%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }

    .slideshow img{
        width: 100%;
        height: auto;
    }

    #medical_care .merit{
        clear: both;
        overflow: hidden;
        font-family: 'Noto Sans JP', sans-serif;
    }

    #medical_care .merit strong{
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 1.8;
    }

    #medical_care .merit_list{
        clear: both;
        margin: 0 auto;
    }
    #medical_care .merit_list div{
        padding: 20px 40px 10px;
        background: #fcf6e6;
    }
    #medical_care .merit_list div.left{
        margin-bottom: 10px;
    }
    #medical_care .merit_list p{
        font-size: 18px;
        color: #a90000;
        margin-bottom: 10px;
    }
    #medical_care .merit_list ul{
        display: inline-block;
        text-align: left;
    }
    #medical_care .merit_list ul li{
        margin-bottom: 10px;
        margin-left: 15px;
        text-indent: -15px;
        line-height: 1.5;
    }

    #medical_care .list li{
        color: #a90000;
        font-size: 15px;
        line-height: 1.5;
        margin-left: 15px;
        text-indent: -15px;
        margin-bottom: 10px;
        padding: 0;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #medical_care h5{
        font-size: 15px;
        margin: 0 0 20px -8px;
    }
    #medical_care .stoma_list{
        height: auto;
        margin: 0 auto;
        padding: 30px;
        border: 3px solid #ccc;
    }
    #medical_care .stoma_list ul li{
        text-align: center;
    }
    #medical_care .stoma_list figure{
        margin: 30px auto;
        width: 150px;
        height: auto;
    }
    #medical_care .stoma_list strong{
        display: block;
        margin-bottom: 40px;
    }

    #medical_care .inner_3,
    #medical_care .inner_4,
    #medical_care .inner_5,
    #medical_care .inner_6{
        opacity: 0;
        transform: translateY(60px);
        -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
                transition: all 1s ease;
    }

    #medical_care .inner_3.active,
    #medical_care .inner_4.active,
    #medical_care .inner_5.active,
    #medical_care .inner_6.active{
        opacity: 1;
        transform: translateY(0);
    }

    .slick-dots{
        width: 90% !important;
    }

    .da_vinci_xi p{
        margin-bottom: 30px !important;
    }
    .da_vinci_xi img{
        display: block;
        width: 80%;
        height: auto;
        margin: 0 auto;
    }

    .btn_fullscreen{
        display: none;
    }

    /* 治療実績 */
    table{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px;
    }
    th{
        color: #fff;
        background-color: #012770;
        padding: 10px 0px 10px 10px;
        text-align: left;
        border: 1px solid #ccc;
        font-size: 18px;
    }
    tr th:nth-child(2){
        text-align: center;
        padding: 0 10px;
    }
    tr, td{
        border: 1px solid #ccc;
    }
    td{
        padding: 13px 10px 13px 10px;
        text-align: left;
    }
    tr td:nth-child(2){
        text-align: center;
        padding: 0 25px;
    }

    /*//////////////////////////////////*/
    /* 外来・入院のご案内 */
    /*//////////////////////////////////*/
    #flow #main_image{
        background: url("../img/general/flow/flow_main_image.jpg") no-repeat top center;
        background-size: cover;
    }

    #flow .read p,
    #flow h3{
        text-align: center;
    }

    #flow h3{
        margin-bottom: 60px;
    }

    #flow #content article{
        border-top: 1px solid #ccc;
        padding-top: 8vw;
    }
    #flow #content article.border_none{
        border-top: none;
        padding: 0;
    }
    #flow #content article ul li{
        text-indent: -1em;
        margin-left: 1em;
        line-height: 2;
    }
    #flow #content article ul li a{
        color: #8F7500;
        text-decoration: underline;
    }
    #flow #content article ul li a:hover{
        text-decoration: none;
    }
    #flow .scroll_area{
        width: 100% !important;
    }
    #flow table{
        font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
    }
    #flow table th,
    #flow table td{
        border: 1px solid #ccc;
        padding: 8px;
        line-height: 1.3;
        white-space: nowrap;
    }
    #flow table th{
        background: #e9f3ff;
        font-weight: normal;
    }
    #flow table .orange{
        background: #fcf6e5;
    }
    #flow .icon_orange{
        display: inline-block;
        width: 35px;
        height: 11px;
        background: #fcf6e5;
        border: 1px solid #ccc;
    }
    #flow ol{
        line-height: 2;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #flow ol li{
        text-indent: -1em;
        margin-left: 1em;
    }
    #flow .red{
        color: #a90000;
    }
    #flow article ol:last-child{
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px dotted #ccc;
    }

    /*//////////////////////////////////*/
    /* 学生・研究生の皆さまへ */
    /*//////////////////////////////////*/

    /* 教授挨拶 */
    .professor_greeting #main_image{
        background: url("../img/student/page_main_image.jpg") no-repeat top center;
        background-size: cover;
    }

    /* 研修プログラム */
    #program #main_image{
        background: url("../img/student/program_main_image.jpg") no-repeat top center;
        background-size: cover;
    }
    #program .list{
        border-top: 1px solid #ccc;
        padding-top: 40px;
    }
    #program .list ul{
        margin-top: 30px;
        border-top: 1px dotted #ccc;
    }
    #program .list ul li{
        line-height: 1.5;
        padding: 15px;
        border-bottom: 1px dotted #ccc;
        font-family: 'Noto Sans JP', sans-serif;
    }

    a.mail{
        color: #8F7500;
        text-decoration: underline;
    }

    a.mail:hover{
        text-decoration: none;
    }

    /* 研修医募集 */
    #recruit #main_image{
        background: url("../img/student/recruit_main_image.jpg?20250522") no-repeat top center;
        background-size: cover;
    }
    #recruit section#content h2{
        width: 90%;
        margin: 0 auto;
        background: none ;
        margin-bottom: 40px;
    }
    #recruit article{
        padding-top: 60px;
        border-top: 1px solid #ccc;
    }
    #recruit article h3{
        text-align: center;
        margin-bottom: 60px;
    }
    #recruit article div{
        width: 100%;
        margin: 0 auto;
    }
    #recruit article dl{
        margin: 0;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #recruit article dl.sick{
        margin: 15px 0;
    }
    #recruit article dt{
        display: inline-block;
        width: 60px;
    }
    #recruit article .sick dt{
        display: block;
        color: #a90000;
        font-weight: 500;
        width: auto;
        line-height: 2;
    }
    #recruit article dt span{
        float: right;
        font-weight: normal;
        color: #222;
    }
    #recruit article .sick dt span{
        display: none;
    }
    #recruit article dd{
        /* display: inline-block;
        margin-left: 10px; */
        display: block;
        margin-left: 2px;
    }
    #recruit article .sick dd{
        line-height: 2;
    }

    #recruit article figcaption{
        text-align: right;
        margin-top: 15px;
    }

    #recruit article .address p,
    #recruit article .address dl{
        padding-left: 15px;
        line-height: 1.5;
    }

    #recruit article .address strong:nth-child(n+2){
        display: block;
        font-family: 'Noto Sans JP', sans-serif;
    }

    /* 先輩ドクターからのメッセージ */
    .message #main_image{
        background: url("../img/student/message_main_image.jpg?211203") no-repeat top center;
        background-size: cover;
    }
    .message #content figcaption{
        width: 10em;
        margin: 0 auto;
        text-align: left;
        line-height: 1.5;
    }

    .message article.border{
        padding-top: 80px;
        border-top: 1px solid #ccc;
    }

    /* 研修医の1日（1週間） */
    #one_week_flow #main_image{
        background: url("../img/student/one_week_flow_main_image.jpg") no-repeat top center;
        background-size: cover;
    }
    #one_week_flow #content{
        position: relative;
    }
    .moveImg{
        position: absolute;
        width: 70vw;
        height: auto;
        transition: all 5s cubic-bezier(.27,.45,.39,1);
    }

    .img1{
        top: 500px;
        left: 7vw;
    }
    .img2{
        top: 1100px;
        right: 5vw;
    }
    .img3{
        top: 1500px;
        left: 5vw;
    }
    .img4{
        top: 2000px;
        right: 5vw;
    }
    .img5{
        top: 2400px;
        left: 7vw;
    }

    .img6{
        top: 2800px;
        right: 7vw;
    }
    #one_week_flow article{
        padding: 7% 7% 10%;
        background: rgba(255,255,255,0.9);
    }
    #one_week_flow article h3{
        text-align: left !important;
        margin-left: -1px;
    }
    #one_week_flow article h3 span{
        display: inline-block;
        padding: 14px 20px;
        font-size: 18px;
        border: 1px solid #ccc;
        color: #000;
        font-style: normal;
        font-weight: 500;
        background: url(../img/general/about/img_border.png) no-repeat left top, url(../img/general/about/img_border.png) no-repeat right bottom;
        background-size: 10px auto, 10px auto;
        background-color: #fff;
    }
    #one_week_flow article > div{
        border-left: 1px solid #ccc;
        box-sizing: border-box;
    }
    #one_week_flow article .title_gold{
        display: block;
        font-size: 22px;
        color: #8F7500;
        margin-left: 23vw;
        font-weight: normal;
    }
    #one_week_flow article > div li{
        position: relative;
        margin-top: 50px;
        margin-left: -7px;
        margin-bottom: -20px;
    }
    #one_week_flow article > div li:first-child{
        margin-top: 40px;
    }

    #one_week_flow article > div li span{
        display: block;
        width: auto;
        height: 22px;
        color: #555;
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 20px;
        background: url(../img/general/about/icon_circle.png) no-repeat left top;
    }

    #one_week_flow article > div li:last-child span{
        background-color: #fff;
    }

    #one_week_flow article > div p{
        margin-left: 23vw;
        margin-top: 10px;
        line-height: 1.5;
    }

    #one_week_flow article:last-child{
        width: 70%;
        padding: 10%
            ;
        background: #fcf6e5;
    }
    #one_week_flow article:last-child div{
        border-left: none;
    }
    #one_week_flow article:last-child div p{
        margin-left: 0;
    }

    /*//////////////////////////////////*/
    /* 医療関係者の皆さまへ */
    /*//////////////////////////////////*/

    /* 紹介初診患者予約システム */
    .reservation_system #main_image{
        background: url("../img/medical/reservation_system_main_image.jpg") no-repeat top center;
        background-size: cover;
    }

    .reservation_system article .red{
        text-align: left !important;
        color: #a90000;
    }
    .reservation_system article a{
        display: block;
        width: 270px;
        margin: 0 auto;
    }

    /* 業績紹介 */
    .performance_introduction #main_image{
        background: url("../img/medical/performance_introduction_main_image.jpg") no-repeat top center;
        background-size: cover;
    }
    .performance_introduction .title_gold{
        font-size: 18px;
        color: #8F7500;
        margin-bottom: 10px;
        display: block;
        line-height: 1.5;
        font-weight: normal;
    }
    .performance_introduction .title_gold a{
        font-size: 18px;
        color: #8F7500;
        text-decoration: underline;
    }
    .performance_introduction .title_gold a:hover{
        text-decoration: none;
    }
    .performance_introduction .sentence .inner{
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }
    .performance_introduction .sentence .inner p{
        font-size: 13px;
        line-height: 1.5 !important;
    }

    /*研究紹介*/
    .research #main_image{
        background: url("../img/medical/research_main_image.jpg") no-repeat top center;
        background-size: cover;
    }

    .research article ol{
        font-family: 'Noto Sans JP', sans-serif;
        list-style: disc;
        margin-left: 1.5em;
    }
    .research article ol li{
        line-height: 2;
    }
    .research article a{
        color: #8F7500;
        text-decoration: underline;
    }
    .research article a:hover{
        text-decoration: none;
    }
    .research article div > div p{
        margin-left: 1.5em;
    }
    .research article div .red,
    .research_activities strong.red{
        font-family: 'Noto Sans JP', sans-serif;
        padding-left: 0 !important;
        font-size: 18px;
    }


    /*//////////////////////////////////*/
    /* 情報公開 */
    /*//////////////////////////////////*/
    .subsidy #main_image{
        background: url("../img/information/subsidy_main_image.jpg") no-repeat top center;
        background-size: cover;
    }
    .subsidy .sentence h3{
        margin: 7vw 0 !important;
    }
    .subsidy article .text_center{
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px !important;
    }
    .subsidy .sentence .inner{
        margin-bottom: 0 !important;
        padding: 20px 0 !important;
    }

    /* 刊行物 */
    .publication.pc #main_image{
        background: url("../img/information/publication_main_image.jpg") no-repeat top left 85%;
        background-size: cover;
    }
    .publication article{
        border-bottom: none !important;
    }
    .publication article p,
    .publication article div{
        text-align: center;
    }
    .publication article a{
        display: block;
        width: 270px;
        margin: 0 auto;
    }
    .publication article a img{
        transition: all 0.5s;
    }
    .publication article a img:hover{
        opacity: 0.7 !important;
    }

    /* 現在進行中の治験 */
    .clinical_trial a.link{
        color: #8F7500;
        text-decoration: underline;
        font-family: 'Noto Sans JP', sans-serif;
        line-height: 1.5;
    }

    .clinical_trial a.link:hover{
        text-decoration: none;
    }

    #sick.clinical_trial #main_image{
        background: url("../img/information/publication_main_image.jpg") no-repeat top left 85%;
        background-size: cover;
    }

    #sick.clinical_trial section#content article{
        padding: 20px 0 !important;
        border-bottom: 1px solid #ddd !important;
    }

    #sick.clinical_trial section#content article > div {
        display: inline-block !important;
        margin-top: 10px !important;
        padding: 5px 7px !important;
        font-family: 'Noto Sans JP', sans-serif;
        background: #D9DDE6;
        color: #012770;
        font-weight: 500;
        font-size: 14px;
    }

    #sick section#content article.mt-24{ margin-top: -24px !important;}

    /*研究活動*/
    .date{
        width: 90%;
        text-align: right;
        margin: 0px auto 20px;
    }
    .h_current{
        display: block;
    }
    .h_end{
        display: none;
    }

    .research_activities #main_image{
        background: url("../img/information/research_activities_main_image.jpg") no-repeat top center;
        background-size: cover;
    }

    .research_activities .btn_sentence p{
        line-height: 1.5 !important;
    }

    .research_activities ol {
        font-family: 'Noto Sans JP', sans-serif;
    }
    .research_activities ol li{
        margin-left: 1em;
        text-indent: -1em;
        line-height: 1.5;
        margin-bottom: 10px !important;
    }

    .research_activities article a{
        color: #8F7500;
        text-decoration: underline;
    }

    .research_activities article a:hover{
        text-decoration: none;
    }

    .research_activities .btn_sentence{
        padding: 15px 0;
    }
    .research_activities .btn_sentence p{
        font-size: 16px;
    }

    .research_activities .btn_sentence.close p{
        width: auto !important;
    }
    .research_activities .underline{
        text-decoration: underline;
    }
    /* 現在進行中の研究活動table用CSS */
    .research_activities table{margin-bottom: 20px !important;}
    .research_activities table th, td{border: 1px solid #ccc; padding: 10px; line-height: 1.5;}
    .research_activities table tr th{font-weight: 300; width: 25%; text-align: left; vertical-align: top; background-color: unset; color: #222222;}
    .research_activities table tr td{width: 50%;}

    /* アーカイブ切り替えボタン */
    article.end{
        display: none;
    }

    #btn_change{
        width: 90%;
        margin: 0 auto 30px;
        display: flex;
    }

    #btn_change div{
        margin-left: auto;
        padding: 10px 15px;
        border-radius: 2px;
        background-color: #012770;
        color: #fff;
        cursor: pointer;
        transition: .3s;
    }

    #btn_change div:hover{
        background-color: #001942;
    }

    #btn_change div.none{
        display: none;
    }

    /* 404ページ */
    #error_404 #main_image{
        background: url("../img/error/page_main_image.jpg") no-repeat top center;
        background-size: cover;
    }
}