@charset "UTF-8";
.block-text .break {
  margin-bottom: 25px; }

.block-text .bold {
  font-weight: bold; }

.block-text-yugo {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500; }
  .block-text-yugo .break {
    margin-bottom: 25px; }
  .block-text-yugo .bold {
    font-weight: bold; }


@media screen and (min-width: 768px), print {

#con1 {}
#con1 .bx{width: 100%; margin: 30px auto; background: url(../images/trettio_valo/con1-bg.png) no-repeat top center; padding: 75px 0 50px;}
#con1 .bx .inner{width: 1280px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-inner{width: 650px;background: #fff;padding: 53px 45px;margin-left: auto;margin-right: 90px;margin-bottom: 58px;}
#con1 .bx .inner .in-inner .ttl{font-size: 25px;font-weight: bold;text-align: center;line-height: 2;margin-bottom: 25px;position: relative;letter-spacing: 1px;}
#con1 .bx .inner .in-inner .ttl .span1{font-size: 36px;line-height: 1.6;letter-spacing: 1.5px; display: block; margin-bottom: -75px}
#con1 .bx .inner .in-inner .ttl .span2{font-size: 16px;letter-spacing: 0.8px;}
#con1 .bx .inner .in-inner .ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -15px;}
#con1 .bx .inner .in-inner .ttl1{font-size: 25px; font-weight: bold; letter-spacing: 1.3px;text-align: center; margin-bottom: 15px;}
#con1 .bx .inner .in-inner .img{position: absolute; left: 0; top: 0}
#con1 .bx .inner .in-inner .txt{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.88; margin-bottom: 30px;}
#con1 .bx .inner .in-inner .txt:last-child{margin-bottom: 0px;}
#con1 .bx .inner1 {width: 900px; margin: 0 auto 70px; background: #7EA2AF; padding: 45px; }
#con1 .bx .inner1 .ttl2{font-size: 28px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 1.3px;}
#con1 .bx .inner2 {width: 1100px; margin: 0 auto;}
#con1 .bx .inner2 .ttl3{font-size: 36px; font-weight: bold; text-align: center; letter-spacing: 1.3px; position: relative; margin-bottom: 20px;}
#con1 .bx .inner2 .ttl3:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner2 .big-img{text-align: center;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/trettio_valo/con2-bg.png) no-repeat top center; padding: 103px 0 43px;}
#con2 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-inner{width: 560px; background: #fff; padding: 50px 30px 48px; margin-left: auto; margin-right: 50px; margin-bottom: 80px; position: relative; z-index: 2}
#con2 .bx .inner .in-inner .icon{text-align: center; margin-top: -98px; margin-bottom: 23px; margin-right: 5px}
#con2 .bx .inner .in-inner .ttl{font-size: 24px; letter-spacing: 1px; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 38px; position: relative;}
#con2 .bx .inner .in-inner .ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -20px;}
#con2 .bx .inner .in-inner .txt{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.85}
#con2 .bx .inner .img{position: absolute; left: 0; top: -152px; z-index: 1}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: url(../images/trettio_valo/con3-bg.png) no-repeat top center; padding: 103px 0 43px;}
#con3 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-inner{width: 560px; background: #fff; padding: 50px 30px 40px; margin-right: auto; margin-left: 50px; margin-bottom: 80px; position: relative; z-index: 2}
#con3 .bx .inner .in-inner .icon{text-align: center; margin-top: -98px; margin-bottom: 20px; margin-right: 5px}
#con3 .bx .inner .in-inner .ttl{font-size: 24px; letter-spacing: 1px; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 38px; position: relative;}
#con3 .bx .inner .in-inner .ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -20px;}
#con3 .bx .inner .in-inner .txt{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 30px;}
#con3 .bx .inner .in-inner .txt:last-child{margin-bottom: 0px;}
#con3 .bx .inner .img{position: absolute; right: 0; top: -155px; z-index: 1}

#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: url(../images/trettio_valo/con4-bg.png) no-repeat top center; padding: 103px 0 40px;}
#con4 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con4 .bx .inner .in-inner{width: 560px; background: #fff; padding: 50px 30px 40px; margin-left: auto; margin-right: 50px; margin-bottom: 80px; position: relative; z-index: 2}
#con4 .bx .inner .in-inner .icon{text-align: center; margin-top: -98px; margin-bottom: 20px; margin-right: 5px}
#con4 .bx .inner .in-inner .ttl{font-size: 24px; letter-spacing: 1px; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 38px; position: relative;}
#con4 .bx .inner .in-inner .ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -20px;}
#con4 .bx .inner .in-inner .txt{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 35px;}
#con4 .bx .inner .in-inner .txt:last-child{margin-bottom: 0px;}
#con4 .bx .inner .img{position: absolute; left: 0; top: -155px; z-index: 1}

#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: url(../images/trettio_valo/con5-bg.png) no-repeat top center; padding: 103px 0 80px;}
#con5 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con5 .bx .inner .in-inner{width: 470px; background: #fff; padding: 50px 30px 38px; margin-right: auto; margin-left: 50px; margin-bottom: 80px; position: relative; z-index: 2}
#con5 .bx .inner .in-inner .icon{text-align: center; margin-top: -98px; margin-bottom: 20px; margin-right: 5px}
#con5 .bx .inner .in-inner .ttl{font-size: 24px; letter-spacing: 1px; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 35px; position: relative;}
#con5 .bx .inner .in-inner .ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -20px;}
#con5 .bx .inner .in-inner .txt{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 35px;}
#con5 .bx .inner .in-inner .txt:last-child{margin-bottom: 0px;}
#con5 .bx .inner .img{position: absolute; right: 0; top: -155px; z-index: 1}

#con6 {margin-bottom: 68px}
#con6 .bx{width: 100%; margin: 0 auto; background: url(../images/trettio_valo/con6-bg.jpg) no-repeat top center; padding: 90px 0 120px;}
#con6 .bx .icon{text-align: center; margin: -135px auto 45px; margin-right: -3px}
#con6 .bx .inner{width: 1200px; margin: 0 auto; background: #fff; padding: 58px 36px; position: relative;}

#con6 .bx .inner .in-bx1{margin: 0 auto 180px;position: relative;}
#con6 .bx .inner .in-bx1 .in-inner1{width: 250px; margin-right: auto; }
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl{font-size: 24px; letter-spacing: 1px; text-align: center; margin-bottom: 22px; position: relative;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl span{font-size: 18px; letter-spacing: 1px; color: #7EA2AF;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 5px; bottom: -10px;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 1.9; text-align: center; margin-bottom: 20px;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-txt{width: 188px; margin: 0 auto; border: 1px solid #000; padding: 15px; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-align: center;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-icon1{position: absolute; left: 270px; top: 12px; z-index: 1}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx1{position: absolute; left: 341px; top: 10px}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx1 .in-img-ttl{width: 372px; padding: 8px 0; background: #7EA2AF; color: #fff; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 18px;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx1 .in-img-img{}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx2{position: absolute; right: 15px; top: 10px}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx2 .in-img-ttl{width: 372px; padding: 8px 0; background: #7EA2AF; color: #fff; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 22px;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx2 .in-img-img{}

#con6 .bx .inner .in-bx2{margin: 0 auto ;position: relative; margin-left: 5px}
#con6 .bx .inner .in-bx2 .in-inner2{width: 250px; margin-right: auto; }
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl{font-size: 24px; letter-spacing: 1px; text-align: center; margin-bottom: 22px; position: relative;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl span{font-size: 18px; letter-spacing: 1px; color: #7EA2AF;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl:after{content: ""; width: 40px; height: 3px; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 5px; bottom: -10px;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl1{font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 1.9; text-align: center; margin-bottom: 20px;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-txt{width: 188px; margin: 0 auto; border: 1px solid #000; padding: 15px; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-align: center;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-icon1{position: absolute; left: 265px; top: 15px; z-index: 1}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx1{position: absolute; left: 338px; top: 10px}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx1 .in-img-ttl{width: 372px; padding: 8px 0; background: #7EA2AF; color: #fff; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 10px;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx1 .in-img-img{}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx2{position: absolute; right: 15px; top: 10px}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx2 .in-img-ttl{width: 372px; padding: 8px 0; background: #7EA2AF; color: #fff; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 8px;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx2 .in-img-img{}


#con7 {}
#con7 .bx{width: 1100px; margin: 0 auto 120px; }
#con7 .bx .ttl{font-size: 24px; font-weight: bold; letter-spacing: 1px; text-align: center; margin-bottom: 3px;}
#con7 .bx .ttl1{text-align: center; margin-bottom: 25px;}

#con7 .bx .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con7 .bx .inner1{width: 340px; margin: 0 auto; padding: 20px 20px 30px; background: #fff;}
#con7 .bx .inner1:hover{background: #E5ECEF}

#con7 .bx .inner1 .in-img{text-align: center; margin-bottom: 20px;}
#con7 .bx .inner1 .in-ttl{text-align: center; margin-bottom: 25px;}
#con7 .bx .inner1 .in-txt{font-size: 16px; letter-spacing: 0.8px; margin: 0 5px 50px;}
#con7 .bx .inner1 .in-btn{  position: relative;
  width: 180px;
  height: 45px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;}

#con7 .bx .inner1 .in-btn img{    position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#con7 .bx .inner1 .in-btn:hover img:nth-of-type(2) {  top: 100%;
  opacity: 0;
}

#con7 .bx .inner1 .in-btn1 .add-superwall{ text-align: center; }

#con7 .add-superwall{ text-align: center;
margin-top: 100px; margin-bottom: 30px; }


}



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


#con1 {}
#con1 .bx{width: 100vw; margin: 5vw auto; background: url(../images/trettio_valo/con1-bg.png) no-repeat top center; padding: 10vw 0 5vw; background-size: 200%}
#con1 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-inner{width: 90vw;background: #fff;padding: 8vw 5vw 3vw;margin-left: auto;margin-right: 5vw;margin-bottom: 3vw;}
#con1 .bx .inner .in-inner .ttl{font-size: 4.6vw;font-weight: bold;text-align: center;line-height: 2;margin-bottom: 8vw;position: relative;letter-spacing: 0.2vw;}
#con1 .bx .inner .in-inner .ttl .span1{font-size: 6.2vw;line-height: 1.6;letter-spacing: 0.3vw; display: block; margin-bottom: -10vw}
#con1 .bx .inner .in-inner .ttl .span2{font-size: 3.6vw;letter-spacing: 0.2vw;}
#con1 .bx .inner .in-inner .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -3vw;}
#con1 .bx .inner .in-inner .ttl1{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw;text-align: center; margin-bottom: 5vw;}
#con1 .bx .inner .in-inner .img{margin: 0 auto 5vw;}
#con1 .bx .inner .in-inner .txt{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 3vw;}
#con1 .bx .inner .in-inner .txt:last-child{margin-bottom: 0;}
#con1 .bx .inner1 {width: 90vw; margin: 0 auto 10vw; background: #7EA2AF; padding: 5vw; }
#con1 .bx .inner1 .ttl2{font-size: 4vw; font-weight: bold; color: #fff; text-align: center; letter-spacing: 0.2vw;}
#con1 .bx .inner2 {margin: 0 auto;}
#con1 .bx .inner2 .ttl3{font-size: 6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; position: relative; margin-bottom: 5vw;}
#con1 .bx .inner2 .ttl3:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -1vw;}
#con1 .bx .inner2 .big-img{width: 90vw; margin: 0 auto;}

#con2 {margin-bottom: 3vw}
#con2 .bx{width: 100vw; margin: 0 auto; background: url(../images/trettio_valo/con2-bg.png) no-repeat top center; padding: 15vw 0 5vw; background-size: 200%}
#con2 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-inner{width: 90vw; background: #fff; padding: 5vw; margin-left: auto; margin-right: 5vw; position: relative; z-index: 2}
#con2 .bx .inner .in-inner .icon{width: 30vw; text-align: center; margin: -13vw auto 5vw; }
#con2 .bx .inner .in-inner .ttl{font-size: 4.6vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 10vw; position: relative;}
#con2 .bx .inner .in-inner .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con2 .bx .inner .in-inner .txt{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.8}
#con2 .bx .inner .img{margin: 0 auto 5vw;}

#con3 {margin-bottom: 3vw}
#con3 .bx{width: 100vw; margin: 0 auto; background: url(../images/trettio_valo/con3-bg.png) no-repeat top center; padding: 15vw 0 5vw; background-size: 200%}
#con3 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-inner{width: 90vw; background: #fff; padding: 5vw; margin-left: auto; margin-right: 5vw; position: relative; z-index: 2}
#con3 .bx .inner .in-inner .icon{width: 30vw; text-align: center; margin: -13vw auto 5vw; }
#con3 .bx .inner .in-inner .ttl{font-size: 4.6vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 10vw; position: relative;}
#con3 .bx .inner .in-inner .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con3 .bx .inner .in-inner .txt{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 3vw}
#con3 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}
#con3 .bx .inner .img{margin: 0 auto 5vw;}

#con4 {margin-bottom: 3vw}
#con4 .bx{width: 100vw; margin: 0 auto; background: url(../images/trettio_valo/con4-bg.png) no-repeat top center; padding: 15vw 0 5vw; background-size: 200%}
#con4 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con4 .bx .inner .in-inner{width: 90vw; background: #fff; padding: 5vw; margin-left: auto; margin-right: 5vw; position: relative; z-index: 2}
#con4 .bx .inner .in-inner .icon{width: 30vw; text-align: center; margin: -13vw auto 5vw; }
#con4 .bx .inner .in-inner .ttl{font-size: 4.8vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 10vw; position: relative;}
#con4 .bx .inner .in-inner .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con4 .bx .inner .in-inner .txt{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 3vw}
#con4 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}
#con4 .bx .inner .img{margin: 0 auto 5vw;}

#con5 {margin-bottom: 20vw}
#con5 .bx{width: 100vw; margin: 0 auto; background: url(../images/trettio_valo/con5-bg.png) no-repeat top center; padding: 15vw 0 5vw; background-size: 200%}
#con5 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con5 .bx .inner .in-inner{width: 90vw; background: #fff; padding: 5vw; margin-left: auto; margin-right: 5vw; position: relative; z-index: 2}
#con5 .bx .inner .in-inner .icon{width: 30vw; text-align: center; margin: -13vw auto 5vw; }
#con5 .bx .inner .in-inner .ttl{font-size: 4.6vw; letter-spacing: 0.1vw; font-weight: bold; text-align: center; line-height: 1.6; margin-bottom: 10vw; position: relative;}
#con5 .bx .inner .in-inner .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con5 .bx .inner .in-inner .txt{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 3vw}
#con5 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}
#con5 .bx .inner .img{margin: 0 auto 5vw;}

#con6 {margin-bottom: 3vw}
#con6 .bx{width: 100vw; margin: 0 auto; background: url(../images/trettio_valo/con6-bg.jpg) no-repeat top center; padding: 15vw 0 20vw;}
#con6 .bx .icon{width: 30vw; text-align: center; margin: -20vw auto 5vw; }
#con6 .bx .inner{width: 90vw; margin: 0 auto; background: #fff; padding: 5vw; position: relative;}

#con6 .bx .inner .in-bx1{margin: 0 auto 15vw;position: relative;}
#con6 .bx .inner .in-bx1 .in-inner1{margin: 0 auto 5vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl{font-size: 5.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 10vw; position: relative;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl span{font-size: 4vw; letter-spacing: 0.2vw; color: #7EA2AF;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.9; text-align: center; margin-bottom: 3vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-txt{width: 50vw; margin: 0 auto 10vw; border: 1px solid #000; padding: 5vw; font-size: 3.4vw; font-weight: 500; letter-spacing: 0.2vw; text-align: center;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-icon1{width: 10vw; position: absolute; left: 5vw; top: 105vw; z-index: 1}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx1{width: 70vw; margin: 0 auto 10vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx1 .in-img-ttl{ padding: 1vw 0; background: #7EA2AF; color: #fff; font-size: 3.6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 5vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx1 .in-img-img{width: 60vw; margin-left: auto;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx2{width: 70vw; margin: 0 auto 10vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx2 .in-img-ttl{ padding: 1vw 0; background: #7EA2AF; color: #fff; font-size: 3.6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 5vw;}
#con6 .bx .inner .in-bx1 .in-inner1 .in-img-bx2 .in-img-img{width: 60vw; margin-left: auto;}

#con6 .bx .inner .in-bx2{margin: 0 auto 10vw;position: relative;}
#con6 .bx .inner .in-bx2 .in-inner2{margin: 0 auto 5vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl{font-size: 5.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 10vw; position: relative;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl span{font-size: 4vw; letter-spacing: 0.2vw; color: #7EA2AF;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #7EA2AF; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-ttl1{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.9; text-align: center; margin-bottom: 3vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-txt{width: 50vw; margin: 0 auto 10vw; border: 1px solid #000; padding: 5vw; font-size: 3.4vw; font-weight: 500; letter-spacing: 0.2vw; text-align: center;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-icon1{width: 10vw; position: absolute; left: 5vw; top: 100vw; z-index: 1}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx1{width: 70vw; margin: 0 auto 10vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx1 .in-img-ttl{ padding: 1vw 0; background: #7EA2AF; color: #fff; font-size: 3.6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 5vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx1 .in-img-img{width: 60vw; margin-left: auto;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx2{width: 70vw; margin: 0 auto 10vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx2 .in-img-ttl{ padding: 1vw 0; background: #7EA2AF; color: #fff; font-size: 3.6vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 5vw;}
#con6 .bx .inner .in-bx2 .in-inner2 .in-img-bx2 .in-img-img{width: 70vw; margin-left: auto;}


#con7 {}
#con7 .bx{width: 90vw; margin: 0 auto 10vw; }
#con7 .bx .ttl{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 3vw;}
#con7 .bx .ttl1{width: 70vw; margin: 0 auto 5vw;}

#con7 .bx .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con7 .bx .inner1{margin: 0 auto; padding: 8vw 8vw 13vw; background: #fff;}
#con7 .bx .inner1:hover{background: #E5ECEF}

#con7 .bx .inner1 .in-img{text-align: center; margin-bottom: 5vw;}
#con7 .bx .inner1 .in-ttl{text-align: center; margin-bottom: 5vw;}
#con7 .bx .inner1 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; margin: 0 2.5vw 8vw;}
#con7 .bx .inner1 .in-btn{  position: relative;
  width: 50vw;
  height: 12vw;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  cursor: pointer;}

#con7 .bx .inner1 .in-btn img{    position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#con7 .bx .inner1 .in-btn:hover img:nth-of-type(2) {  top: 100%;
  opacity: 0;
}

#con7 .bx .inner1 .in-btn1{ text-align: center; }

#con7 .add-superwall{ text-align: center;
  margin: 0px 0 30px 0; 
}



}