@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {padding-bottom: 416px;margin: 0 auto 486px;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat bottom center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 980px;background: #fff;text-align: center;padding: 51px 0 55px;}
#contentsmain .inner-Box h2.f-en {font-size: 43px;line-height: 2.03;font-weight: 400;letter-spacing: 2.15px;margin-bottom: 13px;position: relative;color: #3F7340;}
#contentsmain .inner-Box h3.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 40px;position: relative;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto 180px;position: relative;background: #F2F2F2;height: 2890px;}
#contents01 .inner-Box1{margin: 0 auto -80px;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat calc(50% - 140px) top;width: 1400px;height: 850px;top: -387px;padding: 217px 0 0 150px;}
#contents01 .inner-Box1 h2.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 20px;position: relative;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 110px;right: 100px;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box2{margin: 0 auto -49px;position: relative;background: url('../images/concept/contents01-back02.png')no-repeat calc(50% - -140px) top;width: 1400px;height: 850px;top: -387px;padding: 171px 150px 0 700px;}
#contents01 .inner-Box2 h2.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 20px;position: relative;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 137px;left: -80px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box3{margin: 0 auto -50px;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat calc(50% - 140px) top;width: 1400px;height: 850px;top: -387px;padding: 203px 700px 0 150px;background-size: 1180px 889px;}
#contents01 .inner-Box3 h2.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 20px;position: relative;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 138px;right: -80px;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box4{margin: 0 auto 0px;position: relative;background: url('../images/concept/contents01-back02.png')no-repeat calc(50% - -140px) top;width: 1400px;height: 850px;top: -387px;padding: 233px 150px 0 700px;}
#contents01 .inner-Box4 h2.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 20px;position: relative;}
#contents01 .inner-Box4 figure.photo {position: absolute;top: 137px;left: 150px;}
#contents01 .inner-Box4 figure.photo img{  }
#contents01 .inner-Box4 p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }


#contentsbottom {margin: 0 auto 98px;position: relative;text-align: center;}
#contentsbottom h2.f-min {font-size: 30px;line-height: 2.03;font-weight: 400;letter-spacing: 3.3px;margin-bottom: 38px;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto 98px;position: relative;}
#contentsbottom .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 0 59px;}
#contentsbottom .inner-Box figure.img img{  }
#contentsbottom .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsbottom .inner-Box2 {margin: 0 auto;position: relative;width: 721px;}
#contentsbottom .inner-Box2 ul.list {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(2n) { margin-right: 0px; }
#contentsbottom .inner-Box2 ul li figure {  }
#contentsbottom .inner-Box2 ul li a {  }
#contentsbottom .inner-Box2 ul li a:hover {  }

}

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

    #contentsmain {padding-bottom: 0vw;margin: 0 auto -39.6vw;position: relative;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat top 43.1vw center;background-size: 100% auto;z-index: 3;}
    #contentsmain .inner-Box {position: relative;text-align: center;padding: 1.9vw 0 19.67vw;}
    #contentsmain .inner-Box h2.f-en {font-size: 7.25vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.36vw;margin-bottom: 0.67vw;position: relative;color: #3F7340;}
    #contentsmain .inner-Box h3.f-min {font-size: 4.83vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 62.77vw;position: relative;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin: 0 2.9vw -4.8vw;position: relative;text-align: left;background: #fff;padding: 8.1vw 4.7vw 4vw;}
    
    #contents01 {margin: 0 auto 13.1vw;position: relative;background: #F2F2F2;padding: 37vw 0 3vw;}
    #contents01 .inner-Box1{margin: 0 auto 9.66vw;position: relative;background: #fff;top: 0vw;background-size: 100% auto;padding: 13.2vw 7.7vw 1vw;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents01 .inner-Box1 h2.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 5.33vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 figure.photo {position: relative;margin-bottom: 7.8vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;}
    
    #contents01 .inner-Box2{margin: 0 auto 9.66vw;position: relative;background: #fff;top: 0vw;background-size: 100% auto;padding: 13.2vw 7.7vw 1vw;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents01 .inner-Box2 h2.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 5.33vw;position: relative;text-align: center;}
    #contents01 .inner-Box2 figure.photo {position: relative;margin-bottom: 7.8vw;}
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;}
    
    #contents01 .inner-Box3{margin: 0 auto 9.66vw;position: relative;background: #fff;top: 0vw;background-size: 100% auto;padding: 13.2vw 7.7vw 1vw;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents01 .inner-Box3 h2.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 5.33vw;position: relative;text-align: center;}
    #contents01 .inner-Box3 figure.photo {position: relative;margin-bottom: 7.8vw;}
    #contents01 .inner-Box3 figure.photo img{  }
    #contents01 .inner-Box3 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;}
    
    #contents01 .inner-Box4{margin: 0 auto 9.66vw;position: relative;background: #fff;top: 0vw;background-size: 100% auto;padding: 13.2vw 7.7vw 1vw;box-shadow: 0px 0.72vw 1.45vw #00000029;}
    #contents01 .inner-Box4 h2.f-min {font-size: 5.80vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 5.33vw;position: relative;text-align: center;}
    #contents01 .inner-Box4 figure.photo {position: relative;margin-bottom: 7.8vw;}
    #contents01 .inner-Box4 figure.photo img{  }
    #contents01 .inner-Box4 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;}
    

    
    #contentsbottom {margin: 0 auto 1.13vw;position: relative;text-align: center;}
    #contentsbottom h2.f-min {font-size: 5.80vw;line-height: 1.67;font-weight: 400;letter-spacing: 0.64vw;margin-bottom: 6.13vw;position: relative;}
    #contentsbottom .inner-Box {margin: 0 auto 15.63vw;position: relative;}
    #contentsbottom .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 0 7.83vw;}
    #contentsbottom .inner-Box figure.img img{  }
    #contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin: 0 7.6vw 8.0vw;position: relative;text-align: left;}
    #contentsbottom .inner-Box2 {margin: 0 8.7vw;position: relative;}
    #contentsbottom .inner-Box2 ul.list {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: 9.67vw;}
    #contentsbottom .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box2 ul li figure {  }
    #contentsbottom .inner-Box2 ul li a {  }
    #contentsbottom .inner-Box2 ul li a:hover {  }





    
}