@charset "utf-8";

/*sec01*/

.sec01 {
background:transparent;
width:100%;
}

.sec01 h4{
text-align:center;
font-size:38px;
padding:70px 0 170px;
background:url(../images/equip/sec02_bg.png) no-repeat right top;
background-size:100% 100%;
}

/*タブ切り替え全体のスタイル*/
.tab{
overflow:hidden;
max-width:1500px;
margin:-110px auto;
display:flex;
justify-content:space-between;
}
.tab li{
color:#fff;
background:#060921;
width:473px;
height:110px;
margin-right:1px;
text-align:center;
font-size:28px;
line-height:110px;
}
.tab li.select{
color:#060921;
background:#ba9a7e;

}
.tab_content li{
background:#fff;
padding:20px 0;
margin-top:110px;

}
.tab_content li .inner{
max-width:1500px;
margin:0 auto;
padding-bottom:200px;
}

.tab_content li .inner h5{
font-size:47px;
margin:120px 0 80px;
padding:55px 0;
position: relative;
text-align: center;
}
.tab_content li .inner h6 {
position: relative;
text-align: center;
font-size:36px;
margin:120px 0 80px;
}
.tab_content li .inner h6 span{
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align:center;
}
.tab_content li .inner h6::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #060921;
}
.tab_content dl{
font-feature-settings:"palt";
}
/*.tab_content dl .tit{
color:#ba9a7e;
font-size:26px;
margin-bottom:30px;
}*/
.tab_content dl dd{
font-size:16px;
line-height:1.5em;
}

.full{
width:100%;
}
.half{
width:48%;
padding:20px 0
}
.two_third{
width:66%;
padding:20px 0
}
.one_third{
width:31%;
padding:20px 0
}
.quarter{
width:23%;
padding:20px 0
}


.tab01{
}
.tab01 h5{
background:url(../images/equip/01.png) no-repeat center center;
}

.tab01 .content_box{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}
.tab01 .content_box li{
margin-top:0;
font-size:16px;
}
.tab01 dl{
/*margin-bottom:60px;*/
}
.tab01 .tit{
background:#ba9a7e;
color:#fff;
margin-bottom:20px;
padding:15px;
font-size:19px;
text-align:center;
letter-spacing:-1px;
font-feature-settings:"palt";
}
.tab01 .txt{
margin-bottom:20px;
font-feature-settings:"palt";
}
.tab01 .img{
text-align:center;
}
.tab01 dd ul{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}
.tab01 .in_tit{
color: #ba9a7e;
font-size:19px;
margin-bottom:10px;
background:transparent;
text-align:left;
padding:0;
}
.tab01 .in_tit span{
font-size:13px;
}
.in_dl{
margin-top:20px;
}
.gas li:nth-child(1){
width:29%;
}
.gas li:nth-child(2){
width:43%;
}
.gas li:nth-child(3){
width:26%;
}
.gas li:nth-child(4){
width:35%;
}
.gas li:nth-child(5){
width:36%;
}
.gas li:nth-child(6){
width:25%;
}
.tab01 .extension{
display:flex;
justify-content: space-between;
}
.tab01 .extension p:first-child{
width:59%;
}
.tab01 .extension p:last-child{
width:40%;
}
.tab01 .eo{
display:flex;
justify-content: space-between;
}
.tab01 .eo p:first-child{
width:56%;
}
.tab01 .eo p:last-child{
width:43%;
}
.tab01 .handrail{
display:flex;
justify-content: space-between;
}
.tab01 .handrail p:first-child{
width:76%;
}
.tab01 .handrail p:last-child{
width:22%;
}
.tab01 .screen{
display:flex;
justify-content: space-between;
}
.tab01 .screen p:first-child{
width:61%;
}
.tab01 .screen p:last-child{
width:47%;
}
.tab01 .led{
display:flex;
justify-content: space-between;
}
.tab01 .led p:first-child{
width:64%;
}
.tab01 .led p:last-child{
width:34%;
padding-top:20%;
}
.tab01 .toilet{
display:flex;
justify-content: space-between;
}
.tab01 .toilet p:first-child{
width:64%;
}
.tab01 .toilet p:last-child{
width:34%;
}
.tab01 .toilet p span{
font-size:13px;
}
.tab01 .performance{
display:flex;
justify-content: space-between;
}
.tab01 .performance p:first-child{
width:70%;
}
.tab01 .performance p:last-child{
width:28%;
}
.tab01 .flat35s{
display:flex;
justify-content: space-between;
}


.tab02{
}
.tab02 h5{
background:url(../images/equip/02.png) no-repeat center center;
}
.security_box{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}
.n_tit{
font-size:26px;
margin-bottom:10px;
}
.n_tit span{
font-size:16px;
background:#946134;
color:#fff;
padding:4px 8px 2px;
margin-right:0.3em;
vertical-align:middle;
}

.tab02 .tit{
color: #ba9a7e;
font-size:26px;
margin-bottom:10px;
background:transparent;
text-align:left;
padding:0;
}
.tab02 .txt{
 margin-bottom:20px;
font-feature-settings:"palt";
}
.tab02 .img{
text-align:center;
}


.security1{
width:40%;
}
.security1 .list{
display:flex;
justify-content: space-between;
margin-bottom:20px;
}
.security1 ul{
width:49%;
}
.security1 li{
margin-top:0;
padding:0;
padding-left:1em;
text-indent:-1em;
}
.security1 li:nth-child(even){
color:#c64d23;
}
.security2{
width:56%;
}
.security3{
width:100%;
display:flex;
justify-content: space-between;
}
.security3 .ps{
display:flex;
justify-content: space-between;
}
.security3 .ps p:first-child{
width:30%;
}
.security3 .ps p:last-child{
width:68%;
}
.security4{
width:68%;
}
.security5{
width:30%;
}
.security5 .camera{
display:flex;
justify-content: space-between;
}
.security5 .camera p:first-child{
width:66%;
}
.security5 .camera p:last-child{
width:32%;
}

.tab03{
}
.tab03 h5{
background:url(../images/equip/03.png) no-repeat center center;
}
.tab03 .basic_box{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.tab03 .tit{
background:#ba9a7e;
color:#fff;
margin-bottom:20px;
padding:15px;
font-size:19px;
text-align:center;
letter-spacing:-1px;
font-feature-settings:"palt";
}
.tab03 .txt{
margin-bottom:20px;
font-feature-settings:"palt";
}
.tab03 .txt span{
font-size:13px;
}
.tab03 .img{
text-align:center;
}
.tab03 .in_tit{
color: #ba9a7e;
font-size:19px;
margin-bottom:10px;
background:transparent;
text-align:left;
padding:0;
}
.tab03 .in_tit span{
font-size:13px;
}
.tab03 .quake{
margin-top:40px;
}
.tab03 .half_in{
display:flex;
justify-content:space-between;
margin-top:40px;
}
.tab03 .half_in div:first-child{
width:46%;
}
.tab03 .half_in .item{
margin-bottom:10px;
display:flex;
justify-content:space-between;
letter-spacing:-1px;
line-height:1.3em;
font-size:13px;
}
.tab03 .half_in .item dt{
width:72%;
}
.tab03 .half_in .item:last-child dt{
width:61%;
}
.tab03 .half_in .item dt .in_tit{
margin-bottom:5px;
}
.tab03 .half_in .item dd{
width:26%;
}
.tab03 .half_in .item:last-child dd{
width:37%;
}
.tab03 .half_in div:last-child{
width:50%;
}

.tab03 .half_in2{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.tab03 .half_in2 dl:nth-child(1){
width:62%;
}
.tab03 .half_in2 dl:nth-child(1) .ev{
display:flex;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(1) .ev p:first-child{
width:49%;
}
.tab03 .half_in2 dl:nth-child(1) .ev p:first-child span{
display:block;
text-align:center;
margin-top:20px;
}

.tab03 .half_in2 dl:nth-child(1) .ev p:last-child{
width:49%;
}
.tab03 .half_in2 dl:nth-child(2){
width:34%;
}
.tab03 .half_in2 dl:nth-child(3){
width:100%;
}
.tab03 .half_in2 dl:nth-child(3) .corridor {
display:flex;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(3) .corridor p:first-child{
width:61%;
}
.tab03 .half_in2 dl:nth-child(3) .corridor p:last-child{
width:37%;
}
.tab03 .half_in2 dl:nth-child(4){
width:31%;
}
.tab03 .half_in2 dl:nth-child(4) .pet{
display:flex;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(4) .pet p:first-child{
width:58%;
}
.tab03 .half_in2 dl:nth-child(4) .pet p:last-child{
width:40%;
}
.tab03 .half_in2 dl:nth-child(5){
width:31%;
}
.tab03 .half_in2 dl:nth-child(6){
width:31%;
}
.tab03 .half_in2 dl:nth-child(7){
width:100%;
}
.tab03 .half_in2 dl:nth-child(7) .box{
display:flex;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(7) .box p:first-child{
width:64%;
}
.tab03 .half_in2 dl:nth-child(7) .box p:first-child span{
display:block;
text-align:center;
margin-top:20px;
}
.tab03 .half_in2 dl:nth-child(7) .box p:last-child{
width:34%;
}

/*sec01*/

/*btn_area*/
.btn_area{
max-width: 1080px;
margin: 5% auto 5%;
color:#fff;
}
.btn_area ul{
display:flex;
justify-content:space-between;
}
.btn_area ul li{
width:49%;
}
/*.btn_area ul li:nth-child(2){
opacity: 0.3;
pointer-events: none;
cursor:default;
}*/
/*btn_area*/
/*===============//max-width: 2000px===============*/

@media screen and (max-width: 2000px) {}


/*===============//max-width: 2000px===============*/


/*===============//max-width: 1540px===============*/

@media screen and (max-width: 1540px) {}


/*===============//max-width: 1540px===============*/


/*===============//max-width: 1400px===============*/

@media screen and (max-width: 1400px) {}


/*===============//max-width: 1400px===============*/


/*===============//max-width: 1380px===============*/

@media screen and (max-width: 1380px) {}


/*===============//max-width: 1380px===============*/


/*===============//max-width: 1300px===============*/

@media screen and (max-width: 1300px) {}
}


/*===============//max-width: 1300px===============*/


/*===============//max-width: 1280px===============*/

@media screen and (max-width: 1280px) {}


/*===============//max-width: 1280px===============*/


/*===============//max-width: 1200px===============*/

@media screen and (max-width: 1200px) {}


/*===============//max-width: 1200px===============*/


/*===============//max-width: 1100px===============*/

@media screen and (max-width: 1100px) {}


/*===============//max-width: 1100px===============*/


/*===============//max-width: 1080px===============*/

@media screen and (max-width: 1080px) {}


/*===============//max-width: 1080px===============*/


/*===============//max-width: 1030px===============*/

@media screen and (max-width: 1030px) {}


/*===============//max-width: 1030px===============*/


/*===============//max-width: 1000px===============*/

@media screen and (max-width: 1000px) {}


/*===============//max-width: 1000px===============*/


/*===============//max-width: 960px===============*/

@media screen and (max-width: 960px) {}


/*===============//max-width: 960px===============*/


/*===============//max-width: 900px===============*/

@media screen and (max-width: 900px) {}


/*===============//max-width: 900px===============*/


/*===============//max-width: 860px===============*/

@media screen and (max-width: 860px) {}


/*===============//max-width: 860px===============*/


/*===============//max-width: 800px===============*/

@media screen and (max-width: 800px) {}


/*===============//max-width: 800px===============*/


/*===============//max-width: 767px===============*/

@media screen and (max-width: 767px) {
/*sec01*/

.sec01 {
background:transparent;
width:100%;
}
.sec01 img{
width:100%;
}
.sec01 h4{
text-align:center;
font-size:20px;
padding:20px 0 60px;
background:url(../images/quality/sec02_bg.png) no-repeat right top;
background-size:100% 100%;
}


.tab{
overflow:hidden;
width:96%;
margin:-50px auto;
display:flex;
justify-content:space-between;
}
.tab li{
color:#fff;
background:#060921;
width:31%;
height:auto;
padding:3% 0;
margin-right:1px;
text-align:center;
font-size:3vw;
line-height:1.3em;
}
.tab li.select{
color:#060921;
background:#ba9a7e;
}
.tab_content li{
background:#fff;
padding:5% 0;
margin-top:10%;
}
.tab_content li .inner{
width:100%;
margin:0 auto;

padding-bottom:15%;
}
.tab_content li .inner h5{
font-size: 25px;
margin: 15% 0 10%;
padding: 15% 0;
position: relative;
text-align: center;
}
.tab_content dl{
font-feature-settings:"palt";
}
.tab_content dl dd{
font-size:12px;
line-height:1.5em;
}
.tab_select{
color:#fff;
background:#060921;
padding:5%;
font-size:15px;
width:70%;
margin:10% auto 0;
text-align: center;
}
.tab_select a{
display:block;
}

.full{
width:100%;
}
.half{
width:100%;
padding:20px 0 0;
}
.two_third{
width:100%;
padding:20px 0 0;
}
.one_third{
width:100%;
padding:20px 0 0;
}
.quarter{
width:100%;
padding:20px 0 0;
}


.tab01{
}
.tab01 h5{
background:url(../images/equip/01.png) no-repeat center center;
background-size:contain;
}

.tab01 .content_box{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
width:90%;
margin:0 auto;
}
.tab01 .content_box li{
margin-top:0;
font-size:12px;
}
.tab01 dl{
/*margin-bottom:60px;*/
}
.tab01 .tit{
background: #ba9a7e;
color: #fff;
margin-bottom: 20px;
padding: 15px;
font-size: 15px;
text-align: center;
letter-spacing: -1px;
font-feature-settings: "palt";
}
.tab01 .txt{
/*margin-bottom:0;*/
font-feature-settings:"palt";
}
.tab01 .img{
text-align:center;
}
.tab01 dd ul{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}
.tab01 .in_tit{
color: #ba9a7e;
font-size:15px;
margin-bottom:3%;
background:transparent;
text-align:left;
padding:0;
}
.tab01 .in_tit span{
font-size:12px;
}
.in_dl{
margin-top:20px;
}
.gas li:nth-child(1){
width:100%;
}
.gas li:nth-child(2){
width:100%;
}
.gas li:nth-child(3){
width:100%;
}
.gas li:nth-child(4){
width:100%;
}
.gas li:nth-child(5){
width:100%;
}
.gas li:nth-child(6){
width:100%;
}
.tab01 .extension{
display:flex;
justify-content: space-between;
}
.tab01 .extension p:first-child{
width:59%;
}
.tab01 .extension p:last-child{
width:40%;
}
.tab01 .eo{
display:block;
justify-content: space-between;
margin-bottom:20px;
}
.tab01 .eo p:first-child{
width:100%;
}
.tab01 .eo p:last-child{
width:100%;
}
.tab01 .handrail{
display:flex;
justify-content: space-between;
}
.tab01 .handrail p:first-child{
width:63%;
}
.tab01 .handrail p:last-child{
width:35%;
}
.tab01 .screen{
display:block;
justify-content: space-between;
}
.tab01 .screen p:first-child{
width:100%;
margin-bottom:20px;
}
.tab01 .screen p:last-child{
width:100%;
}
.tab01 .led{
display:block;
justify-content: space-between;
}
.tab01 .led p:first-child{
width:100%;
}
.tab01 .led p:last-child{
width:100%;
padding-top:5%;
text-align:center;
}
.tab01 .led p:last-child img{
width:70%;
}
.tab01 .toilet{
display:flex;
justify-content: space-between;
}
.tab01 .toilet p:first-child{
width:64%;
}
.tab01 .toilet p:last-child{
width:34%;
}
.tab01 .toilet p span{
font-size:13px;
}
.tab01 .performance{
display:block;
justify-content: space-between;
margin-bottom:20px;
}
.tab01 .performance p:first-child{
width:100%;
margin-bottom:20px;
}
.tab01 .performance p:last-child{
width:100%;
}
.tab01 .flat35s{
display:block;
justify-content: space-between;
}
.tab01 .flat35s p:first-child{
margin-bottom:20px;
}
.tab01 .flat35s p:last-child{
text-align: center;
}
.tab01 .flat35s p:last-child img{
width:60%;
}

.tab02{
}
.tab02 h5{
background:url(../images/equip/02.png) no-repeat center center;
background-size:contain;
}
.security_box{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
width:90%;
margin:0 auto;
}
.n_tit{
font-size:15px;
margin-bottom:10px;
}
.n_tit span{
font-size:12px;
background:#946134;
color:#fff;
padding:4px 8px 2px;
margin-right:0.3em;
vertical-align:middle;
}

.tab02 .tit{
color: #ba9a7e;
font-size:15px;
margin-bottom:10px;
background:transparent;
text-align:left;
padding:0;
}
.tab02 .txt{
 margin-bottom:20px;
font-feature-settings:"palt";
}
.tab02 .img{
text-align:center;
}


.security1{
width:100%;
}
.security1 .list{
display:flex;
justify-content: space-between;
margin-bottom:20px;
}
.security1 ul{
width:49%;
}
.security1 li{
margin-top:0;
padding:0;
padding-left:1em;
text-indent:-1em;
}
.security1 li:nth-child(even){
color:#c64d23;
}
.security2{
width:100%;
margin-top:20px;
}
.security3{
width:100%;
display:block;
justify-content: space-between;
margin-bottom:20px;
}
.security3 .ps{
display:block;
justify-content: space-between;
}
.security3 .ps p:first-child{
width:100%;
margin-bottom:20px;
}
.security3 .ps p:last-child{
width:100%;
}
.security4{
width:100%;

margin-bottom:20px;
}
.security5{
width:100%;
}
.security5 .camera{
display:flex;
justify-content: space-between;
}
.security5 .camera p:first-child{
width:66%;
}
.security5 .camera p:last-child{
width:32%;
}
.security5 .img{
width:80%;
margin:0 auto;
}

.tab03{
}
.tab03 h5{
background:url(../images/equip/03.png) no-repeat center center;
background-size:contain;
}
.tab03 .basic_box{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
width:90%;
margin:0 auto;
}
.tab03 .tit{
background: #ba9a7e;
color: #fff;
margin-bottom: 3%;
padding: 15px;
font-size: 15px;
text-align: center;
letter-spacing: -1px;
font-feature-settings: "palt";
}
.tab03 .txt{
margin-bottom:5%;
font-feature-settings:"palt";
}
.tab03 .txt span{
font-size:13px;
}
.tab03 .img{
text-align:center;
}
.tab03 .in_tit{
color: #ba9a7e;
font-size:15px;
margin-bottom:3%;
background:transparent;
text-align:left;
padding:0;
}
.tab03 .in_tit span{
font-size:13px;
}
.tab03 .quake{
margin-top:5%;
}
.tab03 .half_in{
display:block;
justify-content:space-between;
margin-top:5%;
}
.tab03 .half_in div:first-child{
width:100%;
}
.tab03 .half_in .item{
margin-bottom:10px;
display:flex;
justify-content:space-between;
letter-spacing:-1px;
line-height:1.3em;
font-size:13px;
}
.tab03 .half_in .item dt{
width:72%;
}
.tab03 .half_in .item:last-child dt{
width:61%;
}
.tab03 .half_in .item dt .in_tit{
margin-bottom:5px;
}
.tab03 .half_in .item dd{
width:26%;
}
.tab03 .half_in .item:last-child dd{
width:37%;
}
.tab03 .half_in div:last-child{
width:100%;
}

.tab03 .half_in2{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.tab03 .half_in2 img{
width:auto;
}
.tab03 .half_in2 dl:nth-child(1){
width:100%;
margin-bottom:20px;
}
.tab03 .half_in2 dl:nth-child(1) .ev{
display:flex;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(1) .ev p:first-child{
width:49%;
}
.tab03 .half_in2 dl:nth-child(1) .ev p:first-child span{
display:block;
text-align:center;
margin-top:20px;
}
.tab03 .half_in2 dl:nth-child(1) .ev p:last-child{
width:49%;
}
.tab03 .half_in2 dl:nth-child(2){
width:100%;
margin-bottom:20px;
}
.tab03 .half_in2 dl:nth-child(3){
width:100%;
}
.tab03 .half_in2 dl:nth-child(3) .corridor {
display:block;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(3) .corridor p:first-child{
width:100%;
}
.tab03 .half_in2 dl:nth-child(3) .corridor p:last-child{
width:100%;
}
.tab03 .half_in2 dl:nth-child(4){
width:100%;
}
.tab03 .half_in2 dl:nth-child(4) .pet{
display:flex;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(4) .pet p:first-child{
width:58%;
}
.tab03 .half_in2 dl:nth-child(4) .pet p:last-child{
width:40%;
}
.tab03 .half_in2 dl:nth-child(5){
width:100%;
}
.tab03 .half_in2 dl:nth-child(6){
width:100%;
}
.tab03 .half_in2 dl:nth-child(7){
width:100%;
}
.tab03 .half_in2 dl:nth-child(7) .box{
display:block;
justify-content:space-between;
}
.tab03 .half_in2 dl:nth-child(7) .box p:first-child{
width:100%;
margin-bottom:20px;
}
.tab03 .half_in2 dl:nth-child(7) .box p:first-child span{
display:block;
text-align:center;
margin-top:20px;
}
.tab03 .half_in2 dl:nth-child(7) .box p:last-child{
width:100%;
}

/*sec01*/

/*btn_area*/
.btn_area {
max-width: 90%;
margin: 5% auto 5%;
color:#fff;
}
.btn_area ul{
display:block;
justify-content:space-between;
}
.btn_area ul li{
width:100%;
margin-bottom:5%;
}
.btn_area ul li img{
width:100%;
}
/*btn_area*/
}
.hide {display:none;}

/*===============//max-width: 767px===============*/


/*===============//max-width: 600px===============*/

@media screen and (max-width: 600px) {}


/*===============//max-width: 600px===============*/


/*===============//max-width: 580px===============*/

@media screen and (max-width: 580px) {}


/*===============//max-width: 580px===============*/


/*===============//max-width: 480px===============*/

@media screen and (max-width: 480px) {}


/*===============//max-width: 480px===============*/


/*===============//max-width: 375px===============*/

@media screen and (max-width: 375px) {}


/*===============//max-width: 375px===============*/


/*===============//max-width: 374px===============*/

@media screen and (max-width: 374px) {}


/*===============//max-width: 374px===============*/


/*===============//max-width: 360px===============*/

@media screen and (max-width: 360px) {}


/*===============//max-width: 360px===============*/


/*===============//max-width: 320px===============*/

@media screen and (max-width: 320px) {}


/*===============//max-width: 320px===============*/


/*===============//print===============*/

@media print {}


/*===============//print===============*/