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

#con1 {}
#con1 .bx{width: 100%; margin: -65px auto 0; background: #F2F1E7; padding: 78px 0 32px;}
#con1 .bx .ttl1{text-align: center; margin-bottom: 38px; padding-right: 15px;}
#con1 .bx .ttl2{width: 395px; margin: 0 auto; font-size: 40px; font-weight: 900; letter-spacing: 2px; text-align: center; background: #D1CA9F; border-radius: 15px; padding: 20px 0px; margin-bottom: -35px; position: relative;}
#con1 .bx .inner{width: 1280px; margin: 0 auto; background: #FFFFFF; padding: 80px 90px 78px; border-radius: 35px; }
#con1 .bx .inner .icon{text-align: center; margin-bottom: 14px;}
#con1 .bx .inner .txt1{font-size: 18px; text-align: center; margin-bottom: 38px;}
#con1 .bx .inner .map{width: 1100px; height: 500px; margin: 0 auto 17px;}
#con1 .bx .inner .map iframe{ width: 1100px; height: 500px; margin: 0 auto 17px;}
#con1 .bx .inner .map-link{font-size: 16px; font-weight: 400; letter-spacing: 1px; text-align: right; padding-left: 30px; position: relative; z-index: 1;}
#con1 .bx .inner .map-link a{text-decoration: underline}
#con1 .bx .inner .map-link::before{content: ""; width: 18px; height: 26px; margin: 0 auto; background: url(../images/access/con3-map-icon1.svg) no-repeat top center; position: absolute; right: 170px; top: 0;}
#con1 .bx .inner .map-txt{font-size: 16px; letter-spacing: 1.8px; text-align: left; padding-left: 60px; position: relative; margin-top: -32px;}
#con1 .bx .inner .map-txt::before{content: ""; width: 40px; height: 29px; margin: 0 auto; background: url(../images/access/con3-map-icon2.svg) no-repeat top center; position: absolute; left: 8px; top: 0;}

#con2 {position: relative;}
#con2 .bg{content: ""; width: 1920px; height: 490px; margin: 0 auto ; background: url(../images/access/con2-bg.png) no-repeat top center; }
#con2 .bx{width: 100%; margin: 0 auto; background: #D1CA9F; padding-bottom: 200px; position: relative;;}
#con2 .bx::after{content: ""; width: 682px; height: 258px; margin: 0 auto; background: url(../images/access/con2-icon3.png) no-repeat top center; position: absolute; right: 17px; bottom: -62px; z-index: 1;}
#con2 .bx .inner{width: 1000px; margin: 0 auto -400px; position: relative; top: -308px;}
#con2 .bx .inner::before{content: ""; width: 320px; height: 249px; margin: 0 auto; background: url(../images/access/con2-icon1.png) no-repeat top center; position: absolute; right: -50px; top: -165px; z-index: 1;}
#con2 .bx .inner::after{content: ""; width: 289px; height: 496px; margin: 0 auto; background: url(../images/access/con2-icon2.png) no-repeat top center; position: absolute; left: -140px; top: -60px; z-index: 1;}
#con2 .bx .inner .ttl1{font-size: 40px; font-weight: 900; letter-spacing: 2px; text-align: center; position: relative; margin-bottom: 70px;}
#con2 .bx .inner .txt1{font-size: 18px; letter-spacing: 0px; line-height: 1.9; text-align: left; margin-bottom: 55px;}
#con2 .bx .inner .map{width: 1000px; height: 700px; margin: 0 auto;}
#con2 .bx .inner .map iframe{width: 1000px; height: 700px; margin: 0 auto;}


#c3 { background: url(../images/access/c3-bg.png) no-repeat top center;;}
#c3 .inner { width: 1440px; margin: 0 auto -130px; padding: 145px 0 105px;}
#c3 .inner .ttl { width: 543px; margin-bottom: 93px; margin-left: 2px; }
#c3 .inner .bnr-list { display: flex; flex-wrap: wrap; }
#c3 .inner .bnr-list li { width: 660px; margin-right: 120px; margin-bottom: 72px; }
#c3 .inner .bnr-list li a { color: #fff; }
#c3 .inner .bnr-list li:nth-child(2n) { margin-right: 0px; }
#c3 .inner .bnr-list .li-pic { margin-bottom: 37px; }
#c3 .inner .bnr-list .li-ttl { font-weight: bold; font-size: 32px; text-align: left; color: #fff; margin-bottom: 21px; }
#c3 .inner .bnr-list .li-ttl .ss { font-size: 24px; margin-left: -7px; position: relative; bottom: -2px; }
#c3 .inner .bnr-list .li-txt { font-weight: normal; font-size: 20px; line-height: 32px; text-align: left; color: #fff; width: 655px; }

.bnr-u-box {padding-bottom: 50px; padding-top: 145px; background: #F2F1E7;}
.bnr-u-box .s-ttl {font-weight: bold;font-size: 28px;letter-spacing: 0.05em;line-height: 51px;text-align: center;margin-bottom: 44px;}
.bnr-u-box .bnr-u-list { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

}



@media screen and (min-width: 766px) and (max-width: 1600px) {

#con2 .bx::after{content: ""; width: 682px; height: 258px; margin: 0 auto; background: url(../images/access/con2-icon3.png) no-repeat top center; position: absolute; right: -300px; bottom: -62px; z-index: 1;}
#c3 .inner{width: 1200px;margin: 0 auto -130px;}
#c3 .inner .bnr-list li{width: 48%;margin-right: 4%;}
#c3 .inner .bnr-list li img{width: 100%;}
#c3 .inner .bnr-list .li-txt{width: 100%;}
}



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

#con1 {}
#con1 .bx{width: 100%; margin: 5vw auto 0; background: #F2F1E7; padding: 13vw 0 5vw;}
#con1 .bx .ttl1{width: 85vw; margin: 0 auto 9vw; padding-right: 1vw;}
#con1 .bx .ttl2{width: 66vw; margin: 0 auto; font-size: 7.5vw; font-weight: 900; letter-spacing: 0.2vw; text-align: center; background: #D1CA9F; border-radius: 3vw; padding: 2vw 0 3vw; margin-bottom: -6vw; position: relative;}
#con1 .bx .inner{width: 100%; margin: 0 auto; background: #FFFFFF; padding: 15vw 8vw 9vw; }
#con1 .bx .inner .icon{text-align: center; width: 64vw; margin: 0 auto 3vw; padding-right: 1vw;}
#con1 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.1vw; line-height: 1.8; text-align: center; margin-bottom: 6vw;}
#con1 .bx .inner .map{width: 100%; height: 93vw; margin: 0 auto 6vw;}
#con1 .bx .inner .map iframe{ width: 100%; height: 97vw; margin: 0 auto 5vw;}
#con1 .bx .inner .map-link{font-size: 4.1vw; font-weight: 400; letter-spacing: 0vw; text-align: right; position: relative; z-index: 1;}
#con1 .bx .inner .map-link a{text-decoration: underline}
#con1 .bx .inner .map-link::before{content: ""; width: 10vw; height: 15vw; margin: 0 auto; background: url(../images/access/con3-map-icon1.svg) no-repeat top center; position: absolute; right: 38vw; top: 1vw; background-size: 4vw;}
#con1 .bx .inner .map-txt{font-size: 3.8vw; letter-spacing: 0vw; text-align: left; padding-left: 12vw; position: relative; margin-top: 9vw;}
#con1 .bx .inner .map-txt::before{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/access/con3-map-icon2.svg) no-repeat top center; position: absolute; left: -4vw; top: 0vw;}

#con2 {position: relative;}
#con2 .bg{content: ""; width: 100%; height: 30vw; margin: 0 auto ; background: url(../images/access/sp-con2-bg.png) no-repeat top center; background-size: 100%;}
#con2 .bx{width: 100%; margin: 0 auto; background: #D1CA9F; padding-bottom: 75vw; position: relative;;}
#con2 .bx::after{content: ""; width: 100%; height: 55vw; margin: 0 auto; background: url(../images/access/sp-con2-icon3.png) no-repeat top center; position: absolute; right: 0; left: 0; bottom: -16vw; z-index: 1; text-align: center; background-size: 100%;}
#con2 .bx .inner{width: 84%; margin: 0 auto -40vw; position: relative; top: -7vw;}
#con2 .bx .inner::before{content: ""; width: 50vw; height: 50vw; margin: 0 auto; background: url(../images/access/sp-con2-icon1.png) no-repeat top center; position: absolute; right: -2vw; top: -17vw; z-index: 1; background-size: 53vw;}
#con2 .bx .inner::after{content: ""; width: 50vw; height: 50vw; margin: 0 auto; background: url(../images/access/sp-con2-icon2.png) no-repeat top center; position: absolute; left: -19vw; top: -17vw; z-index: 1; background-size: 29vw;}
#con2 .bx .inner .ttl1{font-size: 7.5vw; font-weight: 900; letter-spacing: 0.2vw; text-align: center; position: relative; margin-bottom: 29vw;}
#con2 .bx .inner .txt1{font-size: 3.7vw; letter-spacing: 0.15vw; line-height: 1.95; text-align: left; margin-bottom: 7.5vw;}
#con2 .bx .inner .map{width: 100%; height: 97vw; margin: 0 auto;}
#con2 .bx .inner .map iframe{width: 100%; height: 97vw; margin: 0 auto;}


#c3 {background-image: url(../images/access/sp-c3-bg.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;padding-top: 28.986vw;/* margin-top: -172.705vw; */height: 485.739vw;}
#c3 .inner {width: 82.126vw;margin: 0 auto;}
#c3 .inner .ttl {width: 68.116vw;margin-bottom: 11.111vw;margin-left: 0.483vw;position: relative;left: -0.483vw;}
#c3 .inner .bnr-list { display: flex; flex-wrap: wrap; }
#c3 .inner .bnr-list li {width: 100%;/* margin-right: 28.986vw; */margin-bottom: 12.802vw;}
#c3 .inner .bnr-list li a { color: #fff; }
#c3 .inner .bnr-list li:nth-child(2n) { margin-right: 0px; }
#c3 .inner .bnr-list .li-pic {margin-bottom: 5.556vw;}
#c3 .inner .bnr-list .li-ttl {font-weight: bold;font-size: 7.729vw;text-align: left;color: #fff;margin-bottom: 1.691vw;font-size: 5.314vw;text-align: left;}
#c3 .inner .bnr-list .li-ttl .ss {font-size: 5.797vw;font-size: 3.865vw;margin-left: -1.691vw;position: relative;bottom: -0.483vw;}
#c3 .inner .bnr-list .li-txt {font-weight: normal;color: #fff;width: 100%;font-size: 3.382vw;line-height: 6.28vw;text-align: left;}

.bnr-u-box {padding-bottom: 12vw;padding-top: 25vw; background: #F2F1E7;}
.bnr-u-box .s-ttl {font-weight: bold; font-size: 6.6vw; letter-spacing: 0.5vw; line-height: 1.6; text-align: center; margin-bottom: 12vw;}
.bnr-u-box .bnr-u-list {width: 88%;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.bnr-u-box .bnr-u-list li{margin-bottom: 7vw;}
.common-bg-ki {margin-top: 0vw;}

}