@charset "UTF-8";



/*----------------------------------------------------
	☆Uniq
----------------------------------------------------*/

#mvS.index h1 {
	background:url(../images/h_company_01.gif) left top no-repeat;
	margin-bottom:25px;
	width:274px;
}

#contents div.companyBox01{
	overflow:hidden;
}

#contents div.companyBox01 h2{
	background:url(../images/h_company_02.gif) left top no-repeat;
	height:53px;
}


#contents div.companyBox01 span{
	display:none;
	visibility:hidden;
}

#contents div.companyBox01 div.companyBox01Inr{
	background:url(../images/img_company_01.jpg) left top no-repeat;
	height:493px;
	position:relative;
		margin-bottom:55px;

}

#contents div.companyBox01 div.companyBox01Inr p.txt{
	position: absolute;
	left: 357px;
	top: 247px;
	font-size:14px;
}

#contents div.companyBox02{
	margin-bottom:55px;
}

#contents div.companyBox02 span{
	display:none;
	visibility:hidden;
}

#contents div.companyBox02 div.companyBox02L{
	float:left;
	width:468px;
}

#contents div.companyBox02 div.companyBox02L h2{
	background:url(../images/h_company_03.gif) left top no-repeat;
	height:53px;
	margin-bottom:30px;
}

#contents div.companyBox02 div.companyBox02R{
	float:right;
	width:480px;
}

#contents div.companyBox02 div.companyBox02R h2{
	background:url(../images/h_company_04.gif) left top no-repeat;
	height:53px;
	margin-bottom:30px;
}

#contents div.scourtTbl {
	border-bottom:1px solid #7A6B61;
	border-top:1px solid #7A6B61;
	width:100%;
	font-size:12px;
}

#contents div.scourtTbl table {
	border-collapse:collapse;
	width:100%;
}

#contents div.scourtTbl table th,
#contents div.scourtTbl table td {
	color:#4E443C;
	line-height:140%;
	padding:14px 18px 12px;
	text-align:left;
}

#contents div.scourtTbl table tr.odd th {
	background-color:#D3CEC2;
}

#contents div.scourtTbl table tr.odd td {
	background-color:#F6F4EF;
}


#contents div.companyBox03{
	margin-bottom:120px;
}

#contents div.companyBox03 h2{
	background:url(../images/h_company_05.gif) left top no-repeat;
	height:53px;
}

#contents div.companyBox03 span{
	display:none;
	visibility:hidden;
}

#contents div.companyBox03 div.companyBox03L{
	float:left;
	width:324px;
}


#contents div.companyBox03 div.companyBox03R{
	float:right;
	width:608px;
}


#contents .ph-list{
  display: flex;
  flex-wrap: wrap;
}
#contents .ph-list > li{
  width: 24%;
  margin: 0 0.5% 1%;
}
#contents .ph-list > li img{
  max-width: 100%;
}


/*===================================================

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {
#mvS.index h1 {}
#contents div.companyBox01{ padding:0 3%;}
#contents div.companyBox01 h2{ background-size:250%; height:auto; padding:5% 0;}
#contents div.companyBox01 span{}
#contents div.companyBox01 div.companyBox01Inr{ background-size:100%; height:auto; margin-bottom:20px; padding:25% 0 0;}
#contents div.companyBox01 div.companyBox01Inr:before{ content:""; display:block; float:left; padding:27% 0 0; width:37%;}
#contents div.companyBox01 div.companyBox01Inr p.txt{ position:inherit; left:0; top:0; font-size:12px;}

#contents div.companyBox02{ padding:0 3%; margin-bottom:20px;}
#contents div.companyBox02 span{}
#contents div.companyBox02 div.companyBox02L{ float:none; width:auto; margin:0 0 20px;}
#contents div.companyBox02 div.companyBox02L h2{ background-size:130%; height:auto; padding:5% 0; margin-bottom:10px;}
#contents div.companyBox02 div.companyBox02R{ float:none; width:auto; margin:0 0 20px;}
#contents div.companyBox02 div.companyBox02R h2{ background-size:130%; height:auto; padding:5% 0; margin-bottom:10px;}
#contents div.scourtTbl { border:none;}
#contents div.scourtTbl table {}
#contents div.scourtTbl table th,
#contents div.scourtTbl table td { padding:10px 3% 10px 2%; font-size:90%;}
#contents div.scourtTbl table th{ width:28%;}
#contents div.scourtTbl table tr.odd th {}
#contents div.scourtTbl table tr.odd td {}


#contents div.companyBox03{ padding:0 3%; margin-bottom:30px;}
#contents div.companyBox03 h2{ background-size:250%; height:auto; padding:5% 0; margin:0 0 10px;}
#contents div.companyBox03 span{}
#contents div.companyBox03 div.companyBox03L{ float:none; width:auto; margin:0 0 20px;}
#contents div.companyBox03 div.companyBox03R{ float:none; width:auto; margin:0;}
#contents div.companyBox03 div.companyBox03R iframe{ width:100%; height:auto;}

  
#contents .ph-list{}
#contents .ph-list > li{
  width: 49%;
}

}