@charset "utf-8";

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

QUALITY06

===================================*/
.contact_area { background: #181112; }
body{background: #181112;}
.notes {color: #fff;}
.pc{display: block;}
.sp{display: none;}
.quality_wrap .cap_Txt{font-size: 10px;}
/*.main_area {
background: url(../img/) no-repeat center center;
background-size: cover;
}*/
.quality_wrap { 
background: #181112;
color: #fff;
padding: 100px 0;
}
.tab_btn{
margin: 0 auto;
max-width: 1000px;
width: 96%;
justify-content: space-between;
flex-wrap: wrap;
}
.tab_btn li{
max-width: 156px;
width: calc(100% / 6);
border: 1px solid #bea775;
text-align: center;
}
.tab_btn li a{
display: block;
font-size: 15px;
padding: 15px 22px;
color:  #bea775;
transition: 0.3s;
}
.tab_btn li:nth-child(5) a{
padding: 7.5px 22px;
}
.tab_btn li a:hover{
background: #bea775;
color: #fff;
transition: 0.3s;
}
.tab_btn li a:hover + .tab_btn .here a{opacity: 0.7;}
.tab_btn .here a{
background: #bea775;
color: #fff;
}
.ttl{
text-align: center;
margin: 70px auto;
}
.ttl img{
max-height: 50px;
height: auto;
width: auto;
text-align: center;
margin: 0 auto;
}
.ttl.line2 img { max-height: 91px; }

.quality_wrap section {
	margin: 0 auto 80px;
	width: 96%;
	max-width: 1200px;
}
.quality_wrap section:last-of-type { margin: 0 auto 100px; }

.quality_wrap section .content { margin: 0 0 40px; }

/*横3個*/
.column3 {
	flex-wrap: wrap;
	align-content: flex-start;
}
.column3 li {
	width: 30%;
	margin: 0 5% 40px 0;
}
.column3 li:nth-child(3n) { margin: 0 0 40px 0; }

/*横2個*/
.column2 {
	flex-wrap: wrap;
	align-content: flex-start;
}
.column2 li {
	width:47.5%;
	margin: 0 5% 40px 0;
}
.column2 li:nth-child(2n) { margin: 0 0 40px 0; }

/*　　個別設定
----------------------------------------------------*/

/*----- sec01 / KITCHEN -----*/
/*----- sec02 / DRESSINGROOM&RESTROOM&BATHROOM -----*/
/*----- sec03 / EQUIPMENT -----*/
.sec03 .randomBox {
	justify-content: space-between;
}
.sec03 .randomBox li:first-child { width: 42.5%; }
.sec03 .randomBox li:nth-child(2),
.sec03 .randomBox li:last-child {
	width: 23.4%;
	max-width: 280px;
}
/*----- sec04 / ECOLOGY -----*/
.sec04 .randomBox {
	justify-content: space-between;
}
.sec04 .randomBox li:first-child { width: 35%; }
.sec04 .randomBox li:nth-child(2){ width: 25%; }
.sec04 .randomBox li:last-child { width: 32.5%; }
/*----- sec05 / EMERGENCY -----*/


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

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

/*
@media only screen and (max-width: 1024px) {

}
*/
/*-----------------------------
tab　縦
-----------------------------*/
/*
@media only screen and (max-width: 769px) {
.pc{display: none;}
.sp{display: block;}
.main_area {
height: 140px;
}


.quality_wrap { padding-top: 40px;}


}
*/
/*-----------------------------
sp
-----------------------------*/
/*
@media only screen and (max-width: 767px) {
.pc{display: none;}
.sp{display: block;}
.tab_btn{
flex-wrap: wrap;
box-sizing: border-box;
}
.tab_btn li{
width: calc((100% - 4%) / 3);
}
.tab_btn li:nth-child(-n+3){
margin-bottom: 2%;
}
.tab_btn li a{
font-size: 12px;
padding: 15px 10px;
}
.tab_btn li:nth-child(5) a {
padding: 9px 10px;
}

.ttl{ margin: 40px auto; }

.quality_wrap section {
	margin: 0 auto 50px;
}
.quality_wrap section:last-of-type { margin: 0 auto 70px; }
}
*/
@media only screen and (max-width: 1023px) {
    .tab_btn{
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .tab_btn{
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .tab_btn li{
        width: calc((100% - 2%) / 3);
        max-width: 310px;
    }
    .tab_btn li:nth-child(-n+3){
        margin-bottom: 2%;
    }
    .tab_btn li a{
        font-size: 12px;
        padding: 15px 10px;
    }
    .tab_btn li:nth-child(5) a {
        padding: 9px 10px;
    }
}
/*-----------------------------
tab　縦
-----------------------------*/
@media only screen and (max-width: 769px) {
    .pc{display: none;}
    .sp{display: block;}
    .main_area {
        height: 140px;
    }
    .quality_wrap { padding-top: 40px;}
    .tab_btn{
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .tab_btn li{
        width: calc((100% - 4%) / 3);
        max-width: 230px;
    }
    .tab_btn li:nth-child(-n+3){
        margin-bottom: 2%;
    }
    .tab_btn li a{
        font-size: 12px;
        padding: 15px 10px;
    }
    .tab_btn li:nth-child(5) a {
        padding: 9px 10px;
    }
    .threeline{
        max-height: 90px!important;
        height: auto;
        width: auto;
        margin: 0 auto;
    }
}
/*-----------------------------
sp
-----------------------------*/
@media only screen and (max-width: 767px) {
    .pc{display: none;}
    .sp{display: block;}
    .main_area {
        height: 140px;
    }

    .tab_btn{
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .tab_btn li{
        width: calc((100% - 4%) / 3);
    }
    .tab_btn li:nth-child(-n+3){
        margin-bottom: 2%;
    }
    .tab_btn li a{
        font-size: 12px;
        padding: 15px 10px;
    }
    .tab_btn li:nth-child(5) a {
        padding: 9px 10px;
    }
    .quality_wrap .section:not(:last-of-type){ 
        margin: 40px auto;
    }
    .quality_wrap .section:last-of-type {
        margin: 0 auto 50px;
    }
    .quality_wrap .section:last-of-type .inner {
        margin: 0 auto;
        max-width: 600px;
        width: 100%;
    }
    }

/*タブレット縦だけ...*/
@media only screen and (max-width: 1024px) and (min-width: 768px) {

}