@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 150px;position: relative;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 25px 0 0;}
#contentsmain .inner-Box h2.f-min {font-size: 35px;line-height: 1.66;font-weight: 400;letter-spacing: 0px;margin-bottom: 43px;position: relative;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{  }

#contents01 {margin: 0 auto 89px;position: relative;width: 1100px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2.f-min {font-size: 35px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 43px;position: relative;text-align: center;}
#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: 307px;margin-right: 89px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 19px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box span.no {display: block;line-height: 1;margin-bottom: -43px;}
#contents01 .inner-Box span.no img {  }
#contents01 .inner-Box p.ltext {font-size: 16px;line-height: 1.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;padding: 0 0 0 56px;}

#contents02 {margin: 0 auto 100px;position: relative;}
#contents02 h2.f-min {font-size: 64px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 46px;position: relative;text-align: center;}
#contents02 h2.f-min span {display: block;font-size: 17px;margin-top: -3px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents02 .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;}
#contents02 .inner-Box ul li {position: relative;padding: 18px 0 0 425px;height: 316px;width: 100%;margin-bottom: 50px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {font-size: 24px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: -52px;position: relative;}
#contents02 .inner-Box ul li:nth-child(1) h3 span{display: inline-block;border-bottom: #DD849C 1px solid;padding-bottom: 9px;}
#contents02 .inner-Box ul li:nth-child(2) h3 span{ display: inline-block; border-bottom: #8CB81C 1px solid;}
#contents02 .inner-Box ul li:nth-child(3) h3 span{ display: inline-block; border-bottom: #6A75B5 1px solid;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 27px;position: relative;padding: 0 0 0 126px;}

#contents02 .inner-Box ul li:nth-child(1) p.text{ padding-left: 126px; }
#contents02 .inner-Box ul li:nth-child(2) p.text{padding-left: 151px;}
#contents02 .inner-Box ul li:nth-child(3) p.text{padding-left: 326px;}

#contents02 .inner-Box iframe{width: 676px;height: 214px;}

#contents02 .inner-Box iframe{  }

#contents03 {margin: 0 auto 150px;position: relative;text-align: center;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box h3.f-min {font-size: 24px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 32px;position: relative;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents03 .inner-Box figure.photo img{  }

#contents04 {margin: 0 auto 74px;position: relative;width: 1280px;height: 461px;background: #F5F7F7;}
#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 87px 0 0;}
#contents04 .inner-Box h2 {text-align: center;margin-bottom: 25px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box ul{ margin: 0 0 0 344px; }
#contents04 .inner-Box ul li { position: relative; }
#contents04 .inner-Box p.ltext {font-size: 24px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 9px;position: relative;}

#contents04 .inner-Box ul li p.ltext::before{content: "";display: block;width: 14px;height: 14px;background: #333;border-radius: 50%;position: absolute;top: 18px;left: -32px;}
#contents04 .inner-Box ul li:nth-child(1) p.ltext::before{ background: #DD849C; }
#contents04 .inner-Box ul li:nth-child(2) p.ltext::before{ background: #6A75B5; }
#contents04 .inner-Box ul li:nth-child(3) p.ltext::before{ background: #DBBB34; }
#contents04 .inner-Box ul li:nth-child(4) p.ltext::before{ background: #4FB58A; }

.form-Box-txt{ }
.form-Box-txt span{display: block;font-size: 18px;margin: 10px 0 0;}





}

@media screen and (max-width: 767px) {

#contentsmain {margin: 0 auto 18.63vw;position: relative;}
#contentsmain .inner-Box {position: relative;text-align: center;padding: 7.94vw 0 0;}
#contentsmain .inner-Box h2.f-min {font-size: 5.31vw;line-height: 1.66;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 10.09vw;position: relative;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{  }


#contents01 {margin: 0 auto -3.1vw;position: relative;}
#contents01 .inner-Box { margin: 0 4vw; position: relative; }
#contents01 .inner-Box h2.f-min {font-size: 4.83vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.69vw;position: relative;text-align: center;}
#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;margin: 0 4.1vw 0;}
#contents01 .inner-Box ul li {position: relative;margin-bottom: 8.8vw;}
#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: 6.39vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box span.no {display: block;line-height: 1;margin-bottom: -12.6vw;width: 11.5vw;}
#contents01 .inner-Box span.no img {  }
#contents01 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;padding: 0 0 0 15.53vw;}

#contents02 {margin: 0 auto 11.25vw;position: relative;}
#contents02 h2.f-min {font-size: 10.63vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.11vw;position: relative;text-align: center;}
#contents02 h2.f-min span {display: block;font-size: 3.86vw;margin-top: -2.4vw;}
#contents02 .inner-Box {margin: 0 8vw;position: relative;}
#contents02 .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;}
#contents02 .inner-Box ul li {position: relative;padding: 4.35vw 0 0 0vw;width: 100%;margin-bottom: 6.08vw;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.5vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5vw;position: relative;text-align: center;}
#contents02 .inner-Box ul li:nth-child(1) h3 span{display: inline-block;border-bottom: #DD849C 0.24vw solid;padding-bottom: 2.17vw;}
#contents02 .inner-Box ul li:nth-child(2) h3 span{display: inline-block;border-bottom: #8CB81C 0.24vw solid;padding-bottom: 2.17vw;}
#contents02 .inner-Box ul li:nth-child(3) h3 span{display: inline-block;border-bottom: #6A75B5 0.24vw solid;padding-bottom: 2.17vw;}
#contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.98;font-weight: 400;letter-spacing: 0vw;margin-bottom: 6.52vw;position: relative;text-align: center;}


#contents02 .inner-Box iframe{height: 51.69vw;}

#contents02 .inner-Box iframe{height: 51.69vw;width: 100%;}

#contents03 {margin: 0 auto 19.23vw;position: relative;text-align: center;}
#contents03 .inner-Box { margin: 0 4vw; position: relative; }
#contents03 .inner-Box h3.f-min {font-size: 4.35vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.43vw;position: relative;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin: 0 4.1vw;}
#contents03 .inner-Box figure.photo img{  }

#contents04 {margin: 0 auto 17.87vw;position: relative;background: #F5F7F7;}
#contents04 .inner-Box {margin: 0 8vw;position: relative;padding: 17.81vw 0 16vw;}
#contents04 .inner-Box h2 {text-align: center;margin-bottom: 5.24vw;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box ul{ padding: 0 0 0 5.7vw; }
#contents04 .inner-Box ul li { position: relative; }
#contents04 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.87vw;position: relative;}

#contents04 .inner-Box ul li p.ltext::before{content: "";display: block;width: 2.78vw;height: 2.78vw;background: #333;border-radius: 50%;position: absolute;top: 2.35vw;left: -5.6vw;}
#contents04 .inner-Box ul li:nth-child(1) p.ltext::before{ background: #DD849C; }
#contents04 .inner-Box ul li:nth-child(2) p.ltext::before{ background: #6A75B5; }
#contents04 .inner-Box ul li:nth-child(3) p.ltext::before{ background: #DBBB34; }
#contents04 .inner-Box ul li:nth-child(4) p.ltext::before{ background: #4FB58A; }

.form-Box-txt{ }
.form-Box-txt span{display: block;font-size: 3.38vw;margin: 2.42vw 0 0;}


}
