@charset "utf-8";
@import url("./second.css");
#second_title_area > div{max-height: 180px;}
#section1{
	padding: 60px 0 100px;
	text-align: center;
}
#section1 section > p{
	font-size: 1.6rem;
	margin-bottom: 30px;
	font-weight: 500;
	line-height: 2;
}
#section1 section .contact_box{
	background-color: #eeeeff;
	padding: 40px 10%;
}
#section1 h3 {margin-bottom: 15px;}
#section1 h3 span{
	display: block;
	margin-bottom: 5px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #0360b1;
}
#section1 ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	font-family: 'Lato', sans-serif;
	font-size: 1.55rem;
	margin: 30px 0 20px;
	background-color: #fff;
	padding: 15px 5%;
}
#section1 ul li{
	font-weight: 700;
	margin: 0 2%;
	letter-spacing: 0;
}
#section1 ul li a{
	font-size: 2.3rem;
	color: #0360b1;
	letter-spacing: 0;
}
#section1 ul li:last-child a{font-size: 2.1rem;}
#section1 ul li a span{font-weight: 700;}
#section1 .ex{
	letter-spacing: 0.025em;
	font-size: 1.3rem;
	color: #444;
}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){
	#section1 ul li a:hover span{text-decoration: underline;}
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:999px) and (min-width:641px){}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	#second_title_area > div{height: 120px;}
	#second_title_area > div h2{letter-spacing: 0.125em;}
	#section1{padding: 40px 0 60px;}
	#section1 section > p{
		font-size: 1.5rem;
		letter-spacing: 0.025em;
		line-height: 1.75;
	}
	#section1 section .contact_box{padding: 40px 5%;}
	#section1 h3 {margin-bottom: 15px;}
	#section1 h3 span img{
		display: block;
		width: 36%;
		height: auto;
		margin: 0 auto;
	}
	#section1 ul{
		font-size: 1.28rem;
		margin: 20px 0 13px;
		justify-content: center;
		padding: 20px 3% 30px;
	}
	#section1 ul li{
		margin: 0;
		letter-spacing: 0;
		width: 100%;
	}
	#section1 ul li:first-child{margin-bottom: 20px;}
	#section1 ul li a{
		font-size: 1.7rem!important;
		display: block;
		line-height: 1;
	}
	#section1 ul li a span{text-decoration: underline;}
	#section1 .ex{font-size: 1.15rem;}
}