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

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/custom-home/con1-bg.png) no-repeat top center; padding: 177px 0 1px; position: relative; z-index: 1;}
#con1 .bx .inner{width: 1280px; margin: 0 auto 58px; }
#con1 .bx .inner .in-bx{width: 360px; margin-right: auto; margin-left: 102px; margin-bottom: 190px;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 5px;}
#con1 .bx .inner .ttl2{font-size: 52px; font-weight: bold; letter-spacing: 8px; line-height: 1.85; margin-bottom: 10px;}
#con1 .bx .inner .txt1{font-size: 20px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.85; text-align: center;}
#con1 .bx .inner .in-inner{}
#con1 .bx .inner .in-inner .ttl3{font-size: 30px; font-weight: bold; letter-spacing: 5px; line-height: 1.8; text-align: center; margin-bottom: 32px;}
#con1 .bx .inner .in-inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; text-align: center; }


#all-bx {background: #F5F5E8; padding: 150px 0 110px; margin-bottom: 93px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto;}

#con2 .bx .inner1{width: 1100px; margin: 0 auto 110px; position: relative; background: #F9FAF4; padding: 93px 80px 100px;}
#con2 .bx .inner1 .in-bx{width: 500px; margin-right: auto; }
#con2 .bx .inner1 .in-bx .num{position: absolute; left: 84px; top: -41px;}
#con2 .bx .inner1 .in-bx .ttl1{font-size: 36px; font-weight: bold; letter-spacing: 0; line-height: 1.3; margin-bottom: 57px; padding-left: 8px;}
#con2 .bx .inner1 .in-bx .img1{position: absolute; right: 70px; top: 88px;}
#con2 .bx .inner1 .in-bx .ttl2{font-size: 25px; font-weight: bold; color: #3878E8; letter-spacing: 2.5px; line-height: 1.2; margin-bottom: 32px; }
#con2 .bx .inner1 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88; margin-bottom: 42px; }
#con2 .bx .inner1 .in-bx .img2{position: absolute; right: 70px; top: 462px;}
#con2 .bx .inner1 .in-sub{width: 500px; position: relative; padding: 0 88px 17px 0; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner1 .in-sub .in-ttl1{font-size: 16px; font-weight: bold; color: #fff; background: #3878E8; padding: 0 0 5px 45px; position: relative; width: 217px;}
#con2 .bx .inner1 .in-sub .in-ttl1::before{content: ""; width: 29px; height: 22px; margin: 0 auto; background: url(../images/custom-home/con2-icon.svg) no-repeat top center; position: absolute; left: 12px; top: 5px;}
#con2 .bx .inner1 .in-sub .list{padding: 17px 0 0 60px;}
#con2 .bx .inner1 .in-sub .list li{font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 1.8;}

#con2 .bx .inner2{width: 1100px; margin: 0 auto 110px; position: relative; background: #F9FAF4; padding: 93px 80px 100px;}
#con2 .bx .inner2 .in-bx{width: 500px; margin-right: auto; }
#con2 .bx .inner2 .in-bx .num{position: absolute; left: 76px; top: -41px;}
#con2 .bx .inner2 .in-bx .ttl1{font-size: 36px; font-weight: bold; letter-spacing: 0; line-height: 1.3; margin-bottom: 57px; padding-left: 8px;}
#con2 .bx .inner2 .in-bx .img1{position: absolute; right: 70px; top: 88px;}
#con2 .bx .inner2 .in-bx .ttl2{font-size: 25px; font-weight: bold; color: #3878E8; letter-spacing: 2.5px; line-height: 1.2; margin-bottom: 32px; }
#con2 .bx .inner2 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88; margin-bottom: 36px; }
#con2 .bx .inner2 .in-bx .img2{position: absolute; right: 70px; top: 462px;}
#con2 .bx .inner2 .in-sub{width: 500px; position: relative; padding: 0 88px 17px 0; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner2 .in-sub .in-ttl1{font-size: 16px; font-weight: bold; color: #fff; background: #3878E8; padding: 0 0 5px 45px; position: relative; width: 217px;}
#con2 .bx .inner2 .in-sub .in-ttl1::before{content: ""; width: 29px; height: 22px; margin: 0 auto; background: url(../images/custom-home/con2-icon.svg) no-repeat top center; position: absolute; left: 12px; top: 5px;}
#con2 .bx .inner2 .in-sub .list{padding: 17px 0 0 60px;}
#con2 .bx .inner2 .in-sub .list li{font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 1.8;}

#con2 .bx .inner3{width: 1100px; margin: 0 auto; position: relative; background: #F9FAF4; padding: 93px 80px 100px;}
#con2 .bx .inner3 .in-bx{width: 500px; margin-right: auto; }
#con2 .bx .inner3 .in-bx .num{position: absolute; left: 76px; top: -41px;}
#con2 .bx .inner3 .in-bx .ttl1{font-size: 36px; font-weight: bold; letter-spacing: 0; line-height: 1.3; margin-bottom: 57px; padding-left: 8px;}
#con2 .bx .inner3 .in-bx .img1{position: absolute; right: 70px; top: 88px;}
#con2 .bx .inner3 .in-bx .ttl2{font-size: 25px; font-weight: bold; color: #3878E8; letter-spacing: 2.5px; line-height: 1.2; margin-bottom: 32px; }
#con2 .bx .inner3 .in-bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.88; margin-bottom: 36px; }
#con2 .bx .inner3 .in-bx .img2{position: absolute; right: 70px; top: 462px;}
#con2 .bx .inner3 .in-sub{width: 500px; position: relative; padding: 0 88px 17px 0; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner3 .in-sub .in-ttl1{font-size: 16px; font-weight: bold; color: #fff; background: #3878E8; padding: 0 0 5px 45px; position: relative; width: 217px;}
#con2 .bx .inner3 .in-sub .in-ttl1::before{content: ""; width: 29px; height: 22px; margin: 0 auto; background: url(../images/custom-home/con2-icon.svg) no-repeat top center; position: absolute; left: 12px; top: 5px;}
#con2 .bx .inner3 .in-sub .list{padding: 17px 0 0 60px;}
#con2 .bx .inner3 .in-sub .list li{font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 1.8;}

#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto 100px;}
#con3 .bx .ttl1{font-size: 25px; font-weight: bold; letter-spacing: 2.5px; line-height: 1.8; text-align: center; margin-bottom: 25px;}
#con3 .bx .ttl1 span{font-size: 30px; color: #3878E8;}
#con3 .bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.8; text-align: center; }



}


@media screen and (max-width: 767px) {
#con1 {}
#con1 .bx{width: 100%; margin: 3vw auto 0; background: url(../images/custom-home/sp-con1-bg.png) no-repeat top center; padding: 11vw 0 4vw; background-size: 100%; }
#con1 .bx .inner{width: 95%; margin: 0 auto; }
#con1 .bx .inner .in-bx{width: 100%; margin: 0 auto 126vw;}
#con1 .bx .inner .ttl1{width: 68%; margin: 0 auto 3vw; padding-left: 2vw;}
#con1 .bx .inner .ttl2{font-size: 11.0vw; font-weight: bold; letter-spacing: 1.8vw; line-height: 1.35; margin-bottom: 4vw; padding-left: 1vw; text-align: center;}
#con1 .bx .inner .txt1{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.45vw; line-height: 2.05; text-align: center; }
#con1 .bx .inner .in-inner{}
#con1 .bx .inner .in-inner .ttl3{font-size: 6.7vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 6vw;}
#con1 .bx .inner .in-inner .txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; margin-bottom: 7vw; padding: 0 6vw;}


#all-bx {background: #F5F5E8; padding: 19vw 0 10vw; margin-bottom: 10vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto;}

#con2 .bx .inner1{width: 100%; margin: 0 auto 19vw; position: relative; background: #FAFAF5; padding: 17vw 8vw 12vw;}
#con2 .bx .inner1 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner1 .in-bx .num{width: 25%; position: absolute; left: 11vw; top: -5vw;}
#con2 .bx .inner1 .in-bx .ttl1{font-size: 6.7vw; font-weight: bold; letter-spacing: 0; line-height: 1.4; margin-bottom: 7vw; text-align: center;}
#con2 .bx .inner1 .in-bx .img1{margin-bottom: 7vw;}
#con2 .bx .inner1 .in-bx .ttl2{font-size: 6.4vw; font-weight: bold; color: #3878E8; letter-spacing: 0.2vw; line-height: 1.5; margin-bottom: 4vw; }
#con2 .bx .inner1 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.48vw; line-height: 2; margin-bottom: 7vw; }
#con2 .bx .inner1 .in-bx .img2{margin-bottom: 9vw;}
#con2 .bx .inner1 .in-sub{width: 100%; position: relative; padding: 0 10vw 5vw 0; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner1 .in-sub .in-ttl1{font-size: 3.6vw; font-weight: bold; color: #fff; background: #3878E8; padding: 1vw 0 1vw 11vw; position: relative; width: 71%; letter-spacing: 0.5vw;}
#con2 .bx .inner1 .in-sub .in-ttl1::before{content: ""; width: 7vw; height: 7vw; margin: 0 auto; background: url(../images/custom-home/con2-icon.svg) no-repeat top center; position: absolute; left: 3vw; top: 2vw; background-size: 7vw;}
#con2 .bx .inner1 .in-sub .list{padding: 5vw 0 0 8vw;}
#con2 .bx .inner1 .in-sub .list li{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.45vw; line-height: 2.05;}
#con2 .bx .inner1 .in-sub .list li span{padding-left: 4vw;}

#con2 .bx .inner2{width: 100%; margin: 0 auto 19vw; position: relative; background: #FAFAF5; padding: 17vw 8vw 12vw;}
#con2 .bx .inner2 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner2 .in-bx .num{width: 27%; position: absolute; left: 11vw; top: -5vw;}
#con2 .bx .inner2 .in-bx .ttl1{font-size: 6.7vw; font-weight: bold; letter-spacing: 0; line-height: 1.4; margin-bottom: 7vw; text-align: center;}
#con2 .bx .inner2 .in-bx .img1{margin-bottom: 7vw;}
#con2 .bx .inner2 .in-bx .ttl2{font-size: 6.4vw; font-weight: bold; color: #3878E8; letter-spacing: 0.2vw; line-height: 1.5; margin-bottom: 4vw; }
#con2 .bx .inner2 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.48vw; line-height: 2; margin-bottom: 7vw; }
#con2 .bx .inner2 .in-bx .img2{margin-bottom: 9vw;}
#con2 .bx .inner2 .in-sub{width: 100%; position: relative; padding: 0 10vw 5vw 0; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner2 .in-sub .in-ttl1{font-size: 3.6vw; font-weight: bold; color: #fff; background: #3878E8; padding: 1vw 0 1vw 11vw; position: relative; width: 71%; letter-spacing: 0.5vw;}
#con2 .bx .inner2 .in-sub .in-ttl1::before{content: ""; width: 7vw; height: 7vw; margin: 0 auto; background: url(../images/custom-home/con2-icon.svg) no-repeat top center; position: absolute; left: 3vw; top: 2vw; background-size: 7vw;}
#con2 .bx .inner2 .in-sub .list{padding: 5vw 0 0 8vw;}
#con2 .bx .inner2 .in-sub .list li{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.45vw; line-height: 2.05;}

#con2 .bx .inner3{width: 100%; margin: 0 auto; position: relative; background: #FAFAF5; padding: 17vw 8vw 12vw;}
#con2 .bx .inner3 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner3 .in-bx .num{width: 27%; position: absolute; left: 11vw; top: -5vw;}
#con2 .bx .inner3 .in-bx .ttl1{font-size: 6.7vw; font-weight: bold; letter-spacing: 0; line-height: 1.4; margin-bottom: 7vw; text-align: center;}
#con2 .bx .inner3 .in-bx .img1{margin-bottom: 7vw;}
#con2 .bx .inner3 .in-bx .ttl2{font-size: 6.4vw; font-weight: bold; color: #3878E8; letter-spacing: 0.2vw; line-height: 1.5; margin-bottom: 4vw; }
#con2 .bx .inner3 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.48vw; line-height: 2; margin-bottom: 7vw; }
#con2 .bx .inner3 .in-bx .img2{margin-bottom: 9vw;}
#con2 .bx .inner3 .in-sub{width: 100%; position: relative; padding: 0 5vw 5vw 0; background: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner3 .in-sub .in-ttl1{font-size: 3.6vw; font-weight: bold; color: #fff; background: #3878E8; padding: 1vw 0 1vw 11vw; position: relative; width: 67%; letter-spacing: 0.5vw;}
#con2 .bx .inner3 .in-sub .in-ttl1::before{content: ""; width: 7vw; height: 7vw; margin: 0 auto; background: url(../images/custom-home/con2-icon.svg) no-repeat top center; position: absolute; left: 3vw; top: 2vw; background-size: 7vw;}
#con2 .bx .inner3 .in-sub .list{padding: 5vw 0 0 8vw;}
#con2 .bx .inner3 .in-sub .list li{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.45vw; line-height: 2.05;}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 15vw;}
#con3 .bx .ttl1{font-size: 4.8vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.7; text-align: center; margin-bottom: 3vw;}
#con3 .bx .ttl1 span{font-size: 6vw; color: #3878E8;}
#con3 .bx .txt1{font-size: 3.6vw; letter-spacing: 0.48vw; line-height: 2; text-align: center; }




}