@charset "utf-8";
/* CSS Document */
/*##### PC #####*/

/* ------------------------------------------------------------ contents */
    .memberBox{
        padding: 0 70px 0 80px;
        width: 100%;
        box-sizing: border-box;
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
        .memberBox > table{
            border: 1px solid #32af00;
            box-sizing: border-box;
            width: 95%;
            margin: 0 auto;
        }
        .memberBox > table th,
        .memberBox > table td{
            padding: 10px 10px;
            box-sizing: border-box;
            border-bottom: 1px dotted #32af00;
        }
        .memberBox > table th{
            width: 15%;
            padding: 10px 0;
            text-align: center;
            border-right: 1px dotted #32af00;

        }
        .memberBox > table td{
            width: 85%;
            line-height: 1.5;
        }
        .memberBox > table tr:last-child th,
        .memberBox > table tr:last-child td{
            border-bottom: 0;
        }
		.memberBox h4{
			font-size:1.15em;
			font-weight:bold;
			padding:10px 0;
			margin-left:1.15em;
		}
        .memberBox > h5{
            color: #333333;
            font-size: 18px;
            font-size: 1.8rem;
            margin: 0 0 20px 20px;
        }
        .memberBox .memberLargeBox{
            margin: 0 0 0 20px;
        }
        .memberBox .memberLargeTxt{
            margin-bottom: 10px;
            line-height: 1.5;
        }
        .memberBox .memberLargeTxt:last-child{
            margin-bottom: 0;
        }
            .memberBox .nameAlphabet{
                margin-left: 15px;
            }
			
	.main_wrapper .content_body > h3.student{
		margin-top:30px;
	}
			
	.graudates_course{
		width:750px;
		margin:30px auto 0;
	}
	
		.graudates_course h4{
			font-size:1.1em;
			border-bottom:1px dotted #aaa;
			margin-bottom:0.8em;
			padding-bottom:0.3em;
		}
		
			.graudates_course h4:before{
				font-family: FontAwesome;
				content:"\f024";
				color:#32af00;
				margin-right:0.5em;
			}
		
		.graudates_course dl{}
		
		.graudates_course dl dt{
			color:#444;
			margin-bottom:0.5em;
			font-size:1.1em;
		}
		
		.graudates_course dl dt:before{
			font-family: FontAwesome;
			content:"\f0da";
			margin-right:0.5em;
			font-weight:normal;
			color:#c2e8ab;
		}
		
		.graudates_course dl dd{
			margin-bottom:1.5em;
			padding-left:1em;
			line-height:1.4em;
		}
		.memberBox .staffBox{
			display:flex;
			width:95%;
			margin:0px 0px 2em 1.05em;
		}
			.memberBox .staffBox .s_name{
				width:180px;
			}
			.memberBox .staffBox .s_info p{
				font-size:1.05em;
				font-weight:bold;
				color:#33476a;
			}
				
				.memberBox .staffBox .s_info p .goto_detail{
					font-weight:normal;
					margin-left:1em;
					font-size:0.95em;
				}
				
					.memberBox .staffBox .s_info p .goto_detail:before{
						content:"\0bb";
						margin-right:0.5em;
						color:#dc6000;
					}
			
			.memberBox .staffBox .s_info table{
				width:600px;
				margin:0.85em auto;
			}

			.memberBox .staffBox .s_info table th,
			.memberBox .staffBox .s_info table td{
				border-bottom:1px dotted #ccc;
				padding:8px;
				vertical-align:top;
				line-height:1.5;
			}
			
			.memberBox .staffBox .s_info table th{
				color:#00582a;
			}
			
				.memberBox .staffBox .s_info table th:before{
					font-family: FontAwesome;
					content: "\f0da";
					margin-right: 0.5em;
				}
			
			.memberBox .staffBox .s_info table td{
			}
			
		.student_graduate_list{}
		
			.student_graduate_list table,
			.student_graduate_list table tbody,
			.student_graduate_list table tr,
			.student_graduate_list table tr th,
			.student_graduate_list table tr td{
				display:block;
			}
			
			.student_graduate_list table{
				width:760px;
				margin:0 auto;
			}
			
			.student_graduate_list table tr{
				margin-bottom:1.5em;
			}
			
			.student_graduate_list table tr:last-child{
				margin-bottom:0;
			}
			
			.student_graduate_list table tr th{
				font-size: 1.15em;
				font-weight: bold;
				padding:0 0 10px 0;
			}
			
			.student_graduate_list table tr td ul{
				display:flex;
				flex-wrap:wrap;
				line-height:1.6;
			}
			
			.student_graduate_list table tr td ul li:after{
				content:"、";
			}
			
			/*英語版*/
			.student_graduate_list.en table tr td ul li:after{
				content:",";
				margin-right:0.5em;
			}
			
			.student_graduate_list table tr td ul li:last-child:after{
				content:none;
			}

	/*町田教授詳細*/
	.prof_detail_box{
		padding-top:50px;
		line-height:1.8em;
		width:800px;
		margin:0 auto;
	}
	
		.prof_detail_box div[class^="prof_"]{
			margin-bottom:3em;
		}
		
		.prof_detail_box div[class^="prof_"] h3{
			box-sizing: border-box;
			margin:0 0 1em 0;
			color:#111;
			font-size: 21px;
			font-size: 2.1rem;
			padding: 8px 8px 8px 26px;
			background: #e0efd1;
			border-radius:4px;
			border-bottom:2px solid #bfdda8;
			position:relative;
		}
		
			.prof_detail_box div[class^="prof_"] h3:before{
				content: "";
				display: inline-block;
				width: 5px;
				height: 25px;
				background: #32af00;
				position:absolute;
				top:8px;
				left:8px;
			}
			
		.prof_detail_box .prof_outline{
			display:flex;
		}
		
		.prof_detail_box .prof_outline table{
			width:calc(100% - 180px);
		}
		
			.prof_detail_box .prof_outline table th,
			.prof_detail_box .prof_outline table td{
				border-bottom:1px dotted #ccc;
				padding:8px;
				vertical-align:top;
			}
			
			.prof_detail_box .prof_outline table th{
				width:120px;
				color:#00582a;
			}
			
			.prof_detail_box .prof_outline table th:before{
				font-family: FontAwesome;
				content:"\f0da";
				margin-right:0.5em;
			}
			
			.prof_detail_box .prof_outline table .r_name td{
				font-size:1.3em;
			}
			
			.prof_detail_box .prof_outline table .r_name td .name_kana{
				font-size:0.77em;
			}
			
		.prof_detail_box .prof_outline .prof_photo{
			width:180px;
			text-align:right;
		}
			
		.prof_detail_box .prof_history table,
		.prof_detail_box .prof_awards table{
			width:calc(100% - 40px);
			margin:0 auto;
		}
		
			.prof_detail_box .prof_history table th,
			.prof_detail_box .prof_history table td,
			.prof_detail_box .prof_awards table th,
			.prof_detail_box .prof_awards table td{
				border-bottom:1px dotted #ccc;
				padding:8px;
				vertical-align:top;
			}
			
			.prof_detail_box .prof_history table th{
				width:80px;
			}
			
			.prof_detail_box .prof_awards table th{
				width:100px;
			}
			
		.prof_detail_box .prof_kakenhi table{
			width:calc(100% - 40px);
			margin:0 auto;
		}
		
			.prof_detail_box .prof_kakenhi table th,
			.prof_detail_box .prof_kakenhi table td{
				border:1px solid #ccc;
				padding:6px 8px;
				line-height:1.6;
			}
			
			.prof_detail_box .prof_kakenhi table thead th{
				text-align:center;
				background:rgba(224,239,209,0.5);
				color:#00582a;
			}
			
			.prof_detail_box .prof_kakenhi table thead th.c_nendo{
				width:8em;
			}
			
			.prof_detail_box .prof_kakenhi table thead th.c_shubetsu{
				width:8em;
			}
			
			.prof_detail_box .prof_kakenhi table tbody td:nth-child(1),
			.prof_detail_box .prof_kakenhi table tbody td:nth-child(2){
				text-align:center;
			}
			
		.prof_detail_box .prof_research ul{
			width:calc(100% - 40px);
			margin:0 auto;
			display:flex;
			flex-wrap:wrap;
		}
		
			.prof_detail_box .prof_research ul li{
				width:50%;
				box-sizing:border-box;
				padding:0 20px 0 1em;
				margin-bottom:0.6em;
				position:relative;
				line-height:1.4em;
			}
			
			.prof_detail_box .prof_research ul li:before{
				font-family: FontAwesome;
				content:"\f0da";
				position:absolute;
				top:0;
				left:0;
				color:#00582a;
			}
		
		.prof_detail_box .prof_research h4{
			margin:1.5em auto 1em auto;
			width:calc(100% - 40px);
			font-size:1.2em;
			border-bottom:1px solid #326c11;
			padding-bottom:0.2em;
		}
		
		.prof_detail_box .prof_education dl{
			width:calc(100% - 40px);
			margin:0 auto;
		}
		
		.prof_detail_box .prof_education dl dt{
			font-weight:bold;
			color:#326c11;
		}
		
		.prof_detail_box .prof_education dl dd{
			margin-bottom:1em;
			padding:0.5em 0 0 1em;
		}
		
		.prof_detail_box .prof_education dl dd ul{
			
		}
		
		.prof_detail_box .prof_education dl dd ul li{
			margin-bottom:0.3em;
			position:relative;
			padding-left:1em;
		}
		
		.prof_detail_box .prof_education dl dd ul li:before{
			font-family: FontAwesome;
			content:"\f0da";
			position:absolute;
			top:0;
			left:0;
			color:#326c11;
		}
		
		.prof_detail_box .prof_society h4,
		.prof_detail_box .prof_society ul,
		.prof_detail_box .prof_society table{
			width:calc(100% - 40px);
			margin:0 auto;
		}
		
		.prof_detail_box .prof_society h4{
			margin: 1.5em auto 1em auto;
			font-size: 1.2em;
			border-bottom: 1px solid #326c11;
			padding-bottom: 0.2em;
		}
		
		.prof_detail_box .prof_society ul{
			display:flex;
			flex-wrap:wrap;
		}
		
			.prof_detail_box .prof_society ul li:after{
				content:"、";
			}
			
			.prof_detail_box .prof_society ul li:last-child:after{
				content:none;
			}
			
		.prof_detail_box .prof_society table th,
		.prof_detail_box .prof_society table td{
			border-bottom: 1px dotted #ccc;
			padding: 8px;
			vertical-align: top;
		}
		
		.prof_detail_box .prof_society table th{
			width:100px;
		}
		
	.back_page{
		margin-top:3em;
		text-align:center;
	}
	
		.back_page_inner{
			color: #00416b;
			text-decoration: underline;
			cursor:pointer;
		}
		
		.back_page_inner:hover{
			background:rgba(0,65,107,0.1);
		}
	
	/*メンバー専用*/
	.lab_calendar{
		width:800px;
		margin:0 auto;
	}
	
		.lab_calendar iframe{
			width:100%;
		}


/* ------------------------------------------------------------ *** */

@media screen and (max-width:480px)
{
    /*##### PDA #####*/

    /* ---------------------------------------------- contents */
    .memberBox{
        padding: 0 10px 35px 10px;
    }
        .memberBox > table{
            width: 100%;
        }
        .memberBox > table th,
        .memberBox > table td{

        }
        .memberBox > table th{
            width: 20%;
            line-height: 1.3;
            padding: 10px 5px;
        }
        .memberBox > table td{
            width: 80%;
        }
        .memberBox > table tr:last-child th,
        .memberBox > table tr:last-child td{

        }
        .memberBox > h4{
            margin-left: 0;
        }
        .memberBox .memberLargeBox{
            margin-left: 0;
        }
        .memberBox .memberLargeTxt{

        }
        .memberBox .memberLargeTxt:last-child{

        }
            .memberBox .nameAlphabet{
                margin-left: 0;
            }
			
	.graudates_course{
		width:auto;
		margin:0 10px;
	}
		.memberBox h4{
			margin:0 auto;
		}
		.memberBox .staffBox{
			display:flex;
			flex-direction:column;
			width:100%;
			margin:0px auto 30px;
		}
		.memberBox .stafflast{
			margin-bottom:0px;
		}
		.memberBox .staffBox p{
			line-height:1.6;
			text-align:left;
		}
		.memberBox .staffBox .s_name{
			width:100%;
			text-align:center;
			margin-bottom:10px;
		}
		.memberBox .staffBox .s_info{}
		
			.memberBox .staffBox .s_info p{
				text-align:center;
			}
		
			.memberBox .staffBox .s_info table,
			.memberBox .staffBox .s_info table tbody,
			.memberBox .staffBox .s_info table tr,
			.memberBox .staffBox .s_info table th,
			.memberBox .staffBox .s_info table td{
				display:block;
				width:100%;
				box-sizing:border-box;
			}
			
			.memberBox .staffBox .s_info table th{
				padding:4px 8px;
			}
			
			.memberBox .staffBox .s_info table td{
				border-bottom:none;
			}
		
		
		.graudates_course dl dd{
			width:87%;
		}
		.staffBox table th{
			width:25%;
		}
		
		.student_graduate_list table{
			width:100%;
			padding:0 20px;
			box-sizing:border-box;
		}

	/*町田教授詳細*/
	.prof_detail_box{
		padding:30px 10px 0 10px;
		line-height:1.5em;
		width:100%;
		margin:0;
		box-sizing:border-box;
	}
	
		.prof_detail_box div[class^="prof_"] h3{
			font-size: 20px;
			font-size: 2.0rem;
			line-height:1em;
		}
		
			.prof_detail_box div[class^="prof_"] h3:before{
				height: 20px;
			}
			
		.prof_detail_box .prof_outline table{
			width:75%;
			display:block;
		}
		
			.prof_detail_box .prof_outline table tbody,
			.prof_detail_box .prof_outline table tr,
			.prof_detail_box .prof_outline table th,
			.prof_detail_box .prof_outline table td{
				display:block;
			}
			
			.prof_detail_box .prof_outline table th{
				width:auto;
				color:#00582a;
				border-bottom:none;
				padding:0.3em 0 0.2em 0;
			}
			
			.prof_detail_box .prof_outline table td{
				padding:0 0 0.3em 0;
			}
			
		.prof_detail_box .prof_outline .prof_photo{
			width:25%;
			box-sizing:border-box;
			padding-left:10px;
		}
		
			.prof_detail_box .prof_outline .prof_photo img{
				max-width:100%;
				height:auto;
			}
			
		.prof_detail_box .prof_history table,
		.prof_detail_box .prof_awards table{
			width:100%;
		}
		
			.prof_detail_box .prof_history table th,
			.prof_detail_box .prof_history table td,
			.prof_detail_box .prof_awards table th,
			.prof_detail_box .prof_awards table td{
				padding:6px;
			}
			
			.prof_detail_box .prof_history table th{
				width:4em;
			}
			
			.prof_detail_box .prof_awards table th{
				width:6em;
			}
			
		.prof_detail_box .prof_kakenhi table{
			width:100%;
		}
		
			.prof_detail_box .prof_kakenhi table th,
			.prof_detail_box .prof_kakenhi table td{
				padding:6px 8px;
			}
			
			.prof_detail_box .prof_kakenhi table thead th.c_nendo,
			.prof_detail_box .prof_kakenhi table thead th.c_shubetsu{
				width:4em;
			}
			
			
		.prof_detail_box .prof_research ul{
			width:100%;
			display:block;
			padding:0 10px;
			box-sizing:border-box;
		}
		
			.prof_detail_box .prof_research ul li{
				width:100%;
				padding-right:0;
			}
			
		.prof_detail_box .prof_research h4{
			width:calc(100% - 10px);
		}
		
		.prof_detail_box .prof_education dl{
			width:calc(100% - 10px);
		}
		
		.prof_detail_box .prof_education dl dt{
			font-weight:bold;
			color:#326c11;
		}
		
		.prof_detail_box .prof_education dl dd{
			padding:0.5em 0 0 0;
		}
		
		.prof_detail_box .prof_society h4,
		.prof_detail_box .prof_society ul,
		.prof_detail_box .prof_society table{
			width:calc(100% - 10px);
			margin:0 auto;
		}
		
		.prof_detail_box .prof_society h4{
			margin:1.5em 0 1em 0;
		}
		
			
		.prof_detail_box .prof_society table th,
		.prof_detail_box .prof_society table td{
			padding: 6px;
		}
		
		.prof_detail_box .prof_society table th{
			width:4em;
		}

	/*メンバー専用*/
	.lab_calendar{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}

    /* ---------------------------------------------- *** */

}