@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {
	
	#bread{
		border-bottom:solid 1px #e6e6e6;
		padding:25px 0;
		margin-bottom:50px;
		}
	#main{
		position:relative;
		}
		.sotsugyo_text{
			padding:20px;
			position:absolute;
			left:20px;
			top:15px;
			color:#26557F;
			font-weight:bold;
			}
			.sotsugyo_text span{
				font-size:0.8em;
				}
			.sotsugyo_text img{
				height:25px;
				}
		.flow_num{
			position: absolute;
			right: 20px;
			top: 15px;
			background: #ad7fae;
			color:#fff;
			display: block;
			padding: 4px 6px 5px;
			letter-spacing: -0.2px;
			font-size: 12px;
			font-weight: bold;
			z-index:1;
			}
			.article_list .flow_num{
				right: 0;
				top: 0;
				}
	.main_img{
		width:100%;
		}
	
	.intro + div h4{
		margin-top:50px!important;
		}
		
		
	.interview_box{
		width:85%;
		mix-width:800px;
		margin:auto;
		margin-top:-70px;
		background-color:#fff;
		position:relative;
		z-index:1;
		}
		.file_num{
			position: absolute;
			left: 25px;
			bottom: 100%;
			background: #fff;
			display: block;
			padding: 6px 10px 7px;
			letter-spacing: -0.2px;
			font-size: 12px;
			font-weight: bold;
			z-index:1;
			}
		.interview_box h2{
			font-size:24px;
			}
			.interview_box h2 span{
				font-size:0.7em;
				font-weight:normal;
				margin-left:10px;
				}
				
		.interview_box .profile_box{
			margin-top:40px;
			border:1px solid #BFBFBF;
			padding:30px;
			}
			.interview_box .profile_box dt{
				font-size:18px;
				font-weight:bold;
				margin-bottom:15px;
				}
			.interview_box .profile_box dd{
				line-height:1.6em;
				font-size:13px;
				}
				.interview_box .profile_box dd span{
					font-weight: bold;
					}
		.interview_box .text_box{
			margin-top:10px;
			line-height:1.8em;
			font-size:110%;
			}
			.interview_box .text_box h3{
				font-weight:bold;
				font-size:38px;
				letter-spacing:0.1em;
				line-height:1.6em;
				padding:30px 30px 40px;
				}
			.interview_box .text_box h3 .h3_sub{
				font-size:16px;
				line-height:1;
				}
				.interview_box .text_box h3 span{
					font-weight:bold;
					font-size:20px;
					letter-spacing:0.1em;
					line-height:1.3em;
					display:block;
					margin-top:10px;
					}
		
				.name_box{
					padding:0 30px 50px;
					}
					.name_box p{
						font-size: 12px;
						font-weight: bold;
						margin-bottom:15px;
						}
					.name_box dl{
						box-sizing:border-box;
						font-weight:bold;
						}
					.name_box dl + dl{
						margin-top:8px;
						}
						.name_box dt{
							display:inline;
							font-size:20px;
							}
						.name_box dd{
							display:inline;
							line-height:1.3em;
							font-size:20px;
							}

				.interview_box .intro span{
					display:block;
					text-align:right;
					font-size:13px;
					}

				.interview_box .text_box h4{
					margin-top:100px;
					padding-bottom:5px;
					font-size:25px;
					line-height:1.4em;
					border-bottom:1px solid #000;
					}
					.interview_box .text_box p.subtit{
						padding-top:40px;
						display:block;
						font-size:16px;
						line-height:1.4em;
						font-weight:bold;
						}
			
			.interview{
				margin-top:40px;
				}
				.interview p + p{
					margin-top:30px;
					}
				.question{
					font-size:17px;
					line-height:1.8em;
					margin-bottom:25px;
					}
				.question span{
					font-weight:bold;
					}
				.interview p .name{
					font-weight:bold;
					}
			
			.pht_box{
				}
				.pht_box .answer{
					}
				.pht_box .pht{
					margin:20px auto 0;
					max-width:100%;
					font-size:0.9em;
					text-align:center;
					}
					.pht_box .pht img{
						max-width:100%;
						min-width:340px;
						margin-bottom:10px;
						}
			.pht_wrap{
				}
				.pht_wrap .pht_text{
					float:left;
					width:70%;
					}
					.pht_wrap .pht_text > div:not(:first-child){
						margin-top:100px;
						}
				.pht_wrap .pht_area{
					float:right;
					margin-top:60px;
					width:25%;
					}
					.pht_wrap .pht_area figure + figure{
						margin-top:35px;
						}
					.pht_wrap .pht_area img{
						width:100%;
						}
					.pht_wrap .pht_area figcaption{
						margin-top:5px;
						font-size:12px;
						line-height:1.6em;
						}
					
					
					
		/* ページ送り */
		.pagenation{
			margin-top:150px;
			min-height:32px;
			position:relative;
			width:100%;
			}
			.pagenation a{
				position:absolute;
				}
				.pagenation a img{
					vertical-align:middle;
					}
			.pagenation .prev{
				left:0;
				}
				.pagenation .prev img{
					margin-right:10px;
					}
			.pagenation .next{
				right:0;
				}
				.pagenation .next img{
					margin-left:10px;
					}
					
		/* 最新の記事 */
		.article_list{
			margin-top:80px;
			position:relative;
			}
			.article_list .ichiran{
				display:inline-block;
				position:absolute;
				right:0;
				top:0;
				}
				.article_list .ichiran a::before{
					position:absolute;
					content:"";
					box-sizing: border-box;
					box-sizing: border-box;
					width: 4px;
					height: 4px;
					border:7px solid transparent;
					border-left: 7px solid #000;
					left:-15px;
					}
			.article_list > p{
				font-size:18px;
				font-weight:bold;
				border-bottom:1px solid #000;
				padding-bottom:5px;
				margin-bottom:30px;
				}
				.article_list ul{
					margin-left:-3.3%;
					}
				.article_list li{
					position:relative;
					width:30%;
					margin-left:3.3%;
					float:left;
					}
					.article_list li img{
						width:100%;
						margin-bottom:10px;
						}
					.article_list li .name{
						font-weight:bold;
						font-size:16px;
						}
						.article_list li .name span{
							font-weight:normal;
							font-size:0.8em;
							}
					.article_list li .school{
						line-height:1.5em;
						font-size:15px;
						margin-top:5px;
						font-weight:bold;
						margin-top:10px;
						}
					
			
	
	.table_box{
		margin-top:60px;
		}
		.table_pht_wrap table{
			float:left;
			width:calc( 100% - 140px );
			}
		.table_pht_wrap .img_wrap{
			float:right;
			width:100px;
			margin-top:15px;
			}
		
		.table_box .h{
			font-weight:bold;
			padding:15px 20px 13px;
			}
		.table1 .h{
			background-color:#d0eaf6;
			}
		.table2 .h{
			background-color:#bcd4e4;
			}
			
			.table_box table{
				border-collapse:collapse;
				}
				.table_box table th{
					padding: 15px;
					border-bottom:#666 1px dotted;
					width: 170px;
					vertical-align:top;
					}
				.table_box table td{
					padding: 15px;
					border-bottom:#666 1px dotted;
					vertical-align:top;
					}
				.table1_intro{
					font-weight:bold;
					margin-bottom:10px;
					}
					
		.table_pht_wrap .img_wrap{
			text-align:center;
			}
			.table_pht_wrap .img_wrap > div + div{
				margin-top:15px;
				}
			.table_pht_wrap .img_wrap p{
				margin-top:10px;
				font-size:12px;
				line-height:1.8em;
				text-align:center;
				}
		

}









/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {

	
	#bread{
		border-top:solid 1px #e6e6e6;
		border-bottom:solid 1px #e6e6e6;
		padding: 10px;
		}
	#main{
		position:relative;
		}
		.sotsugyo_text{
			padding:15px;
			position:absolute;
			left:0px;
			top:0px;
			color:#26557F;
			font-weight:bold;
			font-size:13px;
			}
			.sotsugyo_text span{
				font-size:0.8em;
				}
		.flow_num{
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			background: #ad7fae;
			color:#fff;
			padding: 4px 6px 5px;
			letter-spacing: -0.2px;
			font-size: 12px;
			font-weight: bold;
			z-index:1;
			}
	.main_img{
		width:100%;
		}
		
		
	.interview_box{
		margin:0 10px;
		margin-top:-20px;
		background-color:#fff;
		position:relative;
		z-index:1;
		}
		.file_num{
			position: absolute;
			left: 25px;
			bottom: 100%;
			background: #fff;
			display: block;
			padding: 6px 10px 7px;
			letter-spacing: -0.2px;
			font-size: 12px;
			font-weight: bold;
			z-index:1;
			}
		.interview_box h2{
			font-size:24px;
			}
			.interview_box h2 span{
				font-size:0.7em;
				font-weight:normal;
				margin-left:10px;
				}
			.sotsugyo_text img{
				height:17px;
				}
		.interview_box .intro{
			line-height:2em;
			}
		.interview_box .profile_box{
			margin-top:50px;
			border:1px solid #BFBFBF;
			padding:30px;
			}
			.interview_box .profile_box dt{
				font-size:18px;
				font-weight:bold;
				margin-bottom:15px;
				}
			.interview_box .profile_box dd{
				line-height:1.6em;
				font-size:13px;
				}
				
		.interview_box .text_box{
			margin-top:10px;
			line-height:1.7em;
			}
			.interview_box .text_box h3{
				font-weight:bold;
				font-size:22px;
				letter-spacing:0.1em;
				line-height:1.6em;
				padding: 30px;
				}
			.interview_box .text_box h3 .h3_sub{
				font-size:16px;
				line-height:1.5em;
				}
				.interview_box .text_box h3 span{
					font-weight:bold;
					font-size:16px;
					letter-spacing:0.1em;
					line-height:1.3em;
					display:block;
					margin-top:5px;
					}
		
				.name_box{
					padding:0 30px 30px;
					}
					.name_box p{
						font-size: 11px;
						font-weight: bold;
						margin-bottom:10px;
						}
					.name_box dl{
						font-weight:bold;
						margin-bottom:10px;
						}
						.name_box dt{
							display:inline;
							font-size:16px;
							}
						.name_box dd{
							display:inline;
							line-height:1.3em;
							font-size:16px;
							}

				.interview_box .intro span{
					display:block;
					margin-top:1.5em;
					text-align:right;
					font-size:13px;
					}

				.interview_box .text_box h4{
					margin-top:60px;
					border-bottom:1px solid #000;
					padding-bottom:5px;
					font-size:20px;
					line-height:1.4em;
					}
			
					.interview_box .text_box p.subtit{
						padding-top:30px;
						display:block;
						line-height:1.4em;
						font-weight:bold;
						}

			.interview{
				margin-top:30px;
				}
				.answer{
					line-height:2em;
					}
				.interview p + p{
					margin-top:20px;
					}
				.question{
					font-size:17px;
					line-height:1.8em;
					margin-bottom:25px;
					}
				.question span{
					font-weight:bold;
					}
				.interview p .name{
					font-weight:bold;
					}
			
			.pht_box{
				}
				.pht_box .answer{
					}
				.pht_box .pht{
					margin-top:15px;
					font-size:0.9em;
					}
					.pht_box .pht img{
						width:100%;
						margin-bottom:10px;
						}
						
				.pht_wrap .pht_area{
					margin-top:30px;
					}
					.pht_wrap .pht_area figure + figure{
						margin-top:25px;
						}
					.pht_wrap .pht_area img{
						width:100%;
						}
					.pht_wrap .pht_area figcaption{
						margin-top:5px;
						font-size:12px;
						line-height:1.6em;
						}
				
				
				
				
				
				
					
					
		/* ページ送り */
		.pagenation{
			margin-top:80px;
			min-height:32px;
			position:relative;
			width:100%;
			}
			.pagenation a{
				position:absolute;
				}
				.pagenation a img{
					vertical-align:middle;
					}
			.pagenation .prev{
				left:10px;
				}
				.pagenation .prev img{
					margin-right:10px;
					}
			.pagenation .next{
				right:10px;
				}
				.pagenation .next img{
					margin-left:10px;
					}
					
		/* 最新の記事 */
		.article_list{
			margin-top:60px;
			position:relative;
			padding:0 10px;
			}
			.article_list .ichiran{
				display:inline-block;
				position:absolute;
				right:10px;
				top:0;
				}
				.article_list .ichiran a::before{
					position:absolute;
					content:"";
					box-sizing: border-box;
					box-sizing: border-box;
					width: 4px;
					height: 4px;
					border:7px solid transparent;
					border-left: 7px solid #000;
					left:-15px;
					}
			.article_list > p{
				font-size:18px;
				font-weight:bold;
				border-bottom:1px solid #000;
				padding-bottom:5px;
				margin-bottom:30px;
				}
				.article_list ul{
					}
				.article_list li{
					position:relative;
					margin-top:20px;
					width:100%;
					}
					.article_list li img{
						width:100%;
						margin-bottom:10px;
						}
					.article_list li .name{
						font-weight:bold;
						font-size:16px;
						}
						.article_list li .name span{
							font-weight:normal;
							font-size:0.9em;
							}
					.article_list li .school{
						line-height:1.5em;
						font-size:14px;
						font-weight:bold;
						margin-top:10px;
						}
					
					
	
	.table_box{
		margin-top:40px;
		}
		.table_box .h{
			font-weight:bold;
			padding:15px 20px 13px;
			}
		.table1 .h{
			background-color:#d0eaf6;
			}
		.table2 .h{
			background-color:#bcd4e4;
			}
			
			.table_box table{
				width:100%;
				border-collapse:collapse;
				}
				.table_box table th{
					padding:0 15px;
					padding-top:15px;
					margin-bottom:10px;
					vertical-align:top;
					display:block;
					}
				.table_box table td{
					padding:0 15px;
					padding-bottom:15px;
					display:block;
					border-bottom:#666 1px dotted;
					vertical-align:top;
					}
				.table1_intro{
					font-weight:bold;
					padding-top:15px;
					margin-bottom:10px;
					}
					
		.table_pht_wrap .img_wrap{
			text-align:center;
			}
			.table_pht_wrap .img_wrap > div{
				display:inline-block;
				vertical-align:top;
				margin-top:15px;
				}
			.table_pht_wrap .img_wrap p{
				margin-top:10px;
				font-size:12px;
				line-height:1.8em;
				text-align:center;
				}
					

}