@charset "utf-8";

.contents {
	position : relative;
}

.bn_area {
	position : absolute;
	right : 0;
	left :0;
	top : -65px;
	margin : auto;
	text-align : center;
}


.bn_area a:hover{
	opacity : 0.9;
}


.news_section {
	background : url(../images/img_bg_line.png) #edf5fc repeat-x top left;
	/*padding : 50px 40px;*/
	padding : 120px 40px 50px;
}

.news_section .news_list {
	display :flex;
	justify-content: space-around;
	width : 1090px;
	margin : 20px auto;
}

.news_section .news_list li {
	margin : 10px;
	color : #252b25;
	width : 280px;
}

.news_section .news_list date {
	font-size : 1.4rem;
	color : #2b91e5;
}

.news_section .news_list .news_title {
	font-size : 1.6rem;
	color : #252b25;
	font-weight : 700;
}
.news_section .news_list .news_comment {
	font-size : 1.6rem;
	color : #252b25;
}

.more {
	text-align : center;
}

.news_section .news_list  .image_area {
	width : 280px;
	
}
.news_section .news_list  .image_area img {
	width : 280px;
}


@media screen and (max-width : 768px) {

	.bn_area {
		top : 0px;
	}

	.news_section {
	/*	padding : 50px 10px;*/
		padding : 100px 10px 50px;
	}

	.news_section .news_list {
		display :flex;
		justify-content: space-around;
		width : 100%;
		margin : 20px auto;
		flex-wrap: wrap;
	}

	.news_section .news_list li {
		width : 100%;
		margin : 10px;
	}


	.news_section .news_list  .image_area {
		width : 30%;
		height : auto;
		overflow : hidden;
		float : left;
		margin-right : 10px;
	}
}





.business_section {
	background : url(../images/img_bg_index_business.png) #edf5fc repeat-x top left;
	padding : 100px 0;
	height : 538px;
}

.business_section .contents_sub_title,
.business_section .contents_title  {
	color : #fff;
}


.business_section  .contents_exp {
	color : #fff;
	font-family: 'Noto Sans Japanese', serif;
	padding : 40px;
	text-align : center;
}

.business_section .business_list {
	display : flex;
	justify-content: space-around;
	width : 1090px;
	margin : 0 auto;
}

.business_section .business_list li a{
	color : #fff;
	display : block;
	width : 290px;
	height : 95px;
	border : 1px solid #fff;
	background : rgba(255,255,255,0.3);
	padding : 15px;
	font-family: 'Yantramanav', sans-serif;
	font-size : 2.1rem;
}

.business_section .business_list li a:hover {
	opacity : 0.7;
}

.business_section .business_list li a span {
	font-family: 'Yantramanav', sans-serif;
	font-size : 1.4rem;
}


@media screen and (max-width : 768px) {

	.business_section {
		padding : 50px 0;
	}



	.business_section  .contents_exp {
		padding : 20px;
		font-size : 1.4rem;
	}

	.business_section .business_list {
		display : flex;
		justify-content: space-around;
		flex-wrap: wrap;
		width : 100%;
		margin : 0 auto;
	}

	.business_section .business_list li a{
		margin-bottom : 10px;
		padding : 10px;
		text-align : center;
		height : auto;
	}

}


.about_section {
	padding : 50px;
}
.about_section .about_contents {
	width : 1090px;
	height : 450px;
	position : relative;
	margin : 40px;
}

.about_section .about_contents .about_contents_in {
	position : absolute;
	width : 600px;
	height :375px;
}

.about_section .about_contents .about_contents_in.about_mission {
	top : 0;
	left : 0;
	z-index : 0;
}
.about_section .about_contents .about_contents_in.about_recruit {
	bottom : 0;
	right : 0;
	z-index : 10;
}

.about_section .about_contents .about_contents_in p {
	position : absolute;
	font-family: 'Noto Sans Japanese', serif;
	color : #fff;
	bottom : 30px;
	text-shadow: 1px 2px 3px #000; 
}

.about_section .about_contents .about_contents_in.about_mission p {
	left : 30px;
}

.about_section .about_contents .about_contents_in.about_recruit p {
	right : 30px;
}

.about_section .about_contents .about_contents_in p span {
	font-family: 'Yantramanav', sans-serif;
	font-size : 4.0rem;
}

@media screen and (max-width : 768px) {


	.about_section {
		padding : 40px 10px;
	}
	.about_section .about_contents {
		width :  100%;
		position : relative;
		margin : 0;
	}

	.about_section .about_contents .about_contents_in {
		position : relative;
		width : 100%;
		height : auto;
		margin : 20px 0px;
	}


	.about_section .about_contents .about_contents_in p {
		bottom : 10px;
	}

	.about_section .about_contents .about_contents_in.about_mission p {
		left : 10px;
	}

	.about_section .about_contents .about_contents_in.about_recruit p {
		right : 10px;
	}

	.about_section .about_contents .about_contents_in p span {
		font-family: 'Yantramanav', sans-serif;
		font-size : 4.0rem;
	}

}



.voice_section .voice_list {
	margin : 40px;
	display : flex;
	justify-content: space-around;
}
.voice_section .voice_list li {
	width : 300px;
}
.voice_section .voice_list .voice_title {
	font-size : 18px;
	font-weight : 700;
	font-family: 'Noto Sans Japanese', serif;
	margin : 10px 0;
}

.voice_section .voice_list .voice_link{
	display : block;
	border : 1px solid #7DBCEF;
	padding : 10px;
	text-align : center;
	margin : 10px 0;
	color : #7DBCEF:
}

@media screen and (max-width : 768px) {

	.voice_section .voice_list {
		margin : 40px 10px;
		display : flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	.voice_section .voice_list li {
		width : 100%;
		font-size : 1.4rem;
		display : flex;
	}
	
	.voice_section .voice_list li p,
	.voice_section .voice_list li a
	{
		margin-top : 0;
	}
	
	.voice_section .voice_list li > div{
		width : 70%;
		font-size : 1.3rem;
		
	}
	.voice_section .voice_list li div.voice_image{
		width : 30%;
		margin-right : 10px;
	}
	.voice_section .voice_list .voice_title,
	.voice_section .voice_list .voice_link {
		font-size : 1.3rem;
	}
	.voice_section .voice_list .voice_title {
		margin-top : 0;
	}

}