@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -70px auto 0; background: url(../images/emigration/main-bg1.png) no-repeat top center;; padding: 88px 0 110px;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 1280px; margin: 0 auto; position: relative; z-index: 1;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.5; text-align: center; color: #fff; margin-bottom: 10px; }
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 20px; letter-spacing: 1px; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 56px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 14px; letter-spacing: 0px; line-height: 1.93; text-align: center; color: #fff; margin-bottom: 25px;}
#main-bx .bx .inner .in-bx1 .img1{position: absolute; left: 110px; top: 25px; z-index: -1;}


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; padding: 78px 0 120px; }
#con1 .bx .inner{}
#con1 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.6; text-align: center; margin-bottom: 40px;}
#con1 .bx .inner .txt1{font-size: 22px; letter-spacing: 2px; line-height: 1.6; text-align: center; font-weight: 500; margin-bottom: 62px;}

#con1 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 60px; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 460px; margin-right: auto; margin-left: 50px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: -50px; top: 0;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con1 .bx .inner .sub-bx{width: 1200px; margin: 0 auto; position: relative; background: #FAF7F1; padding: 70px 100px 60px;}
#con1 .bx .inner .sub-bx .sub-inner{width: 525px; margin-left: auto;}
#con1 .bx .inner .sub-bx .sub-inner .in-img2{position: absolute; left: 100px; top: 60px;}
#con1 .bx .inner .sub-bx .sub-inner .in-img3{width: 100%; margin: 0 auto 23px;}
#con1 .bx .inner .sub-bx .sub-inner .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.93; }



#con2 {margin-bottom: 80px;}
#con2 .bx{width: 100%; margin: 0 auto; padding: 100px 0 90px; background: linear-gradient(to right, transparent 18.6%, #E3CDAA 18.6%);;}
#con2 .bx .inner{}
#con2 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.6; text-align: center; margin-bottom: 30px;}
#con2 .bx .inner .ttl2{font-size: 22px; letter-spacing: 2px; line-height: 1.6; text-align: center; font-weight: 500; margin-bottom: 9px;}

#con2 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 60px; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 560px; margin-right: auto; margin-left: 0; margin-bottom: 0px; padding: 55px 0px 0px 50px; }
#con2 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; right: -50px; top: 188px; z-index: 0;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .in-inner1 .list{background: #F4F1E5; width: 470px; padding: 35px 20px 10px 40px; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; padding-left: 38px; margin-bottom: 19px; background: url(../images/emigration/con2-li-icon.png) no-repeat top left;;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt2 .ss1{}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt2 .ss2{}


#con2 .bx .inner .in-bx2{width: 1100px; margin: 0 auto; padding: 58px 0px 0; position: relative; z-index: 1;}
#con2 .bx .inner .in-bx2 .in-inner1{width: 520px; margin-left: auto; margin-right: 0; margin-bottom: 68px;}
#con2 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; left: 50px; top: 0px;}
#con2 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}



#con3 {margin-bottom: 228px;}
#con3 .bx{width: 100%; margin: 0 auto; padding: 105px 0 60px; background: linear-gradient(to left, transparent 18.6%, #E3CDAA 18.6%);;}
#con3 .bx .inner{}
#con3 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.6; text-align: center; margin-bottom: 30px;}
#con3 .bx .inner .ttl2{font-size: 22px; letter-spacing: 2px; line-height: 1.6; text-align: center; font-weight: 500; margin-bottom: 9px;}

#con3 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 30px; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 560px; margin-left: auto; margin-right: 60px; margin-bottom: 0px; padding: 55px 0px 0px 50px; }
#con3 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: -50px; top: 188px; z-index: 0;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list{background: #F4F1E5; width: 370px; padding: 35px 20px 5px 40px; margin-bottom: 30px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; padding-left: 38px; margin-bottom: 19px; background: url(../images/emigration/con3-li-icon.png) no-repeat top left;;}


#con3 .bx .inner .in-bx2{width: 1100px; margin: 0 auto; padding: 58px 0px 0; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner1{width: 560px; margin-right: auto; margin-left: -50px; margin-bottom: 68px;}
#con3 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; right: 50px; top: 30px;}
#con3 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; padding: 100px 0 120px; background: url(../images/emigration/con4-bg1.png) no-repeat top center;}
#con4 .bx .inner{}
#con4 .bx .inner .ttl1{font-size: 164px; letter-spacing: 1px; line-height: 1.6; text-align: center; color: #9B7845; margin-bottom: 70px; margin-top: -236px;}

#con4 .top-last-bigimg {width: 100%; margin: 0 auto -640px;}

.loop {
width: 100%;
height: 640px; /*画像の高さ等*/
background: url(../images/emigration/top-last-bigimg.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

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

#con4 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 50px; position: relative;}
#con4 .bx .inner .in-bx1 .in-inner1{width: 593px; margin-right: auto; margin-left: 0; margin-bottom: 50px; padding: 0px 0px 0px 80px; background: url(../images/emigration/con4-bg2.png) no-repeat top center; position: relative; z-index: 1; left: -40px;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 36px; letter-spacing: 1.8px; line-height: 1.8; margin-bottom: 40px;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 22px; letter-spacing: 2px; line-height: 2; margin-bottom: 40px; font-weight: 500;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 40px; margin-right: 110px;}
#con4 .bx .inner .in-bx1 .in-inner1 .list{ width: 354px; padding: 35px 20px 10px 40px; margin-bottom: 30px; border: 1px solid #9B7845;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; padding-left: 38px; margin-bottom: 19px; background: url(../images/emigration/con4-li-icon.png) no-repeat top left;;}


#con4 .bx .inner .in-bx2{width: 1100px; margin: 0 auto 105px; padding: 58px 0px 0; position: relative; z-index: 1;}
#con4 .bx .inner .in-bx2 .in-inner1{width: 600px; margin-left: auto; margin-right: -50px; margin-bottom: 68px;}
#con4 .bx .inner .in-bx2 .in-inner1 .img1{position: absolute; left: -50px; top: 30px;}
#con4 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 30px;}

#con4 .bx .inner .btn{width: 100%; margin: 0 auto; text-align: center;}



#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 80px; background: url(../images/emigration/con5-bg1.png) no-repeat top center;; padding: 114px 0 76px; }
#con5 .bx .inner{width: 1200px; margin: 0 auto;}
#con5 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 30px;}
#con5 .bx .inner .ttl2{font-size: 24px; letter-spacing: 2px; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 40px;}
#con5 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; text-align: center; color: #fff; margin-bottom: 33px; font-weight: 500;}

#con5 .bx .inner #main-inc1 {margin: 0 auto 120px!important;}



}


@media screen and (min-width:768px) and ( max-width:1450px) {
#con2 .bx{width: 100%; margin: 0 auto; background: linear-gradient(to right, transparent 8.6%, #E3CDAA 8.6%);;}
#con3 .bx{width: 100%; margin: 0 auto; background: linear-gradient(to left, transparent 8.6%, #E3CDAA 8.6%);;}

}

@media screen and (min-width:768px) and ( max-width:1280px) {
#con2 .bx{width: 100%; margin: 0 auto; background: linear-gradient(to right, transparent 3.5%, #E3CDAA 3.5%);;}
#con3 .bx{width: 100%; margin: 0 auto; background: linear-gradient(to left, transparent 3.5%, #E3CDAA 3.5%);;}

}




@media screen and (max-width: 767px) {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}



#main-bx {}
#main-bx .bx{width: 100%; margin: -10vw auto 0; background: url(../images/emigration/sp-main-bg1.png) no-repeat top center;; padding: 12vw 0 7vw; background-size: 100%;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 90%; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5.8vw; letter-spacing: 0.5vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 2vw; }
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 4.6vw; letter-spacing: 0vw; line-height: 1.9; text-align: center; color: #fff; font-weight: 500; margin-bottom: 9vw; }
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 2; color: #fff; font-weight: 500; margin-bottom: 6vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1:last-child{margin-bottom: 3vw;}
#main-bx .bx .inner .img1{width: 78%; margin: -2vw auto 7vw;}



#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; padding: 14vw 0 14vw; }
#con1 .bx .inner{}
#con1 .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.65; text-align: center; margin-bottom: 5vw;}
#con1 .bx .inner .txt1{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; font-weight: 500; margin-bottom: 7vw;}

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto 10vw; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto 5vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 8vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw; padding: 0 6vw;}

#con1 .bx .inner .sub-bx{width: 100%; margin: 0 auto; position: relative; background: #FAF7F1; padding: 8vw 6vw 1vw;}
#con1 .bx .inner .sub-bx .sub-inner{width: 100%; margin: 0 auto 5vw;}
#con1 .bx .inner .sub-bx .sub-inner .in-img2{width: 100%; margin: 0 auto 6vw;}
#con1 .bx .inner .sub-bx .sub-inner .in-img3{width: 54%; margin: 0 auto 8vw;}
#con1 .bx .inner .sub-bx .sub-inner .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}



#con2 {margin-bottom: 14vw;}
#con2 .bx{width: 100%; margin: 0 auto; padding: 15vw 0 5vw; background: #E3CDAA;}
#con2 .bx .inner{}
#con2 .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.65; text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; font-weight: 500; margin-bottom: 9vw;}

#con2 .bx .inner .in-bx1{width: 88%; margin: 0 auto 7vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto; }
#con2 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 8vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list{background: #F4F1E5; width: 100%; padding: 5vw 5vw 1vw; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 1.95; margin-bottom: 3.5vw; padding-left: 9vw; background: url(../images/emigration/sp-con2-li-icon.png) no-repeat top left; background-size: 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li:nth-child(3){background: url(../images/emigration/sp-con2-li-icon.png) no-repeat top 4vw left; background-size: 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .list li:nth-child(4){background: url(../images/emigration/sp-con2-li-icon.png) no-repeat top 4vw left; background-size: 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt2 .ss1{}
#con2 .bx .inner .in-bx1 .in-inner1 .in-txt2 .ss2{display: block; margin: 7vw auto 0;}

#con2 .bx .inner .in-bx2{width: 88%; margin: 0 auto 10vw; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto; }
#con2 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 8vw;}
#con2 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}



#con3 {margin-bottom: 20vw;}
#con3 .bx{width: 100%; margin: 0 auto; padding: 15vw 0 5vw; background: #E3CDAA;}
#con3 .bx .inner{}
#con3 .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.65; text-align: center; margin-bottom: 5vw;}
#con3 .bx .inner .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; font-weight: 500; margin-bottom: 7vw;}

#con3 .bx .inner .in-bx1{width: 88%; margin: 0 auto 7vw; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto; }
#con3 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 8vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list{background: #F4F1E5; width: 100%; padding: 5vw 5vw 1vw; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 3vw; padding-left: 9vw; background: url(../images/emigration/sp-con3-li-icon.png) no-repeat top left; background-size: 5vw;}

#con3 .bx .inner .in-bx2{width: 88%; margin: 0 auto 10vw; position: relative;}
#con3 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto; }
#con3 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 8vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; padding: 10vw 0 14vw; background: url(../images/emigration/sp-con4-bg1.png) no-repeat top center; background-size: 100%;}
#con4 .bx .inner{}
#con4 .bx .inner .ttl1{font-size: 12vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; color: #9B7845; margin-bottom: 7vw; margin-top: -20vw;}

#con4 .top-last-bigimg {width: 100%; margin: 0 auto 7vw;}

.loop {
width: 100%;
height: 87vw; /*画像の高さ等*/
background: url(../images/emigration/sp-top-last-bigimg.png) repeat-x;
background-position: center; background-size: 370%;
animation: bgloop 20s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

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

#con4 .bx .inner .in-bx1{width: 100%; margin: 0 auto 5vw; position: relative;}
#con4 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto 8vw; padding: 0 6vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.75; margin-bottom: 5vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 4vw; letter-spacing: 0.8vw; line-height: 2; margin-bottom: 7vw; font-weight: 500;}
#con4 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.95; margin-bottom: 7vw; }
#con4 .bx .inner .in-bx1 .in-inner1 .list{ width: 100%; padding: 5vw 4vw 1vw; margin-bottom: 3vw; border: 1px solid #9B7845;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 3.5vw; letter-spacing: 0.05vw; line-height: 1.93; margin-bottom: 3vw; padding-left: 10vw; background: url(../images/emigration/sp-con4-li-icon.png) no-repeat top left; background-size: 5vw;}


#con4 .bx .inner .in-bx2{width: 88%; margin: 0 auto 15vw; position: relative;}
#con4 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto; }
#con4 .bx .inner .in-bx2 .in-inner1 .img1{width: 100%; margin: 0 auto 8vw;}
#con4 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw;}

#con4 .bx .inner .btn{width: 64%; margin-right: auto; padding-left: 6vw;}



#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 10vw; background: url(../images/emigration/sp-con5-bg1.png) no-repeat top center;; padding: 10vw 0 5vw; background-size: 100%; }
#con5 .bx .inner{width: 100%; margin: 0 auto;}
#con5 .bx .inner .ttl1{font-size: 5.7vw; letter-spacing: 0.5vw; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 8vw; padding-left: 3vw;}
#con5 .bx .inner .ttl2{font-size: 4.7vw; letter-spacing: 0.6vw; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 7vw; padding-left: 2vw;}
#con5 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.85; text-align: center; color: #fff; margin-bottom: 7vw; font-weight: 500;}

#main-inc1 {margin: 0 auto 14vw!important}
#main-inc1 .inc-bnr-list li { margin-bottom: 8vw!important;}

}