@charset "utf-8";
.main{
	width:100%;
	padding:150px 0 0;
	
}
.main header{
	margin:0 auto;
	display:block;
	width:90%;
}
.main header h1{
	font-size:1.3em;
	text-align:center;
}
.main header h1 span{
	color:#165A80;
	display:block;
font-family: 'Bree Serif', serif;
letter-spacing:0.1em;
	font-weight:normal !important;
	font-size:0.7em;
	padding:5px 0 0;
}
.main header p{
	text-align:center;
	line-height:190%;
}

#company{
	margin:100px 0 0;
	
}
#company ul{
	width:101% !important;
	margin:0 ;
	overflow:hidden;
	padding:0;
}
#company ul li{
	float:left;
	margin:0 ;
	padding:0;
	position:relative;
	width:33.3%;
	list-style:none;
}
#company ul li img{
	width:100%;
}
#company ul li h2{
	background:#165A80;
	opacity:0.7;
	width:80%;
	padding:10% 0 15%;
	color: #FFF;
	font-weight:normal;
	text-align:center;
	font-size:1.1em;
	letter-spacing:0.3em;

position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
}
#company ul li h2 span{
font-family: 'Bree Serif', serif;
letter-spacing:0.1em;
	font-size:0.7em;
	display:block;
	padding:0 0 3%;
}
#company ul li h2 span:first-letter{
	font-size:120% !important;
}
#company ul li h2 hr{
	width:30%;
	margin:5% auto 0;
}
#company ul li a h2:hover{
	opacity:1.0;
}
#voice{
	clear:both;
	background:#F7F7F7;
	margin:0 0 0 0;
	padding: 100px 0 0 0;
	width:100%;
}

#voice h2{
	font-size:1.3em;
	text-align:center;
}
#voice h2 span{
	color:#165A80;
	display:block;
font-family: 'Bree Serif', serif;
letter-spacing:0.1em;
	font-weight:normal !important;
	font-size:0.7em;
	padding:5px 0 0;
}
#voice p.voice_head{
	display:block;
	text-align:center;
	line-height:190%;
	margin:0 0 100px;
}
.voice_list{
	width:101% !important;
	background:#000;
	margin:0;
	padding:0;
}
.voice_list li{
	float:left;
	list-style:none;
	width:33%;
}
.voice_list li img{
	width:100%;
}

.voice_list li p{
	width:70%;
	margin:40px 0 40px 0;
	padding:0 15%;
}
.voice_list li p span{
		font-weight:bold;
		display:block;
		padding:0 0 30px;
		min-height:50px;
}
.r_bdr{
	border-right: dashed 1px #333333;
}
.voice_list li a{
		clear:both;
		display:block;
		margin:30px auto;
		width:40%;
		
		font-size:inherit;line-height:1.42;padding:0.3em 1.1em;
		font-weight:normal;border-width:1px;border-radius:1.01em;cursor:pointer;user-select:none;vertical-align:bottom;text-align:center !important;}

.voice_list li a{color:#E6EAEF;background-color:#5491B3;border-color:#3f9518; text-decoration:none;}
.voice_list li a:hover{background-color:#165A80;}



@media only screen and (max-width: 1024px) {
.main{
	width:100%;
	padding:50px 0 0;
	
}
	#company{
		margin: 40px 0 0 0;
	}
	
#company ul{
	margin:0 ;
	padding:0;
}

#company ul li{
	float:none;
	margin:0 auto 30px;
	padding:0;
	position:relative;
	width:90%;
}
#company ul li img{
	width:100%;
}
#company ul li h2{
	background:#165A80;
	opacity:0.7;
	color: #FFF;
	font-weight:bold;
	font-weight:normal;
 font-size: calc(170% + 4 * (100vw - 600px) / 400);
	letter-spacing:0.3em;

position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height:  auto;
}
#company ul li h2 hr{
	width:40%;
	margin:8% auto 0;
}
#company ul li h2 span{
	padding:2% 0 3%;
}
#voice{
	width:92%;
	margin:5% auto 0;
	padding:2%;
	background:#F7F7F7 ;

	 }
#voice p.voice_head{
	display:block;
	text-align:center;
	line-height:190%;
	margin:0 0 30px;
}

.swiper-container {
	width: 95%;　/* ここに画像表示サイズの横幅 */
	height: 95%; /* ここに画像表示サイズの高さ */
	padding-bottom: 35px; /* 画像下の余白調整（25pxじゃなくてもいいです） */
	padding-right: 30px;
	}
	li.swiper-slide {
		width:33%;
	list-style:none;
	position:relative;
		display: block;
	}
	.swiper-slide img{
		width:100%;
		max-width: 500px;
	}
	.swiper-slide p{
		width:90%;
		display:block;
		padding:0 0 0 0;
		text-align:left !important;
	}

	.swiper-slide p span{
		font-weight:bold;
		display:block;
		padding:10px 0 0;
		min-height:55px;
	}
	
	.swiper-slide a{
		display:block;
		margin:30px auto;
		width:60% !important;
		
		font-size:0.9em !important;line-height:1.42;padding:0.3em 0.5em;
		font-weight:normal;border-width:1px;border-radius:1.01em;cursor:pointer;user-select:none;vertical-align:bottom;text-align:center !important;}

.swiper-slide a{color:#E6EAEF;background-color:#5491B3;border-color:#3f9518; text-decoration:none;}
.swiper-slide a:hover{background-color:#165A80;}


	.swiper-pagination{
		text-align:left;
		text-indent:30px;
}
	.swiper-scroll {

		position: relative;
		width: 100%;
	}	
	.swiper-scroll img{
		width: 70%;
		position: absolute;
		bottom: -23px;
		display: block;
		right:0;
}

}

}