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

@media screen and (min-width:751px) {
    /*//////////////////////////////////*/
    /*　共通　*/
    /*//////////////////////////////////*/
    #wrap{
        opacity: 0;
        background: url("../img/common/backimage.png") no-repeat left top;
        background-size: 100% auto;
        background-attachment: fixed;
        min-height: 100%;
        position: relative;
    }

    #logo{
        position: absolute;
        left: 20px;
        top: 31px;
        background: url("../img/common/logo.png") no-repeat left top;
        background-size: 50px 50px;
        font-size: 25px;
        font-weight: 500;
        padding-left: 60px;
        line-height: 1.4;
        z-index: 1100;
    }

    #logo a{
        display: block;
        overflow: hidden;
        color: #000;
    }

    #logo a:hover{
        opacity: 0.7;
    }
    #logo span{
        display: block;
        font-size: 14px;
    }
    .block_h1{
        opacity: 0;
        position: absolute;
        top: 170px;
        left: 90%;
        width: 97px;
        padding-top: 10px;
        height: auto;
        overflow: hidden;
        z-index: 900;
        -webkit-transition: all 1.4s ease 1s;
           -moz-transition: all 1.4s ease 1s;
             -o-transition: all 1.4s ease 1s;
                transition: all 1.4s ease 1s;
    }
    .load .block_h1{
        opacity: 1;
        padding-top: 0;
    }
    #main_image{
        width: 100%;
        height: calc(100vh - 310px);
        overflow: hidden;
        position: relative;
    }

    #main_image::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: calc(100vh - 310px);
        background: #fff;
        -webkit-transition: all 1s ease 1s;
           -moz-transition: all 1s ease 1s;
             -o-transition: all 1s ease 1s;
                transition: all 1s ease 1s;
    }

    .load #main_image::before{
        right: -150vw;
    }
    ul.topic_path{
        width: auto;
        padding: 16px 40px 16px 20px;
        overflow: hidden;
        z-index: 800;
    }
    ul.topic_path li{
        float: left;
        padding: 0 16px 0 6px;
        color: #012770;
        font-size: 14px;
        position: relative;
    }
    ul.topic_path li::after{
        content: '/';
        position: absolute;
        top: 0;
        right: 0;
    }
    ul.topic_path li:last-child::after{
        content: '';
    }
    ul.topic_path li a{
        color: #777;
        text-decoration: underline;
    }
    ul.topic_path li a:hover{
        color: #222;
        text-decoration: none;
    }
    
    #about #content .banner{
        display: block; 
        max-width: 860px; 
        width: 100%; 
        margin: 40px auto; 
        padding: 20px; 
        border: 2px solid #012770;
        line-height: 1.5;
    }
    #about #content .banner a{
        display: inline-block; 
        line-height: 1.5; 
        color: #012770;
    }

    /*////////////////////////////////////////////////////////////////////*/
    /*　泌尿器科学教室について　*/
    /*////////////////////////////////////////////////////////////////////*/
    #about.pc.general #main_image{
        background: url("../img/general/about/page_main_image.jpg?20250522") no-repeat top -100px center;
        background-size: cover;
        background-attachment: fixed;
    }
    #about.tab.general #main_image{
        background: url("../img/general/about/page_main_image.jpg?20250522") no-repeat center;
        background-size: 100% auto;
    }
    main{
        opacity: 0;
        -webkit-transition: all 1s ease 1.5s;
           -moz-transition: all 1s ease 1.5s;
             -o-transition: all 1s ease 1.5s;
                transition: all 1s ease 1.5s;
    }
    .load main{
        opacity: 1;
    }

    section#content article{
        width: 1150px;
        height: auto;
        margin: 0 auto;
    }
    section#content h2{
        font-size: 30px;
        text-align: center;
        color: #012770;
        font-weight: normal;
        padding: 16px 0;
        margin-bottom: 60px;
        line-height: 1.5;
        background: url("../img/common/page_h2_line.png") no-repeat center bottom;
    }

    section#content h2 span{
        /* font-size: 22px; */
        font-size: 24px;
    }
    section#content article h3{
        color: #8F7500;
        /* font-size: 22px; */
        font-size: 24px;
        font-weight: normal;
    }
    section#content article h4{
        clear: both;
        font-size: 30px;
        font-weight: normal;
        color: #012770;
    }
    section#content article p{
        line-height: 2;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #about section#content article .image{
        width: 740px;
        margin: 40px auto 0;
        overflow: hidden;
    }
    #about section#content article .image img{
        display: block;
        float: left;
        width: 350px;
        height: auto;
    }
    #about section#content article .image img:last-child{
        float: right;
    }

    /* ごあいさつ */
    #about section.greetings article{
        overflow: hidden;
        width: 860px;
    }
    #about section.greetings figure{
        float: right;
        width: 250px;
        height: auto;
        text-align: center;
    }
    #about section.greetings figure img{
        width: 100%;
        height: auto;
    }
    #about section.greetings figure figcaption{
        padding: 15px 0 0;
    }
    #about section.greetings p.w560{
        float: left;
        width: 560px !important;
    }
    #about section.greetings p span{
        display: block;
        text-align: right;
    }

    /* 教室の概要 */
    #about .overview .inner_1,
    #about .overview .inner_3{
        opacity: 0;
        display: flex;
        width: 1280px;
        margin: 0 auto 550px;
        justify-content: flex-end;
        position: relative;
    }
    #about .overview article{
        -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
                transition: all 1s ease;
    }
    #about .overview article.active{
        opacity: 1;
    }
    #about .overview .inner_2{
        display: flex;
        width: 1280px;
        margin: 0 auto 500px;
        justify-content: flex-start;
        position: relative;
    }
    #about .overview article div{
        width: 450px;
        margin: 50px 60px 0;
    }
    #about .overview article div h3{
        font-size: 20px;
        margin-bottom: 25px;
    }

    #about .overview article div h3 span{
        font-style: italic;
        padding-right: 15px;
    }
    #about .overview article div h4{
        font-size: 25px !important;
        margin-bottom: 25px;
    }
    #about .overview article figure.photo_1{
        opacity: 0;
        width: 820px;
        height: 575px;
        overflow: hidden;
        margin-top: 100px;
        -webkit-transition: all 1s ease-out;
           -moz-transition: all 1s ease-out;
             -o-transition: all 1s ease-out;
                transition: all 1s ease-out;
    }
    #about .overview article img.photo_2{
        opacity: 0;
        position: absolute;
        top: 500px;
        width: 600px;
        height: auto;
        overflow: hidden;
        margin-top: 200px;
        -webkit-transition: all 1s ease-out 0.3s;
           -moz-transition: all 1s ease-out 0.3s;
             -o-transition: all 1s ease-out 0.3s;
                transition: all 1s ease-out 0.3s;
    }
    #about .overview .inner_1 figure.photo_1{
        background: url("../img/general/about/img_overview_1_1.jpg") no-repeat right center;
        background-size: cover;
    }
    #about .overview .inner_1 img.photo_2{
        left: 0;
    }
    #about .overview .inner_1 img.photo_3{
        opacity: 0;
        position: absolute;
        width: 250px;
        height: auto;
        top: 630px;
        right: 200px;
        margin-top: 200px;
        -webkit-transition: all 1s ease-out 0.5s;
           -moz-transition: all 1s ease-out 0.5s;
             -o-transition: all 1s ease-out 0.5s;
                transition: all 1s ease-out 0.5s;
    }

    #about .overview .inner_2 figure.photo_1{
        background: url("../img/general/about/img_overview_2_1.jpg") no-repeat right center;
        background-size: cover;
    }
    #about .overview .inner_2 img.photo_2{
        right: 0;
    }
    #about .overview .inner_2 img.photo_3{
        position: absolute;
        width: 400px;
        height: auto;
        top: 660px;
        left: 120px;
        margin-top: 200px;
        -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_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 img.photo_2{
        left: 0;
    }
    #about .overview .inner_3 img.photo_3{
        position: absolute;
        width: 400px;
        height: auto;
        top: 660px;
        right: 120px;
        margin-top: 200px;
        -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 article.active figure.photo_1,
    #about .overview article.active img.photo_2,
    #about .overview article.active img.photo_3{
        opacity: 1;
        margin-top: 0px;
    }

    #about #hospital_list{
        background: url("../img/common/backimage_washi.png") repeat top center;
        overflow: hidden;
        padding: 80px 0;
        text-align: center;
    }

    #about #hospital_list h3{
        display: inline-block;
        font-size: 22px;
        font-weight: normal;
        color: #012770;
    }

    #about #hospital_list article{
        width: 850px;
        margin: 0 auto;
        text-align: left;
        border-bottom: 1px solid #d7d7d7;
        overflow: hidden;
        padding: 48px 0 0;
    }
    #about #hospital_list article div{
        font-family: 'Noto Sans JP', serif;
    }
    #about #hospital_list article div.sub{
        display: inline-flex;
    }

    #about #hospital_list article div.left{
        float: left;
        width: 425px;
        margin-bottom: 40px;
    }

    #about #hospital_list article div.right{
        float: right;
        width: 425px;
        margin-bottom: 40px;
    }

    #about #hospital_list strong{
        clear: both;
        display: block;
        color: #8F7500;
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 24px;
    }

    #about #hospital_list ul li{
        margin-bottom: 12px;
    }

    #about #hospital_list a{
        display: inline-block;
        color: #000;
        line-height: 1.5;
        text-decoration: underline;
        padding-right: 16px;
        background: url("../img/common/icon_new_window.png") no-repeat right top 5px;
    }

    #about #hospital_list a:hover{
        color: #012770;
        text-decoration: none;
    }

    #about #hospital_list .list_prefectures p{
        width: 104px;
        color: #777;
    }

    #about #hospital_list .border_none{
        border-bottom: none;
    }

    #about #hospital_list .list_order p{
        width: 56px;
        color: #777;
    }

    /* 泌尿器科教室の沿革・歴史*/
    section.history .meter{
        width: 920px;
        margin: 0 auto;
        border-left: 2px solid #ccc;
        box-sizing: border-box;
    }
    section.history article{
        width: 920px !important;
        padding-top: 50px;
        position: relative;
    }
    section.history article:last-child{
        border-bottom: none;
    }
    section.history article .AD{
        display: block;
        color: #555;
        position: absolute;
        top: -7px;
        left: -7px;
        padding-left: 20px;
        background: url("../img/general/about/icon_circle.png") no-repeat left top;
    }
    section.history article h3{
        text-align: center;
        margin-bottom: 30px;
    }
    section.history article h3 span{
        display: block;
        font-size: 15px;
        line-height: 3;
    }
    section.history article img{
        display: block;
        width: 92px;
        height: auto;
        margin: 0 auto 20px;
    }
    section.history article p{
        width: 740px;
        margin: 0 auto;
        padding-bottom: 50px;
        border-bottom: 1px dotted #ccc;
    }
    section.history article:last-child p{
        border: none;
    }
    section.history article h3 span{
        float: none;
        width: auto;
        font-size: 15px;
        line-height: 2.5;
        font-style: normal !important;
    }

    #swipe{
        display: none !important;
    }

    section.history #inoue,
    section.history #yanagihara,
    section.history #inada,
    section.history #kato,
    section.history #yoshida,
    #about #professor_list{
        opacity: 0;
        transform: translateY(100px);
        -webkit-transition: all 1s ease-out;
           -moz-transition: all 1s ease-out;
             -o-transition: all 1s ease-out;
                transition: all 1s ease-out;
    }

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

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

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

    #about #professor_list table{
        width: 740px;
        margin: 40px auto 0;
        text-align: left;
        vertical-align: middle;
        font-family: 'Noto Sans JP', sans-serif;
        border: 1px solid #ccc;
        border-left: none;
        border-right: none;
    }
    #about #professor_list table th{
        font-weight: normal;
        color: #8F7500;
    }
    #about #professor_list table th,
    #about #professor_list table td{
        padding: 15px;
        border-bottom: 1px dotted #ccc;
    }


    /* スタッフ紹介 */
    #about .staff article{
        clear: both;
        background: none;
        width: 862px;
        padding: 0;
        overflow: hidden;
        position: relative;
    }

    #about .staff article::before{
        content: "";
        position: absolute;
        top: 20px;
        width: 100%;
        left: 87px;
        height: 1px;
        background: #ccc;
    }

    #about .staff article h3{
        clear: both;
        position: relative;
        text-align: left;
        margin-bottom: 24px;
    }

    #about .staff 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-color: #fff;
        background-size: 10px auto, 10px auto;
    }

    #about .staff article div{
        float: left;
        width: 180px;
        margin: 0 0 30px 28px;
        text-align: center;
        position: relative;
        cursor: pointer;
    }

    #about .staff article div a{
        display: block;
        position: relative;
        width: 180px;
        height: 180px;
        margin-bottom: 16px;
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
                transform-style: preserve-3d;
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
    }

    #about .staff article a span{
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
                transform-style: preserve-3d;
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
        -webkit-border-radius: 90px;
           -moz-border-radius: 90px;
            -ms-border-radius: 90px;
                border-radius: 90px;
    }

    #about .staff article div:hover a{
        -webkit-transform: rotateX( 180deg );
           -moz-transform: rotateX( 180deg );
            -ms-transform: rotateX( 180deg );
                transform: rotateX( 180deg );
    }

    #about .staff article a .image_2{
        -webkit-transform: rotateX( 180deg );
           -moz-transform: rotateX( 180deg );
            -ms-transform: rotateX( 180deg );
                transform: rotateX( 180deg );
    }

    #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: 20px 18px;
    }

    #about .staff article ol li{
        float: left;
        margin-right: 40px;
        line-height: 1.5;
    }

    /* モーダルウィンドウ */
    #about #staff_detail{
        display: none;
    }

    #about article.details{
        width: 960px;
        height: 606px;
        position: relative;
        padding-top: 46px;
    }

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

    #about article.details .name{
        float: left;
        margin-right: 20px;
        font-size: 30px;
        font-weight: 500;
    }

    #about article.details .name strong{
        display: inline-block;
        width: 35px;
        font-size: 18px;
        line-height: 35px;
        font-weight: normal;
        padding: 10px 0;
        margin-bottom: 15px;
        background: #011c53;
        color: #fff;
    }

    #about article.details .photo{
        float: left;
        width: 230px;
    }

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

    #about article.details p{
        float: right;
        width: 540px;
        font-size: 14px;
        line-height: 2;
        margin-bottom: 16px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    #about article.details p.message{
        position: absolute;
        top: 306px;
        left: 115px;
        width: 210px;
        padding: 10px;
        line-height: 1.8 !important;
        /*background: #fff;*/
        background:rgba(255,255,255,0.5);
    }
    #about article.details p.message span{
        display: block;
        color: #8F7500;
        margin-left: -0.6em;
    }

    #about article.details .table_scroll{
        width: 546px;
        float: right;
        height: 500px;
        overflow-y: scroll;
    }

    #about article.details table{
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #about article.details table tr.no_border th,
    #about article.details table tr.no_border td{
        border-bottom: none;
    }
    #about article.details table th{
        width: 130px;
        text-align: left;
        white-space: nowrap;
        padding: 10px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        vertical-align: top;
        border-bottom: 1px solid #ccc;
    }

    #about article.details table th span{
        float: right;
        padding-right: 10px;
    }

    #about article.details table td{
        text-align: left;
        padding: 10px 0;
        vertical-align: top;
        font-size: 13px;
        border-bottom: 1px solid #ccc;
        line-height: 1.5;
    }
    #about article.details table td strong{
        clear: both;
        display: block;
    }
    #about article.details table td ol{
        clear: both;
        overflow: hidden;
    }
    #about article.details table td ol.list_1 li{
        float:left;
        width: 50%;
    }
    #about article.details table td ol.list_2 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;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        background: url("../img/common/btn_close.png") no-repeat left top;
        overflow: hidden;
        text-indent: 110%;
        white-space: nowrap;
    }

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

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

    /*//////////////////////////////////*/
    /*　あつかう主な病気　*/
    /*//////////////////////////////////*/
    #sick.pc.general #main_image{
        background: url("../img/general/sick/main_image.jpg") no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    #sick.tab.general #main_image{
        background: url("../img/general/sick/main_image.jpg") no-repeat top -50px center;
        background-size: 100% auto;
    }
    #sick article{
        width: 1024px !important;
    }
    .research_activities article{
        margin: -1px auto 0 !important;
        border-bottom: 1px solid #ccc;
    }
    #sick .show article:last-child{
        border-bottom: 1px solid #ccc;
    }
    .btn_sentence{
        width: 1024px;
        margin: 0 auto;
        position: relative;
        cursor: pointer;
        border-top: 1px solid #ccc;
        padding: 20px 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: 22px;
        font-family: 'Noto Serif JP', serif !important;
        line-height: 1 !important;
        width: 1004px;
        margin-left: 20px;
        -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;
    }
    /* 現在進行中の研究はこちらにpdf追加出来るようなCSSクラス */
    .pdfFix{
        width: 1024px;
        margin: 0 auto;
        position: relative;
        cursor: pointer;
        border-top: 1px solid #ccc;
        padding: 20px 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;
    }
    .pdfFix p{
        font-size: 22px;
        font-family: 'Noto Serif JP', serif !important;
        line-height: 1 !important;
        width: 1004px;
        margin-left: 20px;
        -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;
    }
    /* 現在進行中の研究はこちらにpdf追加出来るようなCSSクラス */
    .btn_sentence.active p{
        font-size: 18px;
    }
    .btn_sentence .icon{
        display: block;
        width: 20px;
        height: 20px;
        top: 18px;
        right: 20px;
        position: absolute;
    }
    .btn_sentence .icon span{
        display: block;
        width: 14px;
        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(12px) translateX(8px) rotate(-45deg);
           -moz-transform: translateY(12px) translateX(8px) rotate(-45deg);
             -o-transform: translateY(12px) translateX(8px) rotate(-45deg);
                transform: translateY(12px) translateX(8px) rotate(-45deg);
    }
    .btn_sentence .icon span:nth-child(2){
        display: block;
        width: 14px;
        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(12px) translateX(-2px) rotate(45deg);
           -moz-transform: translateY(12px) translateX(-2px) rotate(45deg);
             -o-transform: translateY(12px) translateX(-2px) rotate(45deg);
                transform: translateY(12px) translateX(-2px) rotate(45deg);
    }
    .btn_sentence.active .icon span{
        width: 20px;
        -webkit-transform: translateY(10px) translateX(0) rotate(-315deg);
           -moz-transform: translateY(10px) translateX(0) rotate(-315deg);
             -o-transform: translateY(10px) translateX(0) rotate(-315deg);
                transform: translateY(10px) translateX(0) rotate(-315deg);
    }
    .btn_sentence.active .icon span:nth-child(2){
        -webkit-transform: translateY(8.5px) translateX(0) rotate(315deg);
           -moz-transform: translateY(8.5px) translateX(0) rotate(315deg);
             -o-transform: translateY(8.5px) translateX(0) rotate(315deg);
                transform: translateY(8.5px) translateX(0) rotate(315deg);
    }
    /* 現在進行中の研究活動table用CSS */
    .research_activities table th, td{border: 1px solid #ccc; padding: 15px; line-height: 1.5;}
    .research_activities table.table1{margin-bottom: 20px;}
    .research_activities table.table1 tr th{font-weight: 300; width: 15%; text-align: left; vertical-align: top;}
    .research_activities table.table1 tr td{width: 70%;}

    #sick .sentence{
        display: none;
    }
    #sick .sentence h3{
        text-align: center;
        margin-bottom: 40px;
    }
    #sick .sentence figure.center{
        width: 100% !important;
        text-align: center;
    }
    #sick .sentence figure img{
        width: auto;
    }
    #sick .sentence .inner{
        width: 860px;
        padding: 30px 0;
        overflow: hidden;
        margin: 0 auto;
        border-bottom: 1px dotted #ccc;
    }
    #sick .sentence .inner:first-child{
        padding-top: 20px;
    }
    #sick .sentence .inner:last-child{
        border-bottom: 0;
    }
    #sick .sentence dl{
        margin: 0 auto;
        padding: 0 0 24px;
    }
    #sick .sentence dt{
        font-weight: 500;
        font-size: 22px;
        line-height: 2;
        color: #012770;
        margin-bottom: 15px;
    }
    #sick .sentence dd{
        margin: 0;
        padding: 0 32px;
        line-height: 2;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence strong.red,
    #medical_care strong.red,
    .research_activities strong.red{
        display: block;
        color: #a90000;
        font-weight: normal;
        padding: 15px;
    }
    #sick .sentence h4,
    #medical_care article h4{
        padding: 0 20px 0 32px;
        /* font-size: 24px !important; */
        font-size: 22px !important;
        line-height: 1.5;
        margin-bottom: 15px;
        background: url("../img/general/sick/icon_blue.png") no-repeat left top 9px;
        background-size: 22px 22px;
    }
    #sick .sentence figure{
        text-align: center;
    }
    #sick .sentence table{
        width: 100%;
    }
    #sick .sentence table tr.border th{
        border: 3px solid #ccc;
        border-right: none;
        background: #fcf6e5;
        font-size: 20px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        padding: 24px;
    }
    #sick .sentence table tr.border th span{
        display: block;
        font-size: 18px;
        padding-left: 10px;
        line-height: 2;
    }
    #sick .sentence table tr th,
    #sick .sentence table tr td{
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence table tr.border td{
        border: 3px solid #ccc;
        border-left: none;
        background: #fff;
        line-height: 2;
        padding: 24px;
    }
    #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: 8px;
        text-align: center;
    }
    #sick .sentence table tr.arrow img{
        width: 45px;
        height: auto;
    }
    #sick .sentence table td div{
        width: 50%;
        height: auto;
        text-align: center;
        border-right: 2px solid #ccc;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
    #sick .sentence table td div:last-child{
        border: none;
    }
    #sick .sentence table td div img{
        display: block;
        margin: 0 auto;
    }
    .icon_red{
        display: block;
        padding-left: 1.3em;
        font-size: 18px;
        font-weight: normal;
        line-height: 2;
        color: #a90000;
        background: url("../img/general/sick/icon_red.png") no-repeat left top 12px;
        background-size: 16px 16px;
    }
    #sick .sentence ol li{
        margin-bottom: 20px;
    }
    #sick .sentence .list{
        list-style: decimal;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence .list li{
        margin-bottom: 5px;
        line-height: 1.5;
        margin-left: 1.5em;
    }
    #sick .sentence ol li > strong.red{
        font-size: 18px !important;
        padding: 15px 0 !important;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #sick .sentence .right_side{
        width: 40.2%; 
        margin-left: auto; 
        text-align: left;
    }
    a.link_document{
        color: #8F7500;
        word-wrap: break-word;
        text-decoration: underline;
    }
    a.link_document:hover{
        text-decoration: none;
    }
    
    /*******************
     前立腺がん 画像
    ********************/
    #sick .sentence .inner figure.img{
        max-width: 600px; 
        width: 100%; 
        margin-left: auto; 
        margin-right: auto;
    }
    #sick .sentence .inner figure.img img{max-width: 100%;}
    #sick .sentence .inner figure.img img.sp{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: 50%;
    }
    .modal-view{
        display: flex;
        flex-direction: column;
        width: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        margin: 0 auto;
    }
    .close{
        color: #000;
        font-size: 50px;
        align-self: flex-end;
    }
    .close:hover,
    .close:focus{
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    /* 尿路上皮がん　//////////////////////////////////////*/
    .bladder_cancer .sentence_1 .left{
        float: left;
        width: 450px;
    }
    .bladder_cancer .sentence_1 .right{
        float: right;
        width: 350px;
    }
    .bladder_cancer .sentence_3 .left{
        float: left;
    }
    .bladder_cancer .sentence_3 .right{
        float: right;
    }

    /* 前立腺肥大症　//////////////////////////////////////*/
    .prostatic_hypertrophy .sentence_3 .bold{
        display: block;
        font-size: 18px;
    }

    /* 腎移植　//////////////////////////////////////////*/
    .kidney_transplantation .sentence_3 .left{
        width: 450px;
        float: left;
    }
    .kidney_transplantation .sentence_3 .right{
        width: 350px;
        float: right;
    }

    /* 小児の泌尿器疾病 //////////////////////////////////*/
    .child-urologic-diseases .title{
        font-size: 22px;
        text-align: center;
        line-height: 1 !important;
        color: #8F7500;
        padding-bottom: 40px;
        margin-bottom: 50px;
        border-bottom: 1px dotted #ccc;
        font-family: 'Noto Serif JP', serif !important;
    }
    .child-urologic-diseases table{
        float: left;
        width: 290px !important;
        margin-right: 40px;
    }
    .child-urologic-diseases table th{
        width: 50%;
    }
    .child-urologic-diseases table th,
    .child-urologic-diseases table td{
        padding: 8px 16px !important;
        font-size: 18px !important;
        text-align: center !important;
    }
    .child-urologic-diseases #btn_sentence_1 figure{
        width: 50%;
        float: right;
    }
    .child-urologic-diseases .sentence_4 .left{
        float: left;
        width: 400px !important;
    }
    .child-urologic-diseases .sentence_5 p.left{
        float: left;
        width: 400px;
    }
    .child-urologic-diseases .sentence_5 figure.right{
        float: right;
        width: 450px !important;
        margin-top: 15px;
    }


    /*//////////////////////////////////*/
    /* 私たちの診療について */
    /*//////////////////////////////////*/
    #medical_care.pc.general #main_image{
        background: url("../img/general/medical_care/main_image.jpg") no-repeat top right;
        background-size: 100% auto;
        background-attachment: fixed;
    }
    #medical_care.tab.general #main_image{
        background: url("../img/general/medical_care/main_image.jpg") no-repeat top -100px right;
        background-size: 100% auto;
    }
    #medical_care article{
        width: 1024px !important;
        padding: 50px 82px 0;
        border-top: 1px solid #ccc;
    }

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

    #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 #slideshow_area{
        width: 100% !important;
        padding: 80px 0;
        height: auto;
        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 );
        -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
                transition: all 1s ease;
    }

    #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: 1024px;
        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: 1024px;
        height: 586px;
        overflow: hidden;
    }
    .slideshow img{
        width: 1024px;
        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.5;
    }
    #medical_care .merit strong.red{
        font-size: 16px;
        font-weight: 500;
    }
    #medical_care .merit_list{
        width: 780px;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
    #medical_care .merit_list div{
        flex: 1;
        padding: 20px 20px 10px;
        background: #fcf6e6;
        text-align: center;
    }
    #medical_care .merit_list div.right{
        flex: 25%;
        /* width: 26em; */
    }
    #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: 16px;
        margin: 0 0 20px -8px;
    }
    #medical_care .stoma_list{
        width: 700px;
        height: auto;
        margin: 0 auto;
        padding: 30px;
        border: 3px solid #ccc;
    }
    #medical_care .stoma_list ul{
        display: flex;
        justify-content: space-around;
    }
    #medical_care .stoma_list figure{
        margin-top: 20px;
        height: 255px;
    }
    #medical_care .stoma_list strong{
        display: block;
    }

    .da_vinci_xi{
        overflow: hidden;
    }

    .da_vinci_xi p{
        float: left;
    }
    .da_vinci_xi img{
        width: 300px;
        height: auto;
        float: right;
        margin-right: 10px;
    }

    .btn_fullscreen{
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        bottom: 0;
        right: 0;
        margin: 0 auto;
    }

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

    #flow.tab #main_image{
        background: url("../img/general/flow/flow_main_image.jpg") no-repeat top -200px center;
    }

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

    #flow h3{
        margin-bottom: 60px;
    }
    #flow #content article{
        width: 1024px;
    }

    #flow #content article{
        border-top: 1px solid #ccc;
        padding-top: 60px;
    }
    #flow #content article.border_none{
        border-top: none;
        padding: 0;
    }
    #flow #content article div{
        width: 860px;
        margin: 0 auto;
    }
    #flow #content article ul li{
        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 table{
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
    }
    #flow table th,
    #flow table td{
        border: 1px solid #ccc;
        padding: 8px 0;
        line-height: 1.3;
    }
    #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;
    }


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

    /* 教授挨拶 */
    .pc.professor_greeting #main_image{
        background: url("../img/student/page_main_image.jpg") no-repeat top center;
        background-attachment: fixed;
    }
    .tab.professor_greeting #main_image{
        background: url("../img/student/page_main_image.jpg") no-repeat top -150px center;
    }

    /* 研修プログラム */
    #program.pc #main_image{
        background: url("../img/student/program_main_image.jpg") no-repeat top center;
        background-attachment: fixed;
    }
    #program.tab #main_image{
        background: url("../img/student/program_main_image.jpg") no-repeat top -150px center;
    }

    #program article{
        width: 1024px !important;
    }

    #program article > div{
        width: 860px;
        margin: 0 auto;
    }

    #program article figure{
        width: 420px;
        height: auto;
        float: left;
    }
    #program article figure:nth-child(2){
        float: right;
    }
    #program article figure img{
        width: 100%;
        height: auto;
    }

    #program .list{
        border-top: 1px solid #ccc;
        padding-top: 60px;
    }

    #program .list h3{
        text-align: center;
        line-height: 1.5;
    }
    #program .list ul{
        margin-top: 60px;
        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.pc #main_image{
        background: url("../img/student/recruit_main_image.jpg?20250522") no-repeat top center;
        background-size: cover;
        background-attachment: fixed;
    }
    #recruit.tab #main_image{
        background: url("../img/student/recruit_main_image.jpg?20250522") no-repeat top -80px center;
        background-size: 100% auto;
    }
    #recruit section#content h2{
        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: 860px;
        margin: 0 auto;
    }
    #recruit article dl{
        display: flex;
        margin: 0;
        justify-content: flex-start;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #recruit article dl.sick{
        margin: 15px 0;
    }
    #recruit article dt{
        width: 60px;
    }
    #recruit article .sick dt{
        color: #a90000;
        font-weight: 500;
        width: 140px;
    }
    #recruit article dt span{
        float: right;
        font-weight: normal;
        color: #222;
    }
    #recruit article dd{
        margin-left: 10px;
    }

    #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;
    }


    /* 先輩ドクターからのメッセージ */
    .pc.message #main_image{
        background: url("../img/student/message_main_image.jpg?211203") no-repeat top center;
        background-size: cover;
        background-attachment: fixed;
    }
    .tab.message #main_image{
        background: url("../img/student/message_main_image.jpg?211203") no-repeat top center;
        background-size: 100% auto;
    }
    .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.pc #main_image{
        background: url("../img/student/one_week_flow_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }
    #one_week_flow.tab #main_image{
        background: url("../img/student/one_week_flow_main_image.jpg") no-repeat top -100px center;
        background-size: 100% auto;
    }
    #one_week_flow #content{
        position: relative;
        overflow: hidden;
    }
    .moveImg{
        position: absolute;
        width: 23vw;
        height: auto;
        transition: all 5s cubic-bezier(.27,.45,.39,1);
    }

    .img1{
        top: 300px;
        left: 7vw;
    }
    .img2{
        top: 700px;
        right: 5vw;
    }
    .img3{
        top: 1100px;
        left: 5vw;
    }
    .img4{
        top: 1100px;
        right: 5vw;
    }
    .img5{
        top: 1660px;
        left: 7vw;
    }

    .img6{
        top: 2000px;
        right: 7vw;
    }

    #one_week_flow article{
        width: 450px !important;
    }

    #one_week_flow article h3{
        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-color: #fff;
        background-size: 10px auto, 10px auto;
    }
    #one_week_flow article > div{
        border-left: 1px solid #ccc;
        box-sizing: border-box;
    }
    #one_week_flow article .title_gold{
        font-size: 22px;
        color: #8F7500;
        margin-left: 100px;
        font-weight: normal;
    }
    #one_week_flow article > div li{
        position: relative;
        width: 440px;
        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:last-child{
        background: #fff;
    }

    #one_week_flow article > div li span{
        display: block;
        width: 60px;
        height: 15px;
        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 p{
        margin-left: 100px;
        margin-top: 10px;
        line-height: 1.5;
    }

    #one_week_flow article:last-child{
        width: 740px;
        padding: 60px;
        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.pc #main_image{
        background: url("../img/medical/reservation_system_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .reservation_system.tab #main_image{
        background: url("../img/medical/reservation_system_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
    }
    .reservation_system article .red{
        text-align: left !important;
        color: #a90000;
    }
    .reservation_system article a{
        display: block;
        width: 410px;
        margin: 0 auto;
    }
    .reservation_system article a img{
        transition: all 0.5s;
    }
    .reservation_system article a img:hover{
        opacity: 0.7 !important;
    }

    .research #main_image{
        background: url("../img/medical/research_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }

    /* 業績紹介 */
    .performance_introduction.pc #main_image{
        background: url("../img/medical/performance_introduction_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .performance_introduction.tab #main_image{
        background: url("../img/medical/performance_introduction_main_image.jpg") no-repeat top -50px center;
        background-size: 100% auto;
    }
    .performance_introduction .sentence .inner{
        padding-top: 20px !important;
    }
    .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 p{
        font-size: 13px;
        line-height: 1.5 !important;
    }

    /*　研究活動　*/
    .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 {
        width: 860px;
        margin: 0 auto;
    }
    .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;
    }
    .date{
        max-width: 1024px;
        text-align: right;
        margin: -30px auto 20px;
    }
    .h_current{
        display: block;
    }
    .h_end{
        display: none;
    }
    .research_activities .btn_sentence{
        padding: 15px 0;
    }
    .research_activities .btn_sentence.close{
        cursor: auto;
    }
    .research_activities .pdfFix p{
        font-size: 18px;
    }
    .research_activities .btn_sentence p{
        font-size: 18px;
    }
    .research_activities .btn_sentence .icon{
        top: 16px !important;
    }

    /*//////////////////////////////////*/
    /* 情報公開 */
    /*//////////////////////////////////*/
    .subsidy.pc #main_image{
        background: url("../img/information/subsidy_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .subsidy.tab #main_image{
        background: url("../img/information/subsidy_main_image.jpg") no-repeat top -100px center;
        background-size: 100% auto;
    }
    .subsidy article .text_center{
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px;
    }
    .subsidy .content .inner{
        padding-top: 20px !important;
    }

    /* 刊行物 */
    .publication #main_image{
        background: url("../img/information/publication_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .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;
    }

    .clinical_trial #main_image{
        background: url("../img/information/publication_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }

    .clinical_trial article{
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }

    .clinical_trial article p{
        font-size: 18px;
        line-height: 1.5 !important;
    }

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

    /*研究活動*/
    .research_activities #main_image{
        background: url("../img/information/research_activities_main_image.jpg") no-repeat top center;
        background-size: 100% auto;
        background-attachment: fixed;
    }

    .research_activities .btn_sentence p{
        line-height: 1.5 !important;
        width: 940px !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 #content article:last-child {
        border-bottom: 1px solid #ccc;
    }

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

    #btn_change{
        width: 1024px;
        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: 100% auto;
        background-attachment: fixed;
    }

}

/* IE11以下ハック スタッフ紹介*/
@media screen\0 {
    #about article.details .name {
        margin-right: 10px;
    }

    h1,
    #about article.details .name strong{
        line-height: 2;
        padding: 20px 10px 20px 0;
    }
    #about .staff article div .image_1{
        z-index: 10;
    }
    #about .staff article div:hover .image_1{
        opacity: 0;
    }
    #about .staff article a .image_2{
        width: 180px;
        height: 180px;
        opacity: 0;
        z-index: 0;
        -webkit-transform: rotateX( 0 );
           -moz-transform: rotateX( 0 );
            -ms-transform: rotateX( 0 );
                transform: rotateX( 0 );
    }
    #about .staff article div:hover .image_2{
        opacity: 1;
    }
    #about .staff article a .image_2 img{
        display: none;
    }
    #icon_ogawa .image_2{background: url("../img/general/about/ie/img_ogawa_2.png") no-repeat left top;}
    #icon_kobayashi .image_2{background: url("../img/general/about/ie/img_kobayashi_2.png") no-repeat left top;}
    #icon_akamatsu .image_2{background: url("../img/general/about/ie/img_akamatsu_2.png") no-repeat left top;}
    #icon_sawada .image_2{background: url("../img/general/about/ie/img_sawada_2.png") no-repeat left top;}
    #icon_goto .image_2{background: url("../img/general/about/ie/img_goto_2.png") no-repeat left top;}
    #icon_sano .image_2{background: url("../img/general/about/ie/img_sano_2.png") no-repeat left top;}
	#icon_sato .image_2{background: url("../img/general/about/ie/img_sato_2.png") no-repeat left top;}
	#icon_masui .image_2{background: url("../img/general/about/ie/img_masui_2.png") no-repeat left top;}
	#icon_kawano .image_2{background: url("../img/general/about/ie/img_kono_2.png") no-repeat left top;}
	#icon_shimizu .image_2{background: url("../img/general/about/ie/img_shimizu_2.png") no-repeat left top;}
	#icon_hatano .image_2{background: url("../img/general/about/ie/img_hatano_2.png") no-repeat left top;}
	#icon_hattori .image_2{background: url("../img/general/about/ie/img_hattori_2.png") no-repeat left top;}
	#icon_hama .image_2{background: url("../img/general/about/ie/img_hama_2.png") no-repeat left top;}
	#icon_fujiwara .image_2{background: url("../img/general/about/ie/img_fujiwara_2.png") no-repeat left top;}
    #icon_akahane .image_2{background: url("../img/general/about/ie/img_akahane_2.png") no-repeat left top;}
    #icon_hayata .image_2{background: url("../img/general/about/ie/img_hayata_2.png") no-repeat left top;}
    #icon_koterazawa .image_2{background: url("../img/general/about/ie/img_koterazawa_2.png") no-repeat left top;}
    #icon_matsuoka .image_2{background: url("../img/general/about/ie/img_matsuoka_2.png") no-repeat left top;}
    #icon_mizuno .image_2{background: url("../img/general/about/ie/img_mizuno_2.png") no-repeat left top;}
    #icon_takaoka .image_2{background: url("../img/general/about/ie/img_takaoka_2.png") no-repeat left top;}
    #icon_takeda .image_2{background: url("../img/general/about/ie/img_takeda_2.png") no-repeat left top;}
    #icon_hamada .image_2{background: url("../img/general/about/ie/img_hamada_2.png") no-repeat left top;}
    #icon_kimura .image_2{background: url("../img/general/about/ie/img_kimura_2.png") no-repeat left top;}
    #icon_kikuya .image_2{background: url("../img/general/about/ie/img_kikuya_2.png") no-repeat left top;}
    #icon_igarashi .image_2{background: url("../img/general/about/ie/img_igarashi_2.png") no-repeat left top;}
    #icon_nakagawa .image_2{background: url("../img/general/about/ie/img_nakagawa_2.png") no-repeat left top;}
    #icon_yokozeki .image_2{background: url("../img/general/about/ie/img_yokozeki_2.png") no-repeat left top;}
    #icon_yamane .image_2{background: url("../img/general/about/ie/img_yamane_2.png") no-repeat left top;}
    #icon_tsuruta .image_2{background: url("../img/general/about/ie/img_tsuruta_2.png") no-repeat left top;}
    #icon_uketa .image_2{background: url("../img/general/about/ie/img_uketa_2.png") no-repeat left top;}
    #icon_yuki .image_2{background: url("../img/general/about/ie/img_yuki_2.png") no-repeat left top;}
    #icon_sumiyoshi .image_2{background: url("../img/general/about/ie/img_sumiyoshi_2.png") no-repeat left top;}]
    #icon_hiroken .image_2{background: url("../img/general/about/ie/img_hiroken_2.png") no-repeat left top;}
    #icon_ootsuka .image_2{background: url("../img/general/about/ie/img_ootsuka_2.png") no-repeat left top;}
    #icon_takahashi .image_2{background: url("../img/general/about/ie/img_takahashi_2.png") no-repeat left top;}
    #icon_fujimoto .image_2{background: url("../img/general/about/ie/img_fujimoto_2.png") no-repeat left top;}
    #icon_hoshiyama .image_2{background: url("../img/general/about/ie/img_hoshiyama_2.png") no-repeat left top;}
}

@media only screen and (min-width: 750px) and (max-width: 1280px) {
    /* 教室の概要 */
    #about .overview.inner_1,
    #about .overview .inner_2,
    #about .overview .inner_3{
        width: 100%;
    }
    #about .overview.inner_1 figure.photo_1,
    #about .overview .inner_2 figure.photo_1,
    #about .overview .inner_3 figure.photo_1{
        width: 50vw;
    }
}

@media only screen and (min-width: 750px) and (max-width: 1130px) {
    #wrap{
        width: 1130px;
    }
}

@media only screen and (min-width: 1550px) {
    /* 泌尿器科学教室について　メイン画像 */
    #about.general #main_image {
        background-position: top 80% center;
    }
}