@charset "UTF-8";

/* base */
.m-container{width: calc(100% - 40px); max-width: 100%; margin: 0 auto;}
.w-1300{max-width: 1300px;}

.txt-flip{transform: rotateY(180deg);}
.mb-40{margin-bottom: 40px;}
.mb-80{margin-bottom: 80px;}

#quality .menshinWrap{display: flex; justify-content: space-between; flex-wrap: wrap}
#quality .menshinWrap .colL{width: 48%; text-align: left;}
#quality .menshinWrap .colL h3.tit{ text-align: left;}
#quality .menshinWrap .colL .desc{ text-align: left; font-size: 16px; line-height: 2.7;}
#quality .menshinWrap .colR{width: 48%;}

#quality .blockInfo{padding: min(12.5vw, 160px) 0; background: url('../imgs/bg.jpg') center center / cover no-repeat;}
#quality .blockInfo .m-tit{margin-bottom: 30px;}

#quality .block{padding-top: min(10vw, 100px)}
#quality .block-last{padding-bottom: min(10vw, 200px)}
#quality .block h3.tit{font-size: 24px; line-height: 1.7; margin: 0 0 30px;}
#quality .block h4.tit{font-size: 18px; line-height: 1.5; text-align: left; margin: 0 0 10px;}
#quality .block .desc{font-size: 14px; line-height: 1.82; text-align: center;}
#quality .block .photo01{width: 100%; max-width: 500px; margin: auto}
#quality .block .photo02{margin: 0 auto 10px; width: 100%; max-width: 803px;padding: 30px 0;}
#quality .block .photo02 .capOut{width: 100%; display: flex; text-align: right;}
#quality .block .photo02 .capOut span{width: 45%;}
#quality .block ul{margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
#quality .block ul li{width: 30%;}
/* #quality .block ul li:nth-child(-n+3){margin: 0 0 80px;} */
#quality .block.blockfirst ul li{width: 31.230769%;}
#quality .block .box-half{display: flex; justify-content: space-between; flex-wrap: wrap;}
#quality .block .box-half .colL{width: 47.38461538461538%;}
#quality .block .box-half .colR{width: 49%;}
#quality .block .box-half .colR {margin: 0 !important;}
#quality .block .box-charts{background: #f2f0ea;padding: 30px;}
#quality .block .charts{display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap;margin-top: -10px;}
#quality .block .charts .charts-img01{width: 69.355%; height: 100%;}
#quality .block .charts .charts-img02{width: 28.06510638%; height: 100%; margin-top: -30px;}



#quality .block ul li .photo{margin: 0 0 20px;}
#quality .block ul li .desc{text-align: left;}
#quality .block .box-charts .desc{font-size: 18px; text-align: left;}
#quality .block .box-half .desc{text-align: left; font-size: 16px; line-height: 2.7;}
#quality .block .box-half .caption{margin-top: 15px;}

#quality .bg{
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("../../common/imgs/bg_01.jpg");
    background-attachment: fixed;
}

.yujin-kanri{margin-bottom: 80px; display: flex; justify-content: space-between}
.yujin-kanri .col1{width: 30%; }
#quality .block .yujin-kanri ul  li{width: 100%;}

.yujin-kanri .col1 .desc{text-align: left;}
.yujin-kanri .col2{width: 65%;background-color: #ccc;padding: 270px 20px; text-align: center; color:white; font-size: 20px; }

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

@media screen and (max-width: 768px) {
    .mb-80{margin-bottom: 40px;}
	#quality .menshinWrap .colR,#quality .menshinWrap .colL{width: 100%;}
	#quality .menshinWrap .colL{order: 2}
	#quality .menshinWrap .colR{order: 1}
    #quality .blockInfo{padding: min(23vw, 100px) 0;}
	#quality .menshinWrap .colL .desc{font-size: 3.2vw;line-height: 2;}

    #quality .block{padding-top: min(25vw, 110px);}
    #quality .block-last{padding-bottom: min(25vw, 110px);}
    #quality .block h3.tit{font-size: min(5.5vw, 24px);}
    #quality .block h4.tit{font-size: min(4.1vw, 18px);}
    #quality .block .desc{font-size: min(3.2vw, 16px); text-align: left;}
    #quality .block .photo01{margin: 0 0 40px;}
    #quality .block ul li,#quality .block.blockfirst ul li{width: 100%;}
	#quality .block.block-last ul li{width: 100%;}
    #quality .block.block-last ul li:not(:last-of-type){margin: 0 0 40px;}
    #quality .block.blockfirst ul li:not(:last-of-type){margin: 0 0 40px;}
    #quality .block .box-half .colL{width: 100%;}
    #quality .block .box-half .colR{width: 100%; margin-top: 40px !important;}
    #quality .block .box-half .desc{font-size: 3.2vw;line-height: 2;}
    #quality .block .box-half .caption{margin-top: 0.8vw;}
    #quality .block .box-charts{padding: 15px;}
    #quality .block .box-charts .desc{font-size: 14px;}
    #quality .block .charts{justify-content: center; margin-top: 10px;}
    #quality .block .charts .charts-img01{width: 100%;}
    #quality .block .charts .charts-img02{width: 85%; margin-top: 18px;}
    /* #quality .block ul li:nth-child(-n+3){margin: 0 0 40px;} */

    #quality .bg{background: unset;}
	
	.yujin-kanri {display: block}
	.yujin-kanri .col1{width: 100%; margin-bottom: 30px;}	
	.yujin-kanri .col2{width: 100%;}	
}