@charset "utf-8";

.quality .main{
	background: url("../../equipment/images/quality_bg.jpg") no-repeat center;
	background-size: cover;
	position: relative;
	min-height: 250px;
	
}

.quality .main span{
font-size:14px;
position: absolute;
left: 1%;
bottom: 2%;
text-shadow: 2px 2px 3px rgba(255,255,255,1.0);}

.sub_navi {
	padding-top: 45px;
	padding-bottom: 30px;
}


.sub_navi ul {
	text-align: center;
}
.sub_navi ul li {
	display: inline-block;
	width: 240px;
	margin-right: 10px;
	margin-left: 10px;
	background: #f1e9cc;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing:border-box;
	
}
.sub_navi ul li.active {
	background: #ddc780;
	color:#000;
}
.sub_navi ul li a {
	color: #000;
	font-size: 17px;
	display: block;
	padding: 10px 0;
	font-family: "Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-decoration: none;
}
.sub_navi ul li.active a {
	color: #000;
}

.sub_navi ul li a span {
	display:block;
	font-size:12px;
}
.sub_navi ul li:hover {
	opacity:0.7;
}
.sub_navi ul li.active:hover {
	opacity:1;
}

.select{
	border: 1px solid #666;
	padding: 20px;
	font-size: 13px;
	margin-bottom: 50px;
}




@media only screen and (min-width: 769px){

.select ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;	
}	
	
	.select ul li{
	width: 32%;
	
	
}
.select ul li:not(:last-child){
	border-right: 1px dotted #666;
	
}
	
}


@media only screen and (max-width: 768px){

.select{
	margin-top: 50px;
	}	
	
.select ul li{
	width: 100%;
	text-align: center;
	
}
.select ul li:not(:last-child){
	border-bottom: 1px dotted #666;
	padding-bottom: 20px;
	margin-bottom: 20px;
	
}	
	
	
.quality .main{
	min-height: 150px;
	
}
	
	
.sub_navi {
	padding-top: 30px;
	padding-bottom: 30px;
}
.sub_navi ul{
	margin-right: 2%;
	margin-left: 2%;
}
.sub_navi ul li {
	display: inline-block;
	width: 47%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 2%;
	background: #ddd4a4;
	border: 1px solid #bca271;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.sub_navi ul li a {
	color: #000;
	font-size: 13px;
	display: block;
	padding: 10px 0;
	font-family: "Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-decoration: none;
	letter-spacing: -0.08em;
}
.sub_navi ul li.active a {
	color: #000;
}

.sub_navi ul li a span {
	display:block;
	font-size:12px;
}
	
}



.quality .title {
	padding-top: 60px;
	padding-bottom: 5px;
	text-align: center;
	margin-bottom:5px
}
@media only screen and (max-width: 768px){
.quality .title {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	padding-left:5%;
	padding-right:5%;
	width: 80%;
}
	
.qu_ttl_kit{
	background: #113239;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	}
	
.qu_ttl_pow{
	background: #3a0e01;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	}	

.qu_ttl_bath{
	background: #151d17;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	}		

	.qu_ttl_toil{
	background: #065b54 ;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	}	
	
.qu_ttl_kit p,.qu_ttl_pow p,.qu_ttl_bath p,.qu_ttl_toil p{
	width: 90%;
	margin: 30px auto 0;
	padding-bottom: 5px;
	}
	
	
	
}


.qu_catch01 {
	font-size: 30px;
	color: #a89131;
	margin-bottom: 70px;
	padding-top:20px;
	text-align: center;
}
.qu_st01 {
	font-size: 24px;
	color: #000;
	margin-bottom: 30px;
	text-align: left;
	border-bottom:1px solid #a89131;
	padding-bottom:10px;
}

.powder01{
	background: #e7eeef;
	padding: 40px;
}
.powder01 .powder01_ttl{
	font-size: 18px;
}

.powder01 .powder01_ttl span{
	font-size: 25px;
	color: #000257;
}

.mist{
	background: #e3ebe2;
	padding: 40px 40px 0 40px;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	
	
}

.mist .mist_ttl{
	font-size: 18px;
}
.mist_ttls{
	font-size: 16px;
	border: 1px solid #647845;
	text-align: center;
}

.mist .mist_ttl span{
	font-size: 25px;
	color: #0f3b1a;
}

.mist .mist_left{
	width: 60%;
}

.mist .mist_right{
	width: 35%;
}
.mist ul{
	margin-top: 10px;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;	
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
	
}
.mist ul li{
	width: 48%;
}


@media only screen and (max-width: 768px){

	.mist{
		padding: 20px;
		display: block;
	}	
	
.mist .mist_left{
	width: 100%;
	margin-bottom: 20px;
}

.mist .mist_right{
	width: 100%;
	text-align: center;
}	
.mist ul li{
	width: 100%;
}
	
.powder01{
	
	padding: 20px;
}
.powder01 .powder01_ttl,.mist .mist_ttl{
	font-size: 16px;
}

.powder01 .powder01_ttl span,.mist .mist_ttl span{
	font-size: 20px;
	
}	
	
.qu_catch01 {
	font-size: 21px;
	color: #a89131;
	margin-bottom: 35px;
	padding-top:20px;
	text-align: center;
}
.qu_st01 {
	font-size: 17px;
	color: #000;
	margin-bottom: 25px;
	text-align: left;
	border-bottom:1px solid #a89131;
	padding-bottom:10px;
}

}


.quality .catch01 {
	font-size: 30px;
	color: #a89131;
	text-align: center;
	margin-bottom: 70px;
}
.quality .eq_bg .introduction {
	line-height: 150%;
	margin-bottom: 20px;
}


@media only screen and (max-width: 768px){

.quality .catch01 {
	font-size: 20px;
	color: #a89131;
	text-align: center;
	margin-bottom: 20px;
	line-height: 150%;
}


}

.quality .sec_area1 {
	background: #f6f2e5;
	padding: 23px;
	margin-bottom: 65px;
	border: 1px solid #a89131;
}
.quality .sec_area1 .boxL {
	float: left;
	width: 36.07%;
	margin-right: 2.2%;
}
.quality .sec_area1 .boxR {
	float: right;
	width: 61.73%;
}

.quality .sec_area4 .name,
.quality .sec_area3 .name,
.quality .sec_area2 .name,
.quality .sec_area1 .name {
	color: #000000;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddc780;
	font-size: 16px;
}
.quality .inner {
	margin-right: auto;
	margin-left: auto;
	max-width:1024px;
}

.quality .sec_area1 .boxL .boxLL {
	
}

.quality .sec_area1 .boxL .boxLR {
	float: right;
}

.quality .sec_area1 li {
	float: left;
	width: 31.38%;
	margin-right: 2.2%;
}


.quality .sec_area1 li:last-child {
	float: left;
	width: 31.38%;
	margin-right: 0%;
}

.quality .sec_area1 li .case_name {
	color: #FFF;
	background: #03447C;
	width: auto;
	margin-bottom: 12px;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.quality .sec_area2 {
	margin-bottom: 50px;
}
.quality .sec_area2 .boxL {
	float: left;
	width: 30.27%;
	margin-right: 4.39%;
}

.quality .sec_area2 .boxL_last {
	float: left;
	width: 30.27%;
	margin-right: 0%;
}

.quality .sec_area2 .boxR {
	float: left;
	width: 65.34%;
}
.quality .qu_txt {
	font-size: 14px !important;
}
.quality .sec_area2 li {
	float: left;
	margin-bottom: 45px;
	width: 46.91%;
	margin-right: 4.39%;
}

.quality .sec_area2 li:nth-child(2n) {
	float: left;
	margin-bottom: 45px;
	width: 46.91%;
	margin-right: 0%;
}
.quality .sec_area2 li .list_txt ,
.quality .sec_area3 li .list_txt {
	float: left;
	width: 48.03%;
	margin-right: 2.8%;
	font-size: 14px;
	line-height: 150%;
}

.quality .sec_area3 li .list_txt2 {
	float: none;
	width: 100%;
	margin-right: 0;
	font-size: 14px;
	line-height: 160%;
}

.quality .sec_area3 li .list_pic2 {
	float: none;
	width: 100%;
	text-align: center;
}

.quality .sec_area2 li .list_pic ,
.quality .sec_area3 li .list_pic {
	float: left;
	width: 46.1%;
}
.quality .sec_area3 li {
	float: left;
	margin-bottom: 45px;
	width: 30.27%;
	margin-right: 4.39%;
}

.quality .sec_area3 li:nth-child(3n) {
	float: left;
	margin-bottom: 45px;
	width: 30.27%;
	margin-right: 0%;
}
.quality .sec_area3 li p {
	font-size: 12px !important;
}
.quality .sec_area4 {
	background: #f6f2e4;
	border: 1px solid #a89131;
	padding: 20px 1.9%;
	font-size: 14px;
	letter-spacing: -0.02em;
}
.quality .sec_area4 .boxL {
	float: left;
	width: 70%;
	margin-right: 2.56%;
}
.quality .sec_area4 .boxR {
	float: left;
	width: 27.44%;
}
.quality .sec_area4 .case_name {
	color: #a89131;
	font-size: 16px;
	margin-bottom: 10px;
}
.quality .sec_area4 .font_area4 {
	font-size: 12px;
}
.quality .sec_area4 .boxR .boxRL {
	float: left;
	width: 56.71%;
	margin-right: 5.2%;
	line-height: 150%;
}
.quality .sec_area4 .boxR .boxRR {
	float: left;
	width: 37.31%;
}

.bousai{
 background:#FBF7F0;
 border: 1px solid #a89131;

}

.bousai .inner{
	width: 92%;
	margin: 4% auto;
}
.bousai .inner .sttl{
	color: ;
	border-bottom: 1px solid #a89131;
	font-size: 24px;
	margin-bottom: 20px;}


.bousai .inner ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-top: 20px;
}

@media only screen and (max-width: 768px){

.quality .sec_area1 {
	background: #f6f2e5;
	padding: 23px;
	margin-bottom: 65px;
	border: 1px solid #a89131;
}
.quality .sec_area1 .boxL {
	float: none;
	width: auto;
	margin-right: 0%;
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 10px;
}
.quality .sec_area1 .boxR {
	float: none;
	width: auto;
}

.quality .sec_area4 .name,
.quality .sec_area3 .name,
.quality .sec_area2 .name,
.quality .sec_area1 .name {
	color: #000000;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddc780;
	font-size: 14px;
	text-align: justify;
}
.quality .inner {
	margin-right: auto;
	margin-left: auto;
	max-width:1024px;
}

.quality .sec_area1 .boxL .boxLL {
	
}

.quality .sec_area1 .boxL .boxLR {
	float: right;
	margin-left: 5px;
}

.quality .sec_area1 li {
	float: none;
	width: auto;
	margin-right: 0%;
	margin-bottom: 10px;
}


.quality .sec_area1 li:last-child {
	float: none;
	width: auto;
	margin-right: 0%;
}

.quality .sec_area1 li .case_name {
	color: #FFF;
	background: #03447C;
	width: auto;
	margin-bottom: 12px;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.quality .sec_area2 {
	margin-bottom: 50px;
	text-align: center;
}
.quality .sec_area2 .boxL {
	float: none;
	width: auto;
	margin-right: 0%;
	margin-bottom: 20px;
}
.quality .sec_area2 .boxR {
	float: none;
	width: auto;
}
.quality .qu_txt {
	font-size: 13px !important;
	text-align: justify;
}
.quality .sec_area2 li {
	float: none;
	margin-bottom: 45px;
	width: auto;
	margin-right: 0%;
}

.quality .sec_area2 li:nth-child(2n) {
	float: none;
	margin-bottom: 45px;
	width: auto;
	margin-right: 0%;
}
.quality .sec_area2 li .list_txt ,
.quality .sec_area3 li .list_txt {
	float: left;
	width: 49.03%;
	margin-right: 5.8%;
	font-size: 14px;
	line-height: 160%;
	text-align: justify;
}
.quality .sec_area2 li .list_pic ,
.quality .sec_area3 li .list_pic {
	float: left;
	width: 39.1%;
}
.quality .sec_area3 li {
	float: none;
	margin-bottom: 45px;
	width: auto;
	margin-right: 0%;
	height: auto !important;
}

.quality .sec_area3 li:nth-child(3n) {
	float: none;
	margin-bottom: 45px;
	width: auto;
	margin-right: 0%;
	height: auto !important;
}
.quality .sec_area3 li p {
	font-size: 12px !important;
}
.quality .sec_area4 {
	background: #f6f2e4;
	border: 1px solid #a89131;
	padding: 20px 1.9%;
	font-size: 14px;
	letter-spacing: -0.02em;
}
.quality .sec_area4 .boxL {
	float: none;
	width: auto;
	margin-right: 0%;
	margin-bottom: 15px;
}
.quality .sec_area4 .boxR {
	float: none;
	width: auto;
}
.quality .sec_area4 .case_name {
	color: #a89131;
	font-size: 16px;
	margin-bottom: 10px;
}
.quality .sec_area4 .font_area4 {
	font-size: 12px;
}
.quality .sec_area4 .boxR .boxRL {
	float: left;
	width: 56.71%;
	margin-right: 5.2%;
	line-height: 150%;
}
.quality .sec_area4 .boxR .boxRR {
	float: left;
	width: 37.31%;
}
	
.bousai{
 background:#FBF7F0;
 border: 1px solid #c1a45a;
 font-size: 14px;
}
	
.bousai .inner .sttl{
	border-bottom: 1px solid #a89131;
	font-size: 18px;}


.bousai .inner ul{
	display: block;
}}

.quality .afterservice p{
	font-size: 16px;
	line-height: 150%;
	
}



.quality .afterservice .inner{
	max-width: 980px;
	margin: 0 auto;
}


.after_cath{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 50px;
max-width: 880px;
	
}

.after_cath h3{
	font-size: 24px;
	border-bottom: 1px #000 solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
}

.after_copy{
	padding: 0 20px;
}

.afterservice h4{
	font-size: 23px;
	color: #003412;
	margin-bottom: 10px;
}

.afterservice .flex{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.service01{
	max-width: 48%;
}

.service01 .stitle1{
	background: #003412;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 17px;
}

.service01 .stitle2{
	background: #142b4b;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 17px;
}


.service01 .sstitle{
	font-size: 16px;
	font-weight: bold;
}




@media only screen and (max-width: 768px){

.quality .afterservice p{
	font-size: 14px;
	line-height: 150%;
	
}	
	
.afterservice .flex{
	display: block;
}	
.service01{
	max-width: 100%;
	margin-bottom: 50px;
}	
.after_cath h3{
	font-size: 20px;
	}	
.after_cath{
display: block;
margin: 0 auto 50px;
max-width: 100;
	text-align: center;
}
	
.after_cath img{
		margin-bottom: 10px;
		width: 20%;
	}	
	
.after_copy{
	padding: 0 0;
	text-align: left;
}
.afterservice h4{
	font-size: 19px;
	color: #003412;
}	
	
	}