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

#contentsmain {margin: 0 auto 50px;position: relative;}
#contentsmain .inner-Box {margin: 0 auto 152px;position: relative;}
#contentsmain .inner-Box h2 {margin: 0 0 -20px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo01 {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo01 img{  }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box2 h3 {font-size: 60px;line-height: 1.38;font-weight: 700;letter-spacing: 0;margin-bottom: 11px;position: relative;}
#contentsmain .inner-Box2 p.text {font-size: 30px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#contents01 {margin: 0 auto 113px;position: relative;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {margin-bottom: 35px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .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;}
#contents01 .inner-Box ul li {position: relative;width: 354px;margin-right: 19px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 18px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h3 {font-size: 23px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 10px;position: relative;}
#contents01 .inner-Box p.litext {font-size: 15px;line-height: 2;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#sys-box1{ margin-bottom: 140px; }
.sys-ttl{ margin-bottom:30px; }

#contentsbottom {margin: 120px auto 147px;position: relative;text-align: center;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box p.btn {margin-bottom: 17px;}
#contentsbottom .inner-Box p.btn img {  }
#contentsbottom .inner-Box p.text {font-size: 17px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}



}

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

    #contentsmain {margin: 21vw auto 12.08vw;position: relative;}
#contentsmain .inner-Box {margin: 0 auto 8.71vw;position: relative;}
#contentsmain .inner-Box h2 {margin: 0 0 4vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo01 {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo01 img{  }
#contentsmain .inner-Box2 {position: relative;text-align: center;}
#contentsmain .inner-Box2 h3 {font-size: 5.31vw;line-height: 1.38;font-weight: 700;letter-spacing: 0;margin-bottom: 0.66vw;position: relative;}
#contentsmain .inner-Box2 p.text {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: -5.75vw;position: relative;}

#contents01 {margin: 0 auto 7.09vw;position: relative;}
#contents01 .inner-Box {margin: 0 8vw;position: relative;}
#contents01 .inner-Box h2 {margin-bottom: 7.25vw;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .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;}
#contents01 .inner-Box ul li {position: relative;margin-bottom: 4.59vw;padding-top: 10.7vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.35vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 2.42vw;position: absolute;top: 0;left: 50%;transform: translateX(-50%);text-align: center;width: 80vw;}
#contents01 .inner-Box p.litext {font-size: 3.62vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.25vw;position: relative;}

#sys-box1{ margin-bottom:15vw; }
.sys-ttl{ margin: 0 8vw 5vw; }

#contentsbottom {margin: 0 auto 14.81vw;position: relative;text-align: center;}
#contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
#contentsbottom .inner-Box p.btn {margin-bottom: 6.41vw;}
#contentsbottom .inner-Box p.btn img {  }
#contentsbottom .inner-Box p.text {font-size: 3.41vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}


}