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

#contentsmain {margin: 103px auto -50px auto;position: relative;background: url('../images/flow/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;box-shadow: 0px 3px 10px #00000029;width: 1410px;height: 639px;background: #F7F8F8;padding: 83px 75px;top: -51px;}
#contentsmain .inner-Box h2 {margin: 0 0 52px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo {position: absolute;top: 83px;right: 105px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin: 0 0 0 62px;position: relative;}
#contentsmain h3 {text-align: center;padding: 30px 0 196px;}
#contentsmain h3 span{  }
#contentsmain h3 img {  }

#contents01 {margin: 0 auto 100px;position: relative;max-width: 1564px;background: #EBEBDE;padding-bottom: 90px;}
#contents01 figure.img {position: absolute;top: -186px;left: 50%;margin-left: 206px;}
#contents01 figure.img img{  }
#contents01 h2 {text-align: center;padding: 111px 0 80px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto 20px;position: relative;width: 1100px;min-height: 304px;background: #fff;padding: 95px 550px 0 50px;}
#contents01 .inner-Box span.step{width: 147px;height: 43px;display: block;position: absolute;top: 0;left: 0;background: #333333;color: #fff;font-size: 23px;text-align: center;padding: 1px 0 0;}
#contents01 .inner-Box h3 {font-size: 28px;line-height: 1.38;font-weight: 500;letter-spacing: 1.4px;margin-bottom: 15px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 30px;right: 50px;}
#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; }
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);z-index: 3;}
#contents01 .inner-Box span.arr img {  }

#contentsbottom {margin: 0 auto 168px;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;max-width: 1400px;padding: 80px 0 80px;background: #F7F8F8;}
#contentsbottom h2 {text-align: center;position: relative;left: 55px;margin-bottom: 84px;}
#contentsbottom h2 span{  }
#contentsbottom .inner-Box h2 img {  }
#contentsbottom .inner-Box ul{ width: 1100px; margin: 0 auto; 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{ width: 340px; margin-right: 40px; text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 14px;letter-spacing: 0.7px;line-height: 1.86;padding-top: 10px;}

}

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

    #contentsmain {margin: 28.18vw auto -34.3vw auto;position: relative;background: url('../images/flow/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 4vw;position: relative;box-shadow: 0.0vw 0.72vw 2.42vw #00000029;background: #F7F8F8;padding: 8.05vw 2.42vw 10.05vw 2.42vw;top: -13.9vw;}
#contentsmain .inner-Box h2 {margin: 0 5.7vw 6.06vw 1.9vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo {position: relative;margin-bottom: 5.9vw;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {font-size: 3.38vw;line-height: 2.18;font-weight: 500;letter-spacing: 0.17vw;position: relative;}
#contentsmain h3 {text-align: center;padding: 3.25vw 3.3vw 50.64vw;}
#contentsmain h3 span{  }
#contentsmain h3 img {  }

#contents01 {margin: 0 2.5vw 27.35vw;position: relative;background: #EBEBDE;padding-bottom: 4.84vw;}
#contents01 figure.img {position: absolute;top: -10.9vw;right: 4vw;width: 21vw;}
#contents01 figure.img img{  }
#contents01 h2 {text-align: center;padding: 18.31vw 3.9vw 14.42vw;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 1.6vw 5.83vw;position: relative;background: #fff;padding: 15.3vw 2.3vw 1vw 2.3vw;}
#contents01 .inner-Box span.step{width: 29.71vw;height: 8.79vw;display: block;position: absolute;top: 0;left: 0;background: #333333;color: #fff;font-size: 4.59vw;text-align: center;padding: 0.97vw 0 0;}
#contents01 .inner-Box h3 {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 5.12vw;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;margin: 0 0 2.7vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.29;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: -6.1vw;left: 50%;transform: translateX(-50%);z-index: 3;width: 15vw;}
#contents01 .inner-Box span.arr img {  }

#contentsbottom {margin: 0 auto 25.88vw;position: relative;}
#contentsbottom .inner-Box {margin: 0 3vw;position: relative;padding: 18.52vw 0 4.02vw;background: #F7F8F8;}
#contentsbottom h2 {text-align: center;position: relative;margin-bottom: 9.49vw;}
#contentsbottom h2 span{  }

#contentsbottom .inner-Box ul{  margin: 0 4vw; 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{text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 1.86;padding-top: 2.42vw;}

#contentsbottom .inner-Box ul{margin: 0 5.7vw;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: 7.96vw;text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 1.86;padding-top: 2.42vw;}

}