@charset "utf-8";
body > header{position:static;top:0;right:0;left:0;background:#fff;}

.swiper-container{position:relative;width:100%;overflow:hidden;z-index:1;margin:0;}
.swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide{padding:0 0 58%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.switch .swiper-slide{padding:0 0 175%;}
.swiper-slide a{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:2;}

.swiper-pagination{position:absolute;bottom:10px;left:0;z-index:3;width:100%;padding:13px 0;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.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;}
.swiper-pagination-bullet-active{opacity:1;background:#594d49}
.swiper-slide .title{position:absolute;display:block;padding:30px 15px;text-shadow:0 0 3px rgba(0,0,0,1);font-size:1.375em;}
.swiper-button-next,
.swiper-button-prev{display:none;}


@media all and (min-width:600px){
.swiper-wrapper{width:100%;}
.switch .swiper-slide{padding:0 0 56.25%;}
.swiper-slide .title{font-size:2.0em;}
.switch .swiper-sp-slide{display:none;}
}

@media all and (max-width:599px){
.switch .swiper-pc-slide{display:none;}
}

@media all and (min-width:1000px){
body > header{background:#fff;}
.swiper-button-next,
.swiper-button-prev{display:block;position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-25px;z-index:10;cursor:pointer;background:url(../img/share/slide_np.png) no-repeat center;}
.swiper-button-next{margin-left:425px;}
.swiper-button-prev{margin-left:-480px;transform: scale(-1, 1);}
.swiper-slide .title{padding:50px;font-size:3.0em;}
}


#wide{position:relative;z-index:4;width:100%;padding-bottom:50px;overflow:hidden;}
#wide.mv{max-height:calc(100vh - 103px)!important;}
@media all and (min-width:1000px){
#wide.mv{max-height:calc(100vh - 172px)!important;}
}

#ScrollSlide{display:block;width:100%;height:100vh;overflow:hidden;position:relative;background-color:#000;}
.slide-page{position:absolute;height:100vh;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;overflow:hidden;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;}

.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:100%;height:100%;}
.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:1;width:80%;height:auto;max-width:500px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.slide-bgvideo .cc img{display:block;max-width:100%;height:auto;margin:0 auto;}


@media all and (min-width:1000px){
.slide-arrow{left:50px;bottom:50px;}
.slide-bgvideo .mvbg{width:100%;min-height:56.25vw;}
.slide-bgvideo .swiper-wrapper{position:relative;}
}
@media all and (max-width:999px){.slide-bgvideo video{object-fit:cover;}}


#headLine{margin:0 autox;padding:40px 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;}}


#evaluation{position:absolute;right:50px;bottom:0;z-index:10;}
#contents{position:relative;z-index:2;background:#fff;}

#mainArea a{transition:0.3s ease-in-out;}
#mainArea a:hover{opacity:0.8;}

#workBox ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding:30px 0;margin-bottom:50px;-webkit-justify-content:center;justify-content:center;}
#workBox li{width:100%;max-width:320px;margin-bottom:10px;}
#workBox li a{display:table;width:100%;height:80px;}
#workBox li a img{display:block;width:100%;height:auto;}
#workBox li a div{display:table-cell;width:100%;font-size:1.125em;vertical-align:middle;text-align:center;line-height:25px;}
#workBox li a:hover img{opacity:0.7;}
@media screen and (min-width:670px) and (max-width:999px){#workBox li{width:49%;}#workBox li:nth-child(odd){margin-right:2%;}}
@media screen and (min-width:1000px){
#workBox ul{max-width:1000px;margin:0 auto;-webkit-justify-content:start;justify-content:start;}
#workBox li a:hover{opacity:1;}
#workBox li a img,#workBox li a div{transition:0.3s ease-in-out;}
#workBox li{width:32%;}
#workBox li:nth-child(3n+2){margin-left:2%;margin-right:2%;}
}


#naviBox{width:auto;margin:0 auto;padding:40px 15px;}
#naviBox .navi_pr{margin-bottom:40px;}
#naviBox .navi_pr h2{padding-bottom:10px;font-size:1.25em;line-height:1;text-align:center;}
#naviBox .navi_pr p{display:block;margin:15px 10px 0;font-size:0.875em;}
#naviBox .navi_pr p+ul{border-width:1px 0 0 0;border-style:solid;}
#naviBox .navi_pr ul{margin:0 10px;}
#naviBox .navi_pr li a{position:relative;display:block;padding:11px 0;font-size:0.9375em;}
#naviBox .navi_pr .img{display:block;width:280px;height:190px;padding:4px;margin:15px auto 0;overflow:hidden;box-sizing:border-box;}
#naviBox .navi_pr .img img{display:block;width:100%;height:100%;}
#naviBox .navi_pr p+ul,#naviBox .navi_pr li,#naviBox .navi_pr .img{border-color:#ccc;}

@media all and (min-width:800px){#naviBox{max-width:800px;}}

@media all and (min-width:600px){
#naviBox .navi_pr .img{width:310px;height:210px;}
}

@media all and (min-width:600px) and (max-width:999px){
#naviBox .navi_pr li{width:49%;}
#naviBox .navi_pr li:nth-child(odd){float:left;clear:both;}
#naviBox .navi_pr li:nth-child(even){float:right;}
}

@media all and (min-width:1000px){
#naviBox{max-width:1000px;}
#naviBox .navi_pr h2{font-size:1.4em;}
#naviBox .navi_pr{float:left;width:32%;}
#naviBox .navi_pr:nth-child(2){margin-right:2%;margin-left:2%;}
#naviBox .navi_pr p{display:block;margin:15px 5px 0;}
#naviBox .navi_pr ul{margin:0 5px;}
}

section header{position:relative;padding:40px 0 20px;text-align:center;}
section header h3{font-size:2em;}
.design2 section{position:relative;}
.design2 section header h3{position:relative;display:inline-block;margin:0 auto 40px;}
@media screen and (min-width:1000px){
section header{padding:80px 0 30px;}
section header h3{font-size:2.5em;}
}

#event{padding:20px 0 80px;}
#event ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}
#event li{width:320px;margin:0 15px 40px;}
#event .thumb{display:block;width:100%;margin-bottom:12px;}
#event .thumb img{display:block;width:100%;height:auto;}
#event .icon{margin-bottom:10px;}
#event .icon img{display:block;width:140px;height:auto;}
#event h4{margin-bottom:20px;}
#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 .introduction{padding:10px 15px;margin-top:18px;font-size:0.875em;}
.noEvent{padding:0 15px;text-align:center;line-height:2;}
@media screen and (min-width:1000px){#event{padding:40px 0 100px;}#event h4{font-size:1.0625em;letter-spacing:-0.03em;}}

#blog{width:100%;padding:0 15px;margin:0 auto;box-sizing:border-box;}
#blog .inner{padding:8px 0;margin-bottom:40px;}
#blog ul{width:100%;height:350px;overflow-y:scroll;}
#blog li{padding:10px 0;margin-right:10px;}
#blog li:not(:last-child){border-bottom:dotted 1px #6c6a6a;}
#blog li h4{margin-bottom:10px;font-size:1.125em;}

#blog li span{padding:0 5px;width:5em;margin-bottom:5px;font-size:0.9375em;line-height:24px;box-sizing:border-box;}
#blog li .blog1{color:#ffffff;background:#ffee83;}
#blog li .blog2{color:#ffffff;background:#84a403;}
#blog li .date{font-size:0.875em;}

@media screen and (min-width:1000px){#blog{max-width:1000px;padding:0;margin:0 auto 40px;}}

.more{text-align:center;}
.more a{position:relative;display:inline-block;padding:0 30px 0;margin:0 auto;font-size:1.0625em;line-height:42px;}
.more a:before{content:"\f105";display:inline;padding-right:5px;font-size:16px;font-family: FontAwesome;vertical-align:baseline;line-height:1;color:inherit;}
.design2 .more{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);z-index:1;text-align:center;}
.design2 .more a{background:#fff;color:#000;border:solid 1px #333;border-radius:22px;}

#bukken{padding:0 15px 60px;}
#bukken ul{display:flex;display:-webkit-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:356px;margin:0 auto;}
#bukken li{max-width:350px;padding:15px;margin-bottom:20px;box-sizing:border-box;}
#bukken li:nth-child(n+9){display:none;}
#bukken .thumb{margin-bottom:15px;}
#bukken .thumb a{display:block;width:100%;max-width:320px;margin:0 auto 15px;}
#bukken .thumb img{display:block;width:100%;height:auto;}
#bukken .icon{padding:4px;vertical-align:bottom;}
#bukken .icon img{display:inline-block;width:140px;height:auto;margin-right:5px;}
#bukken h4{margin-bottom:10px;font-size:1.125em;}
#bukken .price{text-align:right;padding:5px 10px;margin-bottom:10px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
#bukken .price:before{content:"価格";display:block;float:left;margin-right:5px;}
#bukken .introduction{font-size:0.875em;}
#bukken li .btn a{display:block;max-width:150px;border-width:1px;padding:0 15px;margin:0 auto;line-height:32px;}

@media screen and (max-width:599px){
#bukken ul{-webkit-justify-content:start;justify-content:start;}
#bukken li{width:100%;margin-left:auto;margin-right:auto;}
}
@media screen and (min-width:600px) and (max-width:999px){
#bukken ul{max-width:708px;}
#bukken li{width:49.5%;}
#bukken li:nth-child(odd){margin-right:0.5%;}
#bukken li:nth-child(even){margin-left:0.5%;}
}
@media screen and (min-width:1000px) and (max-width:1299px){
#bukken ul{max-width:1068px;}
#bukken li{width:32.8%;}
#bukken li:nth-child(3n+2){margin-left:0.6%;margin-right:0.6%;}
}
@media screen and (min-width:1300px){
#bukken ul{max-width:1418px;}
#bukken li{width:24.7%;margin-left:0.4%;}
#bukken li:nth-child(4n+1){margin-left:0;}
}

#photo{width:100%;padding:20px 0 60px;}
#photo h4{font-size:1.125em;}
#container{max-width:100%;margin:0 auto 30px;position:relative;}
#container .grid{position:relative;float:left;width:330px;padding:5px;background:#fff;transition:top 1s ease, left 1s ease;box-sizing:border-box;}
#container .grid .imgholder img{display:block;width:100%;height:auto;}
#container .grid .title{padding:10px;background:rgba(255,255,255,0.8);}
@media all and (max-width:699px){
#container{display:flex;flex-wrap:wrap;width:100%!important;height:auto!important;}
#container .grid{width:50%;padding:5px;margin:0 0 10px;position:relative!important;left:initial!important;top:initial!important;}
}
@media all and (max-width:479px){
#container .grid{float:none;width:100%;padding:0;margin:0 auto 20px;}
#container .grid:nth-child(n+5){display:none;}
}
@media screen and (min-width:1000px){
#photo{padding-bottom:90px;}
#container .grid .title{position:absolute;top:10px;right:10px;left:10px;opacity:0;transition:0.3s ease-out;padding:10px 15px;}
#container .grid:hover .title{opacity:1;}
}

@media screen and (min-width:678px){#container{width:660px;}}
@media screen and (min-width:1008px){#container{width:990px;}}
@media screen and (min-width:1338px){#container{width:1320px;}}
@media screen and (min-width:1668px){#container{width:1650px;}}
@media screen and (min-width:1998px){#container{width:1980px;}}
@media screen and (min-width:2328px){#container{width:2310px;}}
@media screen and (min-width:2658px){#container{width:2640px;}}
@media screen and (min-width:2988px){#container{width:2970px;}}

.articleList{width:100%;padding:20px 0 60px;}
.articleList .type2{max-width:1050px;margin:0 auto;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.articleList .thumb{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;margin-bottom:10px;}
.articleList .type2 .thumb{border-radius:10px;}
.articleList .thumb img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;min-height:100%;}
.articleList .type2 li a{display:block;width:100%;max-width:240px;margin:0 auto;box-sizing:border-box;padding:10px;}
.articleList h4{padding:0 15px;font-size:1.125em;}
.articleList h5{padding:0 15px 5px;}
.articleList .type2 h4,
.articleList .type2 h5{padding-left:0;padding-right:5px;}
.articleList ul{display:flex;display:-webkit-flex;padding-top:20px;}
.articleList li{margin-bottom:30px;padding:0 2px;box-sizing:border-box;}
@media screen and (min-width:1000px){
.articleList{padding-bottom:90px;}
.articleList li{width:25%;}
}
@media screen and (max-width:999px){
.articleList ul{lex-wrap:wrap;-webkit-flex-wrap:wrap;}
.articleList li{width:50%;}
}
@media screen and (min-width:600px){
.articleList .type2 li{width:25%;}
}
@media screen and (max-width:599px){
.articleList li{width:50%;}
}

#news,
#news2{width:100%;padding:0 15px;margin:0 auto;box-sizing:border-box;}
#news .inner,
#news2 .inner{padding:8px 0;margin-bottom:40px;}
#news ul{width:100%;height:350px;overflow-y:scroll;}
#news li{padding:10px 0;margin-right:10px;}
#news li:not(:last-child){border-bottom:dotted 1px #6c6a6a;}
#news li h4{margin-bottom:10px;font-size:1.125em}
#news li img{display:block;width:100%;max-width:360px;height:auto;margin-bottom:10px;}

#news2 ul{max-width:800px;margin:0 auto;}
#news2 li{padding:7px 0;}
#news2 .date{color:#999;}

@media screen and (min-width:800px){
#news2 .date{float:left;display:block;width:100px;}
#news2 h4{float:right:680px;}
}

@media screen and (min-width:1000px){
#news{max-width:1000px;padding:0;margin:0 auto 40px;}
#news li{overflow:hidden;}
#news li img{float:right;margin-left:20px;}
#news2 h4 a:hover{text-decoration:underline;}
}

#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:60px 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;margin-bottom:20px;}
#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){#banner ul{max-width:1000px;}#banner li{width:32%;}#banner li:nth-child(3n+2){margin-left:2%;margin-right:2%;}}


/* Color Setting */
/* コンテンツ誘導ボタン */
#workBox li a div{background:#ffffff;color:#454545;}
#workBox li a:hover div{color:#ffffff;}



#bnr2{width:100%;padding:0 0 100px;}
#bnr2 li{width:100%;margin-bottom:20px;overflow:hidden;}
#bnr2 a{position:relative;display:block;width:100%;overflow:hidden;transition:0.5s;opacity:1;color:inherit;}
#bnr2 a:hover{opacity:0.7;}
#bnr2 img{display:block;}
#bnr2 a .txt{position:absolute;top:0;right:0;bottom:0;left:0;display:table;width:100%;height:100%;padding:20px;box-sizing:border-box;}
#bnr2 a .txt2{display:table;width:100%;height:22.28vw;}
#bnr2 a .txt .itxt,
#bnr2 a .txt2 .itxt{display:table-cell;text-align:center;vertical-align:middle;}
#bnr2 a .itxt p{padding:0;}

@media all and (min-width:1030px){
#bnr2 a .txt2{height:240px;}
}

/*
#bnr2{width:100%;padding:0 0 100px;}
#bnr2 li{width:100%;margin-bottom:20px;overflow:hidden;}
#bnr2 a{position:relative;display:block;width:100%;padding:0 0 24% 0;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;transition-duration:0.5s;opacity:1;}
#bnr2 a:hover{opacity:0.7;}
#bnr2 a .txt{position:absolute;top:0;right:0;bottom:0;left:0;display:table;width:100%;height:100%;padding:20px;box-sizing:border-box;}
#bnr2 a .txt p{display:table-cell;text-align:center;vertical-align:middle;}
*/