@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: 69px; /*画像の高さ等*/
background: url(../images/order-house/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/order-house/main-bg.png) no-repeat top center; padding: 124px 0 112px;}
#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{width: 575px; margin-right: auto; margin-left: 50px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 26px; letter-spacing: 0.3px; line-height: 1.45; text-align: center; font-weight: bold; color: #fff; margin-bottom: 0px; position: relative; padding: 0 20px; background: url(../images/order-house/main-ttl-icon1.png) no-repeat top 3px left 120px, url(../images/order-house/main-ttl-icon2.png) no-repeat top 3px right 120px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 94.43px; letter-spacing: 0.3px; line-height: 1.2; text-align: center; font-weight: bold; color: #181C62; margin-bottom: 25px; background: linear-gradient(transparent 80%, #FFF100 80%);}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; }
#main-bx .bx .inner .in-bx1 .in-inner1 .img{position: absolute; right: -10px; top: -132px; z-index: 2;}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: #181C62; padding: 60px 0 27px; position: relative;}
#con1 .bx::after{content: ""; width: 104px; height: 33px; margin: 0 auto; background: url(../images/order-house/con1-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -30px;}
#con1 .bx .inner{}
#con1 .bx .inner .in-bx1{width: 900px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 400px; margin-left: auto; margin-right: 15px;}
#con1 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; left: -2px; top: 0;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 29px; letter-spacing: 0.3px; line-height: 1.55; font-weight: bold; color: #fff; margin-bottom: 32px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; color: #fff; margin-bottom: 33px;}



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

#con2 .bx1{width: 1200px; margin: 0 auto 80px; 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: 45px; padding-left: 5px;}
#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; right: 129px; top: -26px;}
#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: 28px; letter-spacing: 0px; line-height: 1.6; 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.95; font-weight: 500; margin-bottom: 33px;}

#con2 .bx2{width: 1200px; margin: 0 auto 70px; position: relative;}
#con2 .bx2 .inner{}
#con2 .bx2 .inner .ttl1{font-size: 32px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; color: #181C62; margin-bottom: 13px; background: url(../images/order-house/con2-ttl-bg.png) no-repeat top center; padding: 24px 0 54px 14px;;}
#con2 .bx2 .inner .human{position: absolute; left: 135px; top: 24px;}
#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: 52px;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: 0px; top: 0;}
#con2 .bx2 .inner .in-bx1 .in-inner1 .in-txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; margin-bottom: 33px;}

#con2 .bx3{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx3 .inner{}
#con2 .bx3 .inner .ttl1{font-size: 36px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; color: #181C62; margin-bottom: 47px; padding-left: 15px;}
#con2 .bx3 .inner .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx3 .inner .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx3 .inner .ttl1 .ss3{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx3 .inner .human{position: absolute; right: 162px; top: 51px;}
#con2 .bx3 .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx3 .inner .in-bx1 .in-inner1{width: 500px; margin-right: auto; margin-left: 48px;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: 4px; top: 0;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 28px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; color: #181C62; margin-bottom: 30px;}
#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;}

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

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

}






@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: 14vw;
background: url(../images/order-house/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/order-house/sp-main-bg.png) no-repeat top center; padding: 9vw 0 0vw; 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.6vw; letter-spacing: 0.1vw; line-height: 1.45; text-align: center; font-weight: bold; color: #fff; margin-bottom: 2vw; position: relative; padding: 0 2vw; background: url(../images/order-house/main-ttl-icon1.png) no-repeat top 0.5vw left 26vw, url(../images/order-house/main-ttl-icon2.png) no-repeat top 0.5vw right 26vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 12vw; letter-spacing: 0.5vw; line-height: 1.2; text-align: center; font-weight: bold; color: #181C62; background: linear-gradient(transparent 80%, #FFF100 80%); width: 78%; margin: 0 auto 4vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; padding: 0 8vw; text-align: center; margin-bottom: 5vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .img{width: 100%; margin: 0 auto; padding-left: 6vw;}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: #181C62; padding: 7vw 0 7vw; position: relative;}
#con1 .bx::after{content: ""; width: 25vw; height: 10vw; margin: 0 auto; background: url(../images/order-house/sp-con1-bx-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -9.5vw; background-size: 25vw;}
#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 .img1{width: 100%; margin: 0 auto 7vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5.9vw; letter-spacing: 0vw; line-height: 1.55; font-weight: bold; color: #fff; margin-bottom: 5vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; color: #fff; margin-bottom: 8vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1:last-child{margin-bottom: 0;}



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

#con2 .bx1{width: 90%; margin: 0 auto 15vw; position: relative;}
#con2 .bx1 .inner{}
#con2 .bx1 .inner .ttl1{font-size: 7.5vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; color: #181C62; margin-bottom: 7vw; padding-left: 1vw;}
#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: 32vw; position: absolute; right: 5vw; top: 8vw;}
#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 7vw;}
#con2 .bx1 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 5.7vw; letter-spacing: 0.1vw; line-height: 1.7; font-weight: bold; color: #181C62; margin-bottom: 7vw;}
#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: 8vw;}

#con2 .bx2{width: 100%; margin: 0 auto 16vw; position: relative;}
#con2 .bx2 .inner{}
#con2 .bx2 .inner .ttl1{font-size: 6vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: bold; text-align: center; color: #181C62; margin-bottom: 2vw; background: url(../images/order-house/sp-con2-ttl-bg.png) no-repeat top center; padding: 5vw 0 15vw 5vw; background-size: 90%;}
#con2 .bx2 .inner .human{width: 19vw; position: absolute; right: 6vw; top: 22vw;}
#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 7vw;}
#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: 8vw; padding: 0 5vw;}

#con2 .bx3{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx3 .inner{}
#con2 .bx3 .inner .ttl1{font-size: 7.5vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: bold; color: #181C62; margin-bottom: 7vw; padding-left: 6vw;}
#con2 .bx3 .inner .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx3 .inner .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx3 .inner .ttl1 .ss3{background: linear-gradient(transparent 70%, #FFF100 70%);}
#con2 .bx3 .inner .human{width: 38vw; position: absolute; right: 0vw; top: 16vw;}
#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-img1{width: 100%; margin: 0 auto -2vw;}
#con2 .bx3 .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 5.7vw; letter-spacing: 0.1vw; line-height: 1.7; font-weight: bold; color: #181C62; margin-bottom: 7vw; padding: 0 5vw;}
#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: 9vw; padding: 0 5vw;}

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

}