@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}
/* .seo_bread_list {color: #fff; position: relative; z-index: 1;}
.seo_bread_list a{color: #fff;} */

#main-bx {}
#main-bx .bx{width: 1280px; margin: 0 auto; position: relative; background: url(../images/flow/main-icon.png) no-repeat bottom right; padding: 42px 0 74px;}
#main-bx .bx .ttl1{font-size: 48px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: -20px;}
#main-bx .bx .ttl2{font-size: 121px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 900; color: #CDD0D3; text-align: center; margin-bottom: -7px;}
#main-bx .bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.15; font-weight: 500; text-align: center; margin-bottom: 10px; padding-left: 5px;}


#con1 {}
#con1 .all-bx{background: #EAECEE; padding: 80px 0 30px;}

#con1 .bx1{width: 970px; margin: 0 auto 60px; background: #fff; padding: 58px 60px; position: relative; left: 65px;}
#con1 .bx1::before{content: ""; width: 1px; height: 500px; background: #4C4948; position: absolute; left: -127px; top: 90px;}
#con1 .bx1 .inner1{width: 440px; margin-right: auto;}
#con1 .bx1 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx1 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx1 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; margin-bottom: 21px; padding-bottom: 21px; position: relative;}
#con1 .bx1 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx1 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx1 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.15; font-weight: 500; margin-bottom: 62px;}
#con1 .bx1 .inner1 .tel{margin-left: 13px;}
#con1 .bx1 .inner1 .btn{position: absolute; right: 60px; top: 390px;}

#con1 .bx2{width: 970px; margin: 0 auto 70px; background: #fff; padding: 58px 60px 54px; position: relative; left: 65px;}
#con1 .bx2::before{content: ""; width: 1px; height: 500px; background: #4C4948; position: absolute; left: -127px; top: 90px;}
#con1 .bx2 .inner1{width: 440px; margin-right: auto;}
#con1 .bx2 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx2 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx2 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; margin-bottom: 22px; padding-bottom: 22px; position: relative;}
#con1 .bx2 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx2 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx2 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.15; font-weight: 500; margin-bottom: 34px;}
#con1 .bx2 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx3{width: 970px; margin: 0 auto 70px; background: #fff; padding: 58px 60px 54px; position: relative; left: 65px;}
#con1 .bx3::before{content: ""; width: 1px; height: 500px; background: #4C4948; position: absolute; left: -127px; top: 90px;}
#con1 .bx3 .inner1{width: 440px; margin-right: auto;}
#con1 .bx3 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx3 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx3 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.4; font-weight: bold; margin-bottom: 22px; padding-bottom: 22px; position: relative;}
#con1 .bx3 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx3 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx3 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.15; font-weight: 500; margin-bottom: 34px;}
#con1 .bx3 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx4{width: 970px; margin: 0 auto 70px; background: #fff; padding: 58px 60px 54px; position: relative; left: 65px;}
#con1 .bx4::before{content: ""; width: 1px; height: 500px; background: #4C4948; position: absolute; left: -127px; top: 90px;}
#con1 .bx4 .inner1{width: 440px; margin-right: auto;}
#con1 .bx4 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx4 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx4 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; margin-bottom: 22px; padding-bottom: 22px; position: relative;}
#con1 .bx4 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx4 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx4 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.13; font-weight: 500; margin-bottom: 34px;}
#con1 .bx4 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx5{width: 970px; margin: 0 auto 70px; background: #fff; padding: 58px 60px 54px; position: relative; left: 65px;}
#con1 .bx5::before{content: ""; width: 1px; height: 500px; background: #4C4948; position: absolute; left: -127px; top: 90px;}
#con1 .bx5 .inner1{width: 440px; margin-right: auto;}
#con1 .bx5 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx5 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx5 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; margin-bottom: 22px; padding-bottom: 22px; position: relative;}
#con1 .bx5 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx5 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx5 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.13; font-weight: 500; margin-bottom: 34px;}
#con1 .bx5 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx6{width: 970px; margin: 0 auto 70px; background: #fff; padding: 58px 60px 54px; position: relative; left: 65px;}
#con1 .bx6::before{content: ""; width: 1px; height: 500px; background: #4C4948; position: absolute; left: -127px; top: 90px;}
#con1 .bx6 .inner1{width: 440px; margin-right: auto;}
#con1 .bx6 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx6 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx6 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; margin-bottom: 22px; padding-bottom: 22px; position: relative;}
#con1 .bx6 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx6 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx6 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 34px;}
#con1 .bx6 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx7{width: 970px; margin: 0 auto 70px; background: #fff; padding: 58px 60px 54px; position: relative; left: 65px;}
#con1 .bx7 .inner1{width: 440px; margin-right: auto;}
#con1 .bx7 .inner1 .num1{position: absolute; left: -180px; top: 0px;}
#con1 .bx7 .inner1 .ttl1{font-size: 30px; letter-spacing: 2.5px; line-height: 1.6; font-weight: 800; color: #C41729; margin-bottom: 7px;}
#con1 .bx7 .inner1 .ttl2{font-size: 18px; letter-spacing: 1.4px; line-height: 1.6; font-weight: bold; margin-bottom: 22px; padding-bottom: 22px; position: relative;}
#con1 .bx7 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 2px;}
#con1 .bx7 .inner1 .img1{position: absolute; right: 60px; top: 60px;}
#con1 .bx7 .inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.13; font-weight: 500; margin-bottom: 34px;}
#con1 .bx7 .inner1 .txt1:last-child{margin-bottom: 0;}



#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 1280px; margin: 0 auto; padding: 93px 0 100px;}
#con2 .bx .inner .ttl{font-size: 32px; letter-spacing: 2.6px; line-height: 1.9; font-weight: 800; text-align: center; margin-bottom: 53px;}
#con2 .bx .inner .img{text-align: center; }


}











@media screen and (max-width: 767px) {
main { font-weight: 500!important;}

#main-bx {}
#main-bx .bx{width: 93%; margin: 0 auto; position: relative; background: url(../images/flow/sp-main-icon.png) no-repeat bottom center; padding: 6vw 0 28vw; background-size: 26vw;}
#main-bx .bx .ttl1{font-size: 8.2vw; letter-spacing: 0.4vw; line-height: 1.55; font-weight: bold; text-align: center; margin-bottom: 1vw;}
#main-bx .bx .ttl2{font-size: 15.5vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 900; color: #CDD0D3; text-align: center; margin-bottom: 1vw;}
#main-bx .bx .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; margin-bottom: 10vw; padding: 0 5vw;}


#con1 {}
#con1 .all-bx{background: #EAECEE; padding: 19vw 0 10vw;}

#con1 .bx1{width: 100%; margin: 0 auto 16vw; background: #fff; padding: 12vw 5vw 15vw; position: relative; }
#con1 .bx1 .inner1{width: 93%; margin: 0 auto;}
#con1 .bx1 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx1 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: 0vw;}
#con1 .bx1 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 3vw; padding-bottom: 11vw; position: relative;}
#con1 .bx1 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx1 .inner1 .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx1 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx1 .inner1 .tel{width: 100%; margin: 0 auto 7vw;}
#con1 .bx1 .inner1 .btn{width: 100%; margin: 0 auto;}

#con1 .bx2{width: 100%; margin: 0 auto 16vw; background: #fff; padding: 12vw 5vw 13vw; position: relative; }
#con1 .bx2 .inner1{width: 93%; margin: 0 auto;}
#con1 .bx2 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx2 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: 0vw;}
#con1 .bx2 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.4vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 3vw; padding-bottom: 11vw; position: relative;}
#con1 .bx2 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx2 .inner1 .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx2 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx2 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx3{width: 100%; margin: 0 auto 16vw; background: #fff; padding: 13vw 5vw 13vw; position: relative; }
#con1 .bx3 .inner1{width: 93%; margin: 0 auto;}
#con1 .bx3 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx3 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: -1vw;}
#con1 .bx3 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.4vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 3vw; padding-bottom: 11vw; position: relative;}
#con1 .bx3 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx3 .inner1 .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx3 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx3 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx4{width: 100%; margin: 0 auto 16vw; background: #fff; padding: 13vw 5vw 13vw; position: relative; }
#con1 .bx4 .inner1{width: 93%; margin: 0 auto;}
#con1 .bx4 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx4 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: -1vw;}
#con1 .bx4 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 3vw; padding-bottom: 11vw; position: relative;}
#con1 .bx4 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx4 .inner1 .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx4 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx4 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx5{width: 100%; margin: 0 auto 16vw; background: #fff; padding: 13vw 5vw 14vw; position: relative; }
#con1 .bx5 .inner1{width: 93%; margin: 0 auto;}
#con1 .bx5 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx5 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: -1vw;}
#con1 .bx5 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 2vw; padding-bottom: 12vw; position: relative;}
#con1 .bx5 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx5 .inner1 .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx5 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx5 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx6{width: 100%; margin: 0 auto 15vw; background: #fff; padding: 12vw 5vw 14vw; position: relative; }
#con1 .bx6 .inner1{width: 93%; margin: 0 auto;}
#con1 .bx6 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx6 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: 0vw;}
#con1 .bx6 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 3vw; padding-bottom: 11vw; position: relative;}
#con1 .bx6 .inner1 .ttl2::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx6 .inner1 .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx6 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx6 .inner1 .txt1:last-child{margin-bottom: 0;}

#con1 .bx7{width: 100%; margin: 0 auto 2vw; background: #fff; padding: 13vw 2vw 13vw; position: relative;}
#con1 .bx7 .inner1{width: 100%; margin: 0 auto;}
#con1 .bx7 .inner1 .num1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -9vw;}
#con1 .bx7 .inner1 .ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; color: #C41729; text-align: center; margin-bottom: -1vw;}
#con1 .bx7 .inner1 .ttl2{font-size: 4.2vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: bold; text-align: center; margin-bottom: 2vw; padding-bottom: 12vw; position: relative;}
#con1 .bx7 .inner1 .ttl2::after{content: ""; width: 87%; height: 2px; margin: 0 auto; background: url(../images/flow/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: 5vw;}
#con1 .bx7 .inner1 .img1{width: 87%; margin: 0 auto 6vw;}
#con1 .bx7 .inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; margin-bottom: 8vw; padding: 0 6vw;}
#con1 .bx7 .inner1 .txt1:last-child{margin-bottom: 0;}




#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 100%; margin: 0 auto 13vw; padding: 11vw 0 1vw;}
#con2 .bx .inner .ttl{font-size: 5.4vw; letter-spacing: 0.3vw; line-height: 1.83; font-weight: 800; text-align: center; margin-bottom: 10vw;}
#con2 .bx .inner .img{width: 100%; margin: 0 auto;}


}





@media screen and (min-width:768px) and ( max-width:1450px) {

}