@charset "UTF-8";

/*-----------------------------------------------------------
 採用情報
-----------------------------------------------------------*/
.dl_recruit{margin-bottom: 3em;}
.dl_recruit:after{
    clear:both;
    content:'';
    display:block;
}
.dl_recruit dt{
	float:left;
	clear:left;
	padding: 0.5em 0;
	width:10em;
	text-indent:2px;
	font-weight:bold;
}
.dl_recruit dd{
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0 0.5em 10em;
}
/*-----------------------------------------------------------
 個人情報保護方針
-----------------------------------------------------------*/
dl.privacy{margin-top: 1em;}
dl.privacy dt{font-weight: bold;
text-decoration: underline;}
dl.privacy dd{margin: 0.2em 0 1em 1em;
font-size: 90%;
line-height: 1.3;}

.privacyTBL{
    margin-top: 1em;
    border-collapse:  collapse;
}
.privacyTBL th{
    background-color: #F6F6F6;
    padding: 0.5em 1em;
    border: solid 1px #C0C0C0;
}
.privacyTBL td{
    padding: 0.5em 1em;
    border: solid 1px #C0C0C0;
}

/*-----------------------------------------------------------
 情報セキュリティ基本方針
-----------------------------------------------------------*/
.securitypolicy{
  margin-top: 40px;
}
.securitypolicy ol{
  margin-left: 1em;
}
.securitypolicy ol li{
  list-style-type: decimal;
  padding-bottom: 4px;
}

/*-----------------------------------------------------------
 リスクマネジメント
-----------------------------------------------------------*/
.riskmanagement{
  width: 100%;
  margin-top: 40px;
}
.riskmanagement ul{
  margin-left: 1em;
}
.riskmanagement ul li{
  list-style-type: disc;
  padding-bottom: 4px;
}
.riskmanagement__foot{
  text-align: right;
  padding: 40px 0;
}


/*-----------------------------------------------------------
フォーム
-----------------------------------------------------------*/
#form_attention{
	margin-top:2em;
	font-size:90%;
	line-height: 1.4;
}
#form_attention li{
	padding:0.2em 0;
	list-style-type:circle;
	margin-left:5em;
}
#box_contact{
	margin-top:1em;
	border:1px solid #ccc;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding:2em 3em;
	/*box-shadow:0 0 8px 0 #ccc;*/
	zoom:100%;
}
input{
	font-size:100%;
	margin-bottom:8px;
}
input[type=submit]{
	background:url(../images/btn_send.gif) no-repeat;
	 border:none;
	 width:160px;
	 height:38px;
	 cursor: pointer;
}
.formTBL {
	width:100%;
	margin: 8px 0px 0px 0px;
	border-collapse: collapse;
	background: white;
}
.formTBL th {
	width:25%;
	padding: 0.6em;
	border: 1px solid #CCC;
	background: #F4F4F4;
	color: #555;
	font-weight: bold;
	text-align: left;
}
.formTBL td {
	padding: 0.6em;
	border: 1px solid #CCC;
	background: white;
	color: #555;
	text-align: left;
}
.sub{
	font-size:85%;
	padding-left:0.5em;
}
.red{
	color:red;
}
table.formTBL .btn{
	text-align:center;
	border-bottom:0;
	border-left:0;
	border-right:0;
	padding-top:1em;
}
table.formTBL button{
	border:0;
	background:#FFF;
	padding:0;
}
.thanks{
	font-size:110%;
	text-align:center;
	line-height:1.6;
}

.top_return{
	text-align:center;
	margin-top:30px;
}

/*-----------------------------------------------------------
 会社概要
-----------------------------------------------------------*/
#dl_profile:after{
    clear:both;
    content:'';
    display:block;
}
#dl_profile dt{
	float:left;
	clear:left;
	padding: 10px 0;
	width:8em;
	text-indent:2px;
}
#dl_profile dd{
	border-bottom: 1px solid #bbb;
	padding: 10px 0 10px 8em;
}
#dl_profile li{
	line-height:1.7;
}
.add{
	text-indent:1em;
}
.f-small{
	color:#333;
	font-weight:normal;
	font-size:70%;
}
.sekkei{
	float:left;
	width:40%;
}
.company_midashi{
	color:#E53333;
	font-size:130%;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}
/*-----------------------------------------------------------
 組織図
-----------------------------------------------------------*/
#organization-img{
	text-align:center;
	margin-top:2em;
}


/*-----------------------------------------------------------
 スタッフ紹介
-----------------------------------------------------------*/
/*--ul.staff{margin: 1em 0 2em 2em;}
ul.staff:after{
    clear:both;
    content:'';
	display:block;}

ul.staff li{
	float: left;
	width: 22%;
	border-collapse: collapse;
	border: 1px solid  #6A6868;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}
ul.staff li a{color: #222222;
display: block;
width: 100%;
height: 100%;}

ul.staff li a:hover{filter:alpha( opacity=70 );
	opacity:0.7;
	-moz-opacity:0.7;
	position:relative;
 	top:1px;
 	left:1px;}

ul.staff li .pht-area{width: 40%;float: left;}
ul.staff li .pht-area img{width: 100%;
display: block;
border-radius:15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;}

ul.staff li dl.info{float: left;
margin: 2em 0.4em;
width: 54%;
text-align: center;}

ul.staff li dl.info dt:after { 
    content: "\f054";
	font-family: FontAwesome;
	font-size:0.5em;
	display:block;
	float:right;
	color:#5B1415;
	margin-right:1em;
}

ul.staff li dl.info dt{font-size: 110%;
font-weight: bold;
color: #5B1415;
padding-bottom: 0.2em;
border-bottom: 1px dashed #232323;}

ul.staff li dl.info dd{padding-top: 0.2em;
font-weight: bold;
font-size: 90%;}
*/

#aisatsu{
	margin-left: 1.8em;
	margin-top:1.5em;
	margin-bottom: 4em;
	line-height:1.8;
	letter-spacing:0.8px;
}


#sign{
clear: both;
	font-family:“Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;
	margin-top:1em;
	margin-left:30em;
	text-align: left;
	padding-bottom:2em;
}

dl.staff{float: left; margin: 0em 0 2em 2em;}
dl.staff:after{clear:both;
    content:'';
    display:block;
}

dl.staff dt{float: left; clear: both;
width: 10em;}

dl.staff dd{float: left;}

p.shikaku{
	margin-bottom: 1em;
	margin-left: 2em;
}

dl.shikaku{float: left; margin: 0em 0 2em 2em;}
dl.shikaku:after{clear:both;
    content:'';
    display:block;
}

dl.shikaku dt{float: left; clear: both;
width: 18em;}

dl.shikaku dd{float: left;}

p.shikaku{
	margin-bottom: 1em;
	margin-left: 2em;
}


/*-----------------------------------------------------------
 隠ぺい配管
-----------------------------------------------------------*/
.work-pht{margin: 3em 0 4em;}

.work-pht img{width: 100%;}


/*-----------------------------------------------------------
 亜臨界水反応装置
-----------------------------------------------------------*/

p.arinkai-title1{
	text-align: center;
	font-size: 2.5em;
	margin-top: 2em;
	font-weight:bold;
}

p.arinkai-title2{
	font-weight:bold;
	font-size: 3em;
	text-align: center;
	margin-bottom: 1.2em;
}

p.arinkai-subtitle1{
	text-align: center;
	font-size: 2em;
	margin: 1em 0;
	font-weight:bold;
}

p.arinkai-subtitle2{
	text-align: center;
	font-size: 1.5em;
	margin: 2em 0;
	font-weight:bold;
}

.arinkai{
	padding-top: 10em;
	background-image:url("../kankyo/images/arinkaisuihannosochi/background.png");
	background-size:100%;
	background-repeat: no-repeat; 
	height: auto;
	text-align: center;
	padding-bottom: 3em;
}

.title-box1{
	margin: auto;
	text-align: center;
	padding: 15px;
	width: 90%;
	background-color: #FFF;
	height: auto;
	font-size: 1.5em;
	margin-bottom: 30px;
	font-weight:bold;
}

.arinkai p{
	font-size: 20px;
	font-weight:bold;
}

.arinkai-box1 img,
.arinkai-box2 img { width: 50%; }

.arinkai-box1{
	display: inline-block;
	width: 45%;
	background-color: #FFF;
	height: auto;
	margin: 20px 10px 0px 10px;
	padding-bottom: 1em;
	vertical-align: top;
}

.arinkai-box2{
	display: inline-block;
	width: 45%;
	background-color: #FFF;
	height: auto;
	margin: 20px 10px 20px 10px;
	padding-bottom: 1em;
	vertical-align: top;
}

.title1{
	width: 100%;
	padding: 10px 0;
	height: auto;
	background-color: #4173C0;
	color: #FFF;
	margin-bottom: 20px;
}

.title2{
	width: 100%;
	padding: 10px 0;
	height: auto;
	background-color: #B28247;
	color: #FFF;
	margin-bottom: 20px;
}

.title3{
	width: 100%;
	padding: 10px 0;
	height: auto;
	background-color: #D39200;
	color: #FFF;
	margin-bottom: 20px;
}

.title4{
	width: 100%;
	padding: 10px 0;
	height: auto;
	background-color: #E57200;
	color: #FFF;
	margin-bottom: 20px;
}

.title5{
	width: 100%;
	padding: 10px 0;
	height: auto;
	background-color: #158024;
	color: #FFF;
	margin-bottom: 20px;
}

.text1{
	width: 25%;
	border-radius: 8px;
	display: inline-block;
	background-color: #FFE9E9;
	height: auto;
	margin-left: 15px;
	vertical-align: top;
	padding: 20px;
}

.text2{
	width: 20%;
	border-radius: 8px;
	display: inline-block;
	background-color: #FFE9E9;
	height: auto;
	margin-left: 15px;
	vertical-align: top;
	padding: 20px;
}

.title-box2{
	margin: auto;
	text-align: center;
	padding: 15px;
	width: auto;
	background-color: #278EC7;
	color: #FFF;
	height: auto;
	font-size: 1.5em;
	margin-bottom: 30px;
	margin-top: 2em;
	font-weight:bold;
}

.recycle-box1{
	display: inline-block;
	width: 27%;
	background-color: #FFF;
	height: auto;
	font-size: 1em;
	margin: 2em 0 2em 0;
	vertical-align: top;
}

.recycle-img1{
	width: 100%;
}

.recycle-img2{
	display: inline-block;
	margin-top: 8em;
	width: 7%;
}

.recycle-img3{
	margin: auto;
	margin:2em 0 2em 0; 
}

.katsuyo-box1{
	text-align: center;
	background-color: #EAE4D1;
	height: 100%;
	font-size: 1em;
	padding-bottom: 1.5em;
	border-radius: 8px;
	margin-bottom: 2em;
}

.katsuyo-box1-2{
	display: inline-block;
	background-color: #FFF;
	height: 11em;
	margin: 0px 20px 0 20px;
	padding: 20px;
	width: 38%;
}

.katsuyo-box2{
	text-align: center;
	background-color: #FBE6EF;
	height: 100%;
	font-size: 1em;
	padding-bottom: 1.5em;
	border-radius: 8px;
	margin-bottom: 2em;
}

.katsuyo-box3{
	text-align: center;
	background-color: #DEDFF0;
	height: 100%;
	font-size: 1em;
	padding-bottom: 1.5em;
	border-radius: 8px;
	margin-bottom: 2em;
}

.katsuyo-box4{
	text-align: center;
	background-color: #FFF3C3;
	height: 100%;
	font-size: 1em;
	padding-bottom: 1.5em;
	border-radius: 8px;
	margin-bottom: 7em;
}

.katsuyo-box4-2{
	display: inline-block;
	background-color: #FFF;
	height: 10em;
	margin: 0px 20px 10px 20px;
	padding: 20px;
	width: 20%;
}

.katsuyo-box4-3{
	display: inline-block;
	background-color: #FFF;
	height: 10em;
	margin: 0px 20px 0px 20px;
	padding: 20px;
	width: 50%;
}


.title6{
	width: auto;
	padding: 10px 0;
	height: auto;
	background-color: #B28247;
	color: #FFF;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-weight:bold;
	border-radius: 8px 8px 0px 0px;
}

.title7{
	width: auto;
	padding: 10px 0;
	height: auto;
	background-color: #EB6EA5;
	color: #FFF;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-weight:bold;
	border-radius: 8px 8px 0px 0px;
}

.title8{
	width: auto;
	padding: 10px 0;
	height: auto;
	background-color: #856DAF;
	color: #FFF;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-weight:bold;
	border-radius: 8px 8px 0px 0px;
}

.title9{
	width: auto;
	padding: 10px 0;
	height: auto;
	background-color: #F8B500;
	color: #FFF;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-weight:bold;
	border-radius: 8px 8px 0px 0px;
}

.katsuyo-box-yaji{
	display: inline-block;
	height: auto;
	width: 4%;
	vertical-align: -5em;
}

.box-text{
	display: inline-block;
	vertical-align: top;
	width: 47%;
}

.box-text2{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.box-text3{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.midashi1{
	width: 50%;
	background-color: #278EC7;
	color: #FFF;
	text-align: center;
	font-weight:bold;
	border-radius: 8px;
	margin-bottom: 0.5em;
}

.midashi2{
	width: 50%;
	background-color: #FF0004;
	color: #FFF;
	text-align: center;
	font-weight:bold;
	border-radius: 8px;
	margin-bottom: 0.5em;
}

.box-img{
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.triangle{
	display: none;
	color: #278EC7;
	font-size: 2em;
	margin: -20px 0;
}

.triangle2{
	display: none;
	color: #FF0004;
	font-size: 1.5em;
	margin-bottom: 10px;
}

@media screen and (max-width: 959px) {
	.katsuyo-box1-2{
	width: 35%;
	height: auto;
}
	.katsuyo-box4-3{
	height: auto;
}
	.midashi1,
	.midashi2{
	width: auto;
}
}


@media screen and (max-width: 760px) {
	.arinkai-box1,
	.arinkai-box2{
	width: 95%;
}
	.arinkai-box1 img{
	width: auto;
}
	.katsuyo-box1-2{
	width: 90%;
	margin-bottom: 10px;
}
	.box-img{
	width: 40%;
}
	.box-text{
	width: 57%;
}
	.katsuyo-box-yaji{
	display: none;
}
	p.arinkai-title2{
	font-size: 1.8em;
	margin-bottom: 1em;
}
	.title-box1{
	margin-top: 2em;
	padding-top: 1em;
	font-size: 1.3em;
}
	.arinkai{
	width: 100%;
	margin: 0 -10%;
	padding: 0 10%;
	padding-top: 3em;
}
	.arinkai p{
	font-size: 14px;
}
	p.arinkai-title1{
	font-size: 2em;
}
	p.arinkai-subtitle{
	font-size: 1.5em;
}
	.recycle-box1{
	width: 100%;
}
	.recycle-img2{
	display: none;
}
	.text1,
	.text2{
	display: block;
	width: auto;
	padding: 8px;
	margin-right: 1em;
}
	.katsuyo-box1-2,
	.katsuyo-box4-2,
	.katsuyo-box4-3{
	width: auto;
	display: block;
	height: auto;
}
	.katsuyo-box4{
	margin-bottom: 2em;
}
	.box-img{
	width: 100%;
}
	.box-text{
	width: 100%;
	padding-bottom: 10px;
	}
	.triangle,
	.triangle2{
	display: block;
}
}


/*-----------------------------------------------------------
 事業内容
-----------------------------------------------------------*/

#menu_ul{
	letter-spacing:-0.5em;
	margin:1.5em auto 0;
}
#menu_ul li{
	display:inline-block;
	width:49%;
	padding: 1em;
	letter-spacing:normal;
	text-align:left;
	margin:0 0 1.4em 1.4em;
	border-radius:6px;
	background:#fff;
	box-sizing:border-box;
	border:1px solid #F01A27;
	vertical-align:top;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



.menu_pht{
	float:right;
	width:42%;
	margin-left:0.5em;
}
.menu_pht img{
	border-radius:6px;
	border:2px solid #fff;
	width: 100%;
}

.menu_title{
	color:#F01A27;
	font-size:138.5%;
	font-weight:bold;
	line-height:1.8;
}
.menu_title:before{
	font-family:FontAwesome;
	font-size:88.9%;
	content:"\f138";
	margin-right:4px;
}
.menu_txt{
	font-size:96%;
	line-height:1.5;
	margin-top:0.3em;
	color: #028A05;
	font-weight: bold;
	margin-bottom: 0.7em;
}
/*-----------------------------------------------------------
お問い合わせ
-----------------------------------------------------------*/
.contact_read{
	font-size:120%;
    line-height: 1.3em;
	font-weight:bold;
	text-align:center;
	margin-top:1em;
}

#contact_area{
	text-align:center;
	width: 85%;
	margin: 0.6em auto;
}
#contact{
	width:95%;
	margin: 0 auto;
	border:2px solid #E53333;
	box-sizing:border-box;
	padding-bottom: 0.6em;
}
#contact .tel{
	color:#E53333;
	font-size:140%;
    line-height: 1.3em;
	font-weight:bold;
	padding-top:0.3em;
}

.con_title{
	color:#fff;
	font-size:120%;
	font-weight:bold;
	background-color:#E53333;
	padding:0.2em 0;
	margin-bottom:1em;
}



/* -----------------------------------------------
 PC用
------------------------------------------------*/
@media print, screen and (min-width: 769px) {
	
	#menu_ul li{height: 330px;}
	#menu_ul li:nth-child(odd){
	margin-left:0;
}
	
	#sign img{
	width:180px;
	height:45px;
	padding-left:1em;
	vertical-align:bottom;
}

	#aisatsu img{float: right;
width: 23%;
height: auto;
margin: 0 0 2em 1em;}
	
	}


/* -----------------------------------------------
 スマホ用
------------------------------------------------*/
@media screen and (max-width: 768px) {

	#organization-img img{width: 95%;}

	ul.staff li{width: 25%;	}
	ul.staff li .pht-area{width: 100%;float: none;}
ul.staff li .pht-area img{width: 100%;
display: block;
border-radius:15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;}

ul.staff li dl.info{float: none;
margin: 0.4em;
width: 95%;}

ul.staff li dl.info dt{font-size: 120%;}
ul.staff li dl.info dd{font-size: 100%;}
		
	#menu_ul li{width: 100%;
	margin: 0 0 1em;}
	
dl.shikaku{float: none; margin: 0em 0 2em 2em;
	width: 90%;}
	dl.shikaku dt{float: left; clear: both;
width: 78%;}

dl.shikaku dd{float: right;}

#sign{
clear: both;
	font-family:“Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;
	margin-top:1em;
	margin-left:2em;
	text-align: left;
	padding-bottom:2em;
}
	
#sign img{width:35%;}
	.contact_read{font-size:3.6vw;}
	#contact .tel{	font-size:4vw;}
.con_title{	font-size:4vw;}
	#dl_profile dt,#dl_profile dd,.dl_recruit dt,.dl_recruit dd{display: block;
  width: 100%;
border: none;
padding: 0.3em;
text-align: left;}
	
	#dl_profile dt,.dl_recruit dt{background-color: #F1EEEE;
	font-weight: bold;}	
	#dl_profile dd{padding-bottom: 0.5em;
	padding-left: 1em;}
	#dl_profile dd div,#dl_profile dd ul{clear: both;}
	#dl_profile dd ul{width: 98%;}
}