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

#contentsmain {margin: 103px auto -85px 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: 65px;}
#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 42px;position: relative;}
#contentsmain h3 {text-align: center;padding: 50px 0 206px;}
#contentsmain h3 span{  }
#contentsmain h3 img {  }

#contents01 {margin: 0 auto -167px;position: relative;width: 1000px;height: 709px;background: #fff;box-shadow: 0px 3px 10px #00000029;padding: 74px 0 0;}
#contents01 span.icon {display: block;line-height: 1;position: absolute;top: -58px;left: 77px;}
#contents01 span.icon img {  }
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {font-size: 32px;line-height: 1.38;font-weight: 500;letter-spacing: 0;text-align: center;margin-bottom: 48px;position: relative;}
#contents01 .inner-Box ul{ width: 800px; margin: 0 auto; }
#contents01 .inner-Box ul li {position: relative;border-bottom: 1px dashed #A4A4A4;margin-bottom: 22px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 10px;left: 130px;}
#contents01 .inner-Box span.ch img {  }
#contents01 .inner-Box p.litext {font-size: 20px;line-height: 1.88;font-weight: 500;letter-spacing: 2px;margin-bottom: 20px;position: relative;padding: 0 0 0 166px;}
.backk{background: #F7F8F8;padding: 243px 0 0;}
#contents02 {margin: 0 auto;position: relative;width: 1280px;height: 972px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 324px 0 0 702px;}
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -241px;left: -136px;}
#contents02 .inner-Box span.icon img {  }
#contents02 .inner-Box h2 {position: absolute;top: 3px;left: 40px;z-index: 3;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box figure.photo {position: absolute;top: 143px;left: 0;}
#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: 33px;position: relative;}
#contents02 .inner-Box p.text span {background: linear-gradient(transparent 60%, #FFF16F 60%);}
#contents02 .morebtn{position: relative;left: -86px;top: 19px;}
#contents02 .morebtn a{ }

#contents03 {margin: 0 auto;position: relative;background: #fff;max-width: 1816px;padding: 136px 0 0;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding-bottom: 86px;}
#contents03 .inner-Box figure.img01 {position: absolute;top: -44px;right: -133px;z-index: 3;}
#contents03 .inner-Box figure.img01 img{  }
#contents03 .inner-Box h2 {font-size: 36px;line-height: 1.38;font-weight: 500;letter-spacing: 3.6px;margin-bottom: 20px;position: relative;text-align: center;}
#contents03 .inner-Box p.subttl {font-size: 18px;line-height: 1.88;font-weight: 500;letter-spacing: 1.8px;margin-bottom: 56px;position: relative;text-align: center;}
#contents03 .inner-Box figure.img02 {position: relative;top: 0;margin-bottom: 99px;left: 0;}
#contents03 .inner-Box figure.img02 img{width: 100%;height: auto;}
#contents03 .inner-Box h3 {font-size: 24px;line-height: 1.92;font-weight: 500;letter-spacing: 2.4px;margin-bottom: 61px;position: relative;text-align: center;}
#contents03 .inner-Box figure.img03 {position: relative;top: 0;left: 8px;text-align: center;}
#contents03 .inner-Box figure.img03 img{  }

#contents04 {margin: 0 auto 121px;position: relative;}
#contents04 h2 {text-align: center;padding: 128px 0 90px 57px;}
#contents04 h2 span{  }
#contents04 h2 img {  }
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 20px 0 0;}
#contents04 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box h3 {font-size: 24px;line-height: 1.38;font-weight: 500;letter-spacing: 2.4px;margin-bottom: 26px;position: relative;}
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 481px;}

#contents05 {margin: 0 auto 273px;position: relative;max-width: 1478px;background: #EBEBDE;padding-bottom: 80px;}
#contents05 .inner-Box {margin: 0 auto 50px;position: relative;padding: 80px 0 0;}
#contents05 .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;width: 1280px;margin: 0 auto;}
#contents05 .inner-Box ul li {position: relative;width: 400px;height: 343px;background: #fff;margin-right: 40px;}
#contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents05 .inner-Box span.no{display: block;position: absolute;top: 0;left: 0;width: 40px;height: 40px;background: #FFE600;text-align: center;font-size: 16px;padding-top: 7px;}
#contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;text-align: center;padding: 20px 0 12px;}
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box h3 {font-size: 20px;line-height: 1.8;font-weight: 500;letter-spacing: 2px;margin-bottom: 5px;position: relative;text-align: center;}
#contents05 .inner-Box p.litext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin: 0 30px 30px;position: relative;}
#contents05 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;height: 143px;background: #C7C7A9;padding: 33px 30px 30px 496px;}
#contents05 .inner-Box2 h4 {font-size: 22px;line-height: 1.98;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 0px;border-right: #202020 1px solid;display: block;width: 387px;position: absolute;top: 25px;left: 50px;padding: 7px 0 5px 0;}
#contents05 .inner-Box2 p.text {font-size: 18px;line-height: 2.33;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;position: relative;}
#contents05  h5 {font-size: 22px;line-height: 2.08;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 0px;position: absolute;text-align: center;bottom: -194px;left: 50%;transform: translateX(-50%);margin: 0;width: 819px;}

#contents06 {margin: 0 auto -140px;position: relative;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 569px;}
#contents06 .inner-Box figure.photo {position: absolute;top: 0;left: 50%;margin-left: -960px;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box h2 {top: 82px;position: relative;z-index: 3;left: 450px;margin-bottom: 128px;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box p.text {font-size: 20px;line-height: 1.88;font-weight: 500;letter-spacing: 2px;margin-bottom: 30px;position: relative;margin-left: 585px;}


}

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

#contentsmain {margin: 28.18vw auto -17.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 -5vw;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 4.8vw 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 6.9vw 50.64vw;}
#contentsmain h3 span{  }
#contentsmain h3 img {  }


#contents01 {margin: 0 3vw -29vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 2.42vw #00000029;padding: 10.47vw 0 0;}
#contents01 span.icon {display: block;line-height: 1;position: absolute;top: -26vw;left: 1.4vw;width: 34vw;}
#contents01 span.icon img {  }
#contents01 .inner-Box {margin: 0 4vw;position: relative;padding-bottom: 7vw;}
#contents01 .inner-Box h2 {font-size: 5.31vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;text-align: center;margin-bottom: 5.09vw;position: relative;}
#contents01 .inner-Box ul{
    margin: 0 3vw;
}
#contents01 .inner-Box ul li {position: relative;border-bottom: 0.24vw dashed #A4A4A4;margin-bottom: 3.61vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 1.62vw;left: 0.1vw;width: 4.5vw;}
#contents01 .inner-Box span.ch img {  }
#contents01 .inner-Box p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 2.83vw;position: relative;padding: 0 0vw 0 5vw;}
.backk{background: #F7F8F8;padding: 45.7vw 0 0;}
#contents02 {margin: 0 4vw;position: relative;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0vw;left: 0vw;display: none;}
#contents02 .inner-Box span.icon img {  }
#contents02 .inner-Box h2 {position: absolute;z-index: 3;left: 2vw;width: 87.8vw;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box figure.photo {position: relative;top: 14.74vw;left: 0;margin-bottom: 24.6vw;}
#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 2.9vw 3.37vw;position: relative;}
#contents02 .inner-Box p.text span {background: linear-gradient(transparent 60%, #FFF16F 60%);}
#contents02 .morebtn{position: relative;left: 0vw;margin: 15.7vw -1vw 14.7vw;}
#contents02 .morebtn a{ }

#contents03 {margin: 0 4vw 19.2vw;position: relative;background: #fff;padding: 29.85vw 0 0;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;padding-bottom: 19.77vw;}
#contents03 .inner-Box figure.img01 {position: absolute;top: -22.5vw;right: -2.7vw;z-index: 3;width: 37vw;}
#contents03 .inner-Box figure.img01 img{  }
#contents03 .inner-Box h2 {font-size: 5.80vw;line-height: 1.78;font-weight: 500;letter-spacing: 0.58vw;margin-bottom: 4.83vw;position: relative;text-align: center;}
#contents03 .inner-Box p.subttl {font-size: 3.86vw;line-height: 2.25;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 10.23vw;position: relative;text-align: center;}
#contents03 .inner-Box figure.img02{margin-bottom: 4vw;overflow-x:scroll;display: flex;margin-left: -1.5vw;}
#contents03 .inner-Box figure.img02 img{max-width: 300vw;width: 287vw;}

#contents03 .inner-Box h3 {font-size: 4.35vw;line-height: 2.02;font-weight: 500;letter-spacing: 0.43vw;margin: 0 -2vw 7.33vw;position: relative;text-align: center;}
#contents03 .inner-Box figure.img03 {position: relative;top: 0;left: 1.93vw;text-align: center;margin: 0 24.2vw;}
#contents03 .inner-Box figure.img03 img{  }

#contents04 {margin: 0 auto 12.33vw;position: relative;}
#contents04 h2 {text-align: center;margin: 0 9.3vw 4.7vw 6.2vw;}
#contents04 h2 span{  }
#contents04 h2 img {  }
#contents04 .inner-Box {margin: 0 4vw;position: relative;padding: 4.83vw 0 0;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 8.8vw;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.48vw;margin: 0 3vw 4.08vw;position: relative;}
#contents04 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 2.4vw 7.25vw;position: relative;}

#contents05 {margin: 0 4vw 81.04vw;position: relative;background: #EBEBDE;padding-bottom: 19.32vw;padding: 0vw 2.7vw 10vw;}
#contents05 .inner-Box {margin: 0 auto -2.32vw;position: relative;padding: 12.22vw 0 0;}
#contents05 .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;}
#contents05 .inner-Box ul li {position: relative;height: 72.25vw;background: #fff;margin-bottom: 9.66vw;}
#contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents05 .inner-Box span.no{display: block;position: absolute;top: 0;left: 0;width: 8.56vw;height: 8.66vw;background: #FFE600;text-align: center;font-size: 3.86vw;padding-top: 1.42vw;}
#contents05 .inner-Box figure.img {position: relative;top: 0;left: 0;text-align: center;padding: 4.83vw 28.6vw 2.1vw;}
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box h3 {font-size: 4.35vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 1.21vw;position: relative;text-align: center;}
#contents05 .inner-Box p.litext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.17vw;margin: 0 6.25vw 5.25vw;position: relative;}
#contents05 .inner-Box2 {position: relative;height: 56.34vw;background: #C7C7A9;padding: 4.5vw 3.4vw;}
#contents05 .inner-Box2 h4 {font-size: 4.35vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 4.4vw;border-bottom: #202020 0.24vw solid;display: block;position: relative;padding: 1.3vw 2.1vw 4.4vw;}
#contents05 .inner-Box2 p.text {font-size: 3.86vw;line-height: 2.53;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 7.25vw;position: relative;padding: 0 0 0 2.2vw;}
#contents05  h5 {font-size: 4.35vw;line-height: 2.22;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 0.0vw;position: absolute;text-align: center;bottom: -67vw;margin: 0 -1vw;}

#contents06 {position: relative;margin-bottom: -10vw;}
#contents06 .inner-Box {position: relative;}
#contents06 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: -21vw;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box h2 {position: relative;z-index: 3;margin: 0 4.6vw 5vw;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box p.text {font-size: 3.86vw;line-height: 2.18;font-weight: 500;letter-spacing: 0.39vw;margin: 0 8vw 7.25vw 7vw;position: relative;}


}