@charset "UTF-8";
@media screen and (min-width: 768px), print {
  h2 { background: url("../images/land/h2.jpg") no-repeat; }
  main { width: 100%; line-height: 1.6}
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-100px;padding-bottom:100px;}

#main-bx {margin-top: 85px; margin-bottom: 40px;}
#main-bx .bx{background: url(../images/land/main-bg1.png) repeat; padding: 150px 0 80px;}
#main-bx .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#main-bx .bx .inner .big-img{text-align: center; margin-bottom: -290px; position: relative; top: -230px;}
#main-bx .bx .inner .in-inner{width: 780px; margin: 0 auto 35px; background: url(../images/land/main-bg2.png) no-repeat top center; padding: 40px 50px 50px; position: relative; border-radius: 0.5vw}
#main-bx .bx .inner .in-inner .ttl{font-size: 22px; font-weight: bold; letter-spacing: 1.2px; text-align: center; }
#main-bx .bx .inner .in-inner .ttl .span1{font-size: 23px; letter-spacing: 1.3px;}
#main-bx .bx .inner .in-inner .ttl .span2{font-size: 32px; color: #2AA26D; letter-spacing: 1.8px;}
#main-bx .bx .inner .in-inner .human1{position: absolute; left: 20px; top: 64px}
#main-bx .bx .inner .in-inner .human2{position: absolute; right: 3px; top: 57px}
#main-bx .bx .inner .icon1{position: absolute; left: 0; top: 165px}
#main-bx .bx .inner .icon2{position: absolute; right: 0; top: 175px}
#main-bx .bx .in-inner1{width: 1100px; margin: 0 auto; background: #fff; padding: 70px 50px 85px; position: relative;}
#main-bx .bx .in-inner1 .in-inner2{width: 560px; }
#main-bx .bx .in-inner1 .in-inner2 .ttl1{font-size: 26px; font-weight: bold; letter-spacing: 1.4px; line-height: 1.5; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 10px; margin-bottom: 30px;}
#main-bx .bx .in-inner1 .in-inner2 .ttl1 span{color: #E46B00; position: relative; left: -5px}
#main-bx .bx .in-inner1 .in-inner2 .img{position: absolute; right: 50px; top: 50px}
#main-bx .bx .in-inner1 .in-inner2 .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 1.85}


#con0 {}
#con0 .bx{width: 1100px; margin: 0 auto 65px;}
#con0 .bx .ttl{text-align: center; margin-bottom: 3px}
#con0 .bx .list{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;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#con0 .bx .list li{width: 320px; margin-right: 70px;}
#con0 .bx .list li:last-child{margin-right: 0}


#con1 {}
#con1 .bx{background: #F0ECE1; padding: 55px 0 95px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-inner{width: 500px; margin-left: auto;}
#con1 .bx .inner .in-inner .num{margin-left: 10px; margin-bottom: 33px;}
#con1 .bx .inner .in-inner .ttl{font-size: 26px; font-weight: bold; letter-spacing: 1.4px; line-height: 1.55; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 15px; margin-bottom: 20px;}
#con1 .bx .inner .in-inner .ttl span{color: #E46B00}
#con1 .bx .inner .in-inner .img{position: absolute; left: 0; top: 35px}
#con1 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 1.9; margin-bottom: 28px}
#con1 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}

#con2 {}
#con2 .bx{padding: 70px 0 117px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-inner{width: 500px; margin-right: auto;}
#con2 .bx .inner .in-inner .num{margin-bottom: 18px;}
#con2 .bx .inner .in-inner .ttl{font-size: 26px; font-weight: bold; letter-spacing: 1.4px; line-height: 1.55; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 15px; margin-bottom: 20px;}
#con2 .bx .inner .in-inner .ttl span{color: #E46B00}
#con2 .bx .inner .in-inner .img{position: absolute; right: 0; top: 30px}
#con2 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 1.9; margin-bottom: 28px}
#con2 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}
#con2 .bx .inner .in-inner .btn{}

#con3 {margin-bottom: 100px;}
#con3 .bx{background: #F0ECE1; padding: 58px 0 100px;}
#con3 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-inner{width: 500px; margin-left: auto;}
#con3 .bx .inner .in-inner .num{margin-left: 10px; margin-bottom: 30px;}
#con3 .bx .inner .in-inner .ttl{font-size: 26px; font-weight: bold; letter-spacing: 1.4px; line-height: 1.55; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 15px; margin-bottom: 20px;}
#con3 .bx .inner .in-inner .ttl span{color: #E46B00}
#con3 .bx .inner .in-inner .img{position: absolute; left: 0; top: 35px}
#con3 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.85px; line-height: 1.9; margin-bottom: 28px}
#con3 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}
#con3 .bx .inner .in-inner .btn{}


#con4 {margin-bottom: 55px;}
#con4 .bx{width: 1200px; margin: 0 auto; color: #fff; text-align: center; background: url(../images/land/con4-bg-icon.png) no-repeat top 100px left 118px,url(../images/land/con4-bg.png) no-repeat top center; padding: 125px 80px;}
#con4 .bx .ttl{font-size: 36px; font-weight: bold; letter-spacing: 1.8px; margin-bottom: 20px; line-height: 1.5}
#con4 .bx .icon{margin-bottom: 16px;}
#con4 .bx .txt{font-size: 22px; font-weight: bold; letter-spacing: 1px;}





}




@media screen and (max-width: 767px) {
main { line-height: 1.6}

a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-10vw;padding-bottom:10vw;}

#main-bx {margin-top: 15vw; margin-bottom: 10vw;}
#main-bx .bx{background: url(../images/land/main-bg1.png) repeat; padding: 15vw 0 10vw;}
#main-bx .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#main-bx .bx .inner .big-img{width: 95vw; margin: 0 auto -35vw; text-align: center; position: relative; top: -30vw;}
#main-bx .bx .inner .in-inner{width: 85vw; margin: 0 auto 18vw; background: url(../images/land/main-bg2.png) no-repeat top center; padding: 5vw 3vw; position: relative; border-radius: 2vw}
#main-bx .bx .inner .in-inner .ttl{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; line-height: 1.5}
#main-bx .bx .inner .in-inner .ttl .span1{font-size: 4vw; letter-spacing: 0.2vw;}
#main-bx .bx .inner .in-inner .ttl .span2{font-size: 4.6vw; color: #2AA26D; letter-spacing: 0.2vw;}
#main-bx .bx .inner .in-inner .human1{width: 10vw; position: absolute; left: 1vw; top: 19vw}
#main-bx .bx .inner .in-inner .human2{width: 13vw; position: absolute; right: 0vw; top: 19vw}
#main-bx .bx .inner .icon1{width: 16vw; position: absolute; left: 3vw; top: 45vw}
#main-bx .bx .inner .icon2{width: 16vw; position: absolute; right: 3vw; top: 45vw}
#main-bx .bx .in-inner1{width: 90vw; margin: 0 auto; background: #fff; padding: 5vw; position: relative;}
#main-bx .bx .in-inner1 .in-inner2{width: 80vw; margin: 0 auto;}
#main-bx .bx .in-inner1 .in-inner2 .ttl1{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.5; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 2vw; margin-bottom: 3vw; background-size: 2vw}
#main-bx .bx .in-inner1 .in-inner2 .ttl1 span{color: #E46B00; position: relative; left: -5px}
#main-bx .bx .in-inner1 .in-inner2 .img{margin-bottom: 2vw}
#main-bx .bx .in-inner1 .in-inner2 .txt{font-size: 3.4vw; letter-spacing: 0vw; line-height: 1.85}


#con0 {}
#con0 .bx{width: 100vw; margin: 0 auto 10vw;}
#con0 .bx .ttl{width: 80vw; margin: 0 auto 10vw;}
#con0 .bx .list{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;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#con0 .bx .list li{width: 80vw; margin: 0 auto 5vw;}
#con0 .bx .list li:last-child{margin-bottom: 0}


#con1 {}
#con1 .bx{background: #F0ECE1; padding: 10vw 0 8vw;}
#con1 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-inner{width: 85vw; margin: 0 auto;}
#con1 .bx .inner .in-inner .num{width: 35vw; margin-bottom: 5vw}
#con1 .bx .inner .in-inner .ttl{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.55; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 3vw; margin-bottom: 5vw; background-size: 2vw}
#con1 .bx .inner .in-inner .ttl span{color: #E46B00}
#con1 .bx .inner .in-inner .img{margin-bottom: 3vw}
#con1 .bx .inner .in-inner .txt{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 3vw}
#con1 .bx .inner .in-inner .txt:last-child{margin-bottom: 0}

#con2 {}
#con2 .bx{padding: 10vw 0 8vw;}
#con2 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-inner{width: 85vw; margin: 0 auto;}
#con2 .bx .inner .in-inner .num{width: 35vw; margin-bottom: 5vw}
#con2 .bx .inner .in-inner .ttl{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.55; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 3vw; margin-bottom: 5vw; background-size: 2vw}
#con2 .bx .inner .in-inner .ttl span{color: #E46B00}
#con2 .bx .inner .in-inner .img{margin-bottom: 3vw}
#con2 .bx .inner .in-inner .txt{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 3vw}
#con2 .bx .inner .in-inner .btn{margin-top: 5vw}

#con3 {margin-bottom: 15vw}
#con3 .bx{background: #F0ECE1; padding: 10vw 0 8vw;}
#con3 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-inner{width: 85vw; margin: 0 auto;}
#con3 .bx .inner .in-inner .num{width: 35vw; margin-bottom: 5vw}
#con3 .bx .inner .in-inner .ttl{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.55; background: url(../images/land/txt-icon.png) repeat-x bottom center; padding-bottom: 3vw; margin-bottom: 5vw; background-size: 2vw}
#con3 .bx .inner .in-inner .ttl span{color: #E46B00}
#con3 .bx .inner .in-inner .img{margin-bottom: 3vw}
#con3 .bx .inner .in-inner .txt{font-size: 3.4vw; 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 .in-inner .btn{margin-top: 5vw}


#con4 {margin-bottom: 10vw;}
#con4 .bx{width: 100vw; margin: 0 auto; color: #fff; text-align: center; background: url(../images/land/sp-con4-bg-icon.png) no-repeat top 5vw center,url(../images/land/sp-con4-bg.png) no-repeat top center; padding: 15vw 5vw; background-size: 90%,100%}
#con4 .bx .ttl{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.5vw; margin-bottom: 3vw; line-height: 1.5}
#con4 .bx .icon{width: 15vw; margin: 0 auto 5vw;}
#con4 .bx .txt{font-size: 3.4vw; font-weight: bold; letter-spacing: 0.2vw;}



}