/*Global Style*/

.w100 {width: 100%;}
.fl {float: left;}
.fr {float: right;}

/*Original document configuration*/

.w1080{width:1080px; margin:0 auto;}
html{ width: 1080px; }
body {color:#000; background:#F3F3F3; font:15px/30px -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif; width:1080px;}
body{ font-size: 15px; line-height: 30px; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif ;}
a{ color:#000;}
input{ outline: none;}
a:hover{color:#1ddab0;}
input,textarea {outline: none;}

/*Button only end*/
.btn_com{ display:inline-block; width:90px; height:32px; line-height:32px; background:#417be7; font-size:12px; text-align:center; color:#FFF; cursor:pointer;}
.btn_com:hover{ color:#fd711c;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.input_com{ border:2px solid #0099d9; padding:8px 10px; font-size:16px; line-height:16px;}



/*Block transformation*/
.di_in{ display:inline-block;}
.di_no{ display:none;}
.di_bl{ display:block;}

/*Original document configuration end*/



/* Top spacing */
.pt0{ padding-top:0px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:50px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:50px;}
.pt60{ padding-top:60px;}



/* To the left*/

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:25px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:35px;}
.ml45{ margin-left:35px;}
.ml50{ margin-left:50px;}

/* Font size */

.font14{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}

/*Vertical centre*/
.v_middle{ vertical-align:middle;}

/*Horizontal centre*/
.te-align{ text-align:center;}

/*Relative positioning*/
.p_r{ position:relative;}
.p_a{ position:absolute;}
/* White background*/
.bgfff{ background:#fff;}


/*Global Style end*/
body{
	background:#F3F3F3 url(../images/png_bg.png) repeat-y center top
}
.shadow{
	background: #fff;
}

/* faq */
.problem-answer{
	
}
.problem-answer h3{
	text-align: center;
	width: 901px;
	display: block;
	margin: 0 auto;
}
.problem-answer h3 img{
	width: 901px;
	display: block;
	margin: 0 auto;
}
.problem-com{
	width: 901px;
	margin: 50px auto 0;
}
.problem-com.mt0{
	margin-top: 0;
}
.problem-com h4{
	height: 46px;
	border-bottom: #e2e2e2 2px solid;
}
.problem-com h4 img{
	margin-top: 8.5px;
}
.problem-com ul li{
	margin-top: 30px;
	border: #dafddc 3px solid;
}
.problem-com ul li h5{
	background: #dffde1;
}
.problem-com ul li h5 img{
	max-width: 100%;
	padding: 20px 0;
}
.problem-com ul li .answer{
	padding: 15px 20px;
}
.problem-com ul li .answer em{
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
}
.list-coating{
	background: url(../images/home_link_an.png) no-repeat center top;
	display: block;
	height: 210px;
	margin: 48px 0 45px;
	transition: all 0.3s;
}
.list-coating:hover{
	background: url(../images/home_link_bn.png) no-repeat center top;
	transition: all 0.3s;
}
.effect-com p{
	line-height: 20px;
}
.information{
	width: 901px;
	padding: 50px 0;
	margin: 0 auto;
}
.information a{
	width: 430px;
	height: 110px;
	display: inline-block;
	transition: all 0.3s;
}
.information a:hover{
	transition: all 0.3s;
}
.information .information-a{
	background: url(../images/link_3_an.jpg) no-repeat center top;
}
.information .information-a:hover{
	background: url(../images/link_3_bn.jpg) no-repeat center top;
}
.information .report-a{
	background: url(../images/link_1_an.jpg) no-repeat center top;
}
.information .report-a:hover{
	background: url(../images/link_1_bn.jpg) no-repeat center top;
}
.information .faq-a{
	background: url(../images/link_2_an.jpg) no-repeat center top;
}
.information .faq-a:hover{
	background: url(../images/link_2_bn.jpg) no-repeat center top;
}
/* info */
.characteristic{
	width: 901px;
	margin: 20px auto 0;
	background: #f2f2f2;
	padding: 25px 35px;
	box-sizing: border-box;
}
.characteristic h5{
	margin-bottom: 15px;
	font-size: 18px;
}
.characteristic p{
	font-size: 16px;
}
.outline{
	width: 901px;
	margin: 60px auto 0;
	border: #8b8b8b 1px solid;
	border-collapse:collapse ;
	font-size: 16px;
}
.outline tr td,.outline tr th{
	border: #8b8b8b 1px solid;
	font-weight: normal;
	line-height: 22px;
	padding:8px 15px;
	color: #5d5d5d;
}
.outline thead th{
	color: #1d2f45;
	font-weight: bold;
}
.outline tbody {
	text-align: left;
}
.outline tbody tr:nth-child(2n+1){
	background: #f2f2f2;
}
.outline.shop tbody tr{
	background: none;
}
.outline.shop tbody tr th,.outline.shop tbody tr td{
	line-height: 30px;
	padding: 25px 15px;
}
/* report */
.problem-com .certificate-item li{
	margin: 0;
	border: 0;
}
.certificate-item{
	background: url(../images/report/report_bg.png) no-repeat center top;
	background-size: cover;
	padding: 30px 0 18px;
	margin-top: 30px;
}
.certificate-item li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.certificate-item li a {
	display: block;
}
.certificate-item li a > img{
	width: 220px;
	height: 311px;
	display: inline-block;
}
.certificate-item li span{
	display: inline-block;
	margin-top: 10px;
}
.certificate-item li span img{
	display: inline-block;
}
.list-report{
	background: url(../images/report/report_link_an.png) no-repeat center top;
	margin-bottom: 0;
}
.list-report:hover{
	background: url(../images/report/report_link_bn.png) no-repeat center top;
}
/* prod */
table{border-collapse: collapse;}
.shop_table{
	width: 710px;
	margin: 0 auto;
	text-align: left;
	margin-top: 50px;
}
.shop_table tr td,.shop_table tr th{
	border: #8b908c 1px solid;
	padding: 5px 15px;
	font-size: 15px;
	vertical-align: top;
}
.shop_table thead{
	background: #92d1a6;
	color:white;
}
.shop_table tbody tr.bgdffde1,.condition_table tbody tr:nth-child(2n-1){
	background: #dffde1;
}
.prod .problem-com{
	margin-top: 20px;
}
.outline_list{
	margin-top: 50px;
}
.outline_list dl{
	border: #dffde1 3px solid;
	width: 430px;
	height: 350px;
	box-sizing: border-box;
	padding-bottom: 12px;
}
.outline_list dl dt{
	line-height: 30px;
	padding: 15px 0;
	font-size: 18px;
	font-weight: bold;
	background: #dffde1;
	text-align: center;
	margin-bottom: 12px;
}
.outline_list dl dd{
	padding: 0 20px;
	font-size: 15px;
}
.experiment ul li{
	width: 50%;
	float: left;
	border: none;
	text-align: center;
	margin-top: 35px;
}
.experiment ul li img,.experiment ul li p{
	width: 376px;
	display: block;
	margin: 0 auto;
}
.experiment ul li p{
	padding: 10px 18px;
	line-height: 30px;
	height: 50px;
	box-sizing: border-box;
	background: #e1fee0;
	margin-top: 10px;
	text-align: left;
	font-weight: bold;
}
.measure{
	display: block;
	margin: 50px auto 0;
}
.be_careful{
	background: #f7f7f7;
	padding: 25px 0;
	margin-top: 50px;
}
.be_careful h5{
	margin-bottom: 20px;
}
.be_careful p{
	padding: 0 34px;
	font-size: 15px;
	line-height: 22px;
}
.other_information{
	margin-top: 20px;
}
.other_information ul li{
	width: 280px;
	float: left;
	margin-left: 30.5px;
	border: none;
	margin-top: 20px;
}
.other_information ul li:nth-child(3n+1){
	margin-left: auto;
}
.other_information h6{
	padding-bottom: 10px;
	border-bottom: #e3e3e3 2px solid;
}
.other_information p{
	font-size: 15px;
	line-height: 25px;
	margin-top: 15px;
}
/* index */
.index_pic{
	border: #dddddd 1px solid;
}
.index .outline_list dl{
	height: 274px;
	box-sizing: border-box;
	font-size: 13px;
}
.index .outline_list dt{
	padding: 0;
}
.index .outline_list dd{
	font-size: 15px;
}
.index .be_careful p{
	font-size: 15px;
	line-height: 30px;
}
.index .be_careful dl{
	margin-top: 25px;
	padding: 0 34px;
}
.index .be_careful dd{
	font-size: 14px;
	line-height: 20px;
}
.index .shop_table tr td{
	padding: 0 15px;
}
.index .introduce dl{
	height: 478px;
	border-color: #f2f2f2;
}
.index .introduce dt{
	background: #f2f2f2;
	margin-bottom: 0;
}
.index .introduce dd{
	padding: 0;
}
.index .outline_list img{
	max-width: 100%;
}
.li-en{ height: 60px; position: relative; margin: -8px 0;}
.li-en a{ display: inline-block; height: 60px;}
.li-en img{ height: 100%;}
@media screen and (max-width: 1080px) { 

	/*body{
		width: auto;
	}*/
	.w1080{
		width: 100%;
	}

}