@charset "UTF-8";

#companyBox{
	display: flex;
	max-width: 1422px;
	padding: 0 102px;
	margin: 0 auto;
	margin-bottom: 102px;
}
#companyBox #companyImg{
	width: 416px;
	padding-right: 34px;
}
#companyBox #companyImg img{
	width: 382px;
}
#companyBox #companyTxt{
	max-width: 798px;
}
#companyBox #companyTxt h4{
	text-align: left;
}

#profileBox{
	background: url("/parts/common/img/bg_sand.png") center top #f7f7ee;
	padding: 102px;
}
#profileBoxIn{
	display: flex;
	max-width: 1214px;
	margin: 0 auto;
}
#profileTxt{
	width: 100%;
	max-width: 936px;
	padding-right: 34px;
}
#profileImg{
	width: 278px;
	font-size: 85%;
	line-height: 1.5;
}
#profileImg > div:first-child,
#profileImg > div:nth-child(2){
	text-align: center;
}
#profileImg > div:first-child img,
#profileImg > div:nth-child(2) img{
	width: 250px;
}
#profileImg > div:nth-child(2){
	margin: 17px 0;
}
#profileImg > div:first-child img{
	border-radius: 9999px;
}
#profileImg p strong{
	display: block;
	font-size: 128%;
	margin-bottom: 0.2em;
}
#profileImg #subTxt{
	background: #fff;
	padding: 17px;
	border-radius: 10px;
	margin-top: 17px;
}
#infoBox{
	max-width: 1422px;
	padding: 102px;
	margin: 0 auto;
}
#infoBox dl{
	display: flex;
}
#infoBox dl:nth-child(even){
	background: url("/parts/common/img/bg_sand.png") center top #f7f7ee;
}
#infoBox dt{
	width: 312px;
	padding: 34px;
	padding-left: 68px;
	font-weight: 700;
}
#infoBox dd{
	width: 100%;
	padding: 34px;
}
#infoBox dd span{
	font-size: 87%;
}
#infoBox dd ol{
	padding-left: 1em;
}
#infoBox dd li{
	list-style: decimal;
	line-height: 1.3;
	margin-bottom: 0.6em;
}

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

	#companyBox{
		padding: 0 68px;
	}

	#profileBox{
		padding: 68px;
	}

	#infoBox{
		padding: 68px;
	}

}

@media screen and (max-width: 1024px) {/* iPad pro */

	#companyBox #companyImg img{
		width: 287px;
	}

}

@media screen and (max-width: 920px) {/* vw */

	#companyBox{
		flex-wrap: wrap;
		max-width: inherit;
		padding: 0 4vw;
		margin-bottom: 12vw;
	}
	#companyBox #companyImg{
		width: 60vw;
		padding-right: 0;
		margin: 0 auto;
		order: 2;
	}
	#companyBox #companyImg img{
		width: 100%;
	}
	#companyBox #companyTxt{
		max-width: inherit;
		order: 1;
	}

	#profileBox{
		padding: 12vw 4vw;
	}
	#profileBoxIn{
		flex-wrap: wrap;
		max-width: inherit;
	}
	#profileTxt{
		width: 100%;
		max-width: inherit;
		padding-right: 0;
		padding-bottom: 8vw;
	}
	#profileImg{
		width: 100%;
	}
	#profileImg > div:first-child,
	#profileImg > div:nth-child(2){
		text-align: center;
	}
	#profileImg > div:first-child img,
	#profileImg > div:nth-child(2) img{
		width: 45vw;
	}
	#profileImg > div:nth-child(2){
		margin: 2vw 0 4vw 0;
	}
	#profileImg #subTxt{
		padding: 4vw;
		margin-top: 2vw;
	}

	#infoBox{
		padding: 4vw;
	}
	#infoBox dt{
		width: 44vw;
		padding: 4vw;
	}
	#infoBox dd{
		padding: 4vw;
		padding-left: 0;
	}
	#infoBox dd ol{
		padding-left: 1em;
	}

}

@media screen and (max-width: 768px) {/* TB */


}

@media screen and (max-width: 759px) {/* SP */


}