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

#contentsmain {margin: 6px auto 97px auto;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;padding-bottom: 32px;}
#contentsmain h2 {text-align: center;padding: 73px 0px 76px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1000px;height: 130px;background: #fff;box-shadow: 5px 5px 10px #00000029;border-radius: 10px;text-align: center;padding: 34px 0 0;}
#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 86px;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat bottom center;padding-bottom: 69px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 739px;box-shadow: 0px 3px 6px #00000029;border: 4px solid #00A8D7;background: #fff;padding: 138px 50px 0 475px;}
#contents01 .inner-Box h2 {position: absolute;top: -67px;right: 14px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.photo {position: absolute;top: 45px;left: 25px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents02 {margin: 0 auto 86px;position: relative;background: url('../images/concept/contents02-back01.png')no-repeat bottom center;padding-bottom: 69px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 739px;box-shadow: 0px 3px 6px #00000029;border: 4px solid #00A8D7;background: #fff;padding: 138px 480px 0 57px;}
#contents02 .inner-Box h2 {position: absolute;top: -67px;left: 6px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box figure.photo {position: absolute;top: 45px;right: 25px;}
#contents02 .inner-Box figure.img {position: relative;top: -13px;left: 13px;margin-bottom: -13px;}
#contents02 .inner-Box .btn {margin-left: 10px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents03 {margin: 0 auto 75px;position: relative;background: url('../images/concept/contents03-back01.png')no-repeat bottom center;padding-bottom: 69px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 739px;box-shadow: 0px 3px 6px #00000029;border: 4px solid #00A8D7;background: #fff;padding: 138px 50px 0 475px;}
#contents03 .inner-Box h2 {position: absolute;top: -67px;right: 14px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box figure.photo {position: absolute;top: 45px;left: 25px;}
#contents03 .inner-Box figure.img {position: relative;top: -16px;left: 48px;margin-bottom: -1px;}
#contents03 .inner-Box .btn {margin-left: 71px;}
#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 65px;position: relative;background: #fff;padding:  0 0 0;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1020px;}
#contentsbottom .inner-Box h2 {text-align: center;margin-bottom: 39px;}
#contentsbottom .inner-Box h2 img{position: relative;left: 1px;}
#contentsbottom .inner-Box p.textaa {text-align: center;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 49px;}
#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-bottom: 44px;margin-right: 28px;}
#contentsbottom .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }


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

#contentsmain {margin: 7.35vw auto 7.4vw auto;position: relative;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat top center;padding-bottom: 6.03vw;background-size: 100% auto;}
#contentsmain h2 {text-align: center;padding: 31.63vw 12.6vw 42.36vw;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box {margin: 0 4vw;position: relative;height: 46.6vw;background: #fff;box-shadow: 1.21vw 1.21vw 2.42vw #00000029;border-radius: 2.42vw;text-align: left;padding: 5.21vw 7.4vw 0;}
#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; }

#contents01 {margin: 0 auto;position: relative;background: url('../images/concept/sp-contents01-back01.png')no-repeat bottom center;padding-bottom: 16.67vw;background-size: 100% 100%;padding: 6.1vw 0vw 7vw;}
#contents01 .inner-Box {margin: 0 4vw;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border: 0.97vw solid #00A8D7;background: #fff;padding: 1vw 0 0;}
#contents01 .inner-Box h2 {position: relative;top: 0vw;margin: 0 -1.9vw 2.7vw 1vw;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.photo {position: relative;margin: 0 4.4vw 3.8vw 4.2vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 4.6vw 7.25vw;position: relative;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/concept/sp-contents02-back01.png')no-repeat bottom center;padding-bottom: 16.67vw;background-size: 100% 100%;padding: 6.1vw 0vw 7vw;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border: 0.97vw solid #00A8D7;background: #fff;padding: 1vw 0 0;}
#contents02 .inner-Box h2 {position: relative;top: 0vw;margin: 0 -1.9vw 2.7vw 1vw;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box figure.photo {position: relative;margin: 0 4.4vw 3.8vw 4.2vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 4.6vw 7.25vw;position: relative;}

#contents02 .inner-Box figure.img {position: relative;top: 0vw;margin: -2vw 6.3vw 0vw 4.5vw;}
#contents02 .inner-Box .btn { margin: 0 6.6vw; padding-bottom: 6.3vw; }

#contents03 {margin: 0 auto 9.9vw;position: relative;background: url('../images/concept/sp-contents03-back01.png')no-repeat bottom center;padding-bottom: 16.67vw;background-size: 100% 100%;padding: 6.1vw 0vw 6vw;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border: 0.97vw solid #00A8D7;background: #fff;padding: 1vw 0 0;}
#contents03 .inner-Box h2 {position: relative;top: 0vw;margin: 0 -1.9vw 2.7vw 1vw;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box figure.photo {position: relative;margin: 0 4.4vw 3.8vw 4.2vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 4.6vw 7.25vw;position: relative;}

#contents03 .inner-Box figure.img {position: relative;top: 0vw;margin: -2.9vw 4.3vw 4.8vw 4.8vw;}
#contents03 .inner-Box .btn { margin: 0 6.6vw; padding-bottom: 6.3vw; }



#contentsbottom {margin: 0 auto 5.5vw;position: relative;background: #fff;}
#contentsbottom .inner-Box {margin: 0 2.2vw;position: relative;}
#contentsbottom .inner-Box h2 {text-align: center;margin: 0 7vw 5.72vw;}
#contentsbottom .inner-Box h2 img{position: relative;left: 0vw;}
#contentsbottom .inner-Box p.textaa {font-size: 3.86vw;letter-spacing: 0.19vw;margin: 0 4.3vw 5.92vw;text-align: left;line-height: 1.85;}
#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;margin: 0 8.9vw;}
#contentsbottom .inner-Box ul li {margin-bottom: 6.73vw;}
#contentsbottom .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }


}