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

    #production .main-title{ background: url(../images/production/h1.png)no-repeat top center;}

    #contentsmain {margin: 0 auto 161px;position: relative;}
    #contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1177px;padding-left: 590px;}
    #contentsmain .inner-Box h2{font-size: 26px;line-height: 1.6;font-weight: 700;letter-spacing: 2.6px;margin-bottom: 19px;position: relative;top: -14px;}
    #contentsmain .inner-Box h2 span{background: #1A1E1F;color: #fff;padding: 20px 79px;}
    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -73px;right: 29px;}
    #contentsmain .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;padding-left: 79px;}
    
    #contents01 {margin: 0 auto;position: relative;background: url('../images/production/contents01-back01.png')no-repeat top center;min-height: 720px;}
    #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1030px;padding: 145px 0 0;}
    #contents01 .inner-Box span.f-robo {color: #fff;font-size: 33px;font-weight: bold;letter-spacing: 0px;margin-bottom: -10px;display: block;}
    #contents01 .inner-Box h2{font-size: 46px;line-height: 1.6;font-weight: 700;letter-spacing: 4.6px;margin-bottom: 43px;}
    #contents01 .inner-Box h2 span{background: #fff;display: inline-block;padding: 13.2px 11.2px;line-height: 1;}
    #contents01 .inner-Box figure.photo {position: absolute;top: -33px;right: -445px;}
    #contents01 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;color: #fff;width: 550px;}
    
    #contents02 {margin: 0 auto;position: relative;min-height: 716px;}
    #contents02 .inner-Box {margin: 0 auto;position: relative;width: 1030px;padding: 49px 0 0 516px;}
    #contents02 .inner-Box span.f-robo {font-size: 33px;font-weight: bold;letter-spacing: 0px;margin-bottom: -10px;display: block;}
    #contents02 .inner-Box h2{font-size: 46px;line-height: 1.6;font-weight: 700;letter-spacing: 4.6px;margin-bottom: 43px;color: #fff;}
    #contents02 .inner-Box h2 span{background: #1A1E1F;display: inline-block;padding: 13.2px 11.2px;line-height: 1;}
    #contents02 .inner-Box figure.photo {position: absolute;top: 105px;left: -445px;}
    #contents02 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;width: 550px;}
    
    #contents03 {margin: 0 auto;position: relative;background: url('../images/production/contents03-back01.png')no-repeat top center;min-height: 790px;}
    #contents03 .inner-Box {margin: 0 auto;position: relative;width: 1040px;padding: 138px 0 0;}
    #contents03 .inner-Box span.f-robo {color: #fff;font-size: 33px;font-weight: bold;letter-spacing: 0px;margin-bottom: -10px;display: block;}
    #contents03 .inner-Box h2{font-size: 46px;line-height: 1.6;font-weight: 700;letter-spacing: 4.6px;margin-bottom: 43px;}
    #contents03 .inner-Box h2 span{background: #fff;display: inline-block;padding: 13.2px 11.2px;line-height: 1;}
    #contents03 .inner-Box figure.photo {position: absolute;top: -33px;right: -440px;}
    #contents03 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;color: #fff;width: 550px;}
       
#contents04 {margin: 0 auto;position: relative;background: url('../images/production/contents04-back01.png')no-repeat bottom 80px center;padding: 22px 0 358px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 231px;border: 2px solid #1A1E1F;padding: 67px 0 0 317px;}
#contents04 .inner-Box h2 {position: absolute;top: 50px;left: 48px;}
#contents04 .inner-Box h2 img{  }
#contents04 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}
#contents04 .inner-Box figure.photo01 {position: absolute;bottom: -87px;right: -51px;}


#contents05 {margin: 0 auto;position: relative;background: #E6E6E6;height: 710px;}
#contents05 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 94px 0 0;}
#contents05 .inner-Box h2.ttl01 {margin-bottom: 35px;}
#contents05 .inner-Box h2.ttl01 img {  }
#contents05 .inner-Box figure.photo01 {position: absolute;top: -54px;right: -410px;}
#contents05 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}
#contents05 .inner-Box figure.photo02 {position: absolute;top: 416px;left: 0;}

}
@media screen and (max-width: 767px) {

    #production .main-title{ background: url(../images/production/sp-h1.png)no-repeat top center;background-size: 100% auto;}

    #contentsmain {margin: 0 auto 13.9vw;position: relative;}
    #contentsmain .inner-Box {position: relative;}
    #contentsmain .inner-Box h2{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.44vw;margin-bottom: 9.7vw;position: relative;top: -1.4vw;margin-left: 5.7vw;}
    #contentsmain .inner-Box h2 span{background: #1A1E1F;color: #fff;padding: 3.8vw 2.6vw 3.8vw 8.1vw;}
    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -10.8vw;right: 5.5vw;width: 7.3vw;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;padding-left: 6.2vw;padding-right: 6.2vw;}
    
    #contents01 {position: relative;background: url('../images/production/sp-contents01-back01.png') no-repeat top center;background-size: 100% auto;margin-bottom: -1.4vw;}
    #contents01 .inner-Box {margin: 0 6.5vw;position: relative;padding: 19.3vw 0 29vw;}
    #contents01 .inner-Box span.f-robo {color: #fff;font-size: 5.79vw;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: -1.3vw;display: block;text-align: center;}
    #contents01 .inner-Box h2{font-size: 8.21vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 9.7vw;text-align: center;}
    #contents01 .inner-Box h2 span{background: #fff;display: inline-block;padding: 2.6vw 3.3vw;line-height: 1;}
    #contents01 .inner-Box figure.photo {position: relative;margin-bottom: 8.5vw;}
    #contents01 .inner-Box p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;color: #fff;}
    
    #contents02 {position: relative;}
    #contents02 .inner-Box {margin: 0 6.5vw;position: relative;padding: 0vw 0 9vw;}
    #contents02 .inner-Box span.f-robo {font-size: 5.79vw;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: -1.3vw;display: block;text-align: center;}
    #contents02 .inner-Box h2{color: #fff; font-size: 8.21vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 9.7vw;text-align: center;}
    #contents02 .inner-Box h2 span{background: #000;display: inline-block;padding: 2.6vw 3.3vw;line-height: 1;}
    #contents02 .inner-Box figure.photo {position: relative;margin-bottom: 7.8vw;}
    #contents02 .inner-Box p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}
    
    #contents03 {position: relative;background: url('../images/production/sp-contents03-back01.png') no-repeat top center;background-size: 100% auto;margin-bottom: -1.4vw;}
    #contents03 .inner-Box {margin: 0 6.5vw;position: relative;padding: 19.3vw 0 29vw;}
    #contents03 .inner-Box span.f-robo {color: #fff;font-size: 5.79vw;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: -1.3vw;display: block;text-align: center;}
    #contents03 .inner-Box h2{font-size: 8.21vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 9.7vw;text-align: center;}
    #contents03 .inner-Box h2 span{background: #fff;display: inline-block;padding: 2.6vw 3.3vw;line-height: 1;}
    #contents03 .inner-Box figure.photo {position: relative;margin-bottom: 8.5vw;}
    #contents03 .inner-Box p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;color: #fff;}
       
    #contents04 {position: relative;background: url('../images/production/sp-contents04-back01.png') no-repeat bottom center;background-size: 100% auto;padding: 3.6vw 0 39.5vw;}
    #contents04 .inner-Box {margin: 0 6.5vw;position: relative;border: 0.5vw solid #1A1E1F;padding: 7vw 0 11.5vw;}
    #contents04 .inner-Box h2 {position: relative;margin: 0 20.8vw 10.9vw;}
    #contents04 .inner-Box h2 img{  }
    #contents04 .inner-Box p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin: 0 5.8vw 8.9vw;}
    #contents04 .inner-Box figure.photo01 {position: relative;margin: 0 8.4vw;}
    
    
    #contents05 {position: relative;background: #E6E6E6;padding-bottom: 12vw;}
    #contents05 .inner-Box {position: relative;padding: 14.4vw 0 0;}
    #contents05 .inner-Box h2.ttl01 {margin: 0 15vw 9.5vw 16.9vw;}
    #contents05 .inner-Box h2.ttl01 img {  }
    #contents05 .inner-Box figure.photo01 {position: relative;margin: 0 6.6vw 6vw;}
    #contents05 .inner-Box p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin: 0 12.7vw 9.2vw;}
    #contents05 .inner-Box figure.photo02 {position: relative;}
    
}