@charset "utf-8";
#wide{position:relative;width:100%;overflow:hidden;z-index:95;padding:0 0 50px;}
#ScrollSlide{display:block;width:100%;height:100svh;position:relative;background-color:#000;}
.slide-page{position:absolute;height:100svh;width:100%;background-position:center;background-size:cover;padding:0;margin:0;top:0;opacity:0;z-index:3;}

.slide-content{position:absolute;}
.slide-content p{padding:0;margin:0;box-sizing:border-box;line-height:1;}
.slide-content span{display:inline-block;}
.slide-content.wmh span{padding:10px 30px;}
.slide-content.wmv span{padding:30px 5px;}
.slide-content span > span{padding:0!important;background-color:transparent!important;}
.slide-content.wmh p{margin-bottom:10px;}
.slide-content.wmv p{margin-left:10px;}
.slide-content.wmh p:last-child{margin-bottom:0;}
.slide-content.wmv p:last-child{margin-left:0;}

.slide-content.wmv.plt,
.slide-content.wmv.pct,
.slide-content.wmv.prt,
.slide-content.wmv.plm,
.slide-content.wmv.pcm,
.slide-content.wmv.prm,
.slide-content.wmv.plb,
.slide-content.wmv.pcb,
.slide-content.wmv.prb{height:75vh}

.slide-content.wmh.plt,
.slide-content.wmh.pct,
.slide-content.wmh.prt,
.slide-content.wmh.plm,
.slide-content.wmh.pcm,
.slide-content.wmh.prm,
.slide-content.wmh.plb,
.slide-content.wmh.pcb,
.slide-content.wmh.prb{width:90vw;}

.slide-content.wmv.plm,
.slide-content.wmv.pcm,
.slide-content.wmv.prm,
.slide-content.wmh.pct,
.slide-content.wmh.pcm,
.slide-content.wmh.pcb{text-align:center;}

.slide-content.wmv.plb,
.slide-content.wmv.pcb,
.slide-content.wmv.prb,
.slide-content.wmh.prt,
.slide-content.wmh.prm,
.slide-content.wmh.prb{text-align:right;}

.slide-content.wmv.plt,
.slide-content.wmv.pct,
.slide-content.wmv.prt,
.slide-content.wmh.plt,
.slide-content.wmh.pct,
.slide-content.wmh.prt{top:160px;}

.slide-content.wmh.plb,
.slide-content.wmh.pcb,
.slide-content.wmh.prb{bottom:160px;}
.slide-content.wmv.plb,
.slide-content.wmv.pcb,
.slide-content.wmv.prb{bottom:120px;}

.slide-content.wmv.plt,
.slide-content.wmv.plm,
.slide-content.wmv.plb{left:5vw}

.slide-content.wmv.prt,
.slide-content.wmv.prm,
.slide-content.wmv.prb{right:5vw;}


@media all and (max-width:999px){
.slide-content{font-size:0.9375em;}
.slide-content.wmh.pct,
.slide-content.wmh.pcm,
.slide-content.wmh.pcb{width:100%;text-align:center;}
}

@media all and (max-width:599px){
.slide-content{font-size:0.875em;}
.slide-content.wmh.plt,
.slide-content.wmh.pct,
.slide-content.wmh.prt,
.slide-content.wmv.plt,
.slide-content.wmv.pct,
.slide-content.wmv.prt{top:100px;}
.slide-content.wmh.plb,
.slide-content.wmh.pcb,
.slide-content.wmh.prb,
.slide-content.wmv.plb,
.slide-content.wmv.pcb,
.slide-content.wmv.prb{bottom:120px;}
.slide-content.wmv.plt,
.slide-content.wmv.plm,
.slide-content.wmv.plb{left:10%}
.slide-content.wmv.prt,
.slide-content.wmv.prm,
.slide-content.wmv.prb{right:10%;}
}

.slide-bgvideo{position:relative;width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:2;}
.slide-bgvideo.vm{z-index:1;}

.slide-bgvideo video {display:none;position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;z-index:-1;}
.slide-bgvideo video.playing{display:block;background:#000;}
.slide-bgvideo video.playing::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:1;transition:all 1s;}
.slide-bgvideo video.playing.fi::before{opacity:0;}
.slide-bgvideo .filter{position:absolute;top:0;right:0;bottom:0;left:0;}
.slide-bgvideo .mvbg{position:fixed;top:50%;left:50%;width:177vh;height:100vh;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.slide-bgvideo #youtube{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;z-index:-1;background:#000;}

.slide-arrow{display:block;position:absolute;bottom:120px;left:10px;width:50px;height:80px;cursor:pointer;z-index:100;}
.slide-arrow::before{content:"Scroll";display:block;position:absolute;top:0;right:0;left:0;width:50px;height:50px;line-height:50px;font-size:11px;color:#fff;letter-spacing:0.2em;transform:rotate(90deg);vertical-align:baseline;}
.slide-arrow::after{content:"";position:absolute;display:block;bottom:0;left:10px;right:10px;width:30px;height:30px;background:url(../img/mouse.svg) no-repeat;background-size:cover;}

.slide-bgvideo .swiper-container{width:100%;height:100vh;position:relative;}
.slide-bgvideo .swiper-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;}
.slide-bgvideo .swiper-slide{background-size:cover;}
.slide-bgvideo .swiper-slide.swiper-slide-visible.swiper-slide-active{z-index:100;}
.slide-bgvideo .cc{position:absolute;top:50%;left:50%;z-index:10;display:table;width:100%;max-width:1280px;height:auto;padding:15px;box-sizing:border-box;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align:center;vertical-align:middle;font-size:min(9vw,128px);text-shadow:0 0 5px rgba(0,0,0,0.8);font-weight:600;}
.slide-bgvideo .cc img{display:table-cell;max-width:100%;height:auto;margin:0 auto;}

@media all and (min-width:600px){
.slide-bgvideo .cc{padding:20px;}
}

@media all and (min-width:800px){
.slide-bgvideo .cc{padding:30px;}
}

@media all and (min-width:1000px){
.half .slide-bgvideo{display:flex;}
.half .slide-bgvideo .swiper-container{width:50%;height:100vh;}
.half .slide-bgvideo .cc{position:static;transform:initial;-webkit-transform:initial;text-align:initial;display:table;width:50%;height:100svh;padding:200px 50px 50px;box-sizing:border-box;vertical-align:middle;font-size:min(5vw,96px);overflow:hidden;}
.slide-arrow{left:50px;bottom:50px;}
.slide-bgvideo .mvbg{width:100%;min-height:56.25vw;}
.slide-bgvideo .swiper-wrapper{position:relative;}
}

@media all and (min-width:1300px){
.slide-bgvideo .cc{padding:0;}
}

@media all and (max-width:999px){.slide-bgvideo video{object-fit:cover;}}


#free3 .separator-bg {display:block;position:fixed;top:var(--backgroundPosition, 0);z-index:-1;width:100%;height:100vh;max-height:100vh;overflow:visible;}
#free3 .separator-bg:after {content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100vh;background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:cover;}
#free3 .content{padding:200px 50px;}
#free3 .content .inner{max-width:1000px;padding:30px;margin:0 auto;box-sizing:border-box;background:rgba(255,255,255,0.9);}
.fi{opacity:0;}
.fo{opacity:1;}


section .content {max-width:1000px;padding:40px 10% 100px;margin:0 auto;}

@media all and (max-width:999px) {
section .content {padding:20px 15px 50px;}
}

@media screen and (min-width:1000px){
.slide-bgvideo.vm{width:50%;margin:0 auto;}
}

#headLine{margin:0 auto;padding:0 15px;}
#headLine .inner{width:100%;border-style:solid;border-width:1px;padding:14px;box-sizing:border-box;}
#headLine p{padding:0;}
@media all and (min-width:1000px){#headLine .inner{max-width:1000px;margin:0 auto;}}




#event{width:100%;}
#event .fullBox,
#event .fullBox2,
#event .leftBox{width:100%;position:relative;}
#event .fullBox .inner,
#event .leftBox .inner{position:relative;width:100%;height:500px;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;}
#event .rightBox{position:relative;width:100%;padding:40px 5%;box-sizing:border-box;}
#event .fullBox2 .inner{width:100%;max-width:1280px;height:auto;margin:0 auto;padding:40px 0;}
#event h2{font-size:3em;margin-bottom:20px;}
#event .rightBox li{margin:0 auto 20px;overflow:hidden;}
#event .fullBox2 ul{display:flex;flex-wrap:wrap;}
#event .fullBox2 li{width:100%;padding:0 20px 40px;overflow:hidden;box-sizing:border-box;}
#event .tmb{display:block;width:100%;max-width:320px;margin:0 auto 15px;}
#event .tmb img{display:block;width:100%;height:auto;}
#event .icon img{display:block;width:140px;height:auto;}
#event h3{margin-bottom:10px;font-size:1.25em;}
#event table{width:100%;margin-bottom:15px;}
#event table th{width:60px;font-size:0.9375em;}
#event table th span{display:block;padding:3px 5px;margin-right:10px;font-size:0.875em;white-space:nowrap;text-align:center;}
#event table td{padding-top:3px;font-size:0.9375em;}
#event .detail .linkBtn{max-width:570px;margin-bottom:10px;}
#event .detail .linkBtn a{width:48%;margin:0 2% 10px 0;font-size:0.9375em;box-sizing:border-box;}
#event .detail .linkBtn a:last-child{margin-right:0;}
#event .introduction{padding:10px 15px;margin-bottom:15px;font-size:0.875em;}

@media screen and (min-width:500px){
#event li{max-width:initial;display:flex;justify-content:space-between;}
#event .tmb{width:180px;}
#event .detail{width:calc(100% - 200px);}
}

@media screen and (min-width:900px){
#event{display:flex;padding-bottom:100px;}
#event .leftBox,
#event .rightBox{width:50%;}
#event .leftBox .inner{height:100%;}
#event .fullBox .inner{height:45vw;}
}

@media screen and (min-width:1000px){
#event .fullBox2 li{width:50%;}
}

#works2{width:100%;padding:100px 0 0;}
#works2 li{width:100%;margin-bottom:10px;overflow:hidden;}
#works2 a{position:relative;display:block;width:100%;padding:0 0 40% 0;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;transition-duration:0.5s;}
#works2 a:hover{transform:scale(1.1);}
#works2 a .txt{position:absolute;top:5%;left:5%;right:5%;line-height:1;}
#works2 a .txt{font-size:9vw;}
@media screen and (min-width:600px){#works2 li{width:49.5%;margin-bottom:1vw;}#works2 a .txt{font-size:4.5vw;}}
@media screen and (min-width:1200px){#works2 li{width:33%;margin-bottom:0.5vw;}#works2 a .txt{font-size:3vw;}}



#works2{width:100%;padding:100px 0 0;}
#works2 li{width:100%;margin-bottom:10px;overflow:hidden;}
#works2 a{position:relative;display:block;width:100%;padding:0 0 40% 0;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;transition-duration:0.5s;}
#works2 a:hover{transform:scale(1.1);}
#works2 a .txt{position:absolute;top:5%;left:5%;right:5%;line-height:1;}
#works2 a .txt{font-size:9vw;}
@media screen and (min-width:600px){#works2 li{width:49.5%;margin-bottom:1vw;}#works2 a .txt{font-size:4.5vw;}}
@media screen and (min-width:1200px){#works2 li{width:33%;margin-bottom:0.5vw;}#works2 a .txt{font-size:3vw;}}



#free{padding:50px 0 300px;}
#free2{padding:0 0 300px;}
#navMenu + #free2{padding-top:100px;}
.freeBg{position:relative;padding:60vh 0 0;background-repeat:no-repeat;background-size:cover;background-position:center;}
.freeBg .inner{position:absolute;bottom:-200px;left:50%;width:90%;padding:30px;background:#fff;box-sizing:border-box;box-shadow:0 4px 12px rgba(0,0,0,0.2);transform:translate(-50%, 0);}
.freeBg .inner h2{font-size:1.5em;margin-bottom:15px;}
.moreBtn{width:200px;margin:0 auto;text-align:center;}
.moreBtn a{position:relative;display:block;padding:10px 20px;z-index:1;}
.moreBtn a span{font-size:1.5em;color:#fff;}
.moreBtn a::before,
.moreBtn a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:-1;}
.moreBtn a::before{width:100%;background:#333;}
.moreBtn a::after{width:0%;background:#666;transition:0.3s ease-in;}
.moreBtn a:hover::after{width:100%;}

@media screen and (min-width:1000px){
#free{padding:50px 0 100px;}
#free2{padding:0 0 100px;}
.freeBg{padding:120px 10%;overflow:hidden;}
.freeBg .inner{position:static;max-width:600px;padding:50px;transform:translate(0, 0);}
.freeBg .inner.right{float:right;}
.freeBg .inner h2{font-size:2em;margin-bottom:20px;}
}


#articles{width:100%;padding:20px 0 150px;overflow:hidden;}
#articles h2{font-size:3em;margin:0 0 20px 50px;}
#articles .thumb{display:block;position:relative;width:100%;height:0;padding-bottom:150%;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;margin-bottom:10px;}
#articles h3{position:absolute;top:100%;bottom:0;right:0;left:0;padding:15px;font-size:1.25em;background:rgba(0,0,0,0.5);transition:0.3s ease-in;}
#articles a:hover h3{top:0;}
#articles ul{display:flex;}
#articles li{width:calc(100% / 6);margin-bottom:30px;padding:0 2px;box-sizing:border-box;}

@media screen and (max-width:1199px){#articles li{width:20%;}#articles li:nth-child(6){display:none;}}
@media screen and (max-width:999px){#articles li{width:25%;}#articles li:nth-child(5){display:none;}#articles h3,#articles a:hover h3{top:initial;}}
@media screen and (max-width:799px){#articles li{width:calc(100% / 3);}#articles li:nth-child(4){display:none;}}
@media screen and (max-width:599px){#articles h2{font-size:2.75em;}#articles li{width:50%;}#articles li:nth-child(3){display:none;}}
@media screen and (max-width:399px){#articles h2{margin:0 auto 20px;text-align:center;}#articles li{width:100%;}#articles li:nth-child(2){display:none;}}


#contBox{padding:120px 0;}
#contBox .inner{width:100%;max-width:1280px;margin:0 auto;position:relative;}
#contBox .inner .swiper{overflow:hidden;}
#contBox .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
#contBox .swiper-c-pagination{position:absolute;bottom:10px;left:0;z-index:10;width:100%;padding:13px 0;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#contBox .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:100%;background:#fff;border:solid 1px #594d49;opacity:.2;cursor:pointer;}
#contBox .swiper-pagination-bullet-active{opacity:1;background:#594d49}
#contBox .swiper-button-next,
#contBox .swiper-button-prev{display:block;position:absolute;top:50%;width:60px;height:60px;margin-top:-25px;z-index:10;cursor:pointer;background:url(../img/share/slide_np.png) no-repeat center;}
#contBox .swiper-button-next{right:20px;}
#contBox .swiper-button-prev{left:20px;}
#contBox .swiper-button-prev{transform: scale(-1, 1);}


#navMenu{width:100%;padding:0;}
#navMenu ul{display:flex;flex-wrap:wrap;}
#navMenu li{width:100%;overflow:hidden;}
#navMenu a{position:relative;display:block;width:100%;height:0;padding-bottom:150%;transition-duration:0.5s;background-size:cover;}
#navMenu a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.2);transition-duration:0.5s;}
#navMenu a span{position:absolute;top:50%;right:5%;left:5%;display:block;text-align:center;transform:translate(0,-50%);font-size:10vw;}
#navMenu a:hover{transform:scale(1.1);}
#navMenu a:hover::before{opacity:0;}

@media screen and (min-width:600px){
#navMenu li{width:50%;}
#navMenu a span{font-size:5vw;}
}
@media screen and (min-width:1100px){
#navMenu li{width:25%;}
#navMenu a span{font-size:2.5vw;}
}


#newsBox{padding:100px 15px 0;}
#newsBox .inner{width:100%;max-width:1280px;margin:0 auto;}
#newsBox h2{font-size:2em;border-bottom:solid 2px #333;margin-bottom:40px;}

#newsBox dl{display:block;}
#newsBox dt{display:block;width:100%;color:#999;box-sizing:border-box;}
#newsBox dd{display:block;width:100%;padding:15px 0 14px;border-bottom:solid 1px #ccc;box-sizing:border-box;}
@media screen and (min-width:600px){
#newsBox dl{display:flex;}
#newsBox dt{width:120px;padding:15px 10px 14px;border-bottom:solid 1px #ccc;}
#newsBox dd{width:calc(100% - 120px);padding:15px 10px 14px;}
}

@media screen and (min-width:1000px){#newsBox h2{font-size:3em;}}


#bnr{width:100%;padding:100px 0 0;}
#bnr li{padding:10px 0;overflow:hidden;}
#bnr li a{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;transition-duration:0.5s;}
#bnr li a:hover{transform:scale(1.1);}
#bnr li a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;background:rgba(0,0,0,0.3);transition:0.3s ease-in;}
#bnr li a:hover::before{opacity:0;}
#bnr li a .txt{position:relative;width:100%;padding:15% 10%;font-size:5vw;text-shadow:0 1px #000;}

@media screen and (min-width:600px){#bnr li a .txt{padding:10%;}}
@media screen and (min-width:1000px){#bnr li a .txt{padding:5% 10%;}}


#gmap iframe{display:block;width:100%;height:300px;padding:100px 0 0;}
@media screen and (min-width:600px){#gmap iframe{height:400px;}}
@media screen and (min-width:1000px){#gmap iframe{height:500px;}}


#banner{padding:80px 15px;}
#banner ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;width:100%;margin:0 auto;}
#banner li{max-width:320px;padding:20px 0;}
#banner li a{display:block;}
#banner li img{display:block;width:100%;height:auto;}
#banner li p{padding:10px 0 0;}
#banner a:hover{opacity:0.7;}
@media screen and (max-width:599px){#banner ul{max-width:320px;}#banner li{width:100%;}}
@media screen and (min-width:600px) and (max-width:999px){#banner ul{max-width:650px;}#banner li{width:49%;}#banner li:nth-child(odd){margin-right:2%;}}
@media screen and (min-width:1000px) and (max-width:1349px){#banner ul{max-width:1000px;}#banner li{width:32%;}#banner li:nth-child(3n+2){margin-left:2%;margin-right:2%;}}
@media screen and (min-width:1350px){#banner ul{max-width:1350px;}#banner li{width:23%;margin:0 5px;}}