@charset "UTF-8";
@media screen and (min-width: 768px),print {
main {background: #F9F5E9; width: 100%!important; max-width: 1920px!important; margin: 0 auto -360px !important; padding-bottom: 480px;}
.seo_bread_list {margin-bottom: 50px!important;}

.main-last-bigimg {width: 100%; margin: 0 auto 0; border-top: 2px solid #171C61;  border-bottom: 2px solid #171C61;}

.loop {
width: 100%;
height: 71px; /*画像の高さ等*/
background: url(../images/shop-construction/main-big-img.png) repeat-x #fff;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2081px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}

#main-bx{}
#main-bx .bx{width: 100%; margin: 0 auto; background: url(../images/shop-construction/main-bg.png) no-repeat top center; padding: 103px 0 91px;}
#main-bx .bx .inner{}
#main-bx .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 26px; letter-spacing: 0px; line-height: 1.45; text-align: center; font-weight: bold; color: #fff; margin-bottom: 10px; position: relative; padding: 0 0 0 15px; background: url(../images/shop-construction/main-ttl-icon1.png) no-repeat top 3px left 420px, url(../images/shop-construction/main-ttl-icon2.png) no-repeat top 3px right 420px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{text-align: center; margin-bottom: 60px; padding-left: 5px; }
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; text-align: center; color: #fff;}


.all-bg {background: #fff; }


#con1 {width: 100%; margin: 0 auto; border-bottom: 2px solid #171C61; }
#con1 .bx{width: 1200px; margin: 0 auto; position: relative; }
#con1 .bx .inner{}

#con1 .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative; border-left: 2px solid #171C61; border-right: 2px solid #171C61; padding: 58px 0 35px;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 500px; margin-left: auto; margin-right: 42px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 29px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; color: #181C62; margin-bottom: 30px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; margin-bottom: 30px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: 47px; top: 60px;}



#con2 {width: 100%; margin: 0 auto; background: #fff; border-bottom: 2px solid #171C61; }
#con2 .all-bx{width: 1200px; margin: 0 auto; padding: 0 0 25px; border-left: 2px solid #171C61;  border-right: 2px solid #171C61;}


#con2 .bx{margin: 0 auto 75px; background: #181C62; padding: 50px 0 60px; position: relative;}
#con2 .bx .inner{}
#con2 .bx .inner .ttl1{font-size: 32px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 40px; }
#con2 .bx .inner .ttl1 .ss1{font-size: 42px; letter-spacing: 0px; line-height: 1.6; color: #FFF100; }
#con2 .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{}
#con2 .bx .inner .in-bx1 .in-inner1 .list{padding-right: 5px; 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; justify-content: center;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li{width: 245px; margin-right: 40px;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-right: 0;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li .in-img1{width: 100%; margin: 0 auto 20px;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li .in-ttl1{font-size: 20px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 12px;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li .in-txt1{font-size: 14px; letter-spacing: 0.3px; line-height: 1.85; font-weight: 500; color: #fff; }


#con2 .bx1{width: 1200px; margin: 0 auto 87px; position: relative;}
#con2 .bx1 .inner{}
#con2 .bx1 .inner .ttl1{font-size: 36px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; color: #181C62; margin-bottom: 55px; padding-right: 5px; position: relative; z-index: 1;}
#con2 .bx1 .inner .ttl1::after{content: ""; width: 119px; height: 120px; margin: 0 auto; background: url(../images/shop-construction/con2-ttl-icon1.png) no-repeat top center; position: absolute; right: 380px; top: -30px; z-index: -1;}
#con2 .bx1 .inner .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx1 .inner .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx1 .inner .human{position: absolute; left: 384px; top: 117px;}
#con2 .bx1 .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx1 .inner .in-bx1 .in-inner1{width: 500px; margin-right: auto; margin-left: 48px;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: 4px; top: 0;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 29px; letter-spacing: 0px; line-height: 1.55; font-weight: bold; color: #181C62; margin-bottom: 30px;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.9; font-weight: 500; margin-bottom: 30px;}


#con2 .bx2{width: 1200px; margin: 0 auto 105px; position: relative;}
#con2 .bx2 .inner{}
#con2 .bx2 .inner .ttl1{font-size: 36px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; color: #181C62; margin-bottom: 55px; padding-right: 5px; position: relative; }
#con2 .bx2 .inner .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx2 .inner .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx2 .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx2 .inner .in-bx1 .in-inner1{width: 500px; margin-left: auto; margin-right: 53px;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: 0; top: 0;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 29px; letter-spacing: 0px; line-height: 1.55; font-weight: bold; color: #181C62; margin-bottom: 30px;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.9; font-weight: 500; margin-bottom: 30px;}



#con2 .bx3{margin: 0 auto -25px; position: relative; background: #EFE8D8; padding-bottom: 70px;}
#con2 .bx3 .inner{}
#con2 .bx3 .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx3 .inner .in-bx1 .in-inner1{width: 571px; margin-right: auto; margin-left: 102px;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 25px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; color: #181C62; margin-bottom: 13px; background: url(../images/shop-construction/con2-ttl-bg.png) no-repeat top center; padding: 17px 0 27px 10px; position: relative; top: -20px; z-index: 1;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-ttl1 .ss1{font-size: 32px; position: relative; background: url(../images/shop-construction/con2-ttl-icon2.png) no-repeat top 0 left 10px; padding-top: 3px;;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: 137px; top: 40px;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; margin-bottom: 33px; margin-left: 30px;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .human{position: absolute; right: 68px; top: 266px;}



.last-bx{width: 100%; margin: 0 auto; background: #fff;}
.last-bx .last-inner{width: 1200px; margin: 0 auto; padding: 30px 0 28px; border-left: 2px solid #171C61;  border-right: 2px solid #171C61;}


.last-ttl {text-align: center; padding: 100px 0 10px;}

.inc-bnr-list li:nth-of-type(2) {margin-right: 0; margin-top: -18px;}

}






@media screen and (max-width: 767px) {
.seo_bread_list {display: none;}
main {background: #F9F5E9; padding-top: 9vw; padding-bottom: 33vw; margin-bottom: -19vw;}

.main-last-bigimg {width: 100%; margin: 0 auto; border-top: 2px solid #171C61;  border-bottom: 2px solid #171C61;}

.loop {
width: 100%;
height: 15vw;
background: url(../images/shop-construction/sp-main-big-img.png) repeat-x center center #fff;
background-size: 200vw;
animation: bgloop 30s linear infinite;
}

@keyframes bgloop {
from { background-position: 0 center; }
to { background-position: -200vw center; }
}

#main-bx{}
#main-bx .bx{width: 100%; margin: 0 auto; background: url(../images/shop-construction/sp-main-bg.png) no-repeat top center; padding: 46vw 0 42vw; background-size: 100%;}
#main-bx .bx .inner{}
#main-bx .bx .inner .in-bx1{width: 100%; margin: 0 auto -2vw; position: relative;}
#main-bx .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 1.45; text-align: center; font-weight: bold; color: #fff; margin-bottom: 3vw; position: relative; padding: 0 0vw 0 1vw; background: url(../images/shop-construction/main-ttl-icon1.png) no-repeat top 0.5vw left 26vw, url(../images/shop-construction/main-ttl-icon2.png) no-repeat top 0.5vw right 26vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{width: 64%; margin: 0 auto 7vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; color: #fff; padding: 0 5.5vw; margin-bottom: 5vw;}


.all-bg {background: #fff; }


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto -3vw; background: #fff; padding: 10vw 0 0; position: relative;}
#con1 .bx .inner{}
#con1 .bx .inner .in-bx1{width: 90%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 6.5vw; letter-spacing: 0.3vw; line-height: 1.55; font-weight: bold; color: #181C62; margin-bottom: 7vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 7vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto;}



#con2 {width: 100%; margin: 0 auto; background: #fff; border-bottom: 2px solid #171C61; }
#con2 .all-bx{width: 100%; margin: 0 auto; padding: 0 0 1vw; }

#con2 .bx{width: 100%; margin: 0 auto 10vw; background: #181C62; padding: 12vw 0 2vw; position: relative;}
#con2 .bx .inner{width: 90%; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 5.7vw; letter-spacing: 0.1vw; line-height: 1.85; font-weight: bold; color: #fff; text-align: center; margin-bottom: 6vw;}
#con2 .bx .inner .ttl1 .ss1{font-size: 7.5vw; letter-spacing: 0.1vw; line-height: 1.6; color: #FFF100; }
#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{}
#con2 .bx .inner .in-bx1 .in-inner1 .list{}
#con2 .bx .inner .in-bx1 .in-inner1 .list li{width: 100%; margin: 0 auto 9.5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li .in-img1{width: 100%; margin: 0 auto 3vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li .in-ttl1{font-size: 5.7vw; letter-spacing: 0.1vw; line-height: 1.7; font-weight: bold; color: #fff; margin-bottom: 3vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li .in-txt1{font-size: 3.38vw; letter-spacing: 0.1vw; line-height: 1.85; font-weight: 500; color: #fff; }


#con2 .bx1{width: 100%; margin: 0 auto 14vw; position: relative;}
#con2 .bx1 .inner{}
#con2 .bx1 .inner .ttl1{font-size: 6.5vw; letter-spacing: 0.2vw; line-height: 1.75; font-weight: bold; color: #181C62; margin-bottom: 7vw; position: relative; z-index: 1; padding: 0 6vw;}
#con2 .bx1 .inner .ttl1::after{content: ""; width: 20vw; height: 20vw; margin: 0 auto; background: url(../images/shop-construction/sp-con2-ttl-icon1.png) no-repeat top center; position: absolute; right: 30vw; top: 7vw; z-index: -1; background-size: 20vw;}
#con2 .bx1 .inner .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx1 .inner .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx1 .inner .human{width: 25vw; position: absolute; right: 6vw; top: 95vw;}
#con2 .bx1 .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx1 .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 6vw;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 4.8vw; letter-spacing: 0.1vw; line-height: 1.7; font-weight: bold; color: #181C62; margin-bottom: 4vw; padding: 0 5vw;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 7vw; padding: 0 5vw;}


#con2 .bx2{width: 100%; margin: 0 auto 28vw; position: relative;}
#con2 .bx2 .inner{}
#con2 .bx2 .inner .ttl1{font-size: 6.5vw; letter-spacing: 0.2vw; line-height: 1.75; font-weight: bold; color: #181C62; margin-bottom: 7vw; position: relative; z-index: 1; padding: 0 6vw;}
#con2 .bx2 .inner .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx2 .inner .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx2 .inner .human{width: 25vw; position: absolute; right: 6vw; top: 95vw;}
#con2 .bx2 .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx2 .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 6vw;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 4.8vw; letter-spacing: 0.1vw; line-height: 1.7; font-weight: bold; color: #181C62; margin-bottom: 4vw; padding: 0 5vw;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 7vw; padding: 0 5vw;}


#con2 .bx3{margin: 0 auto 9vw; position: relative; background: #EFE8D8; }
#con2 .bx3 .inner{}
#con2 .bx3 .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx3 .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 4.8vw; letter-spacing: 0.1vw; line-height: 1.5; font-weight: bold; text-align: center; color: #181C62; margin-bottom: -33vw; background: url(../images/shop-construction/sp-con2-ttl-bg.png) no-repeat top center; padding: 5vw 0 11vw 1vw; position: relative; top: -14vw; z-index: 1; background-size: 70%;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-ttl1 .ss1{font-size: 7vw; position: relative; background: url(../images/shop-construction/sp-con2-ttl-icon2.png) no-repeat top 1vw left 3vw; padding-top: 2vw; background-size: 70%;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 8vw;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 7vw; padding: 0 5vw;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .human{width: 37%; margin: -8vw auto 0}


.last-ttl {width: 80%; margin: 0 auto 0vw; text-align: center; padding: 14vw 1vw 6vw 0vw;}

.inc-bnr-list li:nth-of-type(2) {margin-top: -2vw;}

}