@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

.headArea {
background: url("../images/quality/hed_img.jpg") center center no-repeat;
background-size: cover;
}

#quality .idx_wrap,
#quality .idx_wrap2{
position: relative;
background: #141414;
padding: 5rem 0 5rem 0;
margin: 0 auto;
}

#quality .idx_wrap::before {
content: '';
background:#000;
background-size: 100% auto;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

#quality .innerDX1400 {
margin: 0 auto;
padding: 0 6.25% 0px;
box-sizing: content-box;
}

#quality .flex_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
align-items: center;
}

#quality .flex_wrap2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
align-items: center;
flex-direction: row-reverse;
}

#quality .flex_wrap .leftBox {
position: relative;
width: 50%;
margin-bottom: 0;
padding-left: 8%;
box-sizing: border-box;
}


#quality .flex_wrap .rightBox {
position: relative;
width: 50%;
margin-bottom: 0;
padding-left: 4%;
padding-right: 8%;
box-sizing: border-box;
}

#quality .flex_wrap .rightBox .objectText {
font-family:'Chakra Petch', sans-serif;
font-weight: 700;
font-size: 7.5em;
line-height: 0.8;
box-sizing: border-box;
}

#quality .flex_wrap .rightBox .mIn {
position: relative;
box-sizing: border-box;
}

#quality .flex_wrap .rightBox .mIn h3{
font-size: 1.6em;
line-height: 2;
margin: 30px 0 30px;
}

#quality .flex_wrap .rightBox .mIn p{
margin: 0 0 50px;
}


#quality .idx_wrap2::before {
content: '';
background:#000;
background-size: 100% auto;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}


#quality .flex_wrap2 .leftBox {
position: relative;
width: 50%;
margin-bottom: 0;
padding-left: 8%;
box-sizing: border-box;
}


#quality .flex_wrap2 .rightBox {
position: relative;
width: 50%;
margin-bottom: 0;
padding-left: 4%;
padding-right: 8%;
box-sizing: border-box;
}

#quality .flex_wrap2 .rightBox .objectText {
font-family:'Chakra Petch', sans-serif;
font-weight: 700;
font-size: 7.5em;
line-height: 0.8;
box-sizing: border-box;
}

#quality .flex_wrap2 .rightBox .mIn {
position: relative;
box-sizing: border-box;
}

#quality .flex_wrap2 .rightBox .mIn h3{
font-size: 1.6em;
line-height: 2;
margin: 30px 0 30px;
}

#quality .flex_wrap2 .rightBox .mIn p{
margin: 0 0 50px;
}


}
/*sp*/
@media only screen and (max-width: 768px) {

.headArea {
background: url("../images/quality/hed_img.jpg") center center no-repeat;
background-size: cover;
}


#quality .idx_wrap {
position: relative;
background: #141414;
padding: 60px 5%;
margin: 0 auto;
}



#quality .idx_wrap::before {
content: '';
background:#000;
background-size: 100% auto;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

#quality .innerDX1400 {
margin: 0 auto;
padding: 0 6.25% 0px;
box-sizing: content-box;
}

#quality .flex_wrap {
}

#quality .flex_wrap .leftBox {
position: relative;
width: 100%;
margin-bottom: 20px;
box-sizing: border-box;
}


#quality .flex_wrap .rightBox {
position: relative;
width: 100%;
}

#quality .flex_wrap .rightBox .objectText {
font-family:'Chakra Petch', sans-serif;
font-weight: 700;
font-size: 3em;
line-height: 0.8;
box-sizing: border-box;
}

#quality .flex_wrap .rightBox .mIn {
position: relative;
box-sizing: border-box;
}

#quality .flex_wrap .rightBox .mIn h3{
font-size: 1.2em;
line-height: 2;
margin: 20px 0;
}

#quality .flex_wrap .rightBox .mIn p{
margin: 0 0 50px;
}

}