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

/*company top*/

#ceo{float:right;margin-left:20px;}
.presidentname{width: 120px;height: 32px;margin: 0 0 0 auto}
.quality-right{width: 300px;float: right;margin-bottom: 20px}
.quality-right img{width: 100%;max-width: 300px;}
.ecology-right{width: 303px;float: right;margin-left: 5px;}
.ceoimg {text-align: right; margin: 10px 0 0 0}
.ceoimg img{width:100%;max-width:680px;}
.networkimg {width:100%;max-width:660px;margin: 0 auto 0 0}

/*会社概要*/

#mainContents .infobox{margin-bottom:40px;}
#mainContents table{width: 672px;}
#mainContents table tr th{background-color: #eee;text-align: left;border-bottom: thin solid #fff;word-break: keep-all;padding: 0 10px;}
#mainContents table tr th.history{width: 150px;}
#mainContents table tr th.network{}
#mainContents table tr th.nums{width: 30px;}
#mainContents p.quality{font-size: 10px;line-height: 1.7;}
#mainContents table tr td{padding: 10px;border: thin solid #eee;}
#mainContents table tr td.subject{width:150px;}
#mainContents table tr td　dl{width:350px;}
#mainContents table tr td dl dt{float:left;width:120px;clear:both;}
#mainContents table tr td dl dt dd{width:200px;}
#mainContents p.statement{margin:25px 0 35px 0;line-height: 1.5;}
#mainContents table#policy tr td.nums{vertical-align:top;}
#mainContents .infobox img{float:right;padding-left:20px;}

/*拠点・連絡先*/
#mainContents .networkbox{margin-top:40px;clear:both;overflow:hidden;}
#mainContents .networkbox dl{width:600px;}
#mainContents .networkbox dl dt{float:left;width:160px;clear:both;}
#mainContents .networkbox dl dd{width:400px;padding-left:160px;}
#mainContents .networkbox p{clear:both;}
#mainContents .networkbox img{float:left;margin:10px 0px;width: 100%;max-width:250px;}
#mainContents .networkbox div{width:400px;margin-top:10px;}


/*強み*/
#mainContents .strength{margin-bottom:40px;}

/*全般的な問い合わせ*/
#telephone{text-align:center;line-height:40px;background-color:#eee;border:thin solid #ccc;padding:10px;font-size:16px;font-weight:bold;margin-top:20px;}

.company_flexbox{display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;justify-content: space-between;}
.company_flexbox_left{}
.company_flexbox_right{width: 300px;margin-left: 20px}
.company_flexbox_right img{vertical-align: top;width: 300px;height:auto;}


@media screen and (max-width: 960px) {
#mainContents table{width: 100%;}
#mainContents .networkbox div{float:none;width:100%;margin-top:10px;}
}

@media screen and (max-width: 768px) {
	.quality-right{width: 100%;max-width: 300px;float: none;}
	.ecology-right{width: 100%;max-width: 300px;float: none;margin-left: 0px;}
	#mainContents table tr th{padding:10px;}
	#mainContents table tr th.history{width: 90px;}
	#mainContents table tr th.nums{width: 0px;}

	.company_flexbox{display: block;}
	.company_flexbox_left{}
	.company_flexbox_right{width: 300px;margin-left: 0px;margin-top:20px;}
	.company_flexbox_right img{vertical-align: top;width: 300px;height:auto;}
	}