@charset "utf-8";

@media only screen and (max-width: 640px) {
    header {
        padding: 3vw 0;
    }
}

#jds-2025 #jds-2025-mv {
    margin-bottom: 40px;
}

#jds-2025 #contents {
    width: 1400px;
}
#jds-2025 #jds-2025-mv .pc_layout img {
    width: 100%;
}
@media screen and (max-width: 1400px) {
    #jds-2025 #contents {
        width: 100%;
    }
}
@media screen and (max-width: 1035px) {
    #jds-2025 #contents {
        width: 1035px;
    }
}
@media only screen and (max-width: 640px) {
    #jds-2025 #contents {
        width: 100%;
    }
}

@media only screen and (min-width: 640px) {
    #jds-2025 .section {
        width: 1035px;
    }
}

#jds-2025 .jds_2025-title01 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1rem;
}
#jds-2025 .jds_2025-title01 span {
    padding-right: 1em;
}
#jds-2025 .jds_2025-title02 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: .8rem;
}
#jds-2025 .jds_2025-text01 {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}
#jds-2025 .jds_2025-text02 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 1rem;
}
#jds-2025 .jds_2025-text02 span {
    font-size: 14px;
}
#jds-2025 .jds_2025-text03 dt {
    width: 22em;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    background: #D9D9D9;
    margin: 0 0 1rem;
    padding: .4rem .2rem .2rem;
    box-sizing: border-box;
}
#jds-2025 .jds_2025-text03 dd {
    font-size: 12px;
}
@media only screen and (max-width: 640px) {
    #jds-2025 .jds_2025-title01 {
        font-size: 6vw;
    }
    #jds-2025 .jds_2025-title01 span {
        display: block;
        padding-right: 0;
    }
    #jds-2025 .jds_2025-title02 {
        font-size: 5vw;
        margin-bottom: .4rem;
    }
    #jds-2025 .jds_2025-text01 {
        font-size: 4vw;
        line-height: 1.8;
        text-align: left;
    }
    #jds-2025 .jds_2025-text02 {
        font-size: 7vw;
        line-height: 1.3;
    }
    #jds-2025 .jds_2025-text02 span {
        display: inline-block;
        font-size: 3.5vw;
    }
    #jds-2025 .jds_2025-text03 dt {
        font-size: 4vw;
    }
    #jds-2025 .jds_2025-text03 dd {
        font-size: 3vw;
    }
}

#jds-2025 .jds_2025-contents01 {
    display: flex;
}
#jds-2025 .jds_2025-contents01 .jds_2025-contents01-movie {
    margin-right: 40px;
}
#jds-2025 .jds_2025-contents01 .jds_2025-contents01-movie img {
    width: 415px;
}
#jds-2025 .jds_2025-contents01 h4,
#jds-2025 .jds_2025-contents01 h4 ul li {
    color: #2878DC;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
}
#jds-2025 .jds_2025-contents01 h4 span {
    width: 5.5em;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    border: 1px #2878DC solid;
    border-radius: 5px;
    margin: 0 0 1rem;
    padding: .5rem .4rem .4rem;
    box-sizing: border-box;
}
#jds-2025 .jds_2025-contents01 ul li,
#jds-2025 .jds_2025-contents01 p {
    font-size: 18px;
    line-height: 1.2;
}
#jds-2025 .jds_2025-contents01 ul li,
#jds-2025 .jds_2025-contents01 h4 ul li {
    text-indent: -1em;
    margin-bottom: .4rem;
    padding-left: 1em;
}
@media only screen and (max-width: 640px) {
    #jds-2025 .jds_2025-contents01 {
        display: block;
    }
    #jds-2025 .jds_2025-contents01 .jds_2025-contents01-movie {
        margin: 0 0 6vw;
    }
    #jds-2025 .jds_2025-contents01 .jds_2025-contents01-movie img {
        width: 100%;
    }
    #jds-2025 .jds_2025-contents01 h4,
    #jds-2025 .jds_2025-contents01 h4 ul li {
        font-size: 5vw;
    }
    #jds-2025 .jds_2025-contents01 h4 span {
        width: 5.5em;
        font-size: 4vw;
        border: 1px #2878DC solid;
        border-radius: 5px;
        margin: 0 0 .8rem;
        padding: .5rem .4rem .4rem;
    }
    #jds-2025 .jds_2025-contents01 ul li,
    #jds-2025 .jds_2025-contents01 p {
        font-size: 4vw;
        line-height: 1.2;
    }
}

#jds-2025 .ls-text { letter-spacing: -1px; }
#jds-2025 .underbar04 { border-color: #000; }


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin:25px 30px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{ position:absolute; bottom:-25px; left:0; color:#ccc;}
        #cboxCurrent{ display: none !important; /*position:absolute; top:-20px; right:0px; color:#ccc; */ }
        #cboxLoadingGraphic{background:url("/medical/event/jds_2025/common/img/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:-30px; margin-top:-16.5px; background:url("/medical/event/jds_2025/common/img/arrow_l.svg") no-repeat top left; width:22px; height:33px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:-30px; margin-top:-16.5px; background:url("/medical/event/jds_2025/common/img/arrow_r.svg") no-repeat top right; width:22px; height:33px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:-25px; right:5px; display:block; background:url("/medical/event/jds_2025/common/img/close.png") no-repeat top center; width:19px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}