@charset "UTF-8";

/*--- ▼common、baseファイル読み込み ------*/
@import url("./common/common.css");
@import url("./common/base.css");





/*------------------------------------------------------------

	▼h2、アンカーリンクボタン設定

------------------------------------------------------------*/

div#contentWrap>h2{ width:100%; min-width:1200px; height:200px; line-height:200px; background-image:url("../img/technical/tit_bg.jpg"); background-repeat:no-repeat; background-position: center center; font-size:3em; font-weight:normal; text-align:center; color:#fff; float:left; }

div.contentBtn{ width:100%; background-color:#d8eeee; float:left; }
div.contentBtn nav{ width:1200px; margin:0 auto; }
div.contentBtn nav ul{ width:100%; float:left; }
div.contentBtn nav ul li{ width:25%; text-align: center; float:left; }
div.contentBtn nav ul li a{ width:100%; padding:10px 0; text-decoration:none; font-size:1.2em; color:#666666; display:block; position:relative; }
div.contentBtn nav ul li a::before{   
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #666666;
	border-right: solid 2px #666666;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	left: 80px;
	margin-top: -6px;
}

div.contentBtn nav ul a:hover{ background-color:#009999; color:#fff; text-decoration:underline; }
div.contentBtn nav ul li a:hover::before{   
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}


/*------------------------------------------------------------

	▼ class section_wrap wrap_gray　などの設定

------------------------------------------------------------*/

section.section_wrap{ width:100%; padding-bottom:50px; float:left; }
section.section_wrap:last-child{ padding-bottom:0; }

section.section_wrap h3{ width:100%; padding:30px 0; text-align:center; font-size:1.6em; letter-spacing:1.6em; color:#fff; background-color:#01605f; float:left; }


.wrap_gray{ width:100%; background-color:#eeeeee; float:left; }


/*------------------------------------------------------------

	▼ 製作設定

------------------------------------------------------------*/

div#manufactureArea{ width:100%; float:left; }

div.manufactureBox{ width:100%; padding:50px 0 30px; border-bottom:1px solid #009999; float:left; }

div.manufactureBox_top{ width:1200px; margin:0 auto; }

div.manufactureBox_left{ width:49%; float:left; }
div.manufactureBox_left h4{ width:100%; padding:15px 0 20px 0; border-bottom:1px solid #666666; font-weight:bold; font-size:1.4em; float:left; }
div.manufactureBox_left p{ width:100%; padding:15px 0; font-size:1.2em; line-height:1.6em; float:left; }

div.manufactureBox_right{ width:30%; padding:15px; float:right; }


div.manufacture_flow{ width:100%; padding-top:15px; float:left; }
div.manufacture_flow h5{ width:1200px; margin:0 auto; }
div.manufacture_flow h5 span{ margin-left:1%; padding:5px 10px; font-size:1.4em; letter-spacing:1.4em; border:1px solid #666; }
div.manufacture_flow ul{ width:1200px; margin:0 auto; }
div.manufacture_flow ul li{ position:relative; width:18%; padding:15px 0 20px; margin:0 1%; float:left; }
div.manufacture_flow ul li p{ width:100%; margin-top:5px; float:left; }

div.manufacture_flow ul li::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #009999;
	position:absolute;
	top:75px;
	right:-20px;
}

div.manufacture_flow ul li:last-child::before{
	display:none;
}

div.manufacture_item{ width:100%; padding-top:15px; float:left; }
div.manufacture_item h5{ width:1200px; margin:0 auto; }
div.manufacture_item h5 span{ margin-left:1%; padding:5px 10px; font-size:1.4em; letter-spacing:1.4em; border:1px solid #666; }
div.manufacture_item ul{ width:1200px; margin:0 auto; }
div.manufacture_item ul li{ width:18%; padding:15px 0 20px; margin:0 1%; float:left; }
div.manufacture_item ul li p{ width:100%; margin-top:5px; float:left; }




/*------------------------------------------------------------

	▼ 据付工事設定

------------------------------------------------------------*/

div#constructionArea{ width:100%; float:left; }

div.constructionBox{ width:100%; padding:50px 0 30px; border-bottom:1px solid #009999; float:left; }

div.constructionBox_top{ width:1200px; margin:0 auto; }

div.constructionBox_left{ width:49%; float:left; }
div.constructionBox_left h4{ width:100%; padding:15px 0 20px 0; border-bottom:1px solid #666666; font-weight:bold; font-size:1.4em; float:left; }
div.constructionBox_left p{ width:100%; padding:15px 0; font-size:1.2em; line-height:1.6em; float:left; }

div.constructionBox_right{ width:30%; padding:15px; float:right; }


div.construction_flow{ width:100%; padding-top:15px; float:left; }
div.construction_flow h5{ width:1200px; margin:0 auto; }
div.construction_flow h5 span{ margin-left:1%; padding:5px 10px; font-size:1.4em; letter-spacing:1.4em; border:1px solid #666; }
div.construction_flow ul{ width:1200px; margin:0 auto; }
div.construction_flow ul li{ position:relative; width:18%; padding:15px 0 20px; margin:0 1%; float:left; }
div.construction_flow ul li p{ width:100%; margin-top:5px; float:left; }

div.construction_flow ul li::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #009999;
	position:absolute;
	top:75px;
	right:-20px;
}

div.construction_flow ul li:last-child::before{
	display:none;
}

div.construction_item{ width:100%; padding-top:15px; float:left; }
div.construction_item h5{ width:1200px; margin:0 auto; }
div.construction_item h5 span{ margin-left:1%; padding:5px 10px; font-size:1.4em; letter-spacing:1.4em; border:1px solid #666; }
div.construction_item ul{ width:1200px; margin:0 auto; }
div.construction_item ul li{ width:18%; padding:15px 0 20px; margin:0 1%; float:left; }
div.construction_item ul li p{ width:100%; margin-top:5px; float:left; }


/*------------------------------------------------------------

	▼ 各種製缶設定

------------------------------------------------------------*/


div#canArea{ width:100%; float:left; }

div.canBox{ width:100%; padding:50px 0 30px; border-bottom:1px solid #009999; float:left; }

div.canBox_top{ width:1200px; margin:0 auto; }

div.canBox_left{ width:49%; float:left; }
div.canBox_left h4{ width:100%; padding:15px 0 20px 0; border-bottom:1px solid #666666; font-weight:bold; font-size:1.4em; float:left; }
div.canBox_left p{ width:100%; padding:15px 0; font-size:1.2em; line-height:1.6em; float:left; }

div.canBox_right{ width:30%; padding:15px; float:right; }


/*------------------------------------------------------------

	▼ その他設定

------------------------------------------------------------*/

div#etcArea{ width:100%; float:left; }

div.etcBox{ width:100%; padding:50px 0 30px; border-bottom:1px solid #009999; float:left; }
div.etcBox:last-child{ border-bottom:none; }

div.etcBox_top{ width:1200px; margin:0 auto; }

div.etcBox_left{ width:49%; float:left; }
div.etcBox_left h4{ width:100%; padding:15px 0 20px 0; border-bottom:1px solid #666666; font-weight:bold; font-size:1.4em; float:left; }
div.etcBox_left p{ width:100%; padding:15px 0; font-size:1.2em; line-height:1.6em; float:left; }

div.etcBox_right{ width:30%; padding:15px; float:right; }