@charset "utf-8";
/* CSS Document */

#sub_title h2.patient{
	background: url(../image/works/cyouzai-main.jpg) no-repeat center center;
	background-size: cover;
}

.lab .des{
    margin-bottom:40px;
    clear: both;
}

.lab .des h4{
    margin-right:340px;
    padding-top:40px;
    font-size:21px;
    font-weight:600;
    border-bottom:2px solid #CCCCCC;
}

.lab .des h4.normal{
    margin-right:0;
}

.lab .des table.shushoku{
	width:100%;
	margin-bottom:24px;
}

.lab .des table.shushoku th,
.lab .des table.shushoku td{
	padding:4px 16px;
	border:1px solid #3798D1;
}

.lab .des p a.tl{
	color:#38A7E8;
	text-decoration: underline;
}

.lab #main .event dl{
    width:100%;
    margin-bottom:16px;
    padding-bottom: 16px;
    overflow: hidden;
    border-bottom:1px dotted #CCCCCC;
}

.lab #main .event dl dt{
    width:24%;
    margin-right:1%;
    float:left;
    font-size:160%;
    color:#38A7E8;
}

.lab #main .event dl dd{
    width:75%;
    float:left;
}

.lab #main .event dl dd ul li{
    width:32%;
    margin-right:2%;
    margin-bottom:2%;
    float:left;
}

.lab #main .event dl dd ul li:nth-child(3n){
    margin-right:0;
}

.lab .des section.lab_staff{
    width:100%;
    margin-bottom:16px;
    border:1px solid #CCCCCC;
    box-sizing: border-box;
    background:#EFF6FA;
}

.lab .des section.lab_staff:nth-child(2n+1){
}

.lab .des section.lab_staff dl dt{
    padding:16px;
    color:#38A7E8;
    font-size: 120%;
}

.lab .des section.lab_staff dl dt:hover{
    cursor: pointer;
}

.lab .des section.lab_staff dl dt small{
    margin-left:16px;
    color:#333333;
    font-size:70%;
}

.lab .des section.lab_staff dl dd{
    padding:0 16px 16px;
    display: none;
    overflow: hidden;
}

.lab .des section.lab_staff dl dd ul{
    width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.lab .des section.lab_staff dl dd li{
    width:49%;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom:1px dotted #CCCCCC;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.lab .des section.lab_staff dl dd span.ko{
    width:130px;
    color:#38A7E8;
}

.lab .des section.lab_staff dl dd span.des{
    width:calc(100% - 146px);
	margin-bottom:0;
}

/* 医学部研究員 */

ul.staff_list li{
    width:100%;
    margin-bottom:16px;
    padding:16px;
    border:1px solid #CCCCCC;
    box-sizing: border-box;
    background:#EFF6FA;
    color:#38A7E8;
    font-size: 120%;
}

ul.staff_list li small{
    margin-left:16px;
    color:#333333;
    font-size:70%;
}

/* 年鑑スケジュール */

dl.year_schedule{
    background:url(../image/lab/pointer.png?201806080628) no-repeat center 24px;
    overflow: hidden;
}

dl.year_schedule dt{
    width:210px;
    margin-bottom:18px;
    padding:5px;
    border: 1px solid #CCCCCC;
}

dl.year_schedule dt:nth-of-type(odd){
    float:right;
    clear: both;
}

dl.year_schedule dt:nth-of-type(even){
    float:left;
}

dl.year_schedule dt div.gallery{
    display: none;
}

dl.year_schedule dd{
    width:594px;
    overflow: hidden;
    background:url(../image/lab/line.png) no-repeat;
}

dl.year_schedule dd:nth-of-type(odd){
    margin-bottom:7px;
    float:right;
    background-position: right 0 bottom 15px;
}

dl.year_schedule dd:nth-of-type(even){
    padding-top:4px;
    float:left;
    background-position: left 0 bottom 15px;
}

dl.year_schedule dd span{
    display: inline-block;
}

dl.year_schedule dd span.month,
dl.year_schedule dd span.con_txt{
    width:44%;
    line-height: 72px;
}

dl.year_schedule dd span.month{
    margin-top:-4px;
}

dl.year_schedule dd span.month strong{
    margin-right:8px;
    font-size:200%;
    font-style: italic;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: 600;
}

dl.year_schedule dd.set span.con_txt{
    padding-top:10px;
    line-height: inherit;
}

dl.year_schedule dd span.left_txt{
    float:left;
    margin-right:12%;
    text-align: right;
}

dl.year_schedule dd span.right_txt{
    float:right;
}

/* circle_list */

#circle_list{
    margin-bottom:64px;
    font-size:140%;
}

#circle_list li{
    margin-bottom:16px;
}

#circle{
    padding-top:16px;
    border-top:1px dotted #CCCCCC;
}

#circle a{
    color:#1EAAE0;
    text-decoration: underline;
}

#circle dt{
    font-size:130%;
}

#circle dd{
    margin-bottom:16px;
    overflow: hidden;
    border-bottom:1px dotted #CCCCCC;
}

#circle dd p strong{
    font-size:130%;
    font-weight: 600;
    color:#D90000;
}

#circle dd img.alignleft{
    margin-right:32px;
    margin-bottom:16px;
    float:left;
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 740px) {
    .lab .des h4{
        width:100%;
        margin-right:0;
        padding-top:0;
    }
    
    /* 年鑑スケジュール */
    
    dl.year_schedule{
        background:none;
    }

    dl.year_schedule dt:nth-of-type(odd),
    dl.year_schedule dt:nth-of-type(even){
        margin:0 auto;
        float:none;
    }

    dl.year_schedule dd{
        width:100%;
        overflow: hidden;
        text-align: center;
        background: none;
    }

    dl.year_schedule dd:nth-of-type(odd),
    dl.year_schedule dd:nth-of-type(even){
        padding-top:0;
        padding-bottom:16px;
        margin-bottom:16px;
        float:none;
        border-bottom:1px dotted #CCCCCC;
    }

    dl.year_schedule dd span{
        display: block;
    }

    dl.year_schedule dd span.month,
    dl.year_schedule dd span.con_txt{
        width:100%;
        line-height:inherit;
    }

    dl.year_schedule dd span.month{
        margin-top:0;
    }

    dl.year_schedule dd span.left_txt{
        float:none;
        margin-right:0;
        text-align: center;
    }

    dl.year_schedule dd span.right_txt{
        float:none;
    }
    
    dl.year_schedule dd.set span.con_txt{
        padding-top:0;
    }
}

@media screen and (max-width: 640px) {
}