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

#contentsmain {margin: -63px auto 100px auto;position: relative;background: url('../images/tile/contentsmain-back01.png')no-repeat top center;}
#contentsmain h2.f-mins {font-size: 32px;line-height: 1.4;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;display: none;}
#contentsmain .back-Box{margin: 0 auto;position: relative;background: url('../images/tile/contentsmain-back02.png')repeat-x bottom center;padding: 597px 0 232px;animation: slide-left 60s linear infinite;}
@keyframes slide-left {
    0% { background-position: 0 bottom; }
    100% { background-position: -2376px bottom; }
  }


#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 465px;box-shadow: 0px 3px 6px #00000029;border-radius: 28px;background: #fff;padding: 113px 0 0;text-align: center;}
#contentsmain .inner-Box figure.img {position: absolute;top: -80px;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box h3.f-mins {font-size: 53px;line-height: 1.4;font-weight: 500;letter-spacing: 2.65px;margin-bottom: 53px;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;}

#contents00 {margin: 0 auto 100px;position: relative;}
#contents00 .inner-Box { margin: 0 auto; position: relative; }
#contents00 .inner-Box h2 {text-align: center;margin: 0 0 29px;}
#contents00 .inner-Box h2 span{  }
#contents00 .inner-Box h2 img {  }
#contents00 .inner-Box 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;width: 1040px;margin: 0 auto;}
#contents00 .inner-Box ul li {margin-right: 40px;}
#contents00 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents00 .inner-Box ul li figure {  }
#contents00 .inner-Box ul li a {  }
#contents00 .inner-Box ul li a:hover {  }

#contents01 {margin: 0 auto 100px;position: relative;background: url('../images/tile/contents01-back01.png')no-repeat top center;padding: 106px 0 60px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1280px;}
#contents01 .inBox {margin: 0 0 0 auto;position: relative;width: 680px;height: 723px;box-shadow: 0px 3px 6px #00000029;background: #fff;padding: 73px 91px;z-index: 3;}
#contents01 .inner-Box h2 {font-size: 40px;line-height: 1.4;font-weight: 700;letter-spacing: 2px;margin-bottom: 54px;position: relative;}
#contents01 .inner-Box h2::before{content: "";display: block;width: 60px;height: 4px;background: #003253;position: absolute;bottom: -13px;left: 0;}
#contents01 figure.photo01 {position: absolute;top: -46px;left: 0;}
#contents01 figure.photo01 img{  }
#contents01 .inner-Box h3 {font-size: 25px;line-height: 1.4;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 27px;position: relative;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents01 figure.photo02 {position: absolute;top: 314px;left: 0;}
#contents01 figure.photo02 img{  }

#contents02 {margin: 0 auto 100px;position: relative;background: url('../images/tile/contents02-back01.png')no-repeat top center;padding: 106px 0 430px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1280px;}
#contents02 .inBox {margin: 0 0 0 auto;position: relative;width: 680px;height: 543px;box-shadow: 0px 3px 6px #00000029;background: #fff;padding: 73px 91px;z-index: 3;}
#contents02 .inner-Box h2 {font-size: 40px;line-height: 1.4;font-weight: 700;letter-spacing: 2px;margin-bottom: 54px;position: relative;}
#contents02 .inner-Box h2::before{content: "";display: block;width: 60px;height: 4px;background: #003253;position: absolute;bottom: -13px;left: 0;}
#contents02 figure.photo01 {position: absolute;top: -46px;left: 0;}
#contents02 figure.photo01 img{  }
#contents02 .inner-Box h3 {font-size: 25px;line-height: 1.4;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 27px;position: relative;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents02 figure.photo02 {position: absolute;top: 603px;left: 40px;}
#contents02 figure.photo02 img{  }

#contents03 {margin: 0 auto 128px;position: relative;background: url('../images/tile/contents01-back01.png')no-repeat top center;padding: 82px 0 60px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1280px;}
#contents03 .inBox {margin: 0 0 0 auto;position: relative;width: 680px;height: 576px;box-shadow: 0px 3px 6px #00000029;background: #fff;padding: 54px 91px;z-index: 3;}
#contents03 .inner-Box h2 {font-size: 40px;line-height: 1.4;font-weight: 700;letter-spacing: 2px;margin-bottom: 94px;position: relative;text-align: center;}
#contents03 .inner-Box h2::before{content: "";display: block;width: 60px;height: 4px;background: #003253;position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);}
#contents03 figure.photo01 {position: absolute;top: 120px;left: 0;}
#contents03 figure.photo01 img{  }
#contents03 .inner-Box h3 {font-size: 25px;line-height: 1.88;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 27px;position: relative;}
#contents03 .inner-Box 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 150px;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto 87px;position: relative;text-align: center;}
#contentsbottom .inner-Box h2 {font-size: 40px;line-height: 1.4;font-weight: 700;letter-spacing: 2px;margin-bottom: 54px;position: relative;}
#contentsbottom .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 46px;}
#contentsbottom .inner-Box figure.photo01 img{width: 100%;height: auto;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 859px;margin: 0 auto;text-align: left;}

#contentsbottom .inner-Box2 {margin: 0 auto;position: relative;width: 720px;}
#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 {position: relative;margin-right: 40px;}
#contentsbottom .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }

}

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

    #contentsmain {margin: 0vw auto 16.75vw auto;position: relative;background: url('../images/tile/sp-contentsmain-back01.png')no-repeat top 62.7vw center;background-size: 100% auto;padding-top: 15.5vw;}
    #contentsmain h2.f-mins {font-size: 7.73vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 102.5vw;position: relative;text-align: center;}
    #contentsmain .back-Box{position: relative;background: url('../images/tile/contentsmain-back02.png')repeat-x bottom center;padding: 0vw 0 28.44vw;animation: slide-left 120s linear infinite;background-size: auto 23.2vw;}
    @keyframes slide-left {
        0% { background-position: 0 bottom; }
        100% { background-position: 573.91vw bottom; }
      }
    
    
    #contentsmain .inner-Box {margin: 0 3vw;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border-radius: 1.76vw;background: #fff;padding: 11.4vw 8.4vw 4.1vw 8.4vw;text-align: left;}
    #contentsmain .inner-Box figure.img {position: absolute;top: -90.8vw;left: 50%;transform: translateX(-50%);width: 31vw;}
    #contentsmain .inner-Box figure.img img{  }
    #contentsmain .inner-Box h3.f-mins {font-size: 12.8vw;line-height: 1.4;font-weight: 500;letter-spacing: 0.64vw;margin-bottom: 12.8vw;position: relative;display: none;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents00 {margin: 0 auto 5.05vw;position: relative;}
    #contents00 .inner-Box { margin: 0 4vw; position: relative; }
    #contents00 .inner-Box h2 {text-align: center;margin: 0 16.4vw 2.5vw;}
    #contents00 .inner-Box h2 span{  }
    #contents00 .inner-Box h2 img {  }
    #contents00 .inner-Box 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;margin: 0 7.3vw;}
    #contents00 .inner-Box ul li {margin-bottom: 9.66vw;}
    #contents00 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents00 .inner-Box ul li figure {  }
    #contents00 .inner-Box ul li a {  }
    #contents00 .inner-Box ul li a:hover {  }
    
    #contents01 {margin: 0 auto;position: relative;background: #F3F3F3;padding: 14.1vw 0 9.59vw;background-size: 100% auto;}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inBox {margin: 0 0 0 auto;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;background: #fff;padding: 14.93vw 7.78vw 14.13vw 7.78vw;z-index: 3;}
    #contents01 .inner-Box h2 {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 11.54vw;position: relative;text-align: center;}
    #contents01 .inner-Box h2::before{content: "";display: block;width: 14.49vw;height: 0.97vw;background: #003253;position: absolute;bottom: -4.3vw;left: 50%;transform: translateX(-50%);}
    #contents01 figure.photo01 {position: relative;top: 0vw;left: 0;margin-bottom: 7.7vw;}
    #contents01 figure.photo01 img{  }
    #contents01 .inner-Box h3 {font-size: 5.31vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 6.52vw;position: relative;}
    #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 figure.photo02 {position: relative;top: 0;left: 0;}
    #contents01 figure.photo02 img{  }

    #contents02 {margin: 0 auto;position: relative;background: #F3F3F3;padding: 0vw 0 9.59vw;background-size: 100% auto;}
    #contents02 .inner-Box {position: relative;}
    #contents02 .inBox {margin: 0 0 0 auto;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;background: #fff;padding: 14.93vw 7.78vw 14.13vw 7.78vw;z-index: 3;}
    #contents02 .inner-Box h2 {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 11.54vw;position: relative;text-align: center;}
    #contents02 .inner-Box h2::before{content: "";display: block;width: 14.49vw;height: 0.97vw;background: #003253;position: absolute;bottom: -4.3vw;left: 50%;transform: translateX(-50%);}
    #contents02 figure.photo01 {position: relative;top: 0vw;left: 0;margin-bottom: 7.7vw;}
    #contents02 figure.photo01 img{  }
    #contents02 .inner-Box h3 {font-size: 5.31vw;line-height: 1.64;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 6.52vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents02 figure.photo02 {position: relative;top: 0;left: 0;}
    #contents02 figure.photo02 img{  }

    #contents03 {margin: 0 auto 14vw;position: relative;background: #F3F3F3;padding: 14.1vw 0 14.59vw;background-size: 100% auto;}
    #contents03 .inner-Box {position: relative;}
    #contents03 .inBox {margin: 0 0 0 auto;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;background: #fff;padding: 14.93vw 7.78vw 14.13vw 7.78vw;z-index: 3;}
    #contents03 .inner-Box h2 {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 11.54vw;position: relative;text-align: center;}
    #contents03 .inner-Box h2::before{content: "";display: block;width: 14.49vw;height: 0.97vw;background: #003253;position: absolute;bottom: -4.3vw;left: 50%;transform: translateX(-50%);}
    #contents03 figure.photo01 {position: relative;top: 0vw;left: 0;margin-bottom: 7.7vw;}
    #contents03 figure.photo01 img{  }
    #contents03 .inner-Box h3 {font-size: 5.31vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 6.52vw;position: relative;}
    #contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents03 figure.photo02 {position: relative;top: 0;left: 0;}
    #contents03 figure.photo02 img{  }




#contentsbottom {margin: 0 auto 36.23vw;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto 11.31vw;position: relative;text-align: center;}
#contentsbottom .inner-Box h2 {font-size: 7.25vw;line-height: 1.67;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 6.14vw;position: relative;}
#contentsbottom .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 4.34vw;}
#contentsbottom .inner-Box figure.photo01 img{width: 100%;height: auto;}
#contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 8vw 7.25vw;position: relative;text-align: left;}

#contentsbottom .inner-Box2 {margin: 0 8.9vw;position: relative;}
#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 {position: relative;margin-bottom: 9.66vw;}
#contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }

}