@charset "utf-8";
/* CSS Document */
li{
	list-style-type: none;
}

.ti_img_m{
	width: calc(100% - 20px);
	margin-top:5px;
}

.view-s{
	display: block;
}

.hidden-s{
	display: none;
}

.column_img_m img{
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
	margin: 0 auto;
}

.column_img_cap{
	background:#8dc556;
	color: #ffffff;
	font-size: 1em;
	margin-bottom: 0.25em;
	padding-top: calc(10px - (((1em * 1.7) - 1em ) / 2));
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-bottom: calc(10px - (((1em * 1.7) - 1em ) / 2));
	text-align: center;
	border-radius: 0.75em;
}


#column-lead{
}

#column-lead img{
	width: 100%;
	border-radius: 10px;
}

#column-lead p{
	margin: 20px 1em;
	max-width: calc(100% - 20px);
	font-weight: bold;
}
/*p6*/
#column-title{
	margin-top: 20px;
}

#column-title img{
	width: 100%;
	border-radius: 10px;
}

#column-title h2.title{
	margin: 20px 1em;
	max-width: calc(100% - 20px);
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.25em;
}

#column-title p{
	margin: 20px 1em;
	max-width: calc(100% - 20px);
/*	font-weight: bold;*/
}



#column-subhead img{
	width: 100%;
	max-width: 800px;
}

.column-txt{
	color: #7f888f;
}

.column-txt h2{
	color: #000000;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 2.5px 10px 5px 10px;
	margin-top: 2em;
	margin-bottom: 0.5em;
	border-bottom: #7f888f 1px solid;
	border-left: #f56a6a 3px solid;
}

.column-txt p{
	margin-bottom: 1em;
}

.column-bold{
	font-weight: bold;
}

.column-red{
	color: #f05b72;
}

.column-txtbox{
	margin-top: 40px;
	margin-bottom: 40px !important;
	padding: 20px;
	background:#d2fff6;
	color: #142723;
	border-radius: 10px;
}
.column-txt h2 .school{
	font-size: 1.2rem;
	margin-left: 1rem;
	text-align: right;
	white-space: nowrap
}
.column-txt h2.ttl{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-left:none;
	padding: 2.5px 10px 5px 5px;
}
.column-txt h2.ttl.light-blue{border-bottom: #0699d9 2px solid !important;}
.column-txt h2.light-blue .ttl-txt{color: #0699d9 !important;}

.column-txt h2.ttl.orange{border-bottom: #f08300 2px solid !important;}
.column-txt h2.ttl.orange .ttl-txt{color: #f08300 !important;}

.column-txt h2.ttl.green{border-bottom: #008b8c 2px solid !important;}
.column-txt h2.ttl.green .ttl-txt{color: #008b8c !important;}

.column-txt h3.subttl{
	position: relative;
	color: #000000;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 2px 10px 2px 15px;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.column-txt h3.subttl::before{
	content: "";
	display: block;
	width: 5px;
	height: 85%;
	position: absolute;
	top: 0;
	left: 0;
}
.column-txt h3.subttl.blue::before{background-color: #1d50a2;}
.column-txt h3.subttl.orange::before{background-color: #Ec6d56;}
.column-txt h3.subttl.green::before{background-color: #8fc31f;}


#column-profile{
	background: linear-gradient(to bottom, #e4fdd5 0%, #5aa4de 66.7%, #5aa4de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= 'rgba(255,255,255,0)', endColorstr='#ffeb00',GradientType=0 );
	color: #fff;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	max-width: 460px;
	margin: 0 auto;
}

#column-profile_imgv{
	width: calc(75% - 20px);
	margin: 0 auto;
}

#column-profile_imgv img{
	max-width: 100%;
	margin: 10px 0;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#column-profile h3{
	padding: 10px;
	line-height: 1.4em;
}

#column-profile p{
	padding: 10px;
}

#interview-profile #interview-profile_txt  p{
	margin-bottom: 0;
}
@media screen and (max-width:1150px){
	.column-txt h2.ttl{
		display: block;
	}
	.column-txt h2 .school{
		margin-left: 0;
	}
}
@media screen and (min-width:480px){

	.column_img_m{
		width:100%;
		max-width: 600px;
		text-align: center;
		margin: 0 auto;
	}

	.view-s{
		display: none;
	}

	.hidden-s{
		display: block;
	}
}

@media print{

	.column_img_m{
		width:640px;
		max-width: 100%;
		margin: 0 auto;
	}

	.view-s{
		display: none;
	}

	.hidden-s{
		display: block;
	}
}