@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
	--title : #00338d;
	--white : #fff;
}
/*--------------------------------------------
MANUFACTURE
---------------------------------------------*/
#manufacture > h2{
	background : url("../images/business/manufacture/bg_title.png") center center no-repeat #0e3480;
}
#manufacture .content ul:nth-of-type(1) li{
	counter-increment : "no";
}
#manufacture .content ul:nth-of-type(1) h4:before{
	content : no".";
}
#manufacture .content ul:nth-of-type(1) p{
	padding-left : 1em;
}
#manufacture .content ul:nth-of-type(2){
	display : flex;
}
@media(min-width: 1030px){
	#manufacture .wrap > p{
		margin-top : calc( 32px - 6px );
		font-size : 16px;
		line-height : 1.75;
	}
	#manufacture h3{
		margin-top : calc( 42px - 6px );
		padding-left : 64px;
	}
	#manufacture .content ul:nth-of-type(1){
		margin-top : 28px;
	}
	#manufacture .content ul:nth-of-type(1) li:not(:first-child){
		margin-top : 22px;
	}
	#manufacture .content ul:nth-of-type(1) h4{
		font-size : 16px;
		line-height : 1.75;
	}
	#manufacture .content ul:nth-of-type(1) p{
		font-size : 16px;
		line-height : 1.75;
		margin-top : 4px;
	}
	#manufacture .content ul:nth-of-type(2){
		margin-top : calc( 32px - 6px );
	}
	#manufacture .content ul:nth-of-type(2) li:not(:first-child){
		margin-left : 16px;
	}
	#manufacture .content ul:nth-of-type(2) h5{
		font-size : 16px;
		margin-top : 12px;
	}
}
@media(max-width: 1029px){
	#manufacture > h2{
		background : url("../images/business/manufacture/bg_title.png") 80% center no-repeat #0e3480;
	}
	#manufacture .wrap > p{
		margin-top : calc( 32 * 100vw / 750 );
		font-size : calc( 28 * 100vw / 750 );
		line-height : 1.75;
	}
	#manufacture h3{
		margin-top : calc( 42 * 100vw / 750 );
		padding-left : calc( 60 * 100% / 750 );
	}
	#manufacture .content ul:nth-of-type(1){
		margin-top : calc( 28 * 100vw / 750 );
	}
	#manufacture .content ul:nth-of-type(1) li:not(:first-child){
		margin-top : calc( 24 * 100vw / 750 );
	}
	#manufacture .content ul:nth-of-type(1) h4{
		font-size : calc( 24 * 100vw / 750 );
		line-height : 1.75;
	}
	#manufacture .content ul:nth-of-type(1) p{
		font-size : calc( 24 * 100vw / 750 );
		line-height : 1.75;
		margin-top : calc( 4 * 100vw / 750 );
	}
	#manufacture .content ul:nth-of-type(2){
		margin-top : calc( 32 * 100vw / 750 );
	}
	#manufacture .content ul:nth-of-type(2) li:not(:first-child){
		margin-left : calc( 16 * 100% / 690 );
	}
	#manufacture .content ul:nth-of-type(2) h5{
		font-size : calc( 24 * 100vw / 750 );
		margin-top : calc( 12 * 100vw / 750 );
	}
}
/*--------------------------------------------
EXTERIOR
---------------------------------------------*/
#exterior > h2{
	background : url("../images/business/exterior/bg_title.png") center center no-repeat #0e3480;
}
@media(min-width: 1030px){
	#exterior .wrap > p{
		margin-top : calc( 32px - 6px );
		font-size : 16px;
		line-height : 1.75;
	}
}
@media(max-width: 1029px){
	#exterior .wrap > p{
		margin-top : calc( 32 * 100vw / 750 );
		font-size : calc( 28 * 100vw / 750 );
		line-height : 1.75;
	}
	#exterior > h2{
	background : url("../images/business/exterior/bg_title.png") 65% center no-repeat #0e3480;
	}
}
#exterior #section01 li div h3{
	color : #0e3480;
	font-weight : 700;
}
@media(min-width: 1030px){
	#exterior #section01{
		margin-top : calc( 42px - 6px );
	}
	#exterior #section01 ul{
		margin-top : 12px;
	}
	#exterior #section01 li{
		display : flex;
		align-items : center;
	}
	#exterior #section01 li:not(:first-child){
		margin-top : 28px;
	}
	#exterior #section01 li:nth-child(odd){
		flex-direction : row-reverse;
		justify-content : space-between;
	}
	#exterior #section01 li:nth-child(odd) > p{
		text-align : right;
		margin-left : 48px;
	}
	#exterior #section01 li:nth-child(even) > p{
		text-align : left;
		margin-right : 48px;
	}
	#exterior #section01 li > p{
		flex-shrink : 0;
	}
	#exterior #section01 li div h3{
		font-size : 20px;
	}
	#exterior #section01 li div p{
		font-size : 16px;
		line-height : 1.75;
		margin-top : calc( 20px - 6px );
	}
}
@media(max-width: 1029px){
	#exterior #section01{
		margin-top : calc( 42 * 100vw / 750 );
	}
	#exterior #section01 ul{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#exterior #section01 li:not(:first-child){
		margin-top : calc( 48 * 100vw / 750 );
	}
	#exterior #section01 li > p{
		width : 100%;
		text-align : center;
	}
	#exterior #section01 li > p img{
		width : 80%;
	}
	#exterior #section01 li div h3{
		margin-top : calc( 32 * 100vw / 750 );
		font-size : calc( 32 * 100vw / 750 );
		text-align : center;
	}
	#exterior #section01 li div p{
		font-size : calc( 24 * 100vw / 750 );
		line-height : 1.75;
		margin-top : calc( 20 * 100vw / 750 );
	}
}
#exterior #section02 ul{
	display : flex;
	justify-content : center;
}
@media(min-width: 1030px){
	#exterior #section02{
		margin-top : 48px;
	}
	#exterior #section02 .content > p{
		margin-top : calc( 24px - 6px );
		font-size : 16px;
		line-height : 1.75;
	}
	#exterior #section02 ul{
		margin-top : calc( 32px - 6px );
	}
	#exterior #section02 li:not(:first-child){
		margin-left : 16px;
	}
}
@media(max-width: 1029px){
	#exterior #section02{
		margin-top : calc( 56 * 100vw / 750 );
	}
	#exterior #section02 .content > p{
		margin-top : calc( 28 * 100vw / 750 );
		font-size : calc( 24 * 100vw / 750 );
		line-height : 1.75;
	}
	#exterior #section02 ul{
		margin-top : calc( 24px - 6px );
	}
	#exterior #section02 li:not(:first-child){
		margin-left : calc( 12 * 100% / 690 );
	}
}