@charset "utf-8";
/*===============================================================
	
	2015/7/17
	
===============================================================*/

/* 初期化
----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
  font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
blockquote, q {	quotes: none;	}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
input,textarea{	margin: 0;	padding: 0;	}
table{	border-collapse: collapse; border-spacing:0;	}
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:14px; line-height:22px; }
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a {	outline:none;	text-decoration:underline; }
a:focus {	outline:none;	}
ul a ,li a {	zoom:1;	}

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* iOS3.1のhtml5対応 */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold	{	font-weight:bold; }
.cap {
	font-size:12px;
	line-height:15px;
	}		
.red	{	color:#943023;		}
.yellow	{	color:#cbb847;		}
.blue	{	color:#0047a2;		}
.lightblue { color:#00afd7; }
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#eaeeed;		}
.deepgray { color:#92999f ;}
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.valign_top		{	vertical-align:top;		}
.valign_middle	{	vertical-align:middle;	}
.valign_bottom	{	vertical-align:bottom;	}
.replace {	overflow:hidden;	white-space:nowrap;	text-indent:100%;	}

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
  *zoom: 1;
}
.flol {
	display:inline; /* IE6 */
	float:left;
}
.flor {
	display:inline; /* IE6 */
	float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

/* ボックスモデル幅指定
----------------------------------------------------------------*/
.bg_w	{ width:100%; }
.page_w	{ width:960px; }
.main_w	{ width:800px; }
.sub_w	{ width:220px; }

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.bg_w,
.page_w,
.main_w	{ width:100%; }
.sub_w	{ width:220px; }
}	/* for SP max-width: 736px */

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	width:100%;
	color:#333;
	background:#fff;
	text-align:left;
	font-size:14px;
	line-height:25px;
	-webkit-text-size-adjust:none; /* 縦横文字サイズ同じ */
}
a {
	text-decoration:none;
	color:#36C;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
}
a:hover { color:#39F; }

.boxshadow {
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
.sp {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～640px */
@media only screen and (max-width: 736px) {
.pc {
	display:none;
}
.sp {
	display:block;
}
.fit,
.fit img {
	width:100%;
	height:auto;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	基本文字サイズ
	
===============================================================*/

h2 {
	font-size:172%;	/* 24px */
	font-weight:bold;
}
h3 {
	font-size:172%;	/* 24px */
	font-weight:bold;
}
h4 {
	font-size:115%;	/* 16px */
	line-height:1.4;
}
p {
	font-size:100%;	/* 14px */
	line-height:1.8;
}
.notes {
	margin-top:10px;
}
.notes li {
	color:#b29f8a;
	margin-top:5px;
	line-height:1.4;
}

/*===============================================================
	
	レイアウト
	
===============================================================*/
.wrapper {
	width:100%;
	height:auto;
	margin:0 auto;
	background:#fff;
}

/*===============================================================
	
	ヘッダ
	
===============================================================*/
.header_wrp {
	width:100%;
	margin:0 auto;
	background:#fff;
}

/* ↓2021.0713変更 */
.header{
	width:1165px;
	height:auto;
	margin:0 auto;
	padding-top:20px;
}

.header h1{
	text-align:center;
}

.header li {
	font-size: 20px;
	font-weight: bold;
}


/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	NAV  (HEADER内)
	
===============================================================*/
.nav {
	width:100%;
	height:auto;
	margin-top:15px;	
}
.nav ul{
	font-size:15px;
}

/* ↓2021.0713変更 */
.nav ul li{
	float:left;
	width:233px;
	border-left:1px solid #ccc;
	box-sizing:border-box;
}
.nav ul li:last-child{
	border-right:1px solid #ccc;
}
.nav li a{
	display:block;
	color:#333;
	text-align:center;
}
.nav li a:hover{
	color:#ccc;
}

.nav ul .active a {
	color: #dc0700;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	MAIN_VISUAL　(HEADER内)
	
===============================================================*/
.main_visual{
	width:100%;
	height:auto;
	margin-top:15px;
	padding-bottom:35px;
}
.main_visual img{
	width:100%;
	height:auto;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {
.main_visual{
	width:940px;
}
}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	grid
	
===============================================================*/

.gridconatiner img{
}
.gridconatiner .grid {
	float:left;
}
.grid {
}
/* ------------------------------------------------ */
/*	gridSize :220 gutterSize :20 column :4 */
/* ------------------------------------------------ */
.grid_content{ width:940.000px;}
.gridwrp_4 { width:102.128%;}
.gridwrp_4 .grid_4 { width:97.917%; margin-right:2.083%; }
.gridwrp_4 .grid_3 { width:72.917%; margin-right:2.083%; }
.gridwrp_4 .grid_2 { width:47.917%; margin-right:2.083%; }
.gridwrp_4 .grid_1 { width:22.917%; margin-right:2.083%; }
.gridwrp_3 .grid_4 { width:130.556%; margin-right:2.778%; }
.gridwrp_3 { width:102.857%;}
.gridwrp_3 .grid_3 { width:97.222%; margin-right:2.778%; }
.gridwrp_3 .grid_2 { width:63.889%; margin-right:2.778%; }
.gridwrp_3 .grid_1 { width:30.556%; margin-right:2.778%; }
.gridwrp_2 .grid_4 { width:195.833%; margin-right:4.167%; }
.gridwrp_2 .grid_3 { width:145.833%; margin-right:4.167%; }
.gridwrp_2 { width:104.348%;}
.gridwrp_2 .grid_2 { width:95.833%; margin-right:4.167%; }
.gridwrp_2 .grid_1 { width:45.833%; margin-right:4.167%; }
.gridwrp_1 .grid_4 { width:391.667%; margin-right:8.333%; }
.gridwrp_1 .grid_3 { width:291.667%; margin-right:8.333%; }
.gridwrp_1 .grid_2 { width:191.667%; margin-right:8.333%; }
.gridwrp_1 { width:109.091%;}
.gridwrp_1 .grid_1 { width:91.667%; margin-right:8.333%; }

/* ------------------------------------------------ */
/*	gridSize :180 gutterSize :10 column :5 */
/* ------------------------------------------------ */
.grid_content{ width:940.000px;}
.gridwrp_5 { width:101.064%;}
.gridwrp_5 .grid_5 { width:98.947%; margin-right:1.053%; }
.gridwrp_5 .grid_4 { width:78.947%; margin-right:1.053%; }
.gridwrp_5 .grid_3 { width:58.947%; margin-right:1.053%; }
.gridwrp_5 .grid_2 { width:38.947%; margin-right:1.053%; }
.gridwrp_5 .grid_1 { width:18.947%; margin-right:1.053%; }

/* ------------------------------------------------ */
/*	gridSize :170 gutterSize :40 column :4 */
/* ------------------------------------------------ */
.screw_menu .grid_content{ width:800.000px;}
.screw_menu .gridwrp_4 { width:105.000%;}
.screw_menu .gridwrp_4 .grid_1 { width:20.238%; margin-right:4.762%; }

/* ------------------------------------------------ */
/*	gridSize :450 gutterSize :40 column :2 */
/* ------------------------------------------------ */
.efficiency .grid_content{ width:940.000px;}
.efficiency .gridwrp_2 { width:104.255%;}
.efficiency .gridwrp_2 .grid_1 { width:45.918%; margin-right:4.082%; }
.ecology .grid_content{ width:940.000px;}
.ecology .gridwrp_2 { width:104.255%;}
.ecology .gridwrp_2 .grid_1 { width:45.918%; margin-right:4.082%; }
.safety .grid_content{ width:940.000px;}
.safety .gridwrp_2 { width:104.255%;}
.safety .gridwrp_2 .grid_1 { width:45.918%; margin-right:4.082%; }
.quality .grid_content{ width:940.000px;}
.quality .gridwrp_2 { width:104.255%;}
.quality .gridwrp_2 .grid_1 { width:45.918%; margin-right:4.082%; }

/* ------------------------------------------------ */
/*	gridSize :380 gutterSize :40 column :2 */
/* ------------------------------------------------ */
.repair .grid_content{ width:800.000px;}
.repair .gridwrp_2 { width:105.000%;}
.repair .gridwrp_2 .grid_2 { width:95.238%; margin-right:4.762%; }
.repair .gridwrp_2 .grid_1 { width:45.238%; margin-right:4.762%; }

/* ------------------------------------------------ */
/*	gridSize :240 gutterSize :40 column :3 */
/* ------------------------------------------------ */
.concept .grid_content{ width:800.000px;}
.concept .gridwrp_3 { width:105.000%;}
.concept .gridwrp_3 .grid_3 { width:95.238%; margin-right:4.762%; }
.concept .gridwrp_3 .grid_2 { width:61.905%; margin-right:4.762%; }
.concept .gridwrp_3 .grid_1 { width:28.571%; margin-right:4.762%; }

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}


/*===============================================================
	
	ボディ
	
===============================================================*/
.body_wrp {
	width:100%;
	height:auto;
	padding:0 0 100px 0;
	background:#fff;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */



/*===============================================================
	
	カラム
	
===============================================================*/
.maincontainer {
	width:940px;
	margin:0 auto;
}
.subcontainer {
	width:940px;
	margin:0 auto;
}


/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	PAGETOP
	
===============================================================*/
#btn_pagetop {
	width:100%;
	overflow:hidden;
}

#btn_pagetop a {
	display:block;
	position:absolute;
	right:-300px;
	top:0;
	width:60px;
	height:60px;
	color:#fff;
	background:#0047b5 url(../images/pagetop-arw-pc.png) no-repeat center center;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:1000;
	position:fixed;
	border-radius:30px;
}
#btn_pagetop a:hover {
	background:#6e88b2 url(../images/pagetop-arw-pc.png) no-repeat center center;

}

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#btn_pagetop a {
	background:#0047b5 url(../images/pagetop-arw-sp.png) no-repeat center center;
	background-size:60px 60px;
}
#btn_pagetop a:hover {
	background:#6e88b2 url(../images/pagetop-arw-sp.png) no-repeat center center;
	background-size:60px 60px;
}

}	/* for SP max-width: 736px */
/*===============================================================
	
	テーブル
	
===============================================================*/

table {
	width:800px;
	height:auto;
	line-height:20px;
}
table tr{
	border-bottom:solid 1px rgba(0,0,0,0.1);
}
table th {
	width:200px;
	font-weight:bold;
	padding:20px;
	box-sizing:border-box;
}
table td {
	width:600px;
	padding:20px;
	box-sizing:border-box;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/*table {
	border:0;
	padding:0;
	margin-top:0px;
}
table th {
	display: list-item;
	list-style:none;
	width:100%;
	border:0;
	padding:10px;
	font-size:16px;
	background:#eee;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	-webkit-box-sizing:border-box;
	-webkit-box-sizing:border-box;

}
table td {
	display: list-item;
	list-style:none;
	width:100%;
	padding:10px 0 20px 0;
	font-size:14px;
	line-height:1.6;
	border:0;
}
*/
}	/* for SP max-width: 736px */


/*===============================================================
	
	フォーム
	
===============================================================*/
.form {
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	btn
	
===============================================================*/
.btn input,
.btn a {
	border-radius:5px;
}
.btn input:hover,
.btn a:hover {
	background:#3C0;
	
}
.btn-single input,
.btn-single a {
	width:200px;
	margin:0 auto;
	text-align:center;
}
/*===============================================================
	
	ビジュアル
	
===============================================================*/

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	headline
	見だし
	
===============================================================*/
.headline{
	width:100%;
	height:auto;
	margin:0 auto;	
}
.headline h3{
	font-size:30px;
	line-height:35px;
	text-align:center;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	subhead
	小見出し
	
===============================================================*/
.subhead {
	width:940px;
	height:auto;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	page_title
	
===============================================================*/
.page_title{
	width:100%;
	height:auto;
	margin-top:15px;
	background-image:url(../images/screw_title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.page_title h2{
	color:#fff;
	text-align:center;
	font-size:40px;
	line-height:40px;
	padding:30px 0;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {
.page_title{
	width:940px;
}
}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section
	headlineとcontentなど、複数の要素、機能がひとまとまりとなったラッパ。
	ウィジェット的な利用。
	
===============================================================*/
.section{
	width:100%;
	height:auto;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	content
	単一で固有の要素、機能　section内に配置
	
===============================================================*/
.content {
	width:800px;
	height:auto;
	margin:0 auto;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	column
	囲み、メモなどサブ的な括り。
	
===============================================================*/
.column {
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	CONTACT
	
===============================================================*/
.contact{
	width:940px;
	height:auto;
	margin:0 auto;
}
.contact .content{
	height:100px;
	background:#f2f8ea;
	padding:20px 25px;
	box-sizing:border-box;
}
.contact .word{
	float:left;
	width:220px;
	height:auto;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	margin-top:5px;
}
.contact .tel{
	float:left;
	width:280px;
	height:auto;
	font-size:26px;
	font-weight:bold;
	margin-top:5px;
}
.tel img{
	margin-right:5px;
}
.tel span{
	display:block;
	font-size:14px;
	line-height:15px;
	font-weight:normal;
	padding:10px 0 0 10px;
}
.contact .mail{
	float:right;
	width:240px;
	height:60px;
	border-radius:5px;
	background:#4C9B1D;
	box-shadow:3px 3px 1px rgba(22,23,23,0.1);
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:60px;
}
.contact .mail a{
	color:#fff;
	display:block;
}
.section .border_top{
	border-top:1px solid #d7e0e7;
	padding-top:100px;
}
.section .padding{
	padding-top:50px;
}	

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	PRODUCT
	
===============================================================*/
.product {
	padding-top:60px;
}
.product .headline{
	width:940px;
}
.product .content{
	width:940px;
}
.product .menu{
	width:960px;
	height:auto;
	margin:0 auto;
	margin-top:25px;
	padding-bottom:80px;
}
.product .menu a{
	color:#4b587f;
	display:block;
	float:left;
	width:220px;
	height:45px;
	font-size:16px;
	line-height:45px;
	background:#fafbfe;
	border:1px solid #d7e0e7;
	box-shadow:1px 1px 2px rgba(22,23,23,0.05);
	box-sizing:border-box;
	margin-bottom:5px;
	text-align:center;
}

.product .menu a:hover{
	color:#fafbfe;
	background:#3466b4;
}
/*===============================================================
	
	ITEM
	
===============================================================*/
.item{
	width:100%;
	height:auto;
}
.item .content{
	width:940px;
}
.item .headline h3{
	text-align:left;
}
.item_title{
	width:100%;
	height:auto;
	background:#fafbfe;
	border-top:1px solid #d7e0e7;
	box-sizing:border-box;
}
.item_inner{
	width:940px;
	height:80px;
	margin:0 auto;
	background-image:url(../images/icon_plus.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	padding:20px 0;
}
.item_inner.active{
	background-image:url(../images/icon_minus.png);
}
.item_title:hover{
	cursor:pointer;
}
.item_title img{
	float:left;
	display:block;
}
.item_title h3{
	font-size:30px;
	line-height:35px;
	padding-top:10px;
	padding-left:95px;
}
.item_title p{
	font-size:15px;
	line-height:20px;
	padding-top:5px;
	padding-left:95px;
}
.item_ph{
	width:940px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:75px;
}
.item_ph img{
	width:180px;
	height:135px;
	margin-bottom:10px;
}	
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	screw (スクリューデッキページ)
	
===============================================================*/
.screw_menu{
	width:940px;
	height:auto;
	padding:60px 0 100px 0;
	margin:0 auto;
}
.screw_menu .headline{
	width:800px;
	height:auto;
	margin:0 auto;
}
.screw_menu .headline h3{
	font-size:30px;
	line-height:30px;
}
.screw_menu .headline p{
	font-size:16px;
	line-height:30px;
	margin-top:20px;
}
.screw_menu .menu{
	width:800px;
	height:auto;
	margin:0 auto;
	padding:50px 0;
}
.screw_menu .ul{
	width:800px;
	height:auto;
	margin:0 auto;
}
.screw_menu .menu a:hover{
	opacity:0.6;
}
/*==========================
	
	効率
	
============================*/
.efficiency .content{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:55px 0 85px 0;
}
.efficiency .content h4 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	margin-top:45px;
}
.efficiency .content p{
	font-size:16px;
	line-height:25px;
	margin-top:20px;
}
.efficiency .howto{
	padding-top:45px;
}
.efficiency .content{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:55px 0 85px 0;
}
.efficiency .content h4 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	margin-top:45px;
}
.efficiency .content p{
	font-size:16px;
	line-height:25px;
	margin-top:20px;
}
.efficiency .howto{
	padding-top:45px;
}
/*==========================
	
	環境
	
============================*/
.ecology .content{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:55px 0 85px 0;
}
.ecology .content h4 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	margin-top:45px;
}
.ecology .content p{
	font-size:16px;
	line-height:25px;
	margin-top:20px;
}
/*==========================
	
	安全
	
============================*/
.safety .content{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:55px 0 85px 0;
}
.safety .content .gridconatiner {
	margin-top:45px;
}
.safety .content p{
	font-size:16px;
	line-height:25px;
	margin-top:20px;
}
/*==========================
	
	品質
	
============================*/
.quality .content{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:55px 0 85px 0;
}
.quality .content h4 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	margin-top:45px;
}
.quality .content p{
	font-size:16px;
	line-height:25px;
	margin-top:20px;
}
.quality .content .subtitle{
	font-size:23px;
	color:#0d98b7;
	text-align:center;
}
.quality .gridwrp_4 {
	margin-top:45px;
}
.quality .gridwrp_4 p{
	font-size:14px;
	line-height:20px;
	margin-top:10px;
}
.quality .content .caution{
	font-size:14px;
	line-height:20px;
	margin-top:40px;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	CONSTRUCTION 1 (吊橋補修例ページ)
	CONSTRUCTION 2 (土橋架替例ページ)
	
===============================================================*/

.const1{
	width:940px;
	height:auto;
	margin:0 auto;
	padding-top:60px;
}
.const1 .about{
	width:800px;
	height:auto;
	margin:0 auto;
}
.const1 .about p{
	font-size:16px;
	line-height:30px;
}
.const2{
	width:940px;
	height:auto;
	margin:0 auto;
	padding-top:60px;
}
.const2 .about{
	width:800px;
	height:auto;
	margin:0 auto;
}
.const2 .about p{
	font-size:16px;
	line-height:30px;
}
.repair{
	width:940px;
	height:auto;
	margin:0 auto;
}
.repair .headline{
	width:800px;
	padding-top:60px;
}
.repair .content{
	padding-top:60px;
}
.repair h3{
	width:360px;
	height:60px;
	line-height:60px;
	margin:0 auto;
	color:#dc0700;
	border:3px solid #dc0700;
}
.before h3,.during h3{
	color:#dc0700;
	border:3px solid #dc0700;
}

.after h3,.otherside h3{
	color:#0047b4;
	border:3px solid #0047b4;
}
.otherside h3{
	width:280px;
}
.repair .grid_1{
	padding-bottom:50px;
}
	
.repair p{
	font-size:16px;
	line-height:25px;
}
.repair img{
	padding-bottom:15px;
}

/* ↓2021.0713変更 */
.section_title {
	width: 800px;
	margin: 95px auto 0 auto;
}

.section_title h3 {
	width: 800px;
	text-align: center;
	padding-bottom: 10px;
 border-bottom: 2px solid #333;
}

.gooddesign_title {
	margin-top: 60px;
}

.gooddesign_title h3{
	text-align: center;
	width:360px;
	height:60px;
	line-height:60px;
	margin:0 auto;
	color:#dc0700;
	border:3px solid #dc0700;
}

.greening_concept {
	display: flex;
	width: 800px;
	margin:50px auto;
}

.greening_concept p {
	width: 65%;
	margin-right: 40px;
}

.greening_concept img {
	width: 30%;
	float: right;
}

.greening_type {
	position: relative;
	margin: 2em 0;
	padding: 20px 14px 14px 14px;
	border: solid 2px #003E0D;
	width: 772px;
	height: 65px;
	margin: 35px auto;
	display: flex;
	justify-content: space-between;
}

.greening_type .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 305.5px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #000;
	font-weight: bold;
}

.greening_type_contents {
	width: 120px;
	height: 65px;
	color: #fff;
	background-color: #003E0D;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
}

.greening_type_contents h4{
	font-weight: bold;
	vertical-align: middle;
}

.greening_description{
 width: 800px;
	margin: 0 auto;

}

.greening_description img {
 width: 100%;
}

.greening_description_contents {
	margin-top: 37px;
	display: flex;
	justify-content: space-between;
}

.greening_description_text {
width: 365px;
}

.greening_description_text h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.coordination h4 {
 color: #0147B6;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.coordination p {
 margin-bottom: 25px;
}

.coordination_image {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.coordination_image img{
 width: 380px;

}

.gooddesign {
	width: 700px;
	height: auto;
	background-color: #F6F6F6;
	padding: 50px;
	display: block;
}

.gooddesign h4 {
	color: #E10602;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
}

.gooddesign_image {
 display: flex;
	justify-content: space-between;
}

.gooddesign_image img {
 height: 320px;
}

.gooddesign_subtitle h4 {
	color: #000;
 text-align: left;
	margin-top: 30px;
}

.gooddesign_subtitle span {
	font-weight: bold;
	font-size: 18px;
}

.gooddesign_contents h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}

.gooddesign_text {
	display: flex;
}

.gooddesign_text p {
	width: 450px;
	width: 65%;
	margin-right: 40px;
}

.gooddesign_text img {
	width: 30%;
	float: right;
}

.greening_example {
	width: 800px;
	margin: 50px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.greening_example_contents {
 width: 380px;
 margin-bottom: 60px;
}

.greening_example_contents img {
 width: 100%;
}

.greening_example_contents h4 {
 font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.greening_method {
	width: 700px;
	height: auto;
	background-color: #F6F6F6;
	padding: 50px;
	
}

.greening_method h4 {
	color: #0147B6;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: -25px;
}

.greening_method_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.greening_method_contents {
	width: 325px;
	display: flex;
	align-items: flex-start;
	margin-top: 50px;
}

.greening_method_contents img {
	width: 150px;
	margin-right: 20px;
	
}

.greening_method_contents h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.greening_method h6 {
	text-align: center;
	margin-top: 40px;
}

.greening_download {
	margin: 70px auto;
	width: 240px;
 height: 60px;
 border-radius: 5px;
 background: #1354BB;
 box-shadow: 3px 3px 1px rgb(22 23 23 / 10%);
 text-align: center;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 line-height: 60px;
	-webkit-transition: all 0.1s ease;
 -moz-transition: all 0.1s ease;
 -o-transition: all 0.1s ease;
 transition: all  0.1s ease;
}

.greening_download:hover {
	background: #73ACFF;
}

.greening_download a {
	color: #fff;
	display: block;
}


/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	COMPANY (会社概要ページ)
	
===============================================================*/
.concept,.policy,.flow,.overview{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:50px 0;
}
.page_company .headline{
	width:800px;
	height:auto;
	margin:0 auto;
}
.flow img{
	margin-top:20px;
}
.page_company h3{
	padding-bottom:10px;
	border-bottom:2px solid #333;
}
.page_company h4{
	font-size:23px;
	font-weight:bold;
	color:#0047b5;
	text-align:center;
	margin-top:40px;
}
.page_company .content{
	margin-top:20px;
}
.page_company h5{
	color:#0047b5;
	font-weight:bold;
	font-size:18px;
	line-height:40px;
	text-align:center;
	border:2px solid #0047b5;
}
.page_company p{
	margin-top:10px;
}
.overview .content{
	margin-top:0;
}	
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	PRIVACY (プライバシーポリシーページ)
	
===============================================================*/
.privacy{
	width:940px;
	height:auto;
	margin:0 auto;
	padding:50px 0;
}
.privacy .headline{
	width:800px;
	height:auto;
	margin:0 auto;
}
.privacy h3{
	padding-bottom:10px;
	border-bottom:2px solid #333;
}
.privacy h4{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color:#0047b5;
	margin-top:40px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}
.privacy .content div{
	padding-top:20px;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	hoge
	
===============================================================*/
.hoge {
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	hoge
	
===============================================================*/
.hoge {
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	hoge
	
===============================================================*/
.hoge {
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	hoge
	
===============================================================*/
.hoge {
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	フッタ
	
===============================================================*/
.footer_wrp {
	width:100%;
	text-align:center;
	border-top:1px solid #d7e0e7;
	padding:45px 0;
	background:url(../images/footer_bg.jpg) 0 0;
}
.footer {
	width:940px;
	margin:0 auto;
}
.footer .headline p{
	font-weight:bold;
	font-size:12px;
	line-height:12px;
}
.footer .headline h3{
	font-size:22px;
	line-height:22px;
	margin-top:10px;
	border:none;
}
.footer .address {
	font-size:14px;
	line-height:14px;
	margin-top:20px;
}
.footer .link {
	font-size:14px;
	line-height:14px;
	margin-top:10px;
}
.footer .copy {
	font-size:12px;
	line-height:12px;
	margin-top:30px;
}
.footer a{
	color:#333;
}
.footer a:hover{
	color:#ccc;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */