@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;}

.all-bg {background: #fff;}

.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/reform-renovation/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/reform-renovation/main-bg.png) no-repeat top center; padding: 34px 0 0;}
#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: 59.29px; letter-spacing: 0.3px; line-height: 1.25; text-align: center; font-weight: bold; color: #181C62; margin-bottom: 20px; padding-left: 25px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss1{background: linear-gradient(transparent 80%, #FFF100 80%);}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss2{background: linear-gradient(transparent 80%, #FFF100 80%);}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss3{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; text-align: center; margin-bottom: 10px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .img{width: 100%; margin: 0 auto -110px; text-align: center;}


#con1 {}
#con1 .bx{width: 1200px; margin: 0 auto; padding: 167px 0 80px; border-left: 2px solid #181C62; border-right: 2px solid #181C62;}
#con1 .bx .inner{}
#con1 .bx .inner .ttl1{font-size: 32px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; color: #181C62; text-align: center; margin-bottom: -45px; padding-left: 10px;}
#con1 .bx .inner .list{margin-bottom: 40px; 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;}
#con1 .bx .inner .list li{}
#con1 .bx .inner .list li a {display: block;position: relative;}
#con1 .bx .inner .list li a .img-hover {position: absolute;top: 0;left: 0;width: 100%;opacity: 0; /* 最初は透明にして見えなくする */transition: opacity 0.3s ease; /* ふわっと切り替える */}
#con1 .bx .inner .list li a:hover .img-hover {opacity: 1; /* マウスが乗ったら表示する */}
#con1 .bx .inner .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; text-align: center; }

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/reform-renovation/con2-bg.png) no-repeat top center;; padding: 0 0 0; }
#con2 .bx .inner{width: 1200px; margin: 0 auto; border-left: 2px solid #181C62; border-right: 2px solid #181C62;}
#con2 .bx .inner .ttl1{width: 100%; margin: 0 auto; text-align: center; margin-bottom: 160px; position: relative; top: 25px;}
#con2 .bx .inner .img1{width: 100%; margin: 0 auto; text-align: center; margin-bottom: 17px; padding-right: 24px;}
#con2 .bx .inner .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; text-align: center; }


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; border-bottom: 2px solid #171C61; }
#con3 .bx .inner{width: 1200px; margin: 0 auto;  border-left: 2px solid #181C62; border-right: 2px solid #181C62;}

#con3 .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative; padding: 60px 0 100px;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 630px; margin-right: auto; margin-left: 100px;}
#con3 .bx .inner .in-bx1 .in-inner1 .num1{position: absolute; left: 0; top: 60px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 26px; letter-spacing: 0.3px; line-height: 1.6; font-weight: bold; color: #181C62; border-top: 2px solid #181C62; border-bottom: 2px solid #181C62; padding: 7px 0 7px 105px; margin-bottom: 20px;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; margin: 0 25px 30px 105px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list{margin-left: 105px; 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;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 14px; letter-spacing: 0.3px; line-height: 1.6; font-weight: 500; text-align: center; color: #181C62; border: 1px solid #181C62; border-radius: 50px; padding: 8px 22px 8px; display: block; margin-bottom: 10px; margin-right: 10px;}
#con3 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; right: 4px; top: 60px;}

#con3 .bx .inner .in-bx2{margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx2 .in-inner1{}
#con3 .bx .inner .in-bx2 .in-inner1 .num1{position: absolute; left: 0; top: 0px;}
#con3 .bx .inner .in-bx2 .in-inner1 .ttl1{font-size: 26px; letter-spacing: 0.3px; line-height: 1.6; font-weight: bold; color: #181C62; border-top: 2px solid #181C62; border-bottom: 2px solid #181C62; padding: 7px 0 7px 205px; margin-bottom: 20px;}
#con3 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; margin: 0 25px 40px 205px;}
#con3 .bx .inner .in-bx2 .in-inner1 .list{padding: 0 47px; 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;}
#con3 .bx .inner .in-bx2 .in-inner1 .list li{width: 260px; margin-right: 20px; margin-bottom: 20px;}
#con3 .bx .inner .in-bx2 .in-inner1 .list li:nth-child(4n){margin-right: 0; }
#con3 .bx .inner .in-bx2 .in-inner1 .list li .li-img1{width: 100%; margin: 0 auto 10px;}
#con3 .bx .inner .in-bx2 .in-inner1 .list li .li-txt1{font-size: 14px; letter-spacing: 0.3px; line-height: 1.6; font-weight: 500; text-align: center; color: #181C62; border: 1px solid #181C62; border-radius: 50px; padding: 8px 0 8px; display: block; margin-bottom: 10px; }


#con3 .bx .inner .in-bx3{width: 1200px; margin: 0 auto; position: relative; padding: 50px 0 50px;}
#con3 .bx .inner .in-bx3 .in-inner1{width: 630px; margin-right: auto; margin-left: 100px;}
#con3 .bx .inner .in-bx3 .in-inner1 .num1{position: absolute; left: 0; top: 50px;}
#con3 .bx .inner .in-bx3 .in-inner1 .ttl1{font-size: 26px; letter-spacing: 0.3px; line-height: 1.6; font-weight: bold; color: #181C62; border-top: 2px solid #181C62; border-bottom: 2px solid #181C62; padding: 7px 0 7px 105px; margin-bottom: 30px;}
#con3 .bx .inner .in-bx3 .in-inner1 .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; margin: 0 25px 30px 105px;}
#con3 .bx .inner .in-bx3 .in-inner1 .list{margin-left: 105px; 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;}
#con3 .bx .inner .in-bx3 .in-inner1 .list li{font-size: 14px; letter-spacing: 0.3px; line-height: 1.6; font-weight: 500; text-align: center; color: #181C62; border: 1px solid #181C62; border-radius: 50px; padding: 8px 22px 8px; display: block; margin-bottom: 10px; margin-right: 10px;}
#con3 .bx .inner .in-bx3 .in-inner1 .img1{position: absolute; right: 4px; top: 50px;}

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



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #EFE8D8; padding: 80px 0 80px;}
#con4 .bx .inner{width: 1280px; margin: 0 auto;}
#con4 .bx .inner .ttl1{width: 100%; margin: 0 auto 5px; text-align: center;}
#con4 .bx .inner .txt1{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; text-align: center; margin-bottom: 50px;}

#con4 .bx .inner .list{margin-bottom: 57px; background: #181C62; border-radius: 20px; 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;}
#con4 .bx .inner .list li{width: 426px; border-right: 1px solid #FFFFFF; padding-bottom: 50px;}
#con4 .bx .inner .list li:last-child{margin-right: 0; border: none;}
#con4 .bx .inner .list li .li-num{font-size: 28px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; display: block; background: #181C62; padding: 5px 5px; border-radius: 50px; position: relative; top: -25px; width: 75px; height: 75px; margin: 0 auto -50px;}
#con4 .bx .inner .list li .li-ttl{font-size: 22px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; padding-top: 20px; margin-bottom: 25px;}
#con4 .bx .inner .list li .li-ttl span{font-size: 36px; position: relative;}
#con4 .bx .inner .list li:nth-of-type(1) .li-ttl span{background: url(../images/reform-renovation/con4-ttl1-icon1.png) no-repeat top center; padding-top: 5px;;}
#con4 .bx .inner .list li:nth-of-type(2) .li-ttl span{background: url(../images/reform-renovation/con4-ttl1-icon2.png) no-repeat top center; padding-top: 5px;;}
#con4 .bx .inner .list li:nth-of-type(3) .li-ttl span{background: url(../images/reform-renovation/con4-ttl1-icon3.png) no-repeat top center; padding-top: 5px;;}
#con4 .bx .inner .list li .li-img{width: 100%; margin: 0 auto 20px; text-align: center; }
#con4 .bx .inner .list li .li-txt{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; color: #fff; padding: 0 38px;}

#con4 .bx .inner .ttl2{font-size: 32px; letter-spacing: 0px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 17px;}
#con4 .bx .inner .ttl2 span{font-size: 40px; color: #181C62;}
/* No.68 欧文は同じpxでも小さく見えるため拡大。色は地の文のまま */
#con4 .bx .inner .ttl2 .name-en{font-size: 1.25em; color: inherit;}
#con4 .bx .inner .txt2{font-size: 15px; letter-spacing: 0.3px; line-height: 1.95; font-weight: 500; text-align: center; margin-bottom: 30px;}

#con4 .bx .inner .list1{margin-bottom: 33px; 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;}
#con4 .bx .inner .list1 li{font-size: 20px; letter-spacing: 0.8px; line-height: 1.55; font-weight: 500; text-align: center; color: #181C62; width: 245px; margin-right: 40px; background: #fff; border: 2px solid #181C62; border-radius: 20px; position: relative; padding: 36px 0px;}
#con4 .bx .inner .list1 li::after{content: ""; width: 16px; height: 28px; margin: 0 auto; background: url(../images/reform-renovation/con4-li-icon.png) no-repeat top center; position: absolute; right: -31px; top: 52px;}
#con4 .bx .inner .list1 li:last-child::after{ background: none;}
#con4 .bx .inner .list1 li:last-child{margin-right: 0; }

#con4 .bx .inner .txt3{font-size: 20px; letter-spacing: 0.3px; line-height: 1.65; font-weight: bold; text-align: center; padding-left: 10px;}
#con4 .bx .inner .txt3 .ss1{background: linear-gradient(transparent 65%, #FFF100 65%);}
#con4 .bx .inner .txt3 .ss2{background: linear-gradient(transparent 65%, #FFF100 65%);}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: url(../images/reform-renovation/con5-bg.png) no-repeat top center;; padding: 80px 0 0;}
#con5 .bx .inner{width: 1100px; margin: 0 auto;}
#con5 .bx .inner .ttl{font-size: 32px; letter-spacing: 0px; line-height: 1.5; font-weight: bold; text-align: center; color: #fff; margin-bottom: 30px; padding-left: 12px;}
#con5 .bx .inner .icon{width: 100%; margin: 0 auto 38px; text-align: center;}
#con5 .bx .inner .img{width: 100%; margin: 0 auto; text-align: center;}


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


}






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

.all-bg {background: #fff;}

.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/reform-renovation/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/reform-renovation/sp-main-bg.png) no-repeat bottom 19vw center; padding: 10vw 0 0; background-size: 100%;}
#main-bx .bx .inner{}
#main-bx .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 7.5vw; letter-spacing: 0.2vw; line-height: 1.55; text-align: center; font-weight: bold; color: #181C62; margin-bottom: 6vw; padding-left: 1vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss1{background: linear-gradient(transparent 70%, #FFF100 70%);}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss2{background: linear-gradient(transparent 70%, #FFF100 70%);}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1 .ss3{background: linear-gradient(transparent 70%, #FFF100 70%);}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; text-align: center; margin-bottom: 48vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .img{width: 93%; margin: 0 auto -8vw; text-align: center;}


#con1 {}
#con1 .bx{width: 90%; margin: 0 auto; padding: 15vw 0 10vw; }
#con1 .bx .inner{}
#con1 .bx .inner .ttl1{font-size: 5.8vw; letter-spacing: 0px; line-height: 1.5; font-weight: bold; color: #181C62; text-align: center; margin-bottom: 7vw;}
#con1 .bx .inner .list{margin-bottom: 6vw;}
#con1 .bx .inner .list li{margin-bottom: 4vw;}

#con1 .bx .inner .list li a{position:relative;display:block;}
#con1 .bx .inner .list li a .img-normal{opacity:1;transition:.3s;}
#con1 .bx .inner .list li a .img-hover{ position:absolute; top:0; left:0; width:100%; opacity:0; display:block; transition:.3s;}
#con1 .bx .inner .list li a.active .img-normal{ opacity:0;}
#con1 .bx .inner .list li a.active .img-hover{ opacity:1;}
#con1 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; }

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 2vw; background: url(../images/reform-renovation/sp-con2-bg.png) no-repeat top center;; padding: 3vw 0 0; background-size: 100%;}
#con2 .bx .inner{width: 100%; margin: 0 auto; }
#con2 .bx .inner .ttl1{width: 80%; margin: 0 auto; text-align: center; margin-bottom: 18vw;}
#con2 .bx .inner .img1{width: 76%; margin: 0 auto; text-align: center; margin-bottom: 4vw; }
#con2 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; text-align: center; padding: 0 5vw;}


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

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative; padding: 8vw 0 6vw;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx1 .in-inner1 .num1{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; color: #181C62; text-align: center; border-bottom: 2px solid #181C62; padding: 3vw 0 3vw; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 5vw; padding: 0 5.5vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list{margin: 0 auto 5vw; padding: 0 5vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{font-size: 3.5vw; letter-spacing: 0vw; line-height: 1.6; font-weight: 500; text-align: center; color: #181C62; border: 1px solid #181C62; border-radius: 20vw; padding: 2vw 5vw 2vw; display: inline-block; margin-bottom: 2vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .img1{width: 90%; margin: 0 auto;}

#con3 .bx .inner .in-bx2{width: 100%; margin: 0 auto; position: relative; padding: 8vw 0 2vw;}
#con3 .bx .inner .in-bx2 .in-inner1{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx2 .in-inner1 .num1{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx2 .in-inner1 .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; color: #181C62; text-align: center; border-bottom: 2px solid #181C62; padding: 3vw 0 3vw; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 7vw; padding: 0 5.5vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .list{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;}
#con3 .bx .inner .in-bx2 .in-inner1 .list li{width: 43vw; margin-right: 3vw; margin-bottom: 2.5vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .list li:nth-child(2n){margin-right: 0; }
#con3 .bx .inner .in-bx2 .in-inner1 .list li .li-img1{width: 100%; margin: 0 auto 3vw;}
#con3 .bx .inner .in-bx2 .in-inner1 .list li .li-txt1{font-size: 3.2vw; letter-spacing: 0vw; line-height: 1.5; font-weight: 500; text-align: center; color: #181C62; border: 1px solid #181C62; border-radius: 20vw; padding: 1vw 0 1vw; display: block; margin-bottom: 2vw;}


#con3 .bx .inner .in-bx3{width: 100%; margin: 0 auto; position: relative; padding: 8vw 0 6vw;}
#con3 .bx .inner .in-bx3 .in-inner1{width: 100%; margin: 0 auto -60vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .num1{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx3 .in-inner1 .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: bold; color: #181C62; text-align: center; border-bottom: 2px solid #181C62; padding: 3vw 0 3vw; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 5vw; padding: 0 5.5vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .list{margin: 0 auto 5vw; padding: 0 5vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .list li{font-size: 3.5vw; letter-spacing: 0vw; line-height: 1.6; font-weight: 500; text-align: center; color: #181C62; border: 1px solid #181C62; border-radius: 20vw; padding: 2vw 5vw 2vw; display: inline-block; margin-bottom: 2vw; margin-right: 2vw;}
#con3 .bx .inner .in-bx3 .in-inner1 .img1{width: 90%; margin: 0 auto;}

.last-bx{width: 100%; margin: 0 auto; background: #F9F5E9;}
.last-bx .last-inner{width: 100%; margin: 0 auto; padding: 31vw 0 20vw; }



#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: #EFE8D8; padding: 15vw 0 14vw; border-top: 2px solid #171C61; }
#con4 .bx .inner{width: 100%; margin: 0 auto;}
#con4 .bx .inner .ttl1{width: 87%; margin: 0 auto 4vw; text-align: center; padding-right: 1vw;}
#con4 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 10vw; padding: 0 5vw;}

#con4 .bx .inner .list{margin-bottom: 13vw; background: #181C62; }
#con4 .bx .inner .list li{width: 100%; margin: 0 auto 6vw; border-bottom: 1px solid #FFFFFF; padding-bottom: 7vw;}
#con4 .bx .inner .list li:nth-of-type(2){padding-left: 1vw;}
#con4 .bx .inner .list li:nth-of-type(3){padding-left: 1vw;}
#con4 .bx .inner .list li:last-child{margin-bottom: 0; border: none; padding-bottom: 10vw;}
#con4 .bx .inner .list li .li-num{font-size: 7.2vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; display: block; background: #181C62; padding: 2vw 0vw; border-radius: 10vw; position: relative; top: -6vw; left: -1vw; width: 18vw; height: 18vw; margin: 0 auto -10vw;}
#con4 .bx .inner .list li:nth-of-type(2) .li-num{font-size: 7.2vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; display: block; background: #181C62; padding: 2vw 0vw; border-radius: 10vw; position: relative; top: -3vw; left: 1vw; width: 18vw; height: 18vw; margin: 0 auto -7vw;}
#con4 .bx .inner .list li:nth-of-type(3) .li-num{font-size: 7.2vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; display: block; background: #181C62; padding: 2vw 0vw; border-radius: 10vw; position: relative; top: -3vw; left: 1vw; width: 18vw; height: 18vw; margin: 0 auto -6vw;}
#con4 .bx .inner .list li .li-ttl{font-size: 5vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; padding-top: 5vw; margin-bottom: 3vw;}
#con4 .bx .inner .list li .li-ttl span{font-size: 8.5vw; position: relative;}
#con4 .bx .inner .list li:nth-of-type(1) .li-ttl span{background: url(../images/reform-renovation/sp-con4-ttl1-icon1.png) no-repeat top left 3vw; padding-top: 1vw; background-size: 82%;}
#con4 .bx .inner .list li:nth-of-type(2) .li-ttl span{background: url(../images/reform-renovation/sp-con4-ttl1-icon2.png) no-repeat top left 3vw; padding-top: 1vw; background-size: 82%;}
#con4 .bx .inner .list li:nth-of-type(3) .li-ttl span{background: url(../images/reform-renovation/sp-con4-ttl1-icon3.png) no-repeat top left 3vw; padding-top: 1vw; background-size: 82%;}
#con4 .bx .inner .list li .li-img{width: 84%; margin: 0 auto 5vw; text-align: center;}
#con4 .bx .inner .list li .li-txt{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; color: #fff; padding: 0 8vw;}

#con4 .bx .inner .ttl2{font-size: 5.5vw; letter-spacing: 0.1vw; line-height: 1.4; font-weight: bold; text-align: center; margin-bottom: 7vw; padding-left: 1vw;}
#con4 .bx .inner .ttl2 span{font-size: 7.5vw; color: #181C62; letter-spacing: 0.5vw;}
/* No.68 欧文は同じpxでも小さく見えるため拡大。色は地の文のまま */
#con4 .bx .inner .ttl2 .name-en{font-size: 1.25em; color: inherit; letter-spacing: 0;}
#con4 .bx .inner .txt2{font-size: 3.6vw; letter-spacing: 0.1vw; line-height: 1.95; font-weight: 500; margin-bottom: 5vw; padding: 0 5vw;}

#con4 .bx .inner .list1{margin-bottom: 6vw; }
#con4 .bx .inner .list1 li{font-size: 4.8vw; letter-spacing: 0.1vw; line-height: 1.55; font-weight: 500; text-align: center; color: #181C62; width: 89%; margin: 0 auto 9vw; background: #fff; border: 2px solid #181C62; border-radius: 5vw; position: relative; padding: 7vw 0px;}
#con4 .bx .inner .list1 li::after{content: ""; width: 7vw; height: 7vw; margin: 0 auto; background: url(../images/reform-renovation/sp-con4-li-icon.png) no-repeat top center; position: absolute; right: 0; left: 0; top: 25vw; background-size: 7vw;}
#con4 .bx .inner .list1 li:last-child::after{ background: none;}
#con4 .bx .inner .list1 li:last-child{margin-bottom: 0; }

#con4 .bx .inner .txt3{font-size: 5vw; letter-spacing: 0vw; line-height: 1.65; font-weight: bold; text-align: center; padding-left: 3vw;}
#con4 .bx .inner .txt3 .ss1{background: linear-gradient(transparent 65%, #FFF100 65%);}
#con4 .bx .inner .txt3 .ss2{background: linear-gradient(transparent 65%, #FFF100 65%);}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: url(../images/reform-renovation/sp-con5-bg.png) no-repeat center center;; padding: 12vw 0 0; background-size: 100%;}
#con5 .bx .inner{width: 100%; margin: 0 auto;}
#con5 .bx .inner .ttl{font-size: 5.7vw; letter-spacing: 0.1vw; line-height: 1.75; font-weight: bold; text-align: center; color: #fff; margin-bottom: 7vw;}
#con5 .bx .inner .icon{width: 92%; margin: 0 auto 7vw; text-align: center;}
#con5 .bx .inner .img{width: 100%; margin: 0 auto; text-align: center;}


.last-bx{width: 100%; margin: 0 auto; background: #F9F5E9;}
.last-bx .last-inner{width: 100%; margin: 0 auto; padding: 43vw 0 20vw; }

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

}