@charset "UTF-8";

/*==============================
		content設定
==============================*/

#contents h3{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

#contents h4{
	font-weight: bold;
}

#contents p{
	font-size: 16px;
	line-height: 30px;
}

/*-----titleImage-----*/

#contents #titleImg{
	background-image: url(/img/about/titleimg_pc.jpg);
}

/*----- コンセプト -----*/

#concept p{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

/*----- 地域貢献と雇用 -----*/

#point ul li{
	flex: 0 1 30%;
	width: 30%;
}

#point ul li a{
	display:block;
	background: #a2dce6;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	border-radius: 60px;
	border: 1px solid #a2dce6;
}

#point ul li a span{
	display: block;
	font-weight: bold;
	font-size: 14px;
}

#point ul li a:after{
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

#point ul li a:hover{
	opacity: 1;
	background: #fff;
	color: #a2dce6;
	
}

/*----- 共通 -----*/

.point_box .point_wrap .txt{
	flex: 0 1 66%;
	width: 66%;
}

.point_box .point_wrap .img{
	flex: 0 1 30%;
	width: 30%;
}



/*------------------------------
	タブレットの設定
------------------------------*/

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

	
	
}



/*------------------------------
	スマホの設定
------------------------------*/

@media screen and (max-width:600px){
	
	#contents p{
		font-size: 14px;
	}

	/*-----titleImage-----*/
	
	#contents #titleImg{
		background-image: url(/img/about/titleimg_sp.jpg);
	}
	
	/*----- 地域貢献と雇用 -----*/

	#point ul li{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#point ul li a {
	    font-size: 20px;
	    padding: 15px;
	}
	
	#point ul li a:after{
		margin: 0;
	}
	
	/*----- 共通 -----*/

	.point_box .point_wrap .txt{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 30px;
	}

	.point_box .point_wrap .img{
		flex: 0 1 80%;
		width: 80%;
		margin: auto;
	}
}