@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: -18px auto 0 auto;position: relative;background: url('../images/quality2/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 29px 0 0;}
#contentsmain .inner-Box h2 {  }
#contentsmain .inner-Box h2 img{  }

#contents01 {margin: 0 auto;position: relative;background: #EAECEE;padding: 82px 0 52px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 780px;}
#contents01 .inner-Box h2{font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1.1px;text-align: center;margin-bottom: 46px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 48px;color: #666666;}
	
	#contents01 .inner-Box .anchor-link{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-bottom: 50px;}
	#contents01 .inner-Box .anchor-link li{width: 32%;margin-right: 2%;}
	#contents01 .inner-Box .anchor-link li:last-child{margin-right: 0;}
	#contents01 .inner-Box .anchor-link li a{display: block;width: 100%; background-color: #1A1A1A;font-size: 18px;letter-spacing: 2px; text-align: center;color: #fff;padding: 6px 0 8px;border-radius: 30px;}
	#contents01 .inner-Box .anchor-link li a:hover{text-decoration: none;}
	
	
#contents01 .inner-Box h3 {font-size: 140px;line-height: 1.6;font-weight: 800;letter-spacing: 10.5px;margin-bottom: -29px;text-align: center;color: #FFFFFF;}
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box2{margin: 0 auto 91px;position: relative;background: url('../images/quality2/contents01-back01.png')no-repeat top center;padding: 100px 0 73px;}
#contents01 .inner-Box2 h4{font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 25px;}
#contents01 .inner-Box2 p.text2 {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 25px;width: 450px;}
#contents01 .inner-Box2 figure.img {position: absolute;top: -6px;right: -50px;}
#contents01 .inner-Box3 {margin: 0 auto;position: relative;width: 1100px;}
#contents01 .inner-Box3 h2 {font-size: 140px;line-height: 1;font-weight: 800;letter-spacing: 10.5px;margin-bottom: 4px;text-align: center;color: #fff;}
#contents01 .inner-Box3 h2 span{  }
#contents01 .inner-Box3 h3{color: #fff;font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 10px;text-align: center;}
#contents01 .inner-Box3 h3 span{display: inline-block;background: #1A1A1A;padding: 2px 21px;}
#contents01 .inner-Box3 p.subl {font-size: 16px;line-height: 1.6;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 82px;text-align: center;color: #666;}
#contents01 .minBox {margin: 0 auto;position: relative;width: 1100px;}
#contents01 .inBox {margin: 0 auto 156px;position: relative;height: 560px;}
#contents01 .inBox h4{font-size: 22px;line-height: 40px;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 35px;padding-top: 50px;}
#contents01 .inBox figure.photo {position: absolute;top: 5px;right: 10px;}
#contents01 .inBox figure.photo2 {position: absolute;top: 330px;right: 10px;}
#contents01 .inBox p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 104px;color: #666666;width: 550px;}
	
	#contents01 .inBox .point-box{background-color: #f5f7fa;width: 550px;padding: 40px 20px 40px 20px;position: relative;}
	#contents01 .inBox .point-box .en{position: absolute;top: -30px;left: 0;right: 0; font-size: 36px;font-weight: 500; letter-spacing: 4px; text-align: center;color: #C41729;}
	#contents01 .inBox .point-box p{font-size: 16px;line-height: 30px;}
	
	

#contents02 {margin: 0 auto -40px;position: relative;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 70px 0 0;}
#contents02 .inner-Box h2 {font-size: 140px;line-height: 1;font-weight: 800;letter-spacing: 10.5px;margin-bottom: 4px;text-align: center;color: #EAECEE;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h3{color: #fff;font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 10px;text-align: center;}
#contents02 .inner-Box h3 span{display: inline-block;background: #1A1A1A;padding: 2px 21px;}
#contents02 .inner-Box p.subl {font-size: 16px;line-height: 1.6;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 125px;text-align: center;color: #666;}
#contents02 .inner-Box2 {margin: 0 auto 140px;position: relative;width: 1100px;}
#contents02 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;left: -9px;top: -35px;z-index: 4;}
#contents02 .inner-Box2 h4{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 93px;border-bottom: 2px solid #C41729;padding: 0 0 15px 151px;}
	
#contents02 .inner-Box3 {margin: 0 auto 140px;position: relative;width: 1100px;}
#contents02 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;left: -9px;top: -35px;z-index: 4;}
#contents02 .inner-Box3 h4{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 93px;border-bottom: 2px solid #C41729;padding: 0 0 15px 151px;}
	
#contents02 .inBox {margin: 0 auto 70px;position: relative;background: #F4F4F5;padding: 40px 50px 42px 50px;}
#contents02 .inBox.hh {}
#contents02 .inBox.hh2 {height: 636px;}
#contents02 .inBox h5{font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 30px;color: #C41729;text-align: center;background: #fff;padding: 12px 0;}
#contents02 .inBox h5 span{  }
#contents02 .minBox {margin: 0 auto;position: relative;padding-left: 560px;padding-top: 33px;}
#contents02 .minBox2 {margin: 0 auto;position: relative;}
#contents02 .minBox2 figure.img { position: absolute; top: 0; left: 0; }
#contents02 .minBox3 {margin: 0 auto;position: relative;padding-left: 560px;padding-top: 33px;}
#contents02 .minBox3 figure.img { position: absolute; top: 0; left: 0; }
#contents02 .minBox figure.img { position: absolute; top: 0; left: 0; }
#contents02 .minBox h6{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 18px;}
#contents02 .minBox2 h6{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 18px;}
#contents02 .minBox3 h6{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 18px;}	
#contents02 .minBox h6 span{  }
#contents02 .minBox p.text2 {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 24px;color: #666666;}
#contents02 .minBox2 p.text2 {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 24px;color: #666666;}
#contents02 .minBox3 p.text2 {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 24px;color: #666666;}



    #contentsbottom {margin: 0 auto 201px;position: relative;background: url('../images/quality2/contentsbottom-back01.png')no-repeat top center;padding: 57px 0 0;}
    #contentsbottom h2 {font-weight: bold;font-size: 36px;letter-spacing: 0.1em;line-height: 65px;text-align: center;color: #1a1a1a;margin-bottom: 39px;}
    #contentsbottom h2 img{  }
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;}
    #contentsbottom figure.photo img{ width: 100%; height: auto;}
    #contentsbottom .inner-Box1 {margin: 0 auto 196px;position: relative;width: 855px;padding: 69px 0 0;}
    #contentsbottom .inner-Box1 h3{font-size: 22px;line-height: 1.6;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 38px;text-align: center;}
    #contentsbottom .inner-Box1 h3 span{  }
    #contentsbottom .inner-Box1 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;color: #666666;}
    #contentsbottom .inner-Box2 {margin: 0 auto;position: relative;width: 870px;}
    #contentsbottom .inner-Box2 h4 {text-align: center;margin-bottom: 10px;}
    #contentsbottom .inner-Box2 h4 img{  }
    #contentsbottom .inner-Box2 p.mtext {font-size: 14px;line-height: 1.6;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 80px;text-align: center;color: #666666;}
    #contentsbottom .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contentsbottom .inner-Box2 ul li {margin-right: 40px;}
    #contentsbottom .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
    #contentsbottom .inner-Box2 ul li figure{  }
	#contentsbottom .inner-Box2 ul li img:hover{filter: invert(100%);transition: .7s;}
    
}
@media screen and (max-width: 767px) {

    #contentsmain {margin: -4.35vw auto 0 auto;position: relative;background: url('../images/quality2/sp-contentsmain-back01.png') no-repeat top center; background-size: 100% auto;}
    #contentsmain .inner-Box {position: relative;text-align: center;padding: 7.0vw 0 0;}
    #contentsmain .inner-Box h2 {  }
    #contentsmain .inner-Box h2 img{  }
    
    #contents01 {position: relative;background: #EAECEE;padding: 11.81vw 0 0.56vw;}
    #contents01 .inner-Box {margin: 0 4vw 3vw;position: relative;padding-bottom: 7.9vw;}
    #contents01 .inner-Box h2{font-size: 5.31vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.27vw;text-align: center;margin-bottom: 6.01vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin: 0 3.9vw 13.45vw;color: #666666;}
    #contents01 .inner-Box p.text span{display: block;margin-bottom: 6.4vw;}
	
	#contents01 .inner-Box .anchor-link{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-bottom: 10vw;}
	#contents01 .inner-Box .anchor-link li{width: 48%;margin-right: 4%;margin-bottom: 3vw;}
	#contents01 .inner-Box .anchor-link li:nth-child(2){margin-right: 0;}
	#contents01 .inner-Box .anchor-link li:last-child{margin: 0 auto;}
	#contents01 .inner-Box .anchor-link li a{display: block;width: 100%; background-color: #1A1A1A;font-size: 3.8vw;letter-spacing: 0.5vw; text-align: center;color: #fff;padding: 2vw 0 3vw;border-radius: 30px;}
	#contents01 .inner-Box .anchor-link li a:hover{text-decoration: none;}
	
	
	
    #contents01 .inner-Box h3 {font-size: 14.49vw;line-height: 1.6;font-weight: 800;letter-spacing: 1.086vw;margin-bottom: -7.0vw;text-align: center;color: #FFFFFF;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box2{margin: 0 auto 15.98vw;position: relative;background-size: 100% auto;padding: 11.55vw 0 4.63vw;background: #fff;}
    #contents01 .inner-Box2 h4{font-size: 5.31vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.27vw;text-align: center;margin-bottom: 6.04vw;}
    #contents01 .inner-Box2 p.text2 {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin: 0 3.8vw 6.04vw;color: #666;}
    #contents01 .inner-Box2 figure.img {position: relative;padding: 6vw 0;margin: 0 -4.1vw 0 -3.1vw;}
    #contents01 .inner-Box3 {margin: 0 4vw;position: relative;}
    #contents01 .inner-Box3 h2 {font-size: 14.49vw;line-height: 1;font-weight: 800;letter-spacing: 1.086vw;margin-bottom: 3.97vw;text-align: center;color: #fff;}
    #contents01 .inner-Box3 h2 span{  }
    #contents01 .inner-Box3 h3{color: #fff;font-size: 5.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 2.42vw;text-align: center;}
    #contents01 .inner-Box3 h3 span{display: inline-block;background: #1A1A1A;padding: 0.48vw 5.07vw;}
    #contents01 .inner-Box3 p.subl {font-size: 3.86vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 10.88vw;text-align: center;color: #666;}
    #contents01 .minBox {margin: 0 4vw;position: relative;}
    #contents01 .inBox {margin: 0 3.8vw 17.68vw;position: relative;}
    #contents01 .inBox h4{font-size: 5.31vw;line-height: 9.66vw;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 4.25vw;}
    #contents01 .inBox figure.photo {position: relative;margin-bottom: 7.1vw;}
    #contents01 .inBox p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 10.8vw;color: #666666;}
    
	#contents01 .inBox .point-box{background-color: #f5f7fa;width: 100%;padding: 8vw 5vw 5vw 5vw;position: relative;}
	#contents01 .inBox .point-box .en{position: absolute;top: -6vw;left: 0;right: 0; font-size: 8.0vw;font-weight: 500;letter-spacing: 0.5vw; text-align: center;color: #C41729;}
	#contents01 .inBox .point-box p{font-size: 3.8vw;line-height: 6.8vw;}
	
	
    #contents02 {margin: 0 auto 13.74vw;position: relative;}
    #contents02 .inner-Box {position: relative;padding: 18.51vw 0 0;}
    #contents02 .inner-Box h2 {font-size: 14.49vw;line-height: 1;font-weight: 800;letter-spacing: 1.086vw;margin-bottom: 3.77vw;text-align: center;color: #EAECEE;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h3{color: #fff;font-size: 5.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 2.42vw;text-align: center;}
    #contents02 .inner-Box h3 span{display: inline-block;background: #1A1A1A;padding: 0.48vw 5.07vw;}
    #contents02 .inner-Box p.subl {font-size: 3.86vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.99vw;text-align: center;color: #666;}
    #contents02 .inner-Box2 {margin: 0 auto 12.82vw;position: relative;}
    #contents02 .inner-Box2 span.no {display: block;line-height: 1;position: relative;z-index: 4;margin: 0 39.7vw -0.9vw 39.7vw;}
    #contents02 .inner-Box2 h4{font-size: 5.31vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.26vw;margin-bottom: 4.46vw;text-align: center;}
	
    #contents02 .inner-Box3 {margin: 0 auto 12.82vw;position: relative;}
    #contents02 .inner-Box3 span.no {display: block;line-height: 1;position: relative;z-index: 4;margin: 0 39.7vw -0.9vw 39.7vw;}
    #contents02 .inner-Box3 h4{font-size: 5.31vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.26vw;margin-bottom: 4.46vw;text-align: center;}
	
	
	
    #contents02 .inBox {margin: 0 4vw 5.81vw;position: relative;background: #F4F4F5;padding: 3.8vw;}
    #contents02 .inBox.hh {}
    #contents02 .inBox.hh2 {}
    #contents02 .inBox h5{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.29vw;color: #C41729;text-align: left;padding: 5.9vw 0 4.3vw 0;}
    #contents02 .inBox h5 span{  }
    #contents02 .minBox {position: relative;}
    #contents02 .minBox2 {position: relative;}
    #contents02 .minBox2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 8.1vw;}
    #contents02 .minBox3 {position: relative;}
    #contents02 .minBox3 figure.img {position: relative;top: 0;left: 0;margin-bottom: 8.1vw;}
    #contents02 .minBox figure.img {position: relative;top: 0;left: 0;margin-bottom: 7.1vw;}
    #contents02 .minBox h6{font-size: 3.86vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 4.35vw;}
    #contents02 .minBox2 h6{font-size: 3.86vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 4.35vw;}
    #contents02 .minBox3 h6{font-size: 3.86vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 4.35vw;}
    #contents02 .minBox h6 span{  }
    #contents02 .minBox p.text2 {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 5.8vw;color: #666666;}
    #contents02 .minBox2 p.text2 {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 5.8vw;color: #666666;}
    #contents02 .minBox3 p.text2 {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 5.8vw;color: #666666;}
    
    
    #contentsbottom {margin: 0 auto 15.55vw;position: relative;background: url('../images/quality2/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100% auto;padding: 7.39vw 0 0;}
    #contentsbottom h2 {font-weight: bold;font-size: 20px;letter-spacing: 0.05em;line-height: 34px;text-align: center;color: #1a1a1a;background-color: #F4F4F5;padding-top: 24px;padding-bottom: 27px;}
    #contentsbottom h2 img{  }
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;background: #F4F4F5;}
    #contentsbottom figure.photo img{ width: 100%; height: auto;}
    #contentsbottom .inner-Box1 {margin: 0 auto 16.64vw;position: relative;padding: 8.27vw 0 9vw;background: #F4F4F5;}
    #contentsbottom .inner-Box1 h3{font-size: 4.71vw;line-height: 2.1;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 2.88vw;text-align: center;}
    #contentsbottom .inner-Box1 h3 span{  }
    #contentsbottom .inner-Box1 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin: 0 7.8vw 7.25vw;color: #666666;}
    #contentsbottom .inner-Box1 p.text span{display: block;margin-bottom: 5.9vw;}
    #contentsbottom .inner-Box2 {margin: 0 7.7vw;position: relative;}
    #contentsbottom .inner-Box2 h4 {text-align: center;margin-bottom: 2.42vw;}
    #contentsbottom .inner-Box2 h4 img{  }
    #contentsbottom .inner-Box2 p.mtext {font-size: 3.38vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 9.72vw;text-align: center;color: #666666;}
    #contentsbottom .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contentsbottom .inner-Box2 ul li {margin-bottom: 5.66vw;}
    #contentsbottom .inner-Box2 ul li:nth-child(2) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box2 ul li figure{ margin-bottom: 4vw; }
	#contentsbottom .inner-Box2 ul li img:hover{filter: invert(100%);transition: .7s;}
}