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

/* main */
#companyPresident{
	padding: 3rem 0;
}

#companyPresident #companyPresidentflexWrapper{
	width: 800px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
	text-align: left;
}

#companyPresident #companyPresidentflexWrapper .presidentImg{
	width:20%;
	margin-right: 5%;
}

#companyPresident #companyPresidentflexWrapper .presidentTxt{
	width:75%;
}

#companyPresident #companyPresidentflexWrapper .presidentName{
	text-align: right;
	margin-top: 3rem;
}

#companyProfile{
	padding: 3rem 0;
}

#companyProfile #companyProfileflexWrapper{
	width: 800px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
}

#companyProfile dl#companyProfileflexWrapper dt,
#companyProfile dl#companyProfileflexWrapper dd{
	line-height: 4rem;
	border-top: 1px solid #d8e1d4;
}

#companyProfile dl#companyProfileflexWrapper dt{
	width: 22%;
	text-align: left;
	color: #585623;
	font-weight: bold;
	padding-left: 3%;
}

#companyProfile dl#companyProfileflexWrapper dd{
	width: 75%;
	text-align: left;
}

#companyProfile dl#companyProfileflexWrapper dt.last,
#companyProfile dl#companyProfileflexWrapper dd.last{
	border-bottom: 1px solid #d8e1d4; 
}

#companyProfile dl#companyProfileflexWrapper dd iframe{
	width:460px;
	height:265px;
	border: 1px solid #5fc157;
}

#companyProfile dl#companyProfileflexWrapper dd .companyProfilelink{
	margin-left: 2rem;
	padding-left:20px; 
	background: url("../../common/images/main_img_arrow.svg") no-repeat left center;
}

#businessLineup{
	padding: 3rem 0;
}

#businessLineup ul#businessLineupflexWrapper{
	display:flex;
	justify-content: space-between;
}

#businessLineup ul#businessLineupflexWrapper li{
	width: 26%;
	padding: 2%;
	background: #fff;
}

#businessLineup ul#businessLineupflexWrapper li p{
	text-align: left;
}

#businessLineup ul#businessLineupflexWrapper li p.businessLineupTtl{
	font-size: 2.2rem;
	text-align: center;
	color: #5fc157;
	margin-bottom: 2rem
}

#eco21{
	padding: 3rem 0;
}

#eco21 #eco21flexWrapper{
	width: 800px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
	text-align: left;
}

#eco21 #eco21flexWrapper .eco21Img{
	width:20%;
	margin-right: 5%;
}

#eco21 #eco21flexWrapper .eco21Txt{
	width:75%;
}

#jfsB{
	padding: 3rem 0;
}

#jfsB #jfsBflexWrapper{
	width: 800px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
	text-align: left;
}

#jfsB #jfsBflexWrapper .jfsBImg{
	width:20%;
	margin-right: 5%;
}

#jfsB #jfsBflexWrapper .jfsBTxt{
	width:75%;
}

#hrPolicy{
	padding: 3rem 0;
}

#hrPolicy #hrPolicyflexWrapper{
	width: 800px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
	text-align: left;
}

#hrPolicy #hrPolicyflexWrapper .hrPolicyImg{
	width:20%;
	margin-right: 5%;
}

#hrPolicy #hrPolicyflexWrapper .hrPolicyTxt{
	width:75%;
}

#hrPolicy #hrPolicyflexWrapper .hrPolicylink{
	display: block;
	margin-top: 10px;
	padding-left:20px; 
	background: url("../../common/images/main_img_arrow.svg") no-repeat left center;
}

@media only screen and (max-width: 768px) {
#companyPresident #companyPresidentflexWrapper{
	width: 100%;
	display: block;
}

#companyPresident #companyPresidentflexWrapper .presidentImg{
	width:40%;
	margin: 0 auto;
}

#companyPresident #companyPresidentflexWrapper .presidentTxt{
	width:100%;
}

#companyPresident #companyPresidentflexWrapper .presidentName{
	text-align: right;
	margin-top: 3rem;
}

#companyProfile{
	padding: 3rem 0;
}

#companyProfile dl#companyProfileflexWrapper{
	width: 100%;
	font-size: 1.4rem;
}

#companyProfile dl#companyProfileflexWrapper dt{
	line-height: 3rem;
}

#companyProfile dl#companyProfileflexWrapper dd{
	line-height: 3rem;
	border-top: none;
}

#companyProfile dl#companyProfileflexWrapper dt{
	width: 100%;
	padding-left: 0;
}

#companyProfile dl#companyProfileflexWrapper dd{
	width: 100%;
}

#companyProfile dl#companyProfileflexWrapper dt.last{
	border-bottom: none; 
}

#companyProfile dl#companyProfileflexWrapper dd iframe{
	width:100%;
	height:25rem;
}
	
#businessLineup ul#businessLineupflexWrapper{
	display:block;
	font-size: 1.4rem;
}

#businessLineup ul#businessLineupflexWrapper li{
	width: 100%;
	padding: 4%;
	margin-bottom: 2rem;
	box-sizing: border-box;
}

#businessLineup ul#businessLineupflexWrapper li p{
	text-align: left;
}

#businessLineup ul#businessLineupflexWrapper li p.businessLineupTtl{
	font-size: 1.8rem;
	text-align: center;
	color: #5fc157;
	margin-bottom: 1rem
}

#eco21 #eco21flexWrapper{
	width: 100%;
	display: block;
}

#eco21 #eco21flexWrapper .eco21Img{
	width:40%;
	margin: 0 auto;
}

#eco21 #eco21flexWrapper .eco21Txt{
	width:100%;
}

#jfsB #jfsBflexWrapper{
	width: 100%;
	display: block;
}

#jfsB #jfsBflexWrapper .jfsBImg{
	width:40%;
	margin: 0 auto;
}

#jfsB #jfsBflexWrapper .jfsBTxt{
	width:100%;
}

#hrPolicy #hrPolicyflexWrapper{
	width: 100%;
	display: block;
}

#hrPolicy #hrPolicyflexWrapper .hrPolicyImg{
	width:40%;
	margin: 0 auto;
}

#hrPolicy #hrPolicyflexWrapper .hrPolicyTxt{
	width:100%;
}

}