@charset "utf-8";
/*sec01*/
.sec01 {
background:transparent;
}
.sec01 h3{
color:#fff;
text-align:center;
font-size:47px;
line-height:1.8em;
padding:120px 0;
}
.point1_2{
background:url(../images/quality/point1_2_bg.png) no-repeat right top;
}
.point1_2 .inner{
max-width:1500px;
margin:0 auto;
}
.point1_2 ul{
width:52%;
margin:0 48% 0 0;
display:flex;
margin-bottom:140px;
}
.point1_2 ul li{
width:42%;
padding:10px;
font-feature-settings:"palt";
}
.point1_2 ul li:first-child{
margin-right:100px;
margin-right:10%;
}
.point1_2 ul li p{
margin-top:40px;
font-size:20px;
line-height:2em;
color:#fff;
}
.point3_4{
background:url(../images/quality/point3_4_bg.png) no-repeat left top;
}
.point3_4 .inner{
max-width:1500px;
margin:0 auto;
}
.point3_4 ul{
width:52%;
margin:0 0 0 48%;
display:flex;
}
.point3_4 ul li{
width:330px;
padding:10px;
font-feature-settings:"palt";
}
.point3_4 ul li:first-child{
margin-right:100px;
}
.point3_4 ul li p{
margin-top:40px;
font-size:20px;
line-height:2em;
color:#fff;
}
/*sec01*/

/*sec02*/
.sec02{
width:100%;
}
.sec02 h4{
text-align:center;
font-size:38px;
padding:70px 0 170px;
background:url(../images/quality/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:364px;
width:24%;
height:110px;
padding:20px 0;
margin-right:1px;
text-align:center;
font-size:28px;
line-height:1.3em;
}
.tab li.select{
color:#060921;
background:#ba9a7e;
}
.tab_content  li{
background:#fff;
padding:20px;
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;
line-height:1.2em;
}
.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;
}

.tab01{
}
.tab01 h5{
background:url(../images/quality/01.png) no-repeat center center;
}
.tab01 .tower{
display:flex;
justify-content:space-between;
margin-bottom:130px;
}
.tab01 .tower p{
margin-top:-180px;
width:30%;
}
.tab01 .tower div.t_right{
width:65%;
}
.tab01 .tower ul{
display:flex;
justify-content:space-between;
}
.tab01 .tower ul:first-child{
margin-bottom:80px;
}
.tab_content li.tab01 .tower ul li{
margin-top:0;
}
.isolation li:first-child{
width:52%;
padding:0;
}
.isolation li:last-child{
width:41%;
padding:0;
}
.construction li:first-child{
width:50%;
padding:0;
}
.construction li:last-child{
width:48%;
padding:0;
}
.chart{
background:#f0f0f0;
padding:40px;
text-align:center;
margin-bottom:100px;
}
.tab01 .second_box{
display:flex;
justify-content:space-between;
}
.tab01 .second_box div:first-child{
width:44%;
}
.tab01 .second_box div:first-child .tit{
}
.tab01 .second_box div:first-child .txt{
width:36%;
}.tab01 .second_box div:first-child .img{
margin-top:-25%;
}
.tab01 .second_box div:last-child{
width:50%;
}
.tab01 .second_box .isolator,.tab01 .second_box .damper{
width:100%!important;
display:block;
border-left:2px solid;
}
.tab01 .second_box .isolator p,.tab01 .second_box .damper p{
font-size:26px;
padding-left:30px;
line-height:1.3em;
}
.tab01 .second_box .isolator .inner, .tab01 .second_box .damper .inner{
width:100%!important;
display:flex;
justify-content:space-between;
padding-bottom:0;
margin-bottom:30px;
}
.tab01 .second_box .isolator li, .tab01 .second_box .damper li{
margin-top:0.5em;
padding-top:0;
}
.isolator ul,.damper ul{
width:40%;
}
.isolator .img,
.damper .img{
margin-top:0%!important;;
width:60%;
}
.tab01 .second_box .isolator .inner dt, .tab01 .second_box .damper .inner dt{
font-size:22px;
line-height:1.3em;
}
.tab01 .second_box .isolator .inner dd, .tab01 .second_box .damper .inner dd{
font-size:17px;
}
.tab01 .pail_box{
display:flex;
justify-content:space-between;
}
.tab01 .pail_box div:first-child{
width:36%;
}
.tab01 .pail_box div:last-child{
width:61%;
}
.tab01 .pail{
display:flex;
justify-content:space-between;
}
.tab01 .pail div:first-child{
width:76%;
}
.tab01 .pail .jisa{
width:100%!important;
display:flex;
justify-content:space-between;
margin-top:30px;
}
.tab01 .pail .jisa div:first-child{
width:45%;
}
.tab01 .pail .jisa div:last-child{
width:50%;
}
.tab01 .pail div:last-child{
width:14%;
}

.tab02{
}
.tab02 h5{
background:url(../images/quality/02.png) no-repeat center center;
}
.tab02 .quality_box{
display:flex;
justify-content:space-between;
}
.tab02 .quality_box dl{
width:27%;
}
.tab02 .quality_box dl .txt{
margin-bottom:20px;
}
.tab02 .quality_box p{
width:65%;
}

.tab03{
}
.tab03 h5{
background:url(../images/quality/03.png) no-repeat center center;
}
.tab03 .basic_box{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.tab03 dl{
width:23%;
margin-bottom:60px;
}
.tab03 dl.double{
width:49%;
}
.tab03 dt.tit{
background:#ba9a7e;
color:#fff;
margin-bottom:20px;
padding:15px;
font-size:19px;
text-align:center;
letter-spacing:-1px;
font-feature-settings:"palt";
}
.tab03 dd.txt{
margin-bottom:20px;
font-feature-settings:"palt";
}
.tab03 dd.img{
text-align:center;
}
.spacer{
visibility:hidden;
}

.tab04{
}
.tab04 h5{
background:url(../images/quality/04.png) no-repeat center center;
}
.security_box{
display:flex;
justify-content:space-between;
}
.security_box div:nth-child(1){
width:27%;
}
.security_box div:nth-child(2){
width:31%;
}
.security_box div:nth-child(3){
width:27%;
}


.hide {display:none;}

/*sec02*/

/*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*/
/*===============//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;
}
.sec01 img{
width:100%;
}
.sec01 h3{
color:#fff;
text-align:center;
font-size:25px;
line-height:1.8em;
padding:15% 5%;
}
.point1_2{
background:url(../images/quality/point1_2_bg.png) no-repeat right top;
}
.point1_2 .inner{
width:100%;
margin:0 auto;
}
.point1_2 ul{
width:90%;
margin:0 auto;
display:flex;
margin-bottom:10%;
}
.point1_2 ul li{
width:90%;
padding:10px;
font-feature-settings:"palt";
}
.point1_2 ul li:first-child{
margin-right:0;
}
.point1_2 ul li p{
margin-top:5%;
font-size:12px;
line-height:2em;
color:#fff;
}
.point3_4{
background:url(../images/quality/point3_4_bg.png) no-repeat left top;
}
.point3_4 .inner{
width:100%;
margin:0 auto;
}
.point3_4 ul{
width:90%;
margin:0 auto;
display:flex;
}
.point3_4 ul li{
width:90%;
padding:10px;
font-feature-settings:"palt";
}
.point3_4 ul li:first-child{
margin-right:0;
}
.point3_4 ul li p{
margin-top:5%;
font-size:12px;
line-height:2em;
color:#fff;
}
/*sec01*/

/*sec02*/
.sec02{
width:100%;
}
.sec02 img{
width:100%;
}
.sec02 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:23%;
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 li .inner h6 {
position: relative;
text-align: center;
font-size:20px;
padding:5% 0;
margin:5%;
line-height:1.2em;
}
.tab_content li .inner h6 span{
position: relative;
z-index: 2;
display: inline-block;
margin: 0 1.5em;
padding: 0 0.5em;
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:15px;
margin-bottom:3%;
}
.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;
}


.tab01{
}
.tab01 h5{
background:url(../images/quality/01.png) no-repeat center center;
background-size:contain;
}
.tab01 .tower{
display:block;
justify-content:space-between;
margin-bottom:15%;
width:90%;
margin:0 auto;
}
.tab01 .tower p{
margin:0 auto;
width:30%;

}
.tab01 .tower div.t_right{
width:100%;
}
.tab01 .tower ul{
display:block;
}
.tab01 .tower ul:first-child{
margin-bottom:5%;
}
.tab_content li.tab01 .tower ul li{
margin-top:0;
}
.isolation li:first-child{
width:100%;
}
.isolation .txt{
margin-bottom:5%;
}
.isolation li:last-child{
width:100%;
}
.construction li:first-child{
width:100%;
}
.construction .txt{
margin-bottom:5%;
}
.construction li:last-child{
width:100%;
}
.chart{
background:#f0f0f0;
padding:5%;
text-align:center;
margin-bottom:10%;
}
.tab01 .second_box{
display:block;
}
.tab01 .second_box div:first-child{
width:90%;
margin:0 auto;
}
.tab01 .second_box div:first-child .tit{
}
.tab01 .second_box div:first-child .txt{
width:40%;
}.tab01 .second_box div:first-child .img{
margin-top:-35%;
}
.tab01 .second_box div:last-child{
width:100%;
}
.tab01 .second_box .isolator,.tab01 .second_box .damper{
width:90%!important;
margin:0 auto;
display:block;
border-left:0;
}
.tab01 .second_box .isolator p,.tab01 .second_box .damper p{
font-size:22px;
padding:0;
line-height:1.3em;
}
.tab01 .second_box .isolator .inner, .tab01 .second_box .damper .inner{
width:100%!important;
display:block;
padding-bottom:0;
margin-bottom:30px;
}
.tab01 .second_box .isolator li, .tab01 .second_box .damper li{
margin-top:0.5em;
padding-top:0;
}
.isolator ul,.damper ul{
width:100%;
}
.isolator .img,
.damper .img{
margin-top:0%!important;;
width:100%;
}
.tab01 .second_box .isolator .inner dt, .tab01 .second_box .damper .inner dt{
font-size:17px;
line-height:1.3em;
}
.tab01 .second_box .isolator .inner dd, .tab01 .second_box .damper .inner dd{
font-size:15px;
}
.tab01 .pail_box{
display:block;
}
.tab01 .pail_box div:first-child{
width:90%;
margin:0 auto 5%;
}
.tab01 .pail_box div:last-child{
width:90%;
margin:5% auto 0;
}
.tab01 .pail{
display:flex;
justify-content:space-between;
}
.tab01 .pail div:first-child{
width:60%;
}
.tab01 .pail .jisa{
width:100%!important;
display:block;
margin-top:5%;
}
.tab01 .pail .jisa div:first-child{
width:100%;
}
.tab01 .pail .jisa div:last-child{
width:100%;
}
.tab01 .pail div:last-child{
width:35%;
}

.tab02{
}
.tab02 h5{
background:url(../images/quality/02.png) no-repeat center center;
background-size:contain;
}
.tab02 .quality_box{
display:block;
width:90%;
margin:0 auto;
}
.tab02 .quality_box dl{
width:100%;
margin-bottom:5%;
}
.tab02 .quality_box dl .txt{
margin-bottom:20px;
}
.tab02 .quality_box p{
width:100%;
}

.tab03{
}
.tab03 h5{
background:url(../images/quality/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 dl{
width:48%;
margin-bottom:5%;
}
.tab03 dl.double{
width:100%;
}
.tab03 dt.tit{
background:#ba9a7e;
color:#fff;
margin-bottom:20px;
padding:15px;
font-size:15px;
text-align:center;
letter-spacing:-1px;
font-feature-settings:"palt";
}
.tab03 dd.txt{
margin-bottom:20px;
font-feature-settings:"palt";
}
.tab03 dd.img{
text-align:center;
}
.tab03 .tit{
line-height:1.3em;
}
.tab03 .two_line{
line-height:2.6em;
}

.spacer{
visibility:hidden;
}

.tab04{
}
.tab04 h5{
background:url(../images/quality/04.png) no-repeat center center;
background-size:contain;
}
.security_box{
display:block;
justify-content:space-between;
}
.security_box div:nth-child(1){
width:90%;
margin:0 auto 10%;
}
.security_box div:nth-child(2){
width:90%;
margin:0 auto 10%;
}
.security_box div:nth-child(3){
width:90%;
margin:0 auto;
}


.hide {display:none;}

/*sec02*/

/*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*/
}

/*===============//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===============*/