@charset "utf-8";
img{display:block;margin: 0 auto;}

html, body {
    height: auto;
    overflow: auto;
    overflow-x:hidden;
}
a:focus img{ outline: 3px dashed; }
.only_pc{  }
.only_m{ display:none !important; }
.wrap{  }
.wrap.main{background: #fff;}
.wrap .contents{  }
.wrap .leaflet{width: 1400px;margin: 0 auto;padding: 50px 0;}
.wrap .leaflet .title{margin-bottom: 50px;}
.wrap .leaflet .title img{margin: auto;}
.wrap .leaflet .le_ct{margin-bottom: 100px;}
.wrap .leaflet .le_ct:last-child{margin-bottom:0;}
.wrap .leaflet .le_ct img{  }
.wrap .leaflet .le_ct dt{margin-bottom: 40px;}
.wrap .leaflet .le_ct dt img{  }
.wrap .leaflet .le_ct dd{ position: relative; }
.wrap .leaflet .le_ct dd img{ width:100%; }
.wrap .leaflet .le_ct dd.as{ margin-bottom:30px; }
.wrap .leaflet .le_ct dd.as img{ width:auto; height: 65px; }
.wrap .leaflet_01{  }
.wrap .leaflet_02{  }
.wrap .leaflet_03{  }
.wrap .leaflet_04{  }
.wrap .leaflet_05{  }
.wrap .le05_02_btn{ position: absolute; bottom: 4%; width: 90%; left: 50%; transform: translateX(-50%); }
.wrap .le06_01_btn{ position: absolute; bottom: 4%; width: 66%; left: 50%; transform: translateX(-50%); color:#ef3f47;}

.tab_tit{width: 100%;position: fixed;top: 0;z-index: 1;border-bottom: 1px solid #000;background: #6a6a6a;}
.tab_tit:after{content:''; display:block; clear:both;}
.tab_tit li{float: left;width: 25%;text-align: center;font-size: 24px;line-height: 1;color: #fff;padding: 17px 0;cursor: pointer;}
.tab_tit li span{padding-bottom: 2px;}
.tab_tit li.on{font-weight: 900;}
.tab_tit li.on span{border-bottom: 2px solid #fff;}
.tab_tit li:nth-child(1).on{ background: #3ea5d6; }
.tab_tit li:nth-child(2).on{background: #a17eb7;}
.tab_tit li:nth-child(3).on{background: #6fb06a;}
.tab_tit li:nth-child(4).on{background: #ef9d45;}
.tab_ct{background: url(../images/bg_leaflet.jpg) no-repeat center top;background-size: cover;margin-top: 58px;}
.tab_ct li{ display:none; }
.tab_ct li.on{ display:block; }

.btn_home{position: fixed;z-index: 1;right: 30px;bottom: 30px;width: 70px;height: 70px;border-radius: 50px;padding: 16px; backdrop-filter: blur(6px); box-sizing: border-box;box-shadow: 0 6px 8px #00000035; transition:all 0.6s;}
.btn_home img{width: 100%;}
.btn_home:hover{ background: #fff39f; box-shadow: 0 0 0 #00000024;}
.btn_home:focus img{ outline: none; }

.leaflet_btm{ position: relative; width: 100%; padding: 0;}
.leaflet_btm img{ width: 100%;}
.leaflet_btm .center{ left: 50%; transform: translateX(-50%); }
.leaflet_btm .img span{position: absolute;}
.leaflet_btm .img span:nth-child(1){top: 14%;left: calc(50% + 45px);width: 23.386%;}
.leaflet_btm .btn_wrap{position: absolute;bottom: 21%;width: 48.8023%;}
.leaflet_btm .btn_wrap a img{ color : #ef3f47; border-radius: 38px;}
.leaflet_btm .btn_wrap a img{ color: #ef3f47; border-radius: 38px; }

.leafletMain{  }
.leafletMain img{ width:100%; }
.leafletMain > div{ position: relative; }
.leafletMain > div img{  }
.leafletMain .center{ left:50%; transform: translateX(-50%); }
.leafletMain p.img{  }
.leafletMain p.img span{ position: absolute; }
.leafletMain p.img span img{  }
.leafletMain .visual{ position: relative; }
.leafletMain .visual .img{  }
.leafletMain .visual .img span{  }
.leafletMain .visual .img span:nth-child(1){top: 29%;width: 42%;}
.leafletMain .visual .img span:nth-child(2){left: -2%;top: -1%;width: 26%;}
.leafletMain .visual .img span:nth-child(3){right: -1%;bottom: 15%;width: 20.56%;}
.leafletMain .cont_01 { position: relative; }
.leafletMain .cont_01 .img span:nth-child(1){top: 20%;width: 32.5%;}
.leafletMain .cont_01 .img span:nth-child(2){top: 37%;width: 25%;}
.leafletMain .cont_01 .img span:nth-child(3){top: 68%;width: 0.0525%;}
.leafletMain .cont_01 .img span:nth-child(4){top: 79%;width: 39%;}
.leafletMain .cont_01 .img span:nth-child(5){bottom: -28%;z-index: 1;left: 11%;width: 14.5%;}
.leafletMain .cont_02 .img span:nth-child(1){top: 17%;width: 49%;}
.leafletMain .cont_02 .img span:nth-child(2){top: 40%;width: 49%;}
.leafletMain .cont_02 .img span:nth-child(3){right: 3%;top: 22%;width: 19%;}
.leafletMain .cont_03 .img span:nth-child(1){top: 9.5%;left: calc(50% + 49px);width: 42.3%;}
.leafletMain .cont_03 .img span:nth-child(2){top: 27.5%;width: 31.636%;}
.leafletMain .cont_03 .img span:nth-child(3){top: 31.8%;width: 64.636%;}
.leafletMain .cont_03 .img span:nth-child(4){top: 67%;width: 24.636%;}
.leafletMain .cont_03 .btn_wrap{top: 71.5%;position: absolute;left: 50%;transform: translateX(-50%);width: 50%;aspect-ratio: 1 / 1;}
.leafletMain .cont_03 .btn_wrap li{width: 50%;height: 50%;float: left;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.leafletMain .cont_03 .btn_wrap li span{display: block;margin-bottom: 22px;width: 56.787%;}
.leafletMain .cont_03 .btn_wrap li a img{ border-radius: 10px; }
.leafletMain .cont_03 .btn_wrap li:nth-child(1){ border-bottom: 1px dashed #aaa; border-right: 1px dashed #aaa;}
.leafletMain .cont_03 .btn_wrap li:nth-child(2){ border-bottom: 1px dashed #aaa; }
.leafletMain .cont_03 .btn_wrap li:nth-child(3){ border-right: 1px dashed #aaa; }
.leafletMain .cont_03 .btn_wrap li a{ width: 67.225%; }
.leafletMain .cont_03 .btn_wrap li:nth-child(1) a{color: #144765;}
.leafletMain .cont_03 .btn_wrap li:nth-child(2) a{color: #5a2b8a;}
.leafletMain .cont_03 .btn_wrap li:nth-child(3) a{color: #27832f;}
.leafletMain .cont_03 .btn_wrap li:nth-child(4) a{color: #a76229;}
.leafletMain .cont_04{  }
.leafletMain .cont_04 .img span:nth-child(1){top: 14%;left: calc(50% + 45px);width: 23.386%;}
.leafletMain .cont_04 .btn_wrap{position: absolute;bottom: 21%;width: 48.8023%;}
.leafletMain .cont_04 .btn_wrap a img{ color : #ef3f47; border-radius: 38px;}
.youtube_wrap{position: absolute;top: 18%;left: 50%;transform: translateX(-50%);width: 92%;display: flex;flex-direction: row;justify-content: space-between;}
.youtube_wrap p{float: left;width: 32%;cursor: pointer; position:relative;}
.youtube_wrap p:nth-child(1){  }
.youtube_wrap p:nth-child(2){  }
.youtube_wrap p:nth-child(3){  }
.youtube_wrap p img{  }
/* .youtube_wrap p:after{ content: ''; width: 73px; height: 51px; background: url(../images/btn_youtube.png) no-repeat center; background-size: contain; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } */

.popup_youtube{ display:none; }
.popup_youtube.on{ display:block; }
.popup_youtube .content{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999999;background: #fff;padding: 20px;border-radius: 10px;width: 1050px;height: 600px;box-shadow: 0 0 13px #000000a6;}
.popup_youtube .content p{display:none;width: 100%;height: 100%;}
.popup_youtube .content p iframe{  }
.popup_youtube .content p.on{ display:block; }
.popup_youtube .popup_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000000a3; z-index:9999;}
.popup_youtube .btn_close{position: absolute;bottom: -70px;width: 50px;height: 50px;border-radius: 50px;line-height: 50px;text-align: center;background: #fff;font-size: 22px;font-weight: bold;color: #000;left: 50%;transform: translateX(-50%);box-shadow: 0 0 13px #000000a6;}

@media (max-width: 1400px) {
.only_pc{ display:none !important; }
.only_m{ display:block !important; }

.wrap .leaflet{  }
.wrap .leaflet .title{  }
.wrap .leaflet .le_ct{  }
.wrap .leaflet .le_ct img{  }
.wrap .leaflet .le_ct dt{  }
.wrap .leaflet .le_ct dt img{  }
.wrap .leaflet .le_ct dd{  }
.wrap .leaflet .le_ct dd img{  }
.wrap .leaflet .le_ct dd.as{  }
.wrap .leaflet .le_ct dd.as img{ height:auto; width:100%; }
.wrap .le06_01_btn{ bottom: 2%; width: 80%; }

.leafletMain{  }
.leafletMain > div{  }
.leafletMain > div img{  }
.leafletMain .center{  }
.leafletMain p.img{  }
.leafletMain p.img span{  }
.leafletMain p.img span img{  }
.leafletMain .visual{  }
.leafletMain .visual .img{  }
.leafletMain .visual .img span{  }
.leafletMain .visual .img span:nth-child(1){top: 23%;width: 75%;}
.leafletMain .visual .img span:nth-child(2){left: -9%;top: -17%;width: 41%;}
.leafletMain .visual .img span:nth-child(3){right: -12%;bottom: -18%;width: 31.56%;z-index: 1;}
.leafletMain .cont_01 .img span:nth-child(1){top: 19%;width: 85%;}
.leafletMain .cont_01 .img span:nth-child(2){top: 37%;width: 66%;}
.leafletMain .cont_01 .img span:nth-child(3){top: 65%;width: 0.17%;}
.leafletMain .cont_01 .img span:nth-child(4){top: 77%;width: 61%;}
.leafletMain .cont_01 .img span:nth-child(5){bottom: -28%;z-index: 1;left: 11%;width: 14.5%;}
.leafletMain .cont_02 .img span:nth-child(1){top: 13%;width: 90%;}
.leafletMain .cont_02 .img span:nth-child(2){top: 39%;width: 90%;}
.leafletMain .cont_02 .img span:nth-child(3){right: 3%;top: 22%;width: 19%;}
.leafletMain .cont_03 .img span:nth-child(1){top: 5%;left: calc(50% + 4%);width: 79.3%;}
.leafletMain .cont_03 .img span:nth-child(2){top: 21%;width: 73.636%;}
.leafletMain .cont_03 .img span:nth-child(3){top: 25.8%;width: 78.636%;}
.leafletMain .cont_03 .img span:nth-child(4){top: 73.5%;width: 57.636%;}
.leafletMain .cont_03 .btn_wrap{top: 77.5%;width: 88%;}
.leafletMain .cont_03 .btn_wrap li{  }
.leafletMain .cont_03 .btn_wrap li span{display: block;margin-bottom: 2vw;width: 56.787%;}
.leafletMain .cont_03 .btn_wrap li a img{border-radius: 1.5vw;}
.leafletMain .cont_04 .img span:nth-child(1){top: 14%;left: calc(50% + 4%);width: 48.386%;}
.leafletMain .cont_04 .btn_wrap{position: absolute;bottom: 20%;width: 74.8023%;}
.leafletMain .cont_04 .btn_wrap a img{border-radius: 2vw;}

.youtube_wrap{width: 68%;top: 10.5%; flex-direction: column;}
.youtube_wrap p{width: 100%;margin-bottom: 16vw;}
.youtube_wrap p:nth-child(1){  }
.youtube_wrap p:nth-child(2){margin-bottom: 20vw;}
.youtube_wrap p:nth-child(3){  }
.youtube_wrap p img{  }
/* .youtube_wrap p:after{ width: 14vw; height: 10vw; } */

.popup_youtube{  }
.popup_youtube.on{  }
.popup_youtube .content{width: 90%;aspect-ratio: 1.74 / 1;height: auto;padding: 10px;}
.popup_youtube .content p{  }
.popup_youtube .content p iframe{  }
.popup_youtube .content p.on{  }
.popup_youtube .popup_bg{  }
.popup_youtube .btn_close{  }

.leaflet_btm .img span:nth-child(1){top: 14%;left: calc(50% + 4%);width: 48.386%;}
.leaflet_btm .btn_wrap{position: absolute;bottom: 20%;width: 74.8023%;}
.leaflet_btm .btn_wrap a img{border-radius: 2vw;}


.tab_tit{  }
.tab_tit li{ font-size: 18px;}
.tab_tit li span{  }
.tab_tit li.on span{  }
.tab_ct{ margin-top: 52px; }

.btn_home{ right: 14px; bottom: 20px; width: 60px; height: 60px; }

}