@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 %
---------------------------------------------------------------------*/

.small{
	font-size:10px;
	}
.large{
	font-size: 14px;
	}
.xx-large{
	font-size: 16px;
	}
.xxx-large{
	font-size: 22px;
	}
	
	
/* 詳細ページ */
#LEFT-CLM{
	margin:auto;
padding-bottom: 90px;
letter-spacing:-0.01em;
width: 675px;
line-height: 1.75;
overflow:hidden;

	}
.top-clm.dr-K{
	overflow:hidden;
	}
.top-clm .photo {
	float: left;
	margin: 0;
	padding: 0;
}
.top-clm .top-name-clm {
	background: url(/imgs/flow/kirari/tt_bg.gif) no-repeat left top;
	float: right;
	width: 424px;
	height: 270px;
}

.top-clm-new .top-name-clm {
	background: url(../img/tt_bg_2.gif) no-repeat left top;
}
.top-clm .top-name-clm .page {
	padding: 15px 0 0 73px;
}
.top-clm .top-name-clm .page .nmbr {
	font-weight: bold;
	color: #e72b20;
}
.clm .krr-ttl {
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.3em 0 0.2em 0.75em;
	border-left: 4px solid #d5ad3c;
}

.top-clm .top-name-clm .name {
	padding: 0.5em 0 0.5em 45px;
}
.top-clm .gaiyo {
	padding: 0 2em;
}

.clm {
	padding-top: 3em;
}
.clm .photo-clm {
	float: right;
	width: 200px;
}
.clm .photo-clm p {
	padding: 0 0 1.5em 0;
}
.clm .honbun-clm {
	float: left;
	width: 450px;
}
.clm .honbun-clm p {
	padding: 0 0 1em 0;
}

/* 詳細ページ */


	
	#bread{
		border-bottom:solid 1px #e6e6e6;
		padding:25px 0;
		margin-bottom:50px;
		}
		
	.kirai_icon *{
		vertical-align:middle;
		}
		.kirai_icon img{
			height:35px;
			margin-right:10px;
			}
		.kirai_icon span{
			color:#dc4a2e;
			}
		
	.main_img_box{
		min-width: 800px;
		width: 90%;
		margin:auto;
		margin-top:65px;
		}
	.main_img{
		width:300px;
		position:relative;
		float:left;
		}
		.main_img img{
			width:100%;
			}
	.main_text{
		width:calc(100% - 340px);
		float:right;
		}
		.main_text h2{
			font-size:38px;
			line-height:1.5em;
			}
		.main_text .school{
			font-size:13px;
			margin-top:25px;
			}
		.main_text .name{
			font-size:22px;
			font-weight:bold;
			margin-top:15px;
			}
			.main_text .name span{
				font-weight:normal;
				font-size:0.8em;
				margin-left:0.5em;
				}
		.main_text .intro{
			font-size:16px;
			margin-top:25px;
			line-height:1.6em;
			}
	
	#main{
		position:relative;
		}
		.sotsugyo_text{
			position:absolute;
			left:20px;
			top:20px;
			color:#26557F;
			font-weight:bold;
			}
			.sotsugyo_text span{
				font-size:0.8em;
				}
		.flow_num{
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			background: #dc4a2e;
			color: #fff;
			padding: 4px 6px 5px;
			letter-spacing: -0.2px;
			font-size: 12px;
			font-weight: bold;
			z-index:1;
			}
		
		
	.interview_box{
		min-width: 800px;
		width: 90%;
		margin:auto;
		margin-top:100px;
		font-size:16px;
		line-height:1.6em;
		}
		.interview_box h3{
			margin-top: 100px;
			border-bottom: 1px solid #000;
			padding-bottom: 5px;
			font-size: 25px;
			line-height: 1.4em;
			margin-bottom:30px;
			}
			.interview_box .text{
				float:left;
				width:70%;
				}
			.interview_box .pht{
				float: right;
				width: 25%;
				}
				.interview_box .pht > div + div{
					margin-top:35px;
					}
				.interview_box .pht img{
					width:100%;
					margin-bottom:5px;
					}
				.interview_box .pht p{
					font-size:13px;
					}
	
	.page_box{
		max-width:800px;
		margin:auto;
		margin-top: 50px;
		border: 1px solid #BFBFBF;
		padding: 30px;
		box-sizing:border-box;
		}
		.page_box .table_b{
			display:table;
			float:left;
			}
			.page_box .table_b .table_cell{
				display:table-cell;
				vertical-align:middle;
				height:200px;
				}
		.page_box .logo{
			width:158px;
			text-align:center;
			color:#dc4a2e;
			}
			.page_box .logo p{
				margin-top:30px;
				font-weight:bold;
				}
			.page_box .logo img{
				width:100%;
				}
		.page_box .arrow{
			width:95px;
			text-align:center;
			}
		.page_box .img{
			}
			.page_box .img img{
				height:100%;
				}
		.page_box .text{
			width:200px;
			text-align:left;
			line-height:1.5em;
			margin-left:40px;
			}
			.page_box .text .school{
				font-size:13px;
				}
			.page_box .text .name{
				font-size:18px;
				margin-top:10px;
				font-weight:bold;
				}
				.page_box .text .name span{
					font-size:0.8em;
					font-weight:normal;
					}
			.page_box .text .intro{
				margin-top:40px;
				font-size:18px;
				font-weight:bold;
				line-height:1.4em;
				}
				
				
					
		/* ページ送り */
		.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;
				}
			.note_list > div{
				width:48%;
				}
				.note_list > div:nth-of-type(1){
					float:left;
					}
				.note_list > div:nth-of-type(2){
					float:right;
					}
				.note_list .page{
					color:#fff;
					background: #dc4a2e;
					font-weight:bold;
					padding:8px 3px 8px 8px;
					letter-spacing:-0.005em;
					font-size:13px;
					}
					.note_list .page span{
						float:right;
						font-size:13px;
						}
				.article_list ul{
					margin-top:20px;
					margin-left:-5%;
					}
				.article_list li{
					position:relative;
					width:45%;
					margin-left:5%;
					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.9em;
							margin-left:5px;
							}
					.article_list li .school{
						line-height:1.5em;
						font-size:11px;
						margin-top:5px;
						}
			
		.article_list .one_column{
			width:100%;
			}
			.article_list .one_column img{
				float:left;
				width:45%;
				}
			.article_list .one_column div{
				float:left;
				width:49%;
				padding-left:10px;
				box-sizing:border-box;
				margin-top: 0;
				}
				.article_list .one_column p.tit {
					display:block;
					font-weight: bold;
					font-size: 16px;
					line-height: 1.6;
					margin-bottom: 22px;
					}