/*==============================*/
/* 男子学生服 */
/*==============================*/
div.school-menTitle{
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
	margin-bottom: 48px;
}
	@media (max-width: 600px){
		div.school-menTitle{ flex-direction: column; -webkit-flex-direction: column; margin-bottom: 32px;}
	}

/*-- 
------------------------- */
div.school-menTitle h2{
	position: relative;
	width: 100%;
	max-width: 300px;
	font-size: 20px;
	color: #555555;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-bottom: 30px;
	padding: 40px 0 0 0;
	text-align: center;
}
div.school-menTitle h2:after{
	position: absolute; top: 0; left: 0;
	content: "";
	width: 100%;
	height: 2px;
	background: #0e9b6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #0e9b6d 0%, #4ac38d 50%, #8ff5b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0e9b6d 0%,#4ac38d 50%,#8ff5b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0e9b6d 0%,#4ac38d 50%,#8ff5b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9b6d', endColorstr='#8ff5b8',GradientType=1 ); /* IE6-9 */
}
	@media (max-width: 600px){
		div.school-menTitle h2{
			font-size: 16px;
			font-weight: 600;
			margin: 0 auto 10px auto;
			padding: 13px 0;
		}
	}


/*-- 
------------------------- */
div.school-menTitle > div{ max-width: 456px; width: 100%;}

div.school-menTitle > div p{ margin-bottom: 4px;}

div.school-menTitle div dl{
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
}
div.school-menTitle div dl:not(:last-child){ margin-bottom: 1px;}
div.school-menTitle div dl dt{
	position: relative;
	width: 120px;
	text-align: right;
}
div.school-menTitle div dl dt::after{
	position: absolute; 
	content: "：";
}
div.school-menTitle div dl dd{ width: calc(100% - 120px - 16px);}
div.school-menTitle div dl dd a{ text-decoration: underline; color: #294A7D; position: relative; top: -2px;}

@media (max-width: 600px){
	div.school-menTitle div dl dt{
		width: 96px;
		font-size: 12px;
	}
	div.school-menTitle div dl dt::after{
	}
	div.school-menTitle div dl dd{ width: calc(100% - 96px - 16px);}
	div.school-menTitle div dl dd a{font-size: 12px;}
}