@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; letter-spacing: 1px; line-height: 1.8;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto 168px; }
#con1 .bx .inner{width: 1280px; margin: 0 auto; position: relative;}
#con1 .bx .inner .img1{position: absolute; right: 0; top: -80px;}
#con1 .bx .inner .in-inner{width: 490px; margin-right: auto; margin-left: 90px; margin-top: 140px; background: #fff; padding: 46px 30px 40px 30px; position: relative;z-index: 1;}
#con1 .bx .inner .in-inner .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 20px;}
#con1 .bx .inner .in-inner .ttl::after{content: ""; width: 92px; height: 1px; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con1 .bx .inner .in-inner .ttl1{font-size: 32px; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 10px;}
#con1 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; }

#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto 125px; }
#con2 .bx .inner{width: 1280px; margin: 0 auto; position: relative;}

#con2 .bx .inner .bx1 {margin-left: 90px; margin-bottom: 94px;}
#con2 .bx .inner .bx1 .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 30px;}
#con2 .bx .inner .bx1 .ttl::after{content: ""; width: 92px; height: 1px; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner .bx1 .img1{margin-bottom: 15px;}
#con2 .bx .inner .bx1 .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.8; }
#con2 .bx .inner .bx1 .txt span{font-size: 14px; }
#con2 .bx .inner .bx1 .in-inner1{width: 540px; margin-left: auto; position: absolute; right: 306px; top: 13px;}
#con2 .bx .inner .bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; margin-bottom: 33px;}

#con2 .bx .inner .bx2 {width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .inner .bx2 .in-inner1{width: 500px; margin-right: auto; margin-left: 90px; }
#con2 .bx .inner .bx2 .in-inner1 .img1{position: absolute; right: 0; top: 9px;}
#con2 .bx .inner .bx2 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; margin-bottom: 33px;}



#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 26px; background: #F2F2F2; padding: 80px 0 70px;}
#con3 .bx .inner{width: 1200px; margin: 0 auto; background: #fff; border-radius: 50% / 50%; padding: 76px 0;}
#con3 .bx .inner .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 42px; text-align: center;}
#con3 .bx .inner .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con3 .bx .inner .ttl1{font-size: 29px; letter-spacing: 0px; line-height: 1.8; margin-bottom: 10px; text-align: center;}
#con3 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; text-align: center; margin-bottom: 45px;}
#con3 .bx .inner .list{width: 700px; margin: 0 auto 100px;}
#con3 .bx .inner .list li{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; margin-bottom: 22px; position: relative; padding-left: 45px; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB;}
#con3 .bx .inner .list li:nth-child(1)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon1.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(2)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon2.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(3)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon3.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(4)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon4.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(5)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon5.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(6)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon6.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(7)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon7.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(8)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon8.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(9)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon9.svg) no-repeat; position: absolute; left: 2px; top: 11px;}
#con3 .bx .inner .list li:nth-child(10)::before{content: ""; width: 34px; height: 35px; margin: 0 auto; background: url(../images/company/con3-icon10.svg) no-repeat; position: absolute; left: 2px; top: 11px;}


#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto 28px; }
#con4 .bx .inner{width: 1100px; margin: 0 auto; background: #fff; padding: 76px 0;}
#con4 .bx .inner .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 51px; text-align: center;}
#con4 .bx .inner .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con4 .bx .inner table{width: 1050px; margin: 0 auto;}
#con4 .bx .inner tr{font-size: 16px; }
#con4 .bx .inner th{width: 240px; border-top: 1px solid #FCCF00; border-bottom: 1px solid #FCCF00; padding: 26px 0; vertical-align: top; text-align: center;}
#con4 .bx .inner td{width: 810px; border-top: 1px solid #EBEBEC; border-bottom: 1px solid #EBEBEC; padding: 26px 0 21px 15px; letter-spacing: 0.85px; line-height: 2.05;}


#con5 {}
#con5 .bx{width: 100%; max-width: 1920px; margin: 0 auto 104px; }
#con5 .bx .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 27px; text-align: center;}
#con5 .bx .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con5 .bx .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; text-align: center; margin-bottom: 45px;}
#con5 .bx .con5-bigimg {width: 100%; margin: 0 auto 78px;}
#con5 .bx .loop {
width: 100%;
height: 350px; /*画像の高さ等*/
background: url(../images/company/con5-bigimg.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

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

#con5 .bx .inner{width: 900px; margin: 0 auto; border: 10px solid #F2F2F2; padding: 40px 50px;}
#con5 .bx .inner .ttl1{font-size: 20px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 35px; padding-bottom: 6px; text-align: center;}
#con5 .bx .inner .ttl1::after{content: ""; width: 60px; height: 1px; margin: 0 auto; background: #C8CBCA; position: absolute; left: 0; right: 0; bottom: 0;}
#con5 .bx .inner .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;}
#con5 .bx .inner .list li{width: 370px; margin-right: 40px;}
#con5 .bx .inner .list li:last-child{margin-right: 0;}
#con5 .bx .inner .list li .img{margin-bottom: 12px;}
#con5 .bx .inner .list li .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.8; }



#con6 {}
#con6 .bx{width: 1100px; margin: 0 auto 101px; }
#con6 .bx .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 37px; text-align: center;}
#con6 .bx .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con6 .bx .map{width: 1100px; height: 420px; margin: 0 auto;}
#con6 .bx .map iframe{width: 1100px; height: 420px; margin: 0 auto;}


#con7 {}
#con7 .bx{width: 1100px; margin: 0 auto 100px; }
#con7 .bx .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 29px; text-align: center;}
#con7 .bx .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con7 .bx .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.07; text-align: center; margin-bottom: 23px;}
#con7 table {width: 100%;border-collapse: collapse;text-align: center;}
#con7 table th {width: 16%;}
#con7 table th,#con7 table td {border: 1px solid #333;padding: 8px;}


#con8 {}
#con8 .bx{width: 800px; margin: 0 auto 133px; }
#con8 .bx .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 35px; text-align: center;}
#con8 .bx .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}
#con8 .bx .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;}
#con8 .bx .list li{width: 400px; margin-right: 0; border-left: 1px solid #CCCCCC; padding-left: 28px;}
#con8 .bx .list li:last-child{margin-right: 0;}
#con8 .bx .list li .img{margin-bottom: 20px;}
#con8 .bx .list li .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.75; }


#con9 {}
#con9 .bx{width: 1100px; margin: 0 auto; }
#con9 .bx .ttl{font-size: 23px; letter-spacing: 1px; line-height: 1.8; position: relative; margin-bottom: 40px; text-align: center;}
#con9 .bx .ttl::after{content: ""; width: 92px; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: 0;}

}




@media screen and (max-width: 767px) {


main{letter-spacing: 0.3vw; line-height: 1.8;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 6vw; }
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .img1{margin: 0 auto -5vw;}
#con1 .bx .inner .in-inner{width: 94%; margin: 0 auto; background: #fff; padding: 7.5vw 6vw 5vw; position: relative;z-index: 1;}
#con1 .bx .inner .in-inner .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 5.5vw; text-align: center;}
#con1 .bx .inner .in-inner .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con1 .bx .inner .in-inner .ttl1{font-size: 6vw; letter-spacing: 0.1vw; line-height: 1.8; margin-bottom: 2.5vw; text-align: center;}
#con1 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.8; }

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 11vw; }
#con2 .bx .inner{width: 82%; margin: 0 auto; position: relative;}

#con2 .bx .inner .bx1 {}
#con2 .bx .inner .bx1 .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 6vw; text-align: center;}
#con2 .bx .inner .bx1 .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con2 .bx .inner .bx1 .img1{margin-bottom: 4vw;}
#con2 .bx .inner .bx1 .txt{font-size: 3.55vw; letter-spacing: 0.55vw; line-height: 1.8; margin-bottom: 7vw;}
#con2 .bx .inner .bx1 .txt span{font-size: 3.35vw; letter-spacing: 0.2vw;}
#con2 .bx .inner .bx1 .in-inner1{}
#con2 .bx .inner .bx1 .in-inner1 .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 6vw;}

#con2 .bx .inner .bx2 {width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .bx2 .in-inner1{}
#con2 .bx .inner .bx2 .in-inner1 .img1{margin: 0 auto 5vw;}
#con2 .bx .inner .bx2 .in-inner1 .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 6vw;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 5vw; background: #F2F2F2; padding: 10vw 0 10vw;}
#con3 .bx .inner{width: 100%; margin: 0 auto; background: #fff; border-radius: 90% / 10%; padding: 17vw 0 9vw;}
#con3 .bx .inner .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 7vw; text-align: center;}
#con3 .bx .inner .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con3 .bx .inner .ttl1{font-size: 5.9vw; letter-spacing: 0.2vw; line-height: 1.65; margin-bottom: 3.8vw; text-align: center;}
#con3 .bx .inner .txt{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.8; margin-bottom: 7vw; text-align: center;}
#con3 .bx .inner .list{width: 90%; margin: 0 auto 10vw;}
#con3 .bx .inner .list li{font-size: 3.65vw; letter-spacing: 0.4vw; line-height: 2.2; margin-bottom: 3.5vw; position: relative; padding-left: 14.5vw; padding-bottom: 4vw; border-bottom: 1px solid #EBEBEB;}
#con3 .bx .inner .list li:nth-child(1)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon1.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(2)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon2.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(3)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon3.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(4)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon4.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(5)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon5.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(6)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon6.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(7)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon7.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(8)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon8.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(9)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon9.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}
#con3 .bx .inner .list li:nth-child(10)::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/company/con3-icon10.svg) no-repeat; position: absolute; left: 4vw; top: 2vw;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 28px; }
#con4 .bx .inner{width: 100%; margin: 0 auto; background: #fff; padding: 10vw 0;}
#con4 .bx .inner .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 7.5vw; text-align: center;}
#con4 .bx .inner .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con4 .bx .inner table{width: 87%; margin: 0 auto;}
#con4 .bx .inner tr{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.8; margin-bottom: 7vw; }
#con4 .bx .inner th{display: block; width: 100%; border-top: 1px solid #EBEBEC; border-bottom: 1px solid #EBEBEC; padding: 4vw 2.5vw; }
#con4 .bx .inner td{display: block; width: 100%; background: #F8F8F8; padding: 4vw 2.5vw; }


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 17vw; }
#con5 .bx .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 6vw; text-align: center;}
#con5 .bx .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con5 .bx .txt{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.78; margin-bottom: 6vw; padding: 0 9vw;}
#con5 .bx .con5-bigimg {width: 100%; margin: 0 auto 5vw;}
#con5 .bx .loop {
width: 100%;
height: 48vw; /*画像の高さ等*/
background: url(../images/company/sp-con5-bigimg.png) repeat-x;
background-position: center; background-size: 540vw;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

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

#con5 .bx .inner{width: 94%; margin: 0 auto; border: 5px solid #F2F2F2; padding: 9vw 5vw 2vw;}
#con5 .bx .inner .ttl1{font-size: 4.3vw; letter-spacing: 0vw; line-height: 1.8; position: relative; margin-bottom: 2.3vw; text-align: center;}
#con5 .bx .inner .ttl1::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #C8CBCA; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con5 .bx .inner .list{}
#con5 .bx .inner .list li{margin: 0 auto 4vw;}
#con5 .bx .inner .list li:last-child{margin-bottom: 0;}
#con5 .bx .inner .list li .img{margin-bottom: 4.3vw;}
#con5 .bx .inner .list li .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.78; margin-bottom: 3.5vw; }



#con6 {}
#con6 .bx{width: 100%; margin: 0 auto 17.5vw; }
#con6 .bx .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 8vw; text-align: center;}
#con6 .bx .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con6 .bx .map{width: 100%; height: 60vw; margin: 0 auto;}
#con6 .bx .map iframe{width: 100%; height: 60vw; margin: 0 auto;}


#con7 {}
#con7 .bx{width: 87%; margin: 0 auto 16vw; }
#con7 .bx .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 6vw; text-align: center;}
#con7 .bx .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con7 .bx .txt{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.78; margin-bottom: 6vw; padding: 0 2.5vw;}
#con7 table {font-size: 3.5vw; width: 100%; border-collapse: collapse; text-align: center; letter-spacing: 0.1vw; line-height: 1.4;  table-layout: fixed; }
#con7 table th { width: 14%; }
#con7 table .t1 { width: 20%; } 
#con7 table th,#con7 table td {border: 1px solid #333;padding: 1vw 3vw;}
#con7 table .t2 {padding-top: 3vw;}
#con7 table .t3 {font-size: 3vw;}


#con8 {}
#con8 .bx{width: 83%; margin: 0 auto 15.6vw; }
#con8 .bx .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 7.5vw; text-align: center;}
#con8 .bx .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}
#con8 .bx .list{}
#con8 .bx .list li{margin: 0 auto 5vw; border-top: 1px solid #CCCCCC; padding-top: 5vw;}
#con8 .bx .list li:last-child{margin-bottom: 0;}
#con8 .bx .list li .img{width: 96%; margin-bottom: 5vw;}
#con8 .bx .list li .img1{width: 88%; margin-bottom: 4.5vw;}
#con8 .bx .list li .txt{font-size: 3.55vw; letter-spacing: 0.55vw; line-height: 1.9; margin-bottom: 8vw;}


#con9 {}
#con9 .bx{width: 100%; margin: 0 auto; }
#con9 .bx .ttl{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.8; position: relative; margin-bottom: 7.5vw; text-align: center;}
#con9 .bx .ttl::after{content: ""; width: 25%; height: 1px; margin: 0 auto; background: #FCCF00; position: absolute; left: 0; right: 0; bottom: -0.5vw;}

}