@charset "utf-8";


/* common
------------------------------------------------ */
div#contents{
	max-width:1280px;
}
div#contents h2#pttl,
div#contents h2.pttl,
div#contents h2.ttl {
	margin-bottom: 60px;
	padding-bottom: 5px;
	color: #81511c;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #81511c solid;
}
div#contents h2#pttl strong,
div#contents h2.pttl strong,
div#contents h2.ttl strong {
	font-weight: bold;
}
@media screen and (max-width:660px){
	div#contents h2#pttl,
	div#contents h2.pttl,
	div#contents h2.ttl {
		text-align: left;
	}
}


/* message
------------------------------------------------ */
#message p#message_text span.president{
	display: block;
	margin-top:30px;
	text-align:right;
}

/* company
------------------------------------------------ */
#company dl#company_outline{
	margin-bottom:30px;
}
#company dl#company_outline dt,
#company dl#company_outline dd{
	margin-top:10px;
	padding-top:10px;
	text-align:left;
	border-top:5px #e1e1e1 solid;
}
#company dl#company_outline dt{width:10em;}
#company dl#company_outline dd{width:calc(100% - 10em);}

#company dl#company_outline dt:nth-child(1),
#company dl#company_outline dd:nth-child(2){
	border-top:none;
}

@media screen and (max-width:540px){
	#company dl#company_outline dt,
	#company dl#company_outline dd{
		width:100%;
	}
	#company dl#company_outline dt{
	}
	#company dl#company_outline dd{
		margin-top:0;
		padding-top:0;
		border-top:none;
	}
}
/* license
------------------------------------------------ */
#license table#license_info{
	width:100%;
	margin-bottom:90px;
	border-bottom:5px #e1e1e1 solid;
}
#license table#license_info th{
	width:33%;
	padding-bottom:10px;
	font-weight:bold;
}
#license table#license_info th.date{
	width:23%;
}
#license table#license_info th.name{
	width:43%;
}
#license table#license_info td{
	padding:30px 15px 30px 0;
	border-top:5px #e1e1e1 solid;
}

#license ul#certificate li{
	width:calc(33.33% - 40px);
	margin-right:60px;
}
#license ul#certificate li:nth-child(3n){
	margin-right:0;
}
#license ul#certificate li img{
	border:1px #ccc solid;
}
@media screen and (max-width:1054px){
	#license ul#certificate li{
		width:calc(33.33% - 20px);
		margin-right:30px;
	}
}
@media screen and (max-width:540px){
	#license table#license_info th{
		display:inline;
	}
	#license table#license_info th:nth-child(1):after,
	#license table#license_info th:nth-child(2):after{
		content:"/";
	}
	#license table#license_info td{
		width:calc(90vw - 15px);
		display:inline-block;
	}
	#license table#license_info td:nth-child(2),
	#license table#license_info td:nth-child(3){
		padding-top:0;
		padding-left:1em;
		border-top:none;
	}
	#license table#license_info td:nth-child(1),
	#license table#license_info td:nth-child(2){
		padding-bottom:0;
	}
	#license table#license_info td:nth-child(1):before{
		content:"■";
		color:#23b800;
	}
	#license ul#certificate li{
		width:calc(50% - 15px);
	}
	#license ul#certificate li:nth-child(3n){margin-right:30px;}
	#license ul#certificate li:nth-child(2n){margin-right:0;}
	#license ul#certificate li:nth-child(-n+3){margin-bottom:30px;}
}
@media screen and (max-width:420px){
	#license ul#certificate li{
		width:calc(100% - 60px);
		display:block;
		margin:0 auto 30px;
		margin-right:auto!important;
	}
	#license ul#certificate li:last-child{
		margin-bottom:0;
	}
}
/* service
------------------------------------------------ */
#service ul#service_list li{
	width:calc(50% - 30px);
	margin-right:60px;
}
#service ul#service_list li:nth-child(2n){
	margin-right:0;
}
#service ul#service_list li:nth-child(-n+3){
	margin-bottom:60px;
}
#service ul#service_list li h3.name{
	margin-bottom:15px;
	color:#81511c;
	font-size:24px;
	font-weight:bold;
}
#service ul#service_list img{
	max-height:32vw;
	display:block;
	margin:0 auto 15px;
}
@media screen and (max-width:740px){
	#service ul#service_list li{
		width:calc(50% - 15px);
		margin-right:30px;
	}
	#service ul#service_list li:nth-child(-n+3){
		margin-bottom:30px;
	}
}
@media screen and (max-width:660px){
	#service ul#service_list li{
		width:100%;
		margin-right:0!important;
	
	}
}


/* environment
------------------------------------------------ */
#environment ul#environment_list li{
	margin-bottom:60px;
	overflow:hidden;
}
#environment ul#environment_list li img{
	width:100%;
	max-width:360px!important;
	float:left;
	margin-right:60px;
}
#environment ul#environment_list li div.info{
	max-width:calc(100% - 360px - 60px);
	float:right;
}
#environment ul#environment_list li h3.name{
	margin-bottom:15px;
	color:#81511c;
	font-size:24px;
	font-weight:bold;
}
@media screen and (max-width:820px){
	#environment ul#environment_list li img{
		max-width:280px!important;
		margin-right:30px;
	}
	#environment ul#environment_list li div.info{
		max-width:calc(100% - 280px - 30px);
	}
}
@media screen and (max-width:620px){
	#environment ul#environment_list li img{
		max-width: none !important;
		float:none;
		margin-bottom:20px;
	}
	#environment ul#environment_list li div.info{
		max-width: none;
		float:none;
	}
	#environment ul#environment_list li h3.name {
		font-size: 22px;
	}
}
@media screen and (max-width:420px){
	#environment ul#environment_list li h3.name {
		font-size: 18px;
	}
}