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

#contentsmain {margin: 0 auto;position: relative;background: url('../images/about/contentsmain-back01.png')no-repeat top 101px center #E8E8E8;padding-bottom: 94px;}
#contentsmain .inner-Box {margin: 0 auto -10px;position: relative;height: 875px;width: 1199px;padding: 216px 0 0;}
#contentsmain .inner-Box h2 {
    text-align: right;
}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;text-align: center;padding: 52px 0 0;}
#contentsmain .inner-Box2 h3 {font-size: 54px;line-height: 1.33;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 16px;position: relative;}
#contentsmain .inner-Box2 h4.f-min {font-size: 36px;line-height: 1.33;font-weight: bold;letter-spacing: 0px;margin-bottom: 72px;position: relative;margin-top: 40px;}
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 1.75;font-weight: 500;letter-spacing: 0px;margin-bottom: 21px;position: relative;}

@keyframes slide-bg-h {
    0% { background-position: 100% bottom; }
    100% { background-position: 0% bottom; }
  }

#contents01 {margin: 0 auto;position: relative;background: #1A1C1D;color: #fff;padding: 112px 0 10px;}

#contents01 .inner-Box{margin: 0 auto 112px;position: relative;background: url('../images/about/contents01-back01.png')repeat-x bottom left;padding-bottom: 440px;animation: slide-bg-h 60s linear infinite;}


#contents01 .inBox {margin: 0 auto;width: 1100px;position: relative;padding-bottom: 51px;}
#contents01 .inBox h2 {font-size: 42px;line-height: 1.5;font-weight: 700;letter-spacing: 0px;position: relative;margin-bottom: 8px;}
#contents01 .inBox .kaxtuko{
    position: relative;
    left: -25px;
}
#contents01 .inBox .kaxtuko2{
    position: relative;
    left: -15px;
}

#contents01 .inBox h3.f-min {letter-spacing: 0px;position: relative;font-weight: 400;font-size: 26px;line-height: 1.5;text-align: left;color: #fff;margin-bottom: 48px;}
#contents01 .inBox p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 20px;position: relative;}

#contents01 .inner-Box2{margin: 0 auto 112px;position: relative;background: url('../images/about/contents01-back02.png')repeat-x bottom left;padding-bottom: 440px;animation: slide-bg-h 60s linear infinite;}
#contents01 .inner-Box3{margin: 0 auto 107px;position: relative;background: url('../images/about/contents01-back03.png')repeat-x bottom left;padding-bottom: 440px;animation: slide-bg-h 60s linear infinite;}



#contents02 {margin: 0 auto;position: relative;text-align: center;padding: 120px 0 96px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box p.btn {  }
#contents02 .inner-Box p.btn img {  }


#contentsbottom00 {margin: 0 auto;position: relative;background: #E8E8E8;padding: 115px 0 86px;}
#contentsbottom00 .inner-Box {margin: 0 auto;position: relative;width: 1280px;text-align: center;}
#contentsbottom00 .inner-Box h2 {font-size: 54px;line-height: 1.33;font-weight: 700;letter-spacing: 0px;margin-bottom: 33px;position: relative;text-align: center;}
#contentsbottom00 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 56px;}
#contentsbottom00 .inner-Box figure.photo img{  }
#contentsbottom00 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 500;letter-spacing: 0px;margin-bottom: 20px;position: relative;}


#contentsbottom {margin: 0 auto -216px;position: relative;padding: 118px 0 266px;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box 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-Box ul li {margin: 0 40px 40px 0px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }

}

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


    @keyframes slide-bg-h {
        0% { background-position: 100% bottom; }
        100% { background-position: 0% bottom; }
      }


      #contentsmain {position: relative;background: url('../images/about/sp-contentsmain-back01.png')no-repeat top center #E8E8E8;padding-bottom: 10.71vw;background-size: 100% auto;}
      #contentsmain .inner-Box {margin: 0 auto 0vw;position: relative;padding: 8vw 0 0;}
      #contentsmain .inner-Box h2 { text-align: right; margin: 0 6.5vw 0 54vw; }
      #contentsmain .inner-Box h2 span{  }
      #contentsmain .inner-Box h2 img {  }
      #contentsmain .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;padding: 26.06vw 0 0;}
      #contentsmain .inner-Box2 h3 {font-size: 8.21vw;line-height: 1.33;font-weight: 700;letter-spacing: 0vw;margin-bottom: 4.35vw;position: relative;}
      #contentsmain .inner-Box2 h4.f-min {
                letter-spacing: 0.0vw;
        margin-bottom: 6.59vw;
        position: relative;
        font-weight: 600;
        font-size: 5.797vw;
        line-height: 9.179vw;
        margin-top: 5.5vw;
      }
      #contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.0vw;margin: 0 1.4vw 3.37vw;position: relative;text-align: left;}
      
      #contents01 {position: relative;background: #1A1C1D;color: #fff;padding: 15.75vw 0 2.42vw;}
      #contents01 .inner-Box{margin: 0 auto -0.16vw;}

#contents01 .inner-Box .sp-nagare{
position: relative;background: url('../images/about/contents01-back01.png')repeat-x bottom left;padding-bottom: 49vw;animation: slide-bg-h 60s linear infinite;background-size: auto 49.28vw;
        width: 100vw;
        margin-left: -5.314vw;
        margin-bottom: 5.797vw;
}

      #contents01 .inBox {margin: 0 5.4vw;position: relative;padding-bottom: 14.32vw;}
      #contents01 .inBox h2 {        letter-spacing: 0.0vw;
        margin-bottom: 1.2vw;
        position: relative;
        font-weight: bold;
        font-size: 7.246vw;
        line-height: 10.628vw;
        text-align: center;
        color: #fff;}
      #contents01 .inBox h3.f-min {
    margin-bottom: 5.314vw;
    position: relative;
    font-weight: normal;
    font-size: 4.348vw;
    line-height: 7.246vw;
        text-align: center;
    color: #fff;
    }
      #contents01 .inBox p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.33vw;position: relative;}
      
      #contents01 .inner-Box2{margin: 0 auto 0.84vw;position: relative;}
      #contents01 .inner-Box3{margin: 0 auto -1.16vw;position: relative;}
      
#contents01 .inner-Box2 .sp-nagare{
position: relative;background: url('../images/about/contents01-back02.png')repeat-x bottom left;padding-bottom: 49vw;animation: slide-bg-h 60s linear infinite;background-size: auto 49.28vw;
        width: 100vw;
        margin-left: -5.314vw;
        margin-bottom: 5.797vw;
}

#contents01 .inner-Box3 .sp-nagare{
position: relative;background: url('../images/about/contents01-back03.png')repeat-x bottom left;padding-bottom: 49vw;animation: slide-bg-h 60s linear infinite;background-size: auto 49.28vw;
        width: 100vw;
        margin-left: -5.314vw;
        margin-bottom: 5.797vw;
}
      
      
      #contents02 {position: relative;text-align: center;margin-bottom: -25.1vw;}
      #contents02 .inner-Box {position: relative;}
      #contents02 .inner-Box p.btn {position: relative;z-index: 3;}
      #contents02 .inner-Box p.btn img {  }

#contentsbottom00 {position: relative;background: #E8E8E8;padding: 36.48vw 0 13.97vw;}
#contentsbottom00 .inner-Box {margin: 0 5.5vw;position: relative;text-align: center;}
#contentsbottom00 .inner-Box h2 {font-size: 8.21vw;line-height: 1.43;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 6.27vw;position: relative;text-align: center;}
#contentsbottom00 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.53vw;}
#contentsbottom00 .inner-Box figure.photo img{  }
#contentsbottom00 .inner-Box p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 3.85vw;position: relative;text-align: left;}


#contentsbottom {margin: 0 auto -54vw;position: relative;padding: 21.8vw 0 73.91vw;}
#contentsbottom .inner-Box {margin: 0 8.9vw;position: relative;}
#contentsbottom .inner-Box 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-Box ul li {margin: 0 0 7vw;}
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
    

#contentsbottom00 .inner-Box p.text .sp-ss{
    display: block;
    margin-top: 3.33vw;
}

}