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

html {font-size: 62.5%; width: 100%;}
body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
h1,h2,h3,h4,h5,h6 {font-size: 100%; padding: 0; margin: 0; line-height: 1;}
header,main,footer,section,p,div,span,nav,ul,ol,li{padding: 0; margin: 0;}
ul li{list-style: none;}
a,a:visited{color: #258270;}
a:hover{color: #14af87;}
img{border: none;}

@media (min-width: 641px) {

/*=============================================================
common*/

body{font-size: 1.6em;}

.pc{display: block;}
.smp{display: none;}

/*=============================================================*/

header{
	width: 100%;
	background: #FFF;
}
#header_inner{
	width: 940px;
	margin: 0px auto;
	overflow: hidden;
}
#header_inner .header_logo{width: 320px; float: left; padding-top: 30px;}
#menuBtn{display: none;}
#header_inner .inner_block{width: 600px; float: right; padding-bottom: 10px;}
#header_inner .contact_time{
	width: 600px;
	overflow: hidden;
	background: #fff080;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px 0px;
	font-size: 0.85em;
	box-sizing: border-box;
}
#header_inner .time_txt{
	width: 320px;
	box-sizing: border-box;
	float: left;
	margin-left: 15px;
	padding: 5px 0px;
	font-weight: bold;
}
#header_inner .time_box{
	background: #FFF;
	width: 250px;
	padding: 5px 0px;
	margin-right: 10px;
	color: #000;
	border-radius: 20px;
	font-weight: bold;
	float: right;
	box-sizing: border-box;
	text-align: center;
}
#header_inner .mailform_box{
	width: 240px;
	height: 50px;
	margin-top: 12px;
	float: left;
	background: url(/wp_files/wp-content/uploads/header_icon_mail.png) no-repeat bottom left;
	box-sizing: border-box;
}
#header_inner .mailform_box a, a:visited{color: #000; text-decoration: none;}
#header_inner .mailform_box a:hover{color: #14af87;}
#header_inner .mailform_box span{
	display: inline-block;
	margin-left: 65px;
	padding-top: 16px;
	line-height: 1;
	font-size: 1.2em;
	font-weight: bold;
	box-sizing: border-box;
}
#header_inner .tel_box{
	width: 330px;
	height: 50px;
	margin-top: 12px;
	padding: 0 0 0 4em;
	float: right;
	font-weight: bold;
	background: url(/wp_files/wp-content/uploads/header_icon_tel.png) no-repeat bottom left;
	box-sizing: border-box;
}
#header_inner .tel_box span{
	display: block;
	line-height: 1;
	font-size: 100%;
	box-sizing: border-box;
	color: #000000;
}
#header_inner .tel_box a[href^="tel:"] {cursor: default; color: #000; text-decoration: none; pointer-events: none;font-size: 220%;padding: 0;margin: 0;line-height: 1;}

/*=============================================================*/

#header_pan_menu{
	width: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
	background: #dcf9f0;
}
#header_pan_menu .inner_block{
	width: 940px;
	margin: 0px auto;
	font-size: 0.9em;
}

/*=============================================================*/

main{width: 100%;}

.txt_block{width: 100%; padding: 10px 0px; margin: 0px 10px; line-height: 1.5;}
.txt_center{text-align: center !important;}
.txt_left{text-align: left !important;}

.txt_red{color: #ff0000;}

.label01{
	border-top: #2c3333 10px solid;
	color: #fff;
	background: url(/wp_files/wp-content/uploads/bg_gray.png);
	text-align: center;
	font-size: 1.9em;
	line-height: 1;
	font-weight: bold;
	padding: 30px 0px;
}
.label02{
	border-bottom: #14af87 5px solid;
	color: #000;
	text-align: left;
	font-size: 1.7em;
	line-height: 1;
	font-weight: bold;
	padding: 30px 0px 30px 20px;
}
.label02 span{ display: block; font-size: 0.7em; color: #0f6047; padding-top: 10px;}

.label03{
	height: 60px;
	color: #000;
	background: #eeefc5 url(/wp_files/wp-content/uploads/icon_label02.png) no-repeat top left;
	text-align: left;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 1em 0px 0px 2em;
	box-sizing: border-box;
}
.label04, .label04:visited{
	display: block;
	width: 100%;
	height: 50px;
	color: #fff;
	border-left: #14af87 10px solid;
	background: #0f6047 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 0.8em 0px 0px 1em;
	box-sizing: border-box;
	text-decoration: none;
}
.label04:hover{
	background: #5accab url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	color: #fff;
}

.label05,
.label05:visited{
	display: block;
	width: 100%;
	height: 50px;
	color: #fff;
	background: #3976a8 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 0.9em 0px 0px 1em;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
}
.label05:hover{
	background: #509dd1 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	color: #fff;
}

.label06_1{
	width: 100%;
	color: #183272;
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 0.9em 0em;
}

.label06_2{
	width: 100%;
	color: #fff;
	background: #183272;
	text-align: left;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 0.9em 0em 0.9em 1em;
}

.label07{
	height: 50px;
	color: #000;
	background: #c5f9e7 url(/wp_files/wp-content/uploads/icon_label01.png) no-repeat top left;
	text-align: left;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 0.8em 0px 0px 2em;
	box-sizing: border-box;
}

.label08{
	border-bottom: #14af87 2px solid;
	color: #0f6047;
	text-align: left;
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
	padding: 10px 0px 10px 5px;
	box-sizing: border-box;
}

.label09{
	color: #000;
	text-align: left;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	background: #dcf9f0;
}

.label10{
	height: 60px;
	color: #000;
	text-align: left;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 20px 0px 0px 10px;
	box-sizing: border-box;
	background: #fff;
	border-left: #14af87 10px solid;
}

.label11{
	color: #000;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px 0px 16px 0px;
}

.label12{
	color: #0f6047;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px 0px 16px 0px;
}



/*----------
TOPポイント*/
.label_top_point{
	height: 60px;
	background: #14af87 url(/wp_files/wp-content/uploads/icon_label03.png) no-repeat right bottom;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}
.top_point01{
	display: block;
	height: 60px;
	background: url(/wp_files/wp-content/uploads/top_point01.png) no-repeat left top;
	padding-left: 220px;
	padding-top: 18px;
	box-sizing: border-box;
}
.top_point02{
	display: block;
	height: 60px;
	background: url(/wp_files/wp-content/uploads/top_point02.png) no-repeat left top;
	padding-left: 220px;
	padding-top: 18px;
	box-sizing: border-box;
}
.top_point03{
	display: block;
	height: 60px;
	background: url(/wp_files/wp-content/uploads/top_point03.png) no-repeat left top;
	padding-left: 220px;
	padding-top: 18px;
	box-sizing: border-box;
}
.top_point04{
	display: block;
	height: 60px;
	background: url(/wp_files/wp-content/uploads/top_point04.png) no-repeat left top;
	padding-left: 220px;
	padding-top: 18px;
	box-sizing: border-box;
}

/*----------
ボタン01*/
.btn01, .btn01:visited{
	display: block;
	width: 420px;
	height: 60px;
	background: url(/wp_files/wp-content/uploads/btn_bg01.png) no-repeat left top;
	padding: 0.9em 0px 0px 6.5em;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.btn01:hover{
	background: url(/wp_files/wp-content/uploads/btn_bg01.png) no-repeat left bottom;
	color: #fff;
}

/*----------
ボタン02*/
.btn02,
.btn02:visited{
	display: block;
	width: 300px;
	height: 40px;
	border: #0f6047 1px solid;
	background: url(/wp_files/wp-content/uploads/point03.png) no-repeat 270px 0.6em;
	padding: 0.4em 0em 0em 1em;
	font-size: 0.9em;
	color: #0f6047;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.btn02:hover{
	background: url(/wp_files/wp-content/uploads/point03_2.png) no-repeat 270px 0.6em;
	color: #14af87;
}

/*----------
PDFダウンロードボタン*/
.btn_PDF,
.btn_PDF:visited{
	display: block;
	width: 240px;
	height: 90px;
	background: url(/wp_files/wp-content/uploads/btn_PDF.png) no-repeat left top;
	padding: 2.1em 0px 0px 4.2em;
	font-size: 1em;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.btn_PDF:hover{
	background: url(/wp_files/wp-content/uploads/btn_PDF.png) no-repeat left bottom;
	color: #ff3333;
}


/*----------
リストメニュー*/
.listmenu{margin: 10px 0px;}
.listmenu ul{
width: 100%;
margin: 0px auto;
height: 30px;
overflow: hidden;
border-left: #0f6047 1px solid;
box-sizing: border-box;
}
.listmenu li{
height: 30px;
float: left;
border-right: #0f6047 1px solid;
padding: 4px 15px 0px 25px;
box-sizing: border-box;
background: url(/wp_files/wp-content/uploads/point05.png) no-repeat 8px 10px;
font-weight: bold;
}
.listmenu li a,
.listmenu li a:visited{
color: #0f6047;
text-decoration: none;
}
.listmenu li a:hover{
color: #14af87;
}

/*----------
リストメニュー2*/
.listmenu2{
width: 100%;
overflow: hidden;
border-top: #23af80 1px dotted;
border-bottom: #23af80 1px dotted;
padding:10px 0px 5px 0px;
}
.listmenu2_1,
.listmenu2_2{
width: 49%;
float: left;
}
.listmenu2_1 ul,
.listmenu2_2 ul{
width: 100%;
margin: 0px 0px 5px 0px;
height: 30px;
overflow: hidden;
box-sizing: border-box;
}
.listmenu2_1 li,
.listmenu2_2 li{
width: 60px;
height: 30px;
float: left;
}
.listmenu2_1 li p,
.listmenu2_2 li p{
width: 60px;
height: 30px;
font-weight: bold;
color: #fff;
text-align: center;
background: #0f6047;
padding-top: 4px;
box-sizing: border-box;
}
.listmenu2_1 li a,
.listmenu2_2 li a,
.listmenu2_1 li a:visited,
.listmenu2_2 li a:visited{
display: inline-block;
width: 60px;
height: 30px;
color: #0f6047;
text-align: center;
text-decoration: none;
border-right: #0f6047 1px solid;
background: #fff;
font-weight: bold;
padding-top: 4px;
box-sizing: border-box;
}
.listmenu2_1 li a:hover,
.listmenu2_2 li a:hover{
color: #fff;
background: #14af87;
}



/*----------
青リスト*/
.blue_numberlist{display: inline-block; margin:0px 20px; padding-top: 10px; font-size: 0.9em;}
.blue_numberlist ol{}
.blue_numberlist > ol > li{list-style: none; padding-bottom: 8px;}
.blue_numberlist li.number01{
	background: url(/wp_files/wp-content/uploads/number_blue01.png) no-repeat 0px 2px;
	padding-left: 25px;
}
.blue_numberlist li.number02{
	background: url(/wp_files/wp-content/uploads/number_blue02.png) no-repeat 0px 2px;
	padding-left: 25px;
}
.blue_numberlist li > span{font-weight: bold; display: block;}
.blue_numberlist li > ol > li{margin-left: 15px; padding-top: 8px;}


.typelist{ padding-bottom: 30px;}
.typelist li .label_link a,
.typelist li .label_link a:visited{
	display: block;
	background: #14af87 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 10px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	padding: 12px 0px 12px 10px;
	font-weight: bold;
}
.typelist li .label_link a:hover{
background: #37cc9e url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 10px;
}
.typelist > ul > li > ul{overflow: hidden; width: 96%; margin: 0 2%; padding: 10px 0px 20px 0px;}
.typelist > ul > li > ul > li{
	display: block;
	width: 45%;
	float: left;
	background: #fff url(/wp_files/wp-content/uploads/point06_green.png) no-repeat 0px 6px;
	padding: 0px 0px 0px 20px;
}
.typelist > ul > li > ul > li a,
.typelist > ul > li > ul > li a:visited{
	color: #000;
	text-decoration: none;
}
.typelist > ul > li > ul > li a:hover{
	color: #14af87;
}


.FAQ_menu{}
.FAQ_menu ul{
width: 100%;
overflow: hidden;
}
.FAQ_menu li{
width: 185px;
float: left;
text-align: center;
margin-left: 8px;
}
.FAQ_menu li:first-child{margin: 0;}
.FAQ_menu li a,
.FAQ_menu li a:visited{
display: block;
color: #fff;
text-decoration: none;
width: 185px;
height: 76px;
padding-top: 20px;
background: url(/wp_files/wp-content/uploads/btn_bg02.png) no-repeat top left;
box-sizing: border-box;
}
.FAQ_menu li a:hover{
background: url(/wp_files/wp-content/uploads/btn_bg02.png) no-repeat bottom left;
}



/*----------
テーブル*/

.table_typeA,
.table_typeB,
.table_typeC,
.table_typeD{
width: 100%;
margin: 0 auto;
}
.table_typeA50{
width: 50%;
margin: 0 auto;
}
.table_typeA table,
.table_typeA50 table,
.table_typeC table{
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
border-bottom: #ccc 1px solid;
font-size: 90%;
}
.table_typeA th,
.table_typeA50 th,
.table_typeB th,
.table_typeC th{
padding: 5px;
text-align: center;
background: #f2f2f2;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
}
.table_typeA th span,
.table_typeA50 th span,
.table_typeB th span,
.table_typeC th span{
font-size: 0.8em;
line-height: 1;
}
.table_typeA td.white_td,
.table_typeA50 td.white_td{
padding: 5px 10px;
text-align: center;
background: #fff;
border-right: #ccc 1px solid;
}
.table_typeA td.yellow_td,
.table_typeA50 td.yellow_td{
padding: 5px 10px;
text-align: center;
background: #ffffcc;
border-right: #ccc 1px solid;
}

.table_typeB table{
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
font-size: 90%;
}
.table_typeB td.white_td{
padding: 5px 10px;
text-align: center;
background: #fff;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}

.table_typeC td.white_td{
padding: 5px 10px;
text-align: center;
background: #fff;
border-right: #ccc 1px solid;
font-weight: bold;
}
.table_typeC td.yellow_td{
padding: 5px 10px;
text-align: center;
background: #ffffcc;
border-right: #ccc 1px solid;
font-weight: bold;
}

.table_typeA td.left_td{font-weight: bold; text-align: right !important;}
.table_typeB td.left_td{font-weight: bold;}
.table_typeC td.left_td{font-weight: bold;}

sub {font-size: x-small; vertical-align: baseline;} /* 下付き文字 */
sup {font-size: x-small; vertical-align: top;} /* 上付き文字 */

.table_typeD{ background: #ccc;}
.table_typeD th{
padding: 10px 10px 10px 20px;
text-align: left;
background: #f2f2f2;
}
.table_typeD td.white_td{
padding: 10px 20px;
text-align: left;
background: #fff;
}



/*----------
TOPに戻るリンク（黒背景用）*/
.return_top01,
.return_top02{width: 100%; overflow: hidden; padding: 20px 0px 10px 0px;}
.return_top01 a,
.return_top01 a:visited{
	display: inline-block;
	width: 120px;
	float: right;
	padding-left: 20px;
	background: url(/wp_files/wp-content/uploads/icon_returntop01.png) no-repeat 0px 5px;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFF;
}
.return_top01 a:hover{
	background: url(/wp_files/wp-content/uploads/icon_returntop01.png) no-repeat 0px -21px;
	text-decoration: none;
	color: #14af87;
}
/*----------
TOPに戻るリンク（白背景用）*/
.return_top02 a,
.return_top02 a:visited{
	display: inline-block;
	width: 120px;
	float: right;
	padding-left: 20px;
	background: url(/wp_files/wp-content/uploads/icon_returntop02.png) no-repeat 0px 5px;
	box-sizing: border-box;
	text-decoration: none;
	color: #000;
}
.return_top02 a:hover{
	background: url(/wp_files/wp-content/uploads/icon_returntop02.png) no-repeat 0px -21px;
	text-decoration: none;
	color: #14af87;
}
/*----------*/

main #pan_menu{
	width: 100%;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 10px 0px;
	box-sizing: border-box;
}
main #pan_menu .inner_block{
	width: 940px;
	margin: 0px auto;
	font-size: 0.9em;
}

/*=============================================================*/

footer{
	width: 100%;
	font-size: 0.9em;
}

#footer_inner{
	width: 940px;
	margin: 0px auto;
	padding: 10px 0px 20px 0px;
	overflow: hidden;
}
#footer_inner .footer_logo{width: 200px; float: left;}
#footer_inner .footer_logo img{width: 200px;}
#footer_inner ul{width:170px; float: left; margin-left: 14px; padding-top: 5px;}
#footer_inner .main_menu{
	background: url(/wp_files/wp-content/uploads/footer_link_bg.png) no-repeat bottom right;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px !important;
	padding-bottom: 2px;
}
#footer_inner li{display: inline-block; width:170px; margin-bottom: 5px;}
#footer_inner a,
#footer_inner a:visited{color: #000; text-decoration: none;}
#footer_inner a:hover{color: #14af87;}

#footer_contact{background: #14af87; padding-top: 20px;}
#footer_contact .inner_block{
	width: 840px;
	margin: 0px auto;
	color: #FFF;
	overflow: hidden;
}
#footer_contact .contact_time{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}
#footer_contact .time_txt{
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#footer_contact .time_box{
	width: 50%;
	float: left;
	background: #7af4cf;
	padding: 3px 0px;
	color: #000;
	border-radius: 20px;
	box-sizing: border-box;
}
#footer_contact .mailform_box{
	width: 30%;
	height: 55px;
	float: left;
	background: url(/wp_files/wp-content/uploads/footer_icon_mail.png) no-repeat bottom left;
	box-sizing: border-box;
}
#footer_contact .mailform_box a,
#footer_contact .mailform_box a:visited{color: #FFF; text-decoration: none;}
#footer_contact .mailform_box a:hover{color: #fff080;}
#footer_contact .mailform_box span{
	display: block;
	margin-left: 65px;
	line-height: 1;
	font-size: 1.4em;
	padding-top: 20px;
	font-weight: bold;
	box-sizing: border-box;
}
#footer_contact .tel_box{
	width:70%;
	height: 55px;
	float: left;
	background: url(/wp_files/wp-content/uploads/footer_icon_tel.png) no-repeat bottom left;
	line-height: 1 !important;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0 2.5em;
	box-sizing: border-box;
	overflow: hidden;
}
#footer_contact .tel_box p{display: inline-block;float:left;padding: 0.5em 0 0 2em;}
#footer_contact .tel_box span{
	display: block;
	font-weight: bold;
	box-sizing: border-box;
}
#footer_contact .tel_box a[href^="tel:"] {cursor: default; color: #FFF; text-decoration: none; pointer-events: none;font-size: 230%;}
#footer_contact .copyright{clear: both !important; display: block; width: 100%; text-align: center; color: #FFF; padding: 10px 0px !important;}






/*=============================================================
pc*/

#TOP_main{
width: 100%;
background: #000 url(/wp_files/wp-content/uploads/TOP_main_img.png) no-repeat top center;
color: #fff;
}
#TOP_main h1{
width: 1000px;
margin: 0px auto;
height: 620px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#TOP_main .main_comment{
width: 940px;
margin: 0px auto;
line-height: 2;
padding-bottom: 20px;
}

#TOP_detail{
background: #000;
}
#TOP_detail .detail_block{
width: 1000px;
margin: 0px auto;
background: #fff;
padding: 30px;
overflow: hidden;
}
#TOP_detail .detail_block img{
float: left;
}
#TOP_detail .detail_rightbox{
width: 65%;
float: right;
}
#TOP_detail .detail_bottombox{
padding-top: 20px;
clear: both;
}
#TOP_detail .detail_block ul{
padding: 20px 0px;
}
#TOP_detail .detail_block li{
list-style: url(/wp_files/wp-content/uploads/point06_green.png);
margin-left: 30px;
padding-bottom: 10px;
}
#TOP_detail .detail_block li p{
font-weight: bold;
}
#TOP_detail .detail_block li span{
display: block;
padding-top: 6px;
}

#TOP_point{
background: #6adbb5;
}

#TOP_point ol{
display: block;
width: 980px;
margin: 0px auto;
list-style: none;
padding: 20px 0px;
}
#TOP_point li{
display: block;
background: #fff;
border-radius: 15px;
padding: 20px 0px;
margin-bottom: 10px;
}
#TOP_point h3{
width: 98%;
}
#TOP_point .step_inner{
width: 94%;
margin: 0 auto;
padding-top: 15px;
overflow: hidden;
}
#TOP_point .step_inner p{}
#TOP_point .step_inner > ol{width: 100%; overflow: hidden; padding: 0;}
#TOP_point .step_inner > ol > li{
width: 30%;
float: left;
margin-right: 20px;
border-radius: 0;
padding: 15px 0px;
box-sizing: border-box;
}
#TOP_point .step_inner > ol > li img{
width: 100%;
display: block;
margin: 0 auto 5px auto;
border: #ccc 1px solid;
}
#TOP_point .step_inner > ol > li span{
display: block;
font-size: 0.9em;
}

#TOP_point .step_inner_left{
width: 40%;
float: left;
}
#TOP_point .step_inner_left img{
width: 98%;
border: #ccc 1px solid;
}
#TOP_point .step_inner_right{
width: 59%;
float: right;
}
#TOP_point .step_inner_right > .table_typeB caption{
width: 100%;
text-align: left;
padding: 5px 0px;
}

#TOP_point .step_inner_right > ul{
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
#TOP_point .step_inner > .step_inner_right > ul > li.point03_li{
background: url(/wp_files/wp-content/uploads/point06_green.png) no-repeat 0px 6px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 20px !important;
border-radius: 0;
}
#TOP_point .point04_img img{
width: 100%;
}
#TOP_point .step04_etc{
width: 100%;
margin: 0;
padding: 10px 0px;
overflow: hidden;
}
#TOP_point .step04_etc dt{
display: block;
width: 10% !important;
margin: 0;
float: left;
}
#TOP_point .step04_etc dd{
display: block;
width: 76% !important;
margin: 0;
float: left;
}
#TOP_point .step04_li{
padding: 0;
margin: 0;
}
#TOP_point .step04_li li{
width: 150px;
background: url(/wp_files/wp-content/uploads/point06_green.png) no-repeat 0px 6px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 20px !important;
border-radius: 0;
float: left;
}
#TOP_point .ordermade{
width: 600px;
margin: 0px auto;
padding: 10px 0px;
text-align: center;
}
#TOP_point .ordermade a{
display: block;
width: 600px;
padding-top: 155px;
background: url(/wp_files/wp-content/uploads/btn_ordermade.png) no-repeat top left;
}
#TOP_point .ordermade a:hover{
opacity: 0.7;
}

#TOP_example{
background: #9ce5e0;
}
#TOP_example .example_list{
width: 980px;
margin: 0 auto;
padding: 20px 0px;
}
#TOP_example .example_list ul{
overflow: hidden;
margin-left: 15px;
}
#TOP_example .example_list li{
width: 470px;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
background: #fff;
border: #ccc 1px solid;
box-sizing: border-box;
}
#TOP_example .example_list_box{
overflow: hidden;
padding-top: 10px;
}
#TOP_example .example_list_label{
width: 30%;
float: left;
background: url(/wp_files/wp-content/uploads/bg_gray.png);
border-radius: 6px;
padding: 15px 0px;
color: #fff;
text-align: center;
}
#TOP_example .example_list_txt{
width: 66%;
float: right;
padding-top: 3px;
}

#TOP_example .daito_data{
background: url(/wp_files/wp-content/uploads/bg_green.png);
padding: 20px 0px 0px 0px;
}

#TOP_example .daito_data_block{
background: #fff;
border-radius: 15px;
width: 960px;
height: 720px;
margin: 0 auto;
position: relative;
}
#TOP_example .daito_data_block .title{
width: 240px;
height: 240px;
background: url(/wp_files/wp-content/uploads/daito_data_taotle.png) no-repeat top left;
position: absolute;
top: 30px;
left: 45px;
}
#TOP_example .daito_data_block .title h3{
display: block;
width: 240px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#TOP_example .daito_data_block .title span{
display: block;
width: 240px;
color: #fff;
padding-top: 150px;
text-align: center;
}
#TOP_example .daito_data_block .graph01{
position: absolute;
top: 30px;
right: 45px;
}
#TOP_example .daito_data_block .graph02{
position: absolute;
bottom: 30px;
right: 45px;
}


#TOP_productsList{
background: #efedb6;
}
#TOP_productsList .productsList_base{
width: 980px;
margin: 0 auto;
padding: 20px 0px;
}

#TOP_productsList .productsList_base ul{
width: 100%;
overflow: hidden;
}
#TOP_productsList .productsList_base li{
background: #fff;
display: block;
margin-bottom: 10px;
padding: 20px;
box-sizing: border-box;
float: left;
}
#TOP_productsList .productsList_long{
width: 100%;
overflow: hidden;
}
#TOP_productsList .productsList_long_img{
width: 50%;
float: right;
padding: 0 !important;
}
#TOP_productsList .productsList_long_img img{width: 100%;}
#TOP_productsList .productsList_long_img img:hover{
opacity: 0.7;
}
#TOP_productsList .productstxt_box{
width: 50%;
float: left;
}
#TOP_productsList .productsList_long h3{
font-size: 1.2em;
line-height: 1.5;
}
#TOP_productsList .productsList_long p{padding-top: 10px;}

#TOP_productsList .productsList_short{
width: 53%;
overflow: hidden;
margin-right: 10px;
height: 390px;
}
#TOP_productsList .productsList_short img{
width: 100%;
}
#TOP_productsList .productsList_short img:hover{
opacity: 0.7;
}
#TOP_productsList .productsList_short h3,
#TOP_productsList .productsList_short p{
width: 100%;
}
#TOP_productsList .productsList_short h3{
font-size: 1.2em;
line-height: 1.5;
}
#TOP_productsList .productsList_short p{
padding-top: 10px;
}
#TOP_productsList .productsList_PDF{
width: 45%;
overflow: hidden;
text-align: center;
background: #fffde1 !important;
height: 390px;
}
#TOP_productsList .productsList_PDF h3{
font-size: 1.2em;
line-height: 1.5;
padding: 15px 0px;
}
#TOP_productsList .PDF_DL{
width: 100%;
overflow: hidden;
padding-top: 30px;
}
#TOP_productsList .PDF_DL_img{float: left;margin-right: 10px;}
#TOP_productsList .PDF_DL_btn{text-align: left;padding-top: 45px;}


/*-------------------------------------
二階層目以下*/

#company_contents,
#FAQ_contents,
#products_contents,
#contact_contents{
	width: 1000px;
	margin: 0 auto;
}
#company_contents section,
#FAQ_contents section,
#products_contents section,
#contact_contents section{
width: 960px; margin: 0px auto; padding: 10px 0px;
}

/*-------------------------------------
会社概要*/

#company_contents .company_photo{width: 100%; overflow: hidden;}
#company_contents .company_photo p{width: 310px; float: left; margin: 10px 0px 0px 10px;}
#company_contents .greeting{width: 100%; padding: 10px 0px; overflow: hidden;}
#company_contents .greeting .photo{width: 300px; float: left;}
#company_contents .greeting p{width: 630px; float: right; padding-bottom: 20px; line-height: 1.8;}
#company_contents .products_photo_small,
#company_contents .products_photo_big{width: 100%; overflow: hidden; padding: 10px 0px 10px 0px; clear: both;}
#company_contents .products_photo_small p{width: 221px; float: left; margin-left: 10px;}
#company_contents .products_photo_small p span{display: inline-block; width: 100%; text-align: center; font-size: 90%;}
#company_contents .products_photo_big p{width: 450px; float: left; margin-left: 10px;}
#company_contents .table_history{padding: 10px 0px; width: 98%; margin: 0% 1%; box-sizing: border-box; }
#company_contents .table_history th{background: #514941; color: #fff; font-weight: normal; text-align: right; padding: 20px 10px;}
#company_contents .table_history td{padding: 20px 10px;; border-bottom: #514941 1px dotted;}

#company_contents .name{height: 120px; text-align: right; background: url(/wp_files/wp-content/uploads/ecoaction.jpg) no-repeat top left;}

.banner_tsugitte a,
.banner_tsugitte a:visited{
display: block;
width: 600px;
margin: 0px auto;
padding-top: 135px;
background: url(/wp_files/wp-content/uploads/banner_tsugitte.jpg) no-repeat top left;
font-size: 90%;
text-align: center;
}
.banner_tsugitte a:hover{opacity: 0.8;}

#client div{display: flex;overflow: hidden;}
#client .txt_block{width: 30%; display: inline-block;}



/*-------------------------------------
商品カタログ*/

#products_contents .products_top{
overflow: hidden;
}
#products_contents .products_toptxt{
width: 560px;
float: left;
}
#products_contents .products_topimg{
width: 370px;
float: right;
}
#products_contents .products_history{
background: #f7f4e2;
border-radius: 8px;
padding: 10px 20px;
box-sizing: border-box;
clear: both;
}
#products_contents .products_history_photo{
width: 100%;
overflow: hidden;
padding: 20px 0px;
}
#products_contents .products_history_photo p{
width: 300px;
float: left;
margin-left: 10px;
}
#products_contents .products_history_photo p:first-child{margin: 0;}

#products_contents .catalog_menu{
width: 940px;
margin: 0px auto;
padding-bottom: 30px;
overflow:hidden;
clear: both;
}
#products_contents .catalog_menu img{float:right;}
#products_contents .catalog_menu_txt{
width: 430px;
float: left;
}
#products_contents .catalog_menu_txt h3{ line-height: 1.5;}
#products_contents .catalog_menu_txt p{ font-size: 1.2em; font-weight: bold; padding-bottom: 10px;}
#products_contents .catalog_menu a img:hover{ opacity: 0.7;}

#products_contents .catalog_menu ul{overflow: hidden;padding: 10px 0px;}
#products_contents .catalog_menu li{
float: left;
list-style: disc;
margin-left: 20px;
margin-right: 10px;
color: #0f6047;
}
#products_contents .products_mainimg{padding-bottom: 10px;}
.type_btn{width: 960px; margin: 0px auto; padding: 20px 0px;}

#iron_chrom{
width: 100%;
background: #f2f2f2;
padding: 20px 0px;
}
#iron_chrom .iron_chrom_inner{width: 960px;margin: 0px auto;}
#iron_chrom .iron_chrom_list{padding: 20px 0px;}
#iron_chrom .iron_chrom_list li{margin-left: 20px;padding-bottom: 5px;}
#iron_chrom .iron_chrom_inner p{width: 98%; margin: 0 1%; padding-bottom: 10px;}
#iron_chrom .iron_chrom_inner p.center{text-align: center;}
#iron_chrom .iron_chrom_inner p.center img{margin: 10px 0px 0px 0px;}
#iron_chrom .chrome_box_base{width: 100%; overflow: hidden;}
#iron_chrom .chrome_box{
width: 49%;
background: #fff;
border-radius: 8px;
float: left;
margin-left: 1%;
padding: 20px 10px;
box-sizing: border-box;
height: 400px;
}
#iron_chrom .chrome_box:first-child{margin: 0;}
#iron_chrom .chrome_box_point{
background: url(/wp_files/wp-content/uploads/point06_blue.png) no-repeat 5px 7px;
padding-left: 20px;
font-weight: bold;
color: #183272;
}
#products_contents .attention,
#iron_chrom .chrome_attention{
font-size: 0.8em;
padding-top: 10px;
}


#products_contents .typebox_base{
width: 100%;
overflow: hidden;
clear: both;
}

#products_contents .typebox_base dl{
width: 100%;
overflow: hidden;
}
#products_contents .typebox_base dt{
display: inline-block;
float: left;
}
#products_contents .typebox_base dd{
display: inline-block;
float: left;
}

#products_contents .typebox{
width: 450px;
float: left;
padding: 10px 0px;
margin-left: 20px;
}

#products_contents .product_img_block{
width: 100%;
overflow: hidden;
padding: 20px 0px;
}
#products_contents .product_img_block img{
width: 50%;
float: left;
}
#products_contents .product_img_block p{
width: 45%;
float: right;
}

#products_contents .PDF_block{
background: #dcf9f0;
overflow: hidden;
padding: 20px 40px;
box-sizing: border-box;
}
#products_contents .PDF_block p{
width: 55%;
float: left;
}
#products_contents .PDF_block p span{
display: block;
font-weight: bold;
padding-bottom: 10px;
}
#products_contents .PDF_block .btn_box{
width: 35%;
float: left;
}

#products_contents .download_PDF{
border: #dcf9f0 5px solid;
width: 100%;
overflow: hidden;
padding: 20px 30px;
box-sizing: border-box;
}
#products_contents .download_PDF p{
float: left;
}
#products_contents .download_PDF p.PDF_title{
margin: 0px 40px;
padding-top: 60px;
width: 300px;
font-size: 1.1em;
box-sizing: border-box;
}
#products_contents .download_PDF p.btn{
padding-top: 60px;
box-sizing: border-box;
}


/*-------------------------------------
FAQ*/

#FAQ_contents .FAQ_block{
padding: 10px 0px;
}
#FAQ_contents .FAQ_block p{
padding: 10px 0px;
width: 920px;
margin: 0px auto;
line-height: 1.8;
}

/*----------------------------------------------------------------------------------------------------------blog*/

#primary .post-navigation{
	width:1000px;
	margin:0 auto !important;
	border-top:#ccc 1px solid;
	padding:10px 0px;
}
#primary .entry-footer{padding:20px 0px 8px 0px; margin:0; text-align:right; font-size:90%;}
#primary .entry-footer span{display:inline-block; margin-left:10px;}
#primary .entry-meta{padding:8px 0px 8px 0px; margin:0; text-align:right; font-size:90%;}
#primary .entry-meta a:link, .entry-meta a:visited,
#primary .entry-footer a:link, .entry-footer a:visited{color:#14af87;}
#primary .entry-meta a:hover, .entry-meta a:active,
#primary .entry-footer a:hover, .entry-footer a:active{color:#5accab;}

.page-header{width:1000px; margin:0 auto 20px auto !important;}
.page-header h1{ padding: 30px 20px !important; font-size: 150%;}

#primary .entry-header h2{padding:10px; background:#c5f9e7; border-left:#14af87 5px solid; font-size: 110%;}
#primary .entry-header h2 a:link, .entry-header h2 a:visited{color:#000; text-decoration:none;}
#primary .entry-header h2 a:hover, .entry-header h2 a:active{color:#14af87;}
#primary .entry-header .byline{display:none;}

#primary .entry-contents{width:1000px; margin:0 auto; padding-bottom:20px;}
#primary .blog-entry{width:96%; margin:0 auto; font-size:100%; line-height:1.5;}
/**/
.archive-contents .blog-entry p,
#primary .blog-entry p{padding:10px 0;}
.archive-contents .blog-entry h1,
#primary .blog-entry h1{font-size:400% !important; border:none !important; margin:0 !important; padding:10px 0 !important; color:#333 !important;}
.archive-contents .blog-entry h2,
#primary .blog-entry h2{font-size:300%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h3,
#primary .blog-entry h3{font-size:200%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h4,
#primary .blog-entry h4{font-size:100%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h5,
#primary .blog-entry h5{font-size:90%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h6,
#primary .blog-entry h6{font-size:80%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry blockquote,
#primary .blog-entry blockquote{border-left:#ccc 5px solid;padding:0 10px !important; margin:0 !important;color:#999;}
.archive-contents .blog-entry code,
#primary .blog-entry code{font-size:80%;}
.archive-contents .blog-entry ul,
#primary .blog-entry ul{margin:0 0 0 30px !important; padding: 0 !important; list-style:disc !important;}
.archive-contents .blog-entry ul li,
#primary .blog-entry ul li{margin:0 !important; padding:  0 0 5px 0 !important; list-style:disc !important;}
.archive-contents .blog-entry ol,
#primary .blog-entry ol{margin:0 0 0 30px !important; padding: 0 !important;}
.archive-contents .blog-entry ol li,
#primary .blog-entry ol li{margin:0 !important; padding:  0 0 5px 0 !important;}
.archive-contents .blog-entry hr,
#primary .blog-entry hr{height: 1px; border: none; margin: 5px 0 !important;}

	
	
	
	
	
#content{border-bottom: #ccc 1px solid;}
	
.comments-area{
	width:1000px;
	margin:0 auto;
	padding:20px 0;
}
.comments-area ol{display:block; margin:0; padding:0; border-bottom: #ccc 3px dotted;}
.comments-area li{margin:0 0 0 0; padding:0 0 10px 0; list-style:none;}
.comment-meta{background:#f1f1f1; overflow:hidden; clear:both; padding:5px 0px;}
.comment-author{float:left; margin-left:5px;}
.comment-metadata{float:right; margin-right:5px;}
.comment-metadata span{display:inline-block; margin-left:10px;}
	
.archive-contents{width:1000px; margin:0 auto; padding-bottom:20px;}
.archive-contents h1{
	border-bottom: #14af87 5px solid;
	color: #000;
	text-align: left;
	font-size: 1.7em;
	line-height: 1;
	font-weight: bold;
	padding: 30px 0px 30px 20px;
}

/*-------------------------------------
404*/

.error-404{padding: 50px 0px;}
.error-404_inner{width: 1000px;margin: 0 auto;}
.error-404 p.title{font-size: 140%; font-weight: bold; padding-bottom: 30px !important;}
.error-404 p{padding-bottom: 10px;}
.error_btn{padding: 20px 0px;}
.btn03 a:link,
.btn03 a:visited{
display: block;
width: 300px;
height: 60px;
border: #0f6047 2px solid !important;
border-radius: 8px;
background:#fff;
box-sizing: border-box;
text-align: center;
padding-top: 14px;
text-decoration: none;
font-size: 120%;
font-weight: bold;
color: #0f6047 !important;
}
.btn03 a:hover,
.btn03 a:active{
background:#14af87;
background-size: 12px 12px;
color: #fff !important;
}

}





@media (max-width: 640px) {

/*=============================================================
common*/

body{
font-size: 2em;
position: relative;
-webkit-text-size-adjust: 100%;
}

.smp{display: block;}
.pc{display: none;}

/*=============================================================*/

header{
	width: 100%;
	background: #FFF;
}
#header_inner{
	width: 98%;
	margin: 0 1%;
	overflow: hidden;
}
#header_inner .header_logo{width: 80%; height: 100px; float: left;}
#header_inner .header_logo img{ width: 80%; margin-top: 10px;}
#menuBtn{width: 20%; height: 80px; float: right; text-align: right;}
#menuBtn img{ width: 80%;}
#header_inner .inner_block{display: none;}

/*=============================================================*/

#header_pan_menu{
	width: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
	background: #dcf9f0;
}
#header_pan_menu .inner_block{
	width: 96%;
	margin: 0 2% 0 2%;
	font-size: 0.8em;
}

/*=============================================================*/

main{width: 100%;}

.txt_block{width: 100%; padding: 10px 0px; margin: 0px 10px; line-height: 1.5;}
.txt_center{text-align: center !important;}
.txt_left{text-align: left !important;}

.txt_red{color: #ff0000;}

.label01{
	border-top: #2c3333 10px solid;
	color: #fff;
	background: url(/wp_files/wp-content/uploads/bg_gray.png);
	text-align: center;
	font-size: 1.9em;
	line-height: 1;
	font-weight: bold;
	padding: 30px 0px;
}
.label02{
	border-bottom: #14af87 5px solid;
	color: #000;
	text-align: left;
	font-size: 1.7em;
	line-height: 1;
	font-weight: bold;
	padding: 30px 0px 30px 20px;
}
.label02 span{ display: block; font-size: 0.7em; color: #0f6047; padding-top: 10px;}

.label03{
	height: 60px;
	color: #000;
	background: #eeefc5 url(/wp_files/wp-content/uploads/icon_label02.png) no-repeat top left;
	text-align: left;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 17px 0px 0px 30px;
	box-sizing: border-box;
}
.label04,
.label04:visited{
	display: block;
	width: 100%;
	height: 50px;
	color: #fff;
	border-left: #14af87 10px solid;
	background: #0f6047 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 12px 0px 0px 25px;
	box-sizing: border-box;
	text-decoration: none;
}
.label04:hover{
	background: #5accab url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	color: #fff;
}

.label05,
.label05:visited{
	display: block;
	width: 100%;
	height: 50px;
	color: #fff;
	background: #3976a8 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 12px 0px 0px 0px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
}
.label05:hover{
	background: #509dd1 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 15px;
	color: #fff;
}

.label06_1{
	width: 100%;
	color: #183272;
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 0.9em 0em;
}

.label06_2{
	width: 100%;
	color: #fff;
	background: #183272;
	text-align: left;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 0.9em 0em 0.9em 1em;
}

.label07{
	height: 50px;
	color: #000;
	background: #c5f9e7 url(/wp_files/wp-content/uploads/icon_label01.png) no-repeat top left;
	text-align: left;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	padding: 0.5em 0px 0px 1.2em;
	box-sizing: border-box;
}

.label08{
	border-bottom: #14af87 2px solid;
	color: #0f6047;
	text-align: left;
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
	padding: 10px 0px 10px 5px;
	box-sizing: border-box;
}

.label09{
	color: #000;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.4;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	background: #dcf9f0;
}

.label10{
	height: 60px;
	color: #000;
	text-align: left;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	padding: 20px 0px 0px 10px;
	box-sizing: border-box;
	background: #fff;
	border-left: #14af87 10px solid;
}

.label11{
	color: #000;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px 0px 16px 0px;
}

.label12{
	color: #0f6047;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 12px 0px 16px 0px;
}



/*----------
TOPポイント*/
.label_top_point{
	height: 50px;
	background: url(/wp_files/wp-content/uploads/icon_label03_smp.png) no-repeat right center;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	box-sizing: border-box;
}
.top_point01{
	height: 50px;
	display: block;
	background: url(/wp_files/wp-content/uploads/top_point01.png) no-repeat left center;
	background-size: 29%;
	padding: 12px 0px 0px 180px;
	box-sizing: border-box;
}
.top_point02{
	display: block;
	height: 50px;
	background: url(/wp_files/wp-content/uploads/top_point02.png) no-repeat left top;
	background-size: 29%;
	padding: 12px 0px 0px 180px;
	box-sizing: border-box;
}
.top_point03{
	display: block;
	height: 50px;
	background: url(/wp_files/wp-content/uploads/top_point03.png) no-repeat left top;
	background-size: 29%;
	padding: 12px 0px 0px 180px;
	box-sizing: border-box;
}
.top_point04{
	display: block;
	height: 50px;
	background: url(/wp_files/wp-content/uploads/top_point04.png) no-repeat left top;
	background-size: 29%;
	padding: 12px 0px 0px 180px;
	box-sizing: border-box;
}

/*----------
ボタン01*/
.btn01,
.btn01:visited{
	display: block;
	width: 420px;
	height: 60px;
	background: url(/wp_files/wp-content/uploads/btn_bg01.png) no-repeat left top;
	padding: 14px 0px 0px 120px;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.btn01:hover{
	background: url(/wp_files/wp-content/uploads/btn_bg01.png) no-repeat left bottom;
	color: #fff;
}

/*----------
ボタン02*/
.btn02,
.btn02:visited{
	display: block;
	width: 100%;
	height: 50px;
	border: #0f6047 1px solid;
	background: url(/wp_files/wp-content/uploads/point03.png) no-repeat 98% 0.7em;
	padding: 7px 0px 0px 12px;
	font-size: 0.9em;
	color: #0f6047;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.btn02:hover{
	background: url(/wp_files/wp-content/uploads/point03_2.png) no-repeat 98% 0.7em;
	color: #14af87;
}

/*----------
PDFダウンロードボタン*/
.btn_PDF,
.btn_PDF:visited{
	display: block;
	width: 400px;
	height: 80px;
	margin: 0px auto;
	background: url(/wp_files/wp-content/uploads/btn_PDF_smp.png) no-repeat left top;
	padding: 24px 0px 0px 20px;
	font-size: 1em;
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.btn_PDF:hover{
	color: #ff3333;
}


/*----------
リストメニュー*/
.listmenu{margin: 10px 0px;}
.listmenu ul{
width: 100%;
margin: 0;
overflow: hidden;
box-sizing: border-box;
}
.listmenu li{
width: 48%;
float: left;
border: #0f6047 1px solid;
padding: 12px 15px 10px 30px;
margin-bottom: 10px;
margin-right: 10px;
box-sizing: border-box;
background: url(/wp_files/wp-content/uploads/point05.png) no-repeat 15px 20px;
font-weight: bold;
color: #B4B4B4;
}
.listmenu li.long_menu{
width:100%;
float: left;
border: #0f6047 1px solid;
padding: 12px 15px 10px 30px;
margin-bottom: 10px;
background: url(/wp_files/wp-content/uploads/point05.png) no-repeat 15px 20px;
font-weight: bold;
color: #B4B4B4;
box-sizing: border-box;
}
.listmenu li a,
.listmenu li a:visited{
width:100%;
color: #0f6047;
text-decoration: none;
}
.listmenu li a:hover{
color: #14af87;
}

/*----------
リストメニュー2*/
.listmenu2{
width: 100%;
overflow: hidden;
border-top: #23af80 1px dotted;
border-bottom: #23af80 1px dotted;
padding:10px 0px 5px 0px;
}
.listmenu2_1,
.listmenu2_2{
width: 100%;
}
.listmenu2_1 ul,
.listmenu2_2 ul{
width: 100%;
margin: 0px 0px 5px 0px;
height: 40px;
overflow: hidden;
box-sizing: border-box;
}
.listmenu2_1 li,
.listmenu2_2 li{
width: 16%;
height: 40px;
float: left;
}
.listmenu2_1 li p,
.listmenu2_2 li p{
width: 100%;
height: 40px;
font-weight: bold;
color: #fff;
text-align: center;
background: #0f6047;
padding-top: 5px;
box-sizing: border-box;
}
.listmenu2_1 li a,
.listmenu2_2 li a,
.listmenu2_1 li a:visited,
.listmenu2_2 li a:visited{
display: inline-block;
width: 100%;
height: 40px;
color: #0f6047;
text-align: center;
text-decoration: none;
border-right: #0f6047 1px solid;
background: #fff;
font-weight: bold;
padding-top: 4px;
box-sizing: border-box;
}
.listmenu2_1 li a:hover,
.listmenu2_2 li a:hover{
color: #fff;
background: #14af87;
}



/*----------
青リスト*/
.blue_numberlist{display: inline-block; margin:0px 20px; padding-top: 10px; font-size: 0.9em;}
.blue_numberlist ol{}
.blue_numberlist > ol > li{list-style: none; padding-bottom: 8px;}
.blue_numberlist li.number01{
	background: url(/wp_files/wp-content/uploads/number_blue01.png) no-repeat 0px 2px;
	padding-left: 25px;
}
.blue_numberlist li.number02{
	background: url(/wp_files/wp-content/uploads/number_blue02.png) no-repeat 0px 2px;
	padding-left: 25px;
}
.blue_numberlist li > span{font-weight: bold; display: block;}
.blue_numberlist li > ol > li{margin-left: 15px; padding-top: 8px;}


.typelist{ padding-bottom: 30px;}
.typelist li .label_link a,
.typelist li .label_link a:visited{
	display: block;
	background: #14af87 url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 12px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	padding: 12px 0px 12px 10px;
	font-weight: bold;
}
.typelist li .label_link a:hover{
background: #37cc9e url(/wp_files/wp-content/uploads/point07.png) no-repeat 99% 12px;
}

.typelist > ul > li > ul{overflow: hidden; width: 96%; margin: 0 2%; padding: 10px 0px 20px 0px;}
.typelist > ul > li > ul > li{
	display: block;
	width: 45%;
	float: left;
	background: #fff url(/wp_files/wp-content/uploads/point06_green.png) no-repeat 0px 10px;
	padding: 0px 0px 0px 18px;
	margin-right: 8px;
}
.typelist > ul > li > ul > li a,
.typelist > ul > li > ul > li a:visited{
	color: #000;
	text-decoration: none;
}
.typelist > ul > li > ul > li a:hover{
	color: #14af87;
}


.FAQ_menu{}
.FAQ_menu ul{
width: 100%;
overflow: hidden;
}
.FAQ_menu li{
width: 100%;
text-align: left;
}
.FAQ_menu li a,
.FAQ_menu li a:visited{
display: block;
color: #fff;
text-decoration: none;
width: 100%;
padding: 15px 0px 15px 40px;
font-size: 1.2em;
line-height: 1;
font-weight: bold;
margin-bottom: 5px;
background: #0f6047 url(/wp_files/wp-content/uploads/point07.png) no-repeat 10px 17px;
box-sizing: border-box;
}
.FAQ_menu li a:hover{
background: #339966 url(/wp_files/wp-content/uploads/point07.png) no-repeat 10px 17px;
}



/*----------
テーブル*/

.table_typeA,
.table_typeB,
.table_typeC,
.table_typeD{
width: 100%;
margin: 0 auto;
font-size: 0.9em;
line-height: 1;
}
.table_typeA50{
width: 100%;
margin: 0 auto;
}
.table_typeA table,
.table_typeA50 table,
.table_typeC table{
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.table_typeA th,
.table_typeA50 th,
.table_typeB th,
.table_typeC th{
padding: 5px;
text-align: center;
background: #f2f2f2;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
}
.table_typeA th span,
.table_typeA50 th span,
.table_typeB th span,
.table_typeC th span{
line-height: 1;
}
.table_typeA td.white_td,
.table_typeA50 td.white_td{
padding: 5px 10px;
text-align: center;
background: #fff;
border-right: #ccc 1px solid;
}
.table_typeA td.yellow_td,
.table_typeA50 td.yellow_td{
padding: 5px 10px;
text-align: center;
background: #ffffcc;
border-right: #ccc 1px solid;
}

.table_typeB table{
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
font-size: 80%;
}
.table_typeB td.white_td{
padding: 5px 10px;
text-align: center;
background: #fff;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}

.table_typeC td.white_td{
padding: 5px 10px;
text-align: center;
background: #fff;
border-right: #ccc 1px solid;
font-weight: bold;
font-size: 90%;
}
.table_typeC td.yellow_td{
padding: 5px 10px;
text-align: center;
background: #ffffcc;
border-right: #ccc 1px solid;
font-weight: bold;
}

.table_typeA td.left_td{font-weight: bold; text-align: right !important;}
.table_typeB td.left_td{font-weight: bold;}
.table_typeC td.left_td{font-weight: bold;}

sub {font-size: x-small; vertical-align: baseline;} /* 下付き文字 */
sup {font-size: x-small; vertical-align: top;} /* 上付き文字 */

.table_typeD{ background: #ccc;}
.table_typeD th{
padding: 10px 10px 10px 20px;
text-align: left;
background: #f2f2f2;
}
.table_typeD td.white_td{
padding: 10px 20px;
text-align: left;
background: #fff;
line-height: 1.5;
}



/*----------
TOPに戻るリンク（黒背景用）*/
.return_top01,
.return_top02{width: 100%; overflow: hidden; padding: 20px 0px 10px 0px;}
.return_top01 a,
.return_top01 a:visited{
	display: inline-block;
	width: 24%;
	float: right;
	padding-left: 20px;
	background: url(/wp_files/wp-content/uploads/icon_returntop01.png) no-repeat 0px 5px;
	box-sizing: border-box;
	text-decoration: none;
	color: #FFF;
}
.return_top01 a:hover{
	background: url(/wp_files/wp-content/uploads/icon_returntop01.png) no-repeat 0px -21px;
	text-decoration: none;
	color: #14af87;
}
/*----------
TOPに戻るリンク（白背景用）*/
.return_top02 a,
.return_top02 a:visited{
	display: inline-block;
	width: 24%;
	float: right;
	padding-left: 20px;
	background: url(/wp_files/wp-content/uploads/icon_returntop02.png) no-repeat 0px 5px;
	box-sizing: border-box;
	text-decoration: none;
	color: #000;
}
.return_top02 a:hover{
	background: url(/wp_files/wp-content/uploads/icon_returntop02.png) no-repeat 0px -21px;
	text-decoration: none;
	color: #14af87;
}
/*----------*/

main #pan_menu{
	width: 100%;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 10px 0px;
	box-sizing: border-box;
}
main #pan_menu .inner_block{
	width: 96%;
	margin: 0 2% 0 2%;
	font-size: 0.8em;
}


/*=============================================================*/

footer{
	width: 100%;
	font-size: 1em;
}

#footer_inner{
	width: 96%;
	margin: 0 2% 0 2%;
	padding: 10px 0px 400px 0px;
	overflow: hidden;
}
#footer_inner .footer_logo{width: 100%;}
#footer_inner .footer_logo img{width: 40%;}
#footer_inner ul{float: left; margin-right: 10px; padding-top: 10px; overflow: hidden;}
#footer_inner ul.home{width: 24%;}
#footer_inner ul.products{width: 36%;}
#footer_inner ul.company{width: 30%;}
#footer_inner .main_menu{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0px !important;
	margin-left: 0 !important;
	padding-top: 0 !important;
}
#footer_inner li{display: inline-block; width:100%; margin-top: 8px;}
#footer_inner a,
#footer_inner a:visited{color: #000; text-decoration: none;}
#footer_inner a:hover{color: #14af87;}

#footer_contact{
width: 100%;
position: fixed;
bottom: 0px;
right: 0px;
z-index: 10000;
background: #14af87;
}
#footer_contact .inner_block{
	width: 96%;
	margin: 0 2% 0 2%;
	color: #FFF;
	overflow: hidden;
	padding-top: 20px;
}
#footer_contact .contact_time{
	width: 100%;
	font-weight: bold;
	overflow: hidden;
	padding-bottom: 10px;
}
#footer_contact .time_txt{
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.3em;
	box-sizing: border-box;
	text-align: center;
}
#footer_contact .time_box{
	width: 100%;
	background: #7af4cf;
	text-align: center;
	padding: 3px 0px;
	color: #000;
	border-radius: 20px;
	box-sizing: border-box;
}
#footer_contact .mailform_box{
	clear: both;
	width:100%;
	height: 60px;
	margin: 0 0 0.5em 0;
	background: url(/wp_files/wp-content/uploads/footer_icon_mail.png) no-repeat left;
	box-sizing: border-box;
}
#footer_contact .mailform_box a,
#footer_contact .mailform_box a:visited{color: #FFF; text-decoration: none;}
#footer_contact .mailform_box a:hover{color: #fff080;}
#footer_contact .mailform_box span{
	display: block;
	margin: 0 0 0 2.5em;
	line-height: 1;
	font-size: 140%;
	padding: 0.6em 0 0 0;
	font-weight: bold;
	box-sizing: border-box;
}
#footer_contact .tel_box{
	width: 100%;
	background: url(/wp_files/wp-content/uploads/footer_icon_tel.png) no-repeat top left;
	/*background: url(../images/footer_icon_tel.png) no-repeat top left;*/
	line-height: 1;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0 2.5em;
	box-sizing: border-box;
}
#footer_contact .tel_box p{margin: 0 0 0.5em 1em;}
#footer_contact .tel_box span{
	display:inline-block;
	width: 22%;
	box-sizing: border-box;
	padding: 1em 0 0 0;
	margin-right: 0.8em;
	font-size: 80%;
	line-height: 1.2;
	float: left;
	text-align: right;
}
#footer_contact .tel_box a[href^="tel:"],
#footer_contact .tel_box a[href^="tel:"]:visited{display: inline-block;color: #FFF; text-decoration: none;font-size:230%;}
#footer_contact .tel_box a[href^="tel:"]:hover {color: #fff080;}
#footer_contact .copyright{display: block; width: 100%; text-align: center; color: #FFF; padding: 10px 0px;}






/*=============================================================
smp*/

#TOP_main{
width: 100%;
background: #000 url(/wp_files/wp-content/uploads/TOP_main_img.png) no-repeat top center;
background-size: 130%;
color: #fff;
}
#TOP_main h1{
width: 100%;
height: 360px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#TOP_main .main_comment{
width: 92%;
margin: 0 4% 0 4%;
line-height: 2;
padding-bottom: 20px;
}

#TOP_detail{
background: #000;
}
#TOP_detail .detail_block{
width: 100%;
background: #fff;
padding: 20px;
box-sizing: border-box;
overflow: hidden;
}
#TOP_detail .detail_block img{
width: 30%;
margin: 0 35% 20px 35%;
}
#TOP_detail .detail_rightbox{
width: 100%;
}
#TOP_detail .detail_bottombox{
padding-top: 20px;
clear: both;
}
#TOP_detail .detail_block ul{
padding: 20px 0px;
}
#TOP_detail .detail_block li{
list-style: url(/wp_files/wp-content/uploads/point06_green.png);
margin-left: 30px;
padding-bottom: 10px;
}
#TOP_detail .detail_block li p{
font-weight: bold;
}
#TOP_detail .detail_block li span{
display: block;
padding-top: 6px;
}

#TOP_point{
background: #6adbb5;
}

#TOP_point ol{
display: block;
width: 96%;
margin: 0 2% 0 2%;
list-style: none;
padding: 20px 0px;
}
#TOP_point li{
display: block;
background: #fff;
border-radius: 15px;
padding: 20px 0px;
margin-bottom: 10px;
}
#TOP_point h3{
width: 98%;
}
#TOP_point .step_inner{
width: 94%;
margin: 0 3% 0 3%;
padding-top: 15px;
overflow: hidden;
}
#TOP_point .workList{
width: 100%;
}
#TOP_point .workList li{
display: block !important;
float: none !important;
width: 100% !important;
overflow: hidden;
}
#TOP_point .workList li img{
width: 50% !important;
float: left !important;
}
#TOP_point .workList li p{
width: 48% !important;
float: right !important;
}

#TOP_point .step_inner p{}
#TOP_point .step_inner > ol{width: 100%; overflow: hidden; padding: 0; margin: 0;}
#TOP_point .step_inner > ol > li{
width: 32%;
float: left;
margin-right: 5px;
border-radius: 0;
padding: 0px;
box-sizing: border-box;
font-size: 0.8em;
}
#TOP_point .step_inner > ol > li img{
width: 98%;
display: block;
margin: 0 auto 5px auto;
border: #ccc 1px solid;
}
#TOP_point .step_inner > ol > li span{
display: block;
font-size: 0.9em;
}

#TOP_point .step_inner_left{
width: 40%;
margin: 0 30% 0 30%;
padding-bottom: 10px;
}
#TOP_point .step_inner_left img{
width: 98%;
border: #ccc 1px solid;
}
#TOP_point .step_inner_right{
width: 100%;
}
#TOP_point .step_inner_right > .table_typeB caption{
width: 100%;
text-align: left;
padding: 20px 0px 10px 0px;
}

#TOP_point .step_inner_right > ul{
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
#TOP_point .step_inner > .step_inner_right > ul > li.point03_li{
background: url(/wp_files/wp-content/uploads/point06_green.png) no-repeat 0px 6px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 20px !important;
border-radius: 0;
}
#TOP_point .point04_img img{
width: 100%;
}
#TOP_point .step04_etc{
width: 100%;
margin: 0;
padding: 10px 0px;
overflow: hidden;
}
#TOP_point .step04_etc dt{
display: block;
width: 15% !important;
margin: 0;
float: left;
}
#TOP_point .step04_etc dd{
display: block;
width: 82% !important;
margin: 0;
float: left;
}
#TOP_point .step04_li{
padding: 0;
margin: 0;
}
#TOP_point .step04_li li{
width: 40%;
background: url(/wp_files/wp-content/uploads/point06_green.png) no-repeat 0px 6px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 20px !important;
border-radius: 0;
float: left;
}
#TOP_point .ordermade{
width: 100%;
margin: 0px;
padding: 10px 0px;
text-align: center;
}
#TOP_point .ordermade a,
#TOP_point .ordermade a:visited{
display: block;
width: 100%;
padding-top: 155px;
background: url(/wp_files/wp-content/uploads/btn_ordermade.png) no-repeat top left;
background-size: 100%;
}
#TOP_point .ordermade a:hover{
opacity: 0.7;
}

#TOP_example{
background: #9ce5e0;
}
#TOP_example .example_list{
width: 98%;
margin: 0 1% 0 1%;
padding: 20px 0px;
}
#TOP_example .example_list ul{
overflow: hidden;
margin-left: 15px;
}
#TOP_example .example_list li{
width: 48%;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
background: #fff;
border: #ccc 1px solid;
box-sizing: border-box;
}
#TOP_example .example_list li img{width: 100%;}
#TOP_example .example_list_box{
overflow: hidden;
padding-top: 10px;
}
#TOP_example .example_list_label{
width: 100%;
background: url(/wp_files/wp-content/uploads/bg_gray.png);
border-radius: 6px;
padding: 5px 0px;
color: #fff;
text-align: center;
box-sizing: border-box;
}
#TOP_example .example_list_txt{
width: 100%;
padding-top: 5px;
text-align: center;
}

#TOP_example .daito_data{
background: url(/wp_files/wp-content/uploads/bg_green.png);
padding: 20px 0px 0px 0px;
}

#TOP_example .daito_data_block{
background: #fff;
border-radius: 15px;
width: 96%;
height: 600px;
margin: 0 2% 0 2%;
position: relative;
}
#TOP_example .daito_data_block .title{
width: 150px;
height: 150px;
background: url(/wp_files/wp-content/uploads/daito_data_taotle.png) no-repeat top left;
background-size: 100%;
position: absolute;
top: 15px;
left: 15px;
}
#TOP_example .daito_data_block .title h3{
display: block;
width: 150px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#TOP_example .daito_data_block .title span{
display: block;
width: 150px;
color: #fff;
padding-top: 82px;
text-align: center;
font-size: 0.8em;
}
#TOP_example .daito_data_block .graph01{
width: 70%;
position: absolute;
top: 15px;
right: 15px;
}
#TOP_example .daito_data_block .graph01 img,
#TOP_example .daito_data_block .graph02 img{width: 100%;}
#TOP_example .daito_data_block .graph02{
position: absolute;
width: 94%;
bottom: 30px;
right: 15px;
}


#TOP_productsList{
background: #efedb6;
}
#TOP_productsList .productsList_base{
width: 96%;
margin: 0 2% 0 2%;
padding: 20px 0px;
}

#TOP_productsList .productsList_base ul{
width: 100%;
overflow: hidden;
}
#TOP_productsList .productsList_base li{
background: #fff;
display: block;
margin-bottom: 10px;
padding: 20px;
box-sizing: border-box;
float: left;
}
#TOP_productsList .productsList_long{
width: 100%;
overflow: hidden;
}
#TOP_productsList .productsList_long_img{
width: 100%;
padding: 0 !important;
}
#TOP_productsList .productstxt_box{
width: 100%;
}
#TOP_productsList .productsList_long h3{
font-size: 1.2em;
line-height: 1.5;
}
#TOP_productsList .productsList_long p{
padding-top: 10px;
}
#TOP_productsList .productsList_btn{
width: 420px !important;
margin: 0 auto !important;
}

#TOP_productsList .productsList_short{
width: 100%;
overflow: hidden;
}
#TOP_productsList .productsList_short img{
width: 100%;
}
#TOP_productsList .productsList_short h3,
#TOP_productsList .productsList_short p{
width: 100%;
}
#TOP_productsList .productsList_short h3{
font-size: 1.2em;
line-height: 1.5;
}
#TOP_productsList .productsList_short p{
padding-top: 10px;
}
#TOP_productsList .productsList_PDF{
width: 100%;
overflow: hidden;
text-align: center;
background: #fffde1 !important;
}
#TOP_productsList .productsList_PDF h3{
font-size: 1.2em;
line-height: 1.5;
padding: 0px 0px 10px 0px;
}
#TOP_productsList .PDF_DL{
width: 72%;
overflow: hidden;
padding-top: 10px;
margin: 0 14% 0 14%;
}
#TOP_productsList .PDF_DL_img{
margin-bottom: 20px;
}
#TOP_productsList .PDF_DL_btn{
text-align: left;
}


/*-------------------------------------
二階層目以下*/

#company_contents,
#FAQ_contents,
#products_contents,
#contact_contents{
	width: 100%;
	margin: 0;
}
#company_contents section,
#FAQ_contents section,
#products_contents section,
#contact_contents section{
width: 96%; margin: 0 2% 0 2%; padding: 10px 0px;
}

/*-------------------------------------
会社概要*/

#company_contents .company_photo{width: 100%; overflow: hidden;}
#company_contents .company_photo p{width: 48%; float: left; margin: 10px 0px 0px 10px;}
#company_contents .company_photo p img{width: 100%;}
#company_contents .greeting{width: 100%; padding: 10px 0px; overflow: hidden;}
#company_contents .greeting .photo{width: 30%; float: left;}
#company_contents .greeting .photo img{width: 100%;}
#company_contents .greeting p{width: 68%; float: right; padding-bottom: 20px; line-height: 1.8;}
#company_contents .products_photo_small,
#company_contents .products_photo_big{width: 100%; overflow: hidden; padding: 10px 0px 10px 0px; clear: both;}
#company_contents .products_photo_small p{width: 47%; float: left; margin-left: 10px; margin-bottom: 10px;}
#company_contents .products_photo_small p img{width: 100%;}
#company_contents .products_photo_small p span{display: inline-block; width: 100%; text-align: center; font-size: 1em;}
#company_contents .products_photo_big p{width: 100%; margin-left: 10px; margin-bottom: 10px;}
#company_contents .products_photo_big p img{width: 100%;}
#company_contents .table_history{padding: 10px 0px; width: 98%; margin: 0% 1%; box-sizing: border-box; }
#company_contents .table_history th{background: #514941; color: #fff; font-weight: normal; text-align: right; padding: 20px 10px; width:30%;}
#company_contents .table_history td{padding: 20px 10px;; border-bottom: #514941 1px dotted;}

.banner_tsugitte a{
display: block;
width: 600px;
margin: 0px auto;
padding-top: 135px;
background: url(/wp_files/wp-content/uploads/banner_tsugitte.jpg) no-repeat top left;
font-size: 90%;
text-align: center;
}
.banner_tsugitte a:hover{opacity: 0.8;}

#client div{padding: 1em 0;}
#client div .txt_block{padding: 0;}


/*-------------------------------------
商品カタログ*/

#products_contents .products_top{
overflow: hidden;
}
#products_contents .products_toptxt{
width: 100%;
margin-bottom: 20px;
}
#products_contents .products_topimg{
width: 50%;
margin: 0 25% 0 25%;
}
#products_contents .products_topimg img{width: 100%;}
#products_contents .products_history{
margin-top: 20px;
background: #f7f4e2;
border-radius: 8px;
padding: 10px 20px;
box-sizing: border-box;
clear: both;
}
#products_contents .products_history_photo{
width: 100%;
overflow: hidden;
padding: 20px 0px;
}
#products_contents .products_history_photo p{
width: 32%;
float: left;
margin-left: 10px;
}
#products_contents .products_history_photo p img{width: 100%;}
#products_contents .products_history_photo p:first-child{
margin: 0;
}

#products_contents .catalog_menu{
width: 98%;
margin: 0 1% 0 1%;
padding-bottom: 30px;
overflow:hidden;
clear: both;
}
#products_contents .catalog_menu_txt{
width: 100%;
}
#products_contents .catalog_menu_txt h3{ line-height: 1.5;}
#products_contents .catalog_menu_txt p{ font-size: 1.2em; font-weight: bold; padding-bottom: 10px;}
#products_contents .catalog_menu img{width: 100%;}
#products_contents .catalog_menu a img:hover{ opacity: 0.7;}

#products_contents .catalog_menu ul{overflow: hidden;padding: 10px 0px;}
#products_contents .catalog_menu li{
width: 45%;
float: left;
list-style: disc;
margin-left: 20px;
margin-right: 10px;
padding-bottom: 10px;
color: #0f6047;
}
#products_contents .products_mainimg{padding-bottom: 10px;}
#products_contents .products_mainimg img{width: 100%;}
#products_contents .type_btn01{width: 100%; padding: 20px 0px;}
.type_btn{width: 96%; margin: 0 2% 0 2%; padding: 20px 0px;}

#iron_chrom{
width: 100%;
background: #f2f2f2;
padding: 20px 0px;
}
#iron_chrom .iron_chrom_inner{width: 96%; margin: 0px 2% 0px 2%; overflow: hidden;}
#iron_chrom .iron_chrom_list{padding: 20px 0px;}
#iron_chrom .iron_chrom_list li{margin: 0px 30px; padding-bottom: 5px;}
#iron_chrom .iron_chrom_inner p{width: 96%; margin: 0 2% 0 2%; padding-bottom: 10px;}
#iron_chrom .iron_chrom_inner p.center{text-align: center;}
#iron_chrom .iron_chrom_inner p.center img{margin: 10px 0px 0px 0px;}
#iron_chrom .chrome_box_base{width: 100%; overflow: hidden;}
#iron_chrom .chrome_box{
width: 100%;
background: #fff;
border-radius: 8px;
padding: 20px 10px;
margin-bottom: 10px !important;
box-sizing: border-box;
}
#iron_chrom .chrome_box_point{
background: url(/wp_files/wp-content/uploads/point06_blue.png) no-repeat 5px 7px;
padding-left: 20px;
font-weight: bold;
color: #183272;
}
#products_contents .attention,
#iron_chrom .chrome_attention{
font-size: 0.8em;
padding-top: 10px;
}


#products_contents .typebox_base{
width: 100%;
overflow: hidden;
clear: both;
}

#products_contents .typebox_base dl{
width: 100%;
overflow: hidden;
}
#products_contents .typebox_base dt{
width: 20% !important;
margin: 0;
padding: 0;
display: block;
float: left;
}
#products_contents .typebox_base dd{
width: 75% !important;
margin: 0;
padding: 0;
display: block;
float: left;
}

#products_contents .typebox{
width: 100%;
padding: 10px 0px;
}

#products_contents .product_img_block{
width: 100%;
overflow: hidden;
padding: 20px 0px;
}
#products_contents .product_img_block img{
width: 100%;
}
#products_contents .product_img_block p{
width: 100%;
}

#products_contents .PDF_block{
background: #dcf9f0;
overflow: hidden;
padding: 20px 40px;
box-sizing: border-box;
}
#products_contents .PDF_block p{
width: 100%;
}
#products_contents .PDF_block p span{
display: block;
font-weight: bold;
padding-bottom: 10px;
}
#products_contents .PDF_block .btn_box{
width: 100%;
padding-top: 20px;
}

#products_contents .download_PDF{
border: #dcf9f0 5px solid;
width: 100%;
overflow: hidden;
padding: 20px 30px;
box-sizing: border-box;
text-align: center;
}
#products_contents .download_PDF p{
}
#products_contents .download_PDF p.PDF_title{
margin: 0px;
width: 100%;
font-size: 1.1em;
box-sizing: border-box;
padding-top: 20px;
}
#products_contents .download_PDF p.btn{
box-sizing: border-box;
padding-top: 20px;
}


/*-------------------------------------
FAQ*/

#FAQ_contents .FAQ_block{
padding: 10px 0px;
}
#FAQ_contents .FAQ_block p{
padding: 10px 0px;
width: 100%;
line-height: 1.8;
}

/*-------------------------------------------------------------------------------------------------------
blog*/

#primary .post-navigation{
	width:100%;
	margin:0 !important;
	border-top:#ccc 1px solid;
	padding:10px 0px;
}
#primary .entry-footer{width:96%; margin:0 auto; padding:20px 0px 8px 0px; text-align:right; font-size:90%;}
#primary .entry-footer span{display:inline-block; margin-left:10px;}
#primary .entry-meta{width:96%; margin:0 auto; padding:8px 0px 8px 0px; text-align:right; font-size:90%;}
#primary .entry-meta a:link, .entry-meta a:visited,
#primary .entry-footer a:link, .entry-footer a:visited{color:#14af87;}
#primary .entry-meta a:hover, .entry-meta a:active,
#primary .entry-footer a:hover, .entry-footer a:active{color:#5accab;}

.page-header{width:100%; margin:0 auto 20px auto !important; border-top: #ccc 1px solid;}
.page-header h1{padding: 30px 0px 30px 10px !important; font-size: 150%; color:#000;}
.archive-contents .page-header h1{border-bottom: #14af87 5px solid;}

#primary .entry-header h2{padding:10px; background:#c5f9e7; border-left:#14af87 5px solid; font-size: 130%;}
#primary .entry-header h2 a:link, .entry-header h2 a:visited{color:#000; text-decoration:none;}
#primary .entry-header h2 a:hover, .entry-header h2 a:active{color:#14af87;}
#primary .entry-header .byline{display:none;}

#primary .entry-contents{width:100%; padding-bottom:20px;}
#primary .entry-contents h1{border-top: #ccc 1px solid;}
#primary .blog-entry{width:96%; margin:0 auto; font-size:100%; line-height:1.5;}
/**/
.archive-contents .blog-entry p,
#primary .blog-entry p{padding:10px 0;}
.archive-contents .blog-entry h1,
#primary .blog-entry h1{font-size:400% !important; border:none !important; margin:0 !important; padding:10px 0 !important; color:#333 !important;}
.archive-contents .blog-entry h2,
#primary .blog-entry h2{font-size:300%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h3,
#primary .blog-entry h3{font-size:200%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h4,
#primary .blog-entry h4{font-size:100%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h5,
#primary .blog-entry h5{font-size:90%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry h6,
#primary .blog-entry h6{font-size:80%;padding:10px 0 !important; margin:0 !important;}
.archive-contents .blog-entry blockquote,
#primary .blog-entry blockquote{border-left:#ccc 5px solid;padding:0 10px !important; margin:0 !important;color:#999;}
.archive-contents .blog-entry code,
#primary .blog-entry code{font-size:80%;}
.archive-contents .blog-entry ul,
#primary .blog-entry ul{margin:0 0 0 30px !important; padding: 0 !important; list-style:disc !important;}
.archive-contents .blog-entry ul li,
#primary .blog-entry ul li{margin:0 !important; padding:  0 0 5px 0 !important; list-style:disc !important;}
.archive-contents .blog-entry ol,
#primary .blog-entry ol{margin:0 0 0 30px !important; padding: 0 !important;}
.archive-contents .blog-entry ol li,
#primary .blog-entry ol li{margin:0 !important; padding:  0 0 5px 0 !important;}
.archive-contents .blog-entry hr,
#primary .blog-entry hr{height: 1px; border: none; margin: 5px 0 !important;}



#content{border-bottom: #ccc 1px solid;}
	
.comments-area{
	width:98%;
	margin:0 auto;
	padding:20px 0;
}
.comments-area ol{display:block; margin:0; padding:0; border-bottom: #ccc 3px dotted;}
.comments-area li{margin:0; padding:0 0 10px 0; list-style:none;}
.comment-meta{background:#f1f1f1; overflow:hidden; clear:both; padding:5px 0px;}
.comment-author{float:left; margin-left:5px;}
.comment-metadata{float:right; margin-right:5px;}
.comment-metadata span{display:inline-block; margin-left:10px;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 49% !important;
	margin-left:1% !important;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	width: 49% !important;
	margin-right:1% !important;
}


/*-------------------------------------
404*/

.error-404{
width: 100%;
padding: 50px 0px;
border-top:#ccc 1px solid;
}
.error-404_inner{
width: 96%;
margin: 0 2%;
}
.error-404 p.title{font-size: 140%; font-weight: bold; padding-bottom: 30px !important;}
.error-404 p{padding-bottom: 10px;}
.error_btn{padding: 20px 0px;}
.btn03{width: 500px; margin: 0 auto;}
.btn03 a:link,
.btn03 a:visited{
display: block;
width: 500px;
height: 70px;
border: #0f6047 2px solid !important;
border-radius: 8px;
background:#fff;
box-sizing: border-box;
text-align: center;
padding-top: 16px;
text-decoration: none;
font-size: 120%;
font-weight: bold;
color: #0f6047 !important;
}
.btn03 a:hover,
.btn03 a:active{
background:#14af87;
color: #fff !important;
}

}




@media (min-width: 641px) {

#gnav{
display: block;
background: #14af87;
color: #FFF;
font-size: 100%;
}

.menu_btn01 a{
display: block;
width: 200px;
height: 80px;
background: url(../images/gnav_btn01.png) no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.menu_btn01 a:hover{background: url(../images/gnav_btn01.png) no-repeat bottom left;}

.menu_btn02 a{
display: block;
width: 200px;
height: 80px;
background: url(../images/gnav_btn02.png) no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.menu_btn03 a{
display: block;
width: 200px;
height: 80px;
background: url(../images/gnav_btn03.png) no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.menu_btn03 a:hover{background: url(../images/gnav_btn03.png) no-repeat bottom left;}

.menu_btn04 a{
display: block;
width: 200px;
height: 80px;
background: url(../images/gnav_btn04.png) no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.menu_btn04 a:hover{background: url(../images/gnav_btn04.png) no-repeat bottom left;}

.menu_btn05 a{
display: block;
width: 200px;
height: 80px;
background: url(../images/gnav_btn05.png) no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.menu_btn05 a:hover{background: url(../images/gnav_btn05.png) no-repeat bottom left;}



#gnav > ul {
width: 1000px;
margin: 0px auto;
display: table;
height: 80px;
overflow: hidden;
}
#gnav > ul > li {
display: table-cell;
width: 200px;
height: 80px;
float: left;
}
#gnav > ul > li:hover {
color: #FFF;
background-color: #0f6047;
}
#gnav > ul > li:hover > a {
color: #FFF;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
display: block;
/*padding: 25.5px 1em 15.5px;
transition: all .2s ease-in;*/
color: #FFF;
}
#gnav > ul .menu {
	transition: all .2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	left: 0px;
	text-align: center;
	position: absolute;
	background-color: #0f6047;
}
#gnav .menu_products_title{
text-align: left;
width: 1000px;
margin: 0px auto;
padding: 20px 0px 10px 0px;
border-bottom: #FFF 1px solid;
font-size: 110%;
font-weight: bold;
}
#gnav .menu_products_title a{
width: 100%;
display: block;
height: 30px !important;
padding: 0 !important;
margin: 0 !important;
}

#gnav > ul .menu .menu_inner {
/*padding: 1em 0;*/
display:block;
padding: 10px 0px 20px 0px;
width: 1000px;
margin: 0px auto;
overflow: hidden;
}
#gnav > ul .menu .menu_inner li {
display: inline-block;
/*margin: 0 .5em;*/
text-align: left;
background: url(../images/point01.png) no-repeat 1px 3px;
float: left;

}
#gnav > ul .menu .menu_inner li:hover{
background: url(../images/point01_ov.png) no-repeat 1px 3px;
}
.linkimg a{display: block; width: 220px !important; height: 165px !important;}
.linkimg a img{margin-top: 5px;}
.linktxt a{display: block; width: 220px !important; height: 30px !important;}

#gnav > ul .menu a {
background: none !important;
color: #FFF;
text-indent: inherit;
margin-left: 24px;
text-decoration: none;
}
#gnav > ul .menu a:hover{
color: #fff080;
}

}

@media (max-width: 640px) {

#gnav{
background: #14af87;
color: #FFF;
font-size: 100%;
}
#gnav{display: none;}
#gnav .menu{ display: none;}

#gnav li{
width: 100%;
height: 100px;
padding: 20px 20px;
border-bottom: #fff 2px solid;
font-size: 2em;
font-weight: bold;
box-sizing: border-box;
background: url(../images/point07.png) no-repeat 96% 40px;
box-sizing: border-box;
}
#gnav li a{display: block; width: 100%; color: #fff; text-decoration: none;}

}