@charset "UTF-8";

#company_area{
	border-top:1px solid #dfd5a1;
}

#company_area>div{
	max-width:800px;
	margin:80px auto 150px;
	padding:0 30px;
}

#company_area h1{
	margin:0 0 60px;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	font-size:26px;
	line-height:1;
	font-weight:400;
}

#company_area h1 span{
	display:block;
	margin:15px 0 0;
	color:#564f3b;
	font-size:12px;
}

@media only screen and (max-width:660px){
	#company_area>div{
		padding:0 20px;
	}
	
	#company_area h1{
		margin:0 0 50px;
		font-size:18px;
	}
}

#company_area>div>section{
	margin:0 0 80px;
}

#company_area>div>section:last-of-type{
	margin:0;
}

#company_area>div>section h2{
	margin:0 0 40px;
	color:#dab400;
	letter-spacing:0.1em;
	font-size:18px;
	line-height:1;
	font-weight:400;
}

#company_area>div>section table{
	width:100%;
	border-collapse:collapse;
	font-size:13px;
	line-height:1.6;
}

#company_area>div>section table tr{
	border-bottom:1px solid #dfd5a1;
}

#company_area>div>section table tr th{
	width:25%;
	padding:12px 20px 12px 0;
	text-align:left;
	vertical-align:top;
	font-weight:500;
}

#company_area>div>section table tr td{
	width:75%;
	padding:12px 0;
	text-align:justify;
	text-justify:inter-ideograph;
}

#company_area>div>section:first-of-type{
	overflow:hidden;
}

#company_area>div>section:first-of-type figure{
	width:30%;
	margin:0;
	float:right;
}

#company_area>div>section:first-of-type figure img{
	width:100%;
	height:auto;
	margin:0 0 15px;
	vertical-align:bottom;
}

#company_area>div>section:first-of-type figure figcaption{
	display:block;
	text-align:center;
	font-size:11px;
	line-height:1.2;
}

#company_area>div>section:first-of-type figure figcaption span{
	display:block;
	margin:5px 0 0;
	font-size:15px;
	font-weight:500;
}

#company_area>div>section:first-of-type>div{
	width:64%;
	float:left;
}

#company_area>div>section:first-of-type>div p{
	margin:0 0 15px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:15px;
	line-height:2;
}

#company_area section .video{
	width:100%;
	height:0;
	padding:56% 0 0;
	position:relative;
}

#company_area section .video iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#company_sns_area>div{
	display:flex;
	width:calc(100% + 30px);
	position:relative;
	left:-15px;
}

#company_sns_area>div a{
	width:50%;
	box-sizing:border-box;
	padding:0 15px;
	text-align:center;
	font-size:15px;
	color:#737373;
}

#company_sns_area>div img{
	width:100%;
}

@media only screen and (max-width:660px){
	#company_area>div>section{
		margin:0 0 60px;
	}
	
	#company_area>div>section h2{
		margin:0 0 25px;
		font-size:16px;
	}
	
	#company_area>div>section table{
		font-size:13px;
		line-height:1.6;
	}
	
	#company_area>div>section table tr{
		display:block;
	}
	
	#company_area>div>section table tr th{
		display:block;
		width:100%;
		padding:15px 0 5px 0;
		text-align:left;
		vertical-align:top;
		font-weight:500;
	}
	
	#company_area>div>section table tr td{
		display:block;
		width:100%;
		padding:0 0 15px;
		font-size:12px;
	}
	
	#company_area>div>section:first-of-type figure{
		width:55%;
		margin:0 auto 20px;
		float:none;
	}
	
	#company_area>div>section:first-of-type figure img{
		margin:0 0 10px;
	}
	
	#company_area>div>section:first-of-type figure figcaption span{
		margin:5px 0 0;
		font-size:13px;
	}
	
	#company_area>div>section:first-of-type>div{
		width:100%;
		float:none;
	}
	
	#company_area>div>section:first-of-type>div p{
		margin:0 0 10px;
		font-size:14px;
		line-height:1.8;
	}
	#company_sns_area>div{
		display:block;
		width:100%;
		left:0;
	}

	#company_sns_area>div a{
		display:block;
		width:100%;
		padding:0 0 30px;
	}
}