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

#contentsmain {margin: -28px auto 0 auto;position: relative;background: url('../images/quality3/contentsmain-back01.png')no-repeat top center;padding: 788px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;width: 849px;padding-bottom: 77px;}
#contentsmain .inner-Box h2 {margin-bottom: 39px;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;color: #666666;}

#contents01 {margin: 0 auto 289px;position: relative;padding: 100px 0 0;}
#contents01 .inner-Box1 {margin: 0 auto 120px;position: relative;width: 1100px;padding: 0 0 0 600px;height: 380px;}
#contents01 .inner-Box1 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;}
#contents01 .inner-Box1 h2 span{display: inline-block;border-bottom: #C41729 2px solid;padding-bottom: 7px;}
#contents01 .inner-Box1 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box1 h3{font-size: 18px;line-height: 33px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 35px;}
#contents01 .inner-Box1 h3 span{  }
#contents01 .inner-Box1 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 25px;color: #666666;}

#contents01 .inner-Box2 {margin: 0 auto 120px;position: relative;width: 1100px;padding: 0 0 0 600px;height: 380px;}
#contents01 .inner-Box2 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;}
#contents01 .inner-Box2 h2 span{display: inline-block;border-bottom: #C41729 2px solid;padding-bottom: 7px;}
#contents01 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box2 h3{font-size: 18px;line-height: 33px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 35px;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 25px;color: #666666;}

#contents01 .inner-Box3 {margin: 0 auto 120px;position: relative;width: 1100px;padding: 0 0 0 600px;height: 380px;}
#contents01 .inner-Box3 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;}
#contents01 .inner-Box3 h2 span{display: inline-block;border-bottom: #C41729 2px solid;padding-bottom: 7px;}
#contents01 .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box3 h3{font-size: 18px;line-height: 33px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 35px;}
#contents01 .inner-Box3 h3 span{  }
#contents01 .inner-Box3 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 25px;color: #666666;}

#contents01 .inner-Box4 {margin: 0 auto 120px;position: relative;width: 1100px;padding: 0 0 0 600px;height: 380px;}
#contents01 .inner-Box4 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;}
#contents01 .inner-Box4 h2 span{display: inline-block;border-bottom: #C41729 2px solid;padding-bottom: 7px;}
#contents01 .inner-Box4 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box4 h3{font-size: 18px;line-height: 33px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 35px;}
#contents01 .inner-Box4 h3 span{  }
#contents01 .inner-Box4 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 25px;color: #666666;}

#contents01 .inner-Box5 {margin: 0 auto 120px;position: relative;width: 1100px;padding: 0 0 0 600px;height: 380px;}
#contents01 .inner-Box5 h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 17px;}
#contents01 .inner-Box5 h2 span{display: inline-block;border-bottom: #C41729 2px solid;padding-bottom: 7px;}
#contents01 .inner-Box5 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box5 h3{font-size: 18px;line-height: 33px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 35px;}
#contents01 .inner-Box5 h3 span{  }
#contents01 .inner-Box5 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 25px;color: #666666;}


    #contentsbottom {margin: 0 auto 184px;position: relative;background: url('../images/quality3/contentsbottom-back01.png')no-repeat top center;padding: 125px 0 0;}
    #contentsbottom h2 {position: absolute;top: -80px;left: 50%;z-index: 3;margin-left: -535px;}
    #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 134px;position: relative;width: 855px;padding: 49px 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 .works-link{}
	#contentsbottom .inner-Box1 .works-link a{display: block; width: 350px; margin: 0 auto; background-color: #333333;font-size: 20px;letter-spacing: 2px; text-align: center;color: #fff;padding: 7px 0 8px;border-radius: 30px;}
	#contentsbottom .inner-Box1 .works-link a:hover{text-decoration: none;}
	
    #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;}

.nagare-Box{
    height: 570px;
    background-image: url(../images/quality3/nagare.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  animation: scrollRight 120s linear infinite;
}
/* アニメーション定義 */
@keyframes scrollRight {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

}
@media screen and (max-width: 767px) {
    #contentsmain {margin: -2.66vw auto 0 auto;position: relative;background: url('../images/quality3/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;}
    #contentsmain .inner-Box {position: relative;text-align: center;padding-bottom: 18.6vw;padding: 87.3vw 0 0;}
    #contentsmain .inner-Box h2 {margin: 0 18vw 9.42vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;color: #666666;background: #EAECEE;padding: 0 6vw 10vw;text-align: left;}
    
    #contents01 {margin: 0 auto 25vw;position: relative;padding: 9.15vw 0 0;}
    #contents01 .inner-Box1 {margin: 0 7.7vw 19.99vw;position: relative;}
    #contents01 .inner-Box1 h2{font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 7.11vw;text-align: center;}
    #contents01 .inner-Box1 h2 span{display: inline-block;border-bottom: #C41729 0.48vw solid;padding-bottom: 2.29vw;}
    #contents01 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.7vw;}
    #contents01 .inner-Box1 h3{font-size: 4.35vw;line-height: 7.97vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 5.95vw;}
    #contents01 .inner-Box1 h3 span{  }
    #contents01 .inner-Box1 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.04vw;color: #666666;}
    
    #contents01 .inner-Box5 {margin: 0 7.7vw 19.99vw;position: relative;}
    #contents01 .inner-Box5 h2{font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 7.11vw;text-align: center;}
    #contents01 .inner-Box5 h2 span{display: inline-block;border-bottom: #C41729 0.48vw solid;padding-bottom: 2.29vw;}
    #contents01 .inner-Box5 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.7vw;}
    #contents01 .inner-Box5 h3{font-size: 4.35vw;line-height: 7.97vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 5.95vw;}
    #contents01 .inner-Box5 h3 span{  }
    #contents01 .inner-Box5 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.04vw;color: #666666;}
    
    #contents01 .inner-Box2 {margin: 0 7.7vw 19.99vw;position: relative;}
    #contents01 .inner-Box2 h2{font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 7.11vw;text-align: center;}
    #contents01 .inner-Box2 h2 span{display: inline-block;border-bottom: #C41729 0.48vw solid;padding-bottom: 2.29vw;}
    #contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.7vw;}
    #contents01 .inner-Box2 h3{font-size: 4.35vw;line-height: 7.97vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 5.95vw;}
    #contents01 .inner-Box2 h3 span{  }
    #contents01 .inner-Box2 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.04vw;color: #666666;}
    
    #contents01 .inner-Box3 {margin: 0 7.7vw 19.99vw;position: relative;}
    #contents01 .inner-Box3 h2{font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 7.11vw;text-align: center;}
    #contents01 .inner-Box3 h2 span{display: inline-block;border-bottom: #C41729 0.48vw solid;padding-bottom: 2.29vw;}
    #contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.7vw;}
    #contents01 .inner-Box3 h3{font-size: 4.35vw;line-height: 7.97vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 5.95vw;}
    #contents01 .inner-Box3 h3 span{  }
    #contents01 .inner-Box3 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.04vw;color: #666666;}
    
    #contents01 .inner-Box4 {margin: 0 7.7vw 19.99vw;position: relative;}
    #contents01 .inner-Box4 h2{font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 7.11vw;text-align: center;}
    #contents01 .inner-Box4 h2 span{display: inline-block;border-bottom: #C41729 0.48vw solid;padding-bottom: 2.29vw;}
    #contents01 .inner-Box4 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.7vw;}
    #contents01 .inner-Box4 h3{font-size: 4.35vw;line-height: 7.97vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 5.95vw;}
    #contents01 .inner-Box4 h3 span{  }
    #contents01 .inner-Box4 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.04vw;color: #666666;}
    
    
    #contentsbottom {margin: 0 auto 15.55vw;position: relative;background: url('../images/quality3/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100% auto;padding: 29.39vw 0 0;}
    #contentsbottom h2 {position: absolute;top: 8.14vw;z-index: 3;margin: 0 7.6vw 4.1vw;}
    #contentsbottom h2 img{  }
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;background: #F4F4F5;padding: 17.8vw 0 0;}
    #contentsbottom figure.photo img{ width: 100%; height: auto;}
    #contentsbottom .inner-Box1 {margin: 0 auto 16.64vw;position: relative;padding: 5.77vw 0 10vw;background: #F4F4F5;}
    #contentsbottom .inner-Box1 h3{font-size: 4.71vw;line-height: 2.1;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 5vw;text-align: center;}
    #contentsbottom .inner-Box1 h3 span{  }
	
	#contentsbottom .inner-Box1 .works-link{}
	#contentsbottom .inner-Box1 .works-link a{display: block; width: 70%; margin: 0 auto; background-color: #333333;font-size: 4.8vw;letter-spacing: 0.5vw; text-align: center;color: #fff;padding: 2vw 0 2vw;border-radius: 10vw;}
	#contentsbottom .inner-Box1 .works-link a:hover{text-decoration: none;}
	
    #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;}


    .nagare-Box{
    height: 72.705vw;
    background-image: url(../images/quality3/sp-nagare.png);
  background-repeat: repeat-x;
  background-position: 0 0;
background-size: 895.411vw 72.705vw;
  animation: scrollRight 100s linear infinite;
}
/* アニメーション定義 */
@keyframes scrollRight {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
}