@charset "utf-8";
/* CSS Document */


/*　contents
-----------------------*/
#contents{
	margin-bottom: 100px;
	width: 100%;
}

.company1{
	display: flex;	
}
.company1 h3{
	width: 120%;
	margin-top: 50px;
	font-size: 2rem;
	font-family: "Rounded Mplus 1c";
	transform: rotate(0.001deg);
}
.company1 figure{
	width: 80%;
}
.company_box{
	margin-bottom: 40px;
}
.company_box h4{
	font-size: 1.8rem;
	border-left: 2px solid #E53D0A;
	padding-left: 10px;
	line-height: 20px;
	margin-bottom: 20px;
}
.company_box table{
	width: 100%;
}
.company_box table tr{
	width: 100%;
	display: block;
	border-bottom: 2px solid #F5F2EA;
	vertical-align: top;
	padding: 10px 0px;
}
.company_box table tr th{
	display: inline-block;
	width: 30%;
	color: #E53D0A;
	text-align: left;
}
.company_box table tr td{
	display: inline-block;
	width: 70%;
}
#map{
	width: 100%;
	height: 320px;
}
/*ここからタブレット用（900px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 1110px){
}
/*ここからタブレット用（900px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 800px ){


}
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 600px ){
.company1{
	display: block;	
}
.company1 h3{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.company1 figure{
	width: 316px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.company_box table tr th{
	display: block;
	width: 100%;
}
.company_box table tr td{
	display: block;
	width: 100%;
}

}