@charset "utf-8";
html,body,p,h1,h2,h3,h4,h5,ul,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
body{font-family:'Roboto','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;color:#000;}
.iScrollIndicator{opacity:0.3;}
.iScrollLoneScrollbar{width:3px!important;}
img{max-width:100%;}
h2{text-align:center;display:block;margin:16px auto;}
h2,#nav,.nav,.mini-item{font-weight:900;}
a,a:link,a:visited{color:#000;}
a:hover{color:#ccc;text-decoration:none;}
a.scroll{padding-top:70px;position: absolute;bottom:70px;left:0;right:0;margin:auto;color:#fff;text-decoration:none;width:40px;display:block;font-size:13px;}
a.scroll span {position:absolute;bottom:70px;left:50%;width:24px;height:24px;margin-left:-12px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb 1.5s infinite;animation:sdb 1.5s infinite;box-sizing:border-box;}
@-webkit-keyframes sdb {0% {-webkit-transform: rotate(-45deg) translate(0, 0);opacity: 0;}50% {opacity: 1;}100% {-webkit-transform: rotate(-45deg) translate(-20px, 20px);opacity: 0;}}
@keyframes sdb {0% {transform: rotate(-45deg) translate(0, 0);opacity: 0;}50% {opacity: 1;}100% {transform: rotate(-45deg) translate(-20px, 20px);opacity: 0;}}


/* ●●● タブレット未満 ●●● */
@media screen and (max-width:767px){
.first-section{background:url(images/home_bg.jpg) center center no-repeat;background-size:cover;height:100vh;text-align:center;position:relative;}

.big_logo{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;max-width:240px;width:80%;height:auto;}

#nav{text-align:center;margin:0 auto;position:absolute;top:32px;left:0;right:0;z-index:2;}
#nav li{display:inline-block;padding:16px 0;line-height:1;}
#nav li a{text-decoration:none;color:#fff;font-size:12px;padding:6px;margin:0 6px;transition:all .3s;line-height:1;}
#nav li:first-child{display:block;margin:0 auto;padding:0;width:50px;height:48px;}
#nav li:first-child img{width:100%;height:auto;}
#nav li:first-child a{display:block;width:50px;height:48px;margin:0;padding:0;}

.header{border-bottom:1px solid #ccc;position:relative;text-align:center;padding:24px;height:71px;display:block;box-sizing:border-box;width:89.2%;width:calc(90% - 12px);margin:0 auto;}
#logo{position:absolute;top:20px;left:50%;margin:0 0 0 -14px;padding:0;width:30px;height:29px;}
#logo img{width:100%;height:auto;}
#logo a{display:block;width:30px;height:29px;margin:0;padding:0;}

.sns{position:absolute;right:0;top:22px;}

#menuButton{display: block;width:44px;height:44px;position:absolute;top:6px;left:0;z-index:1005;background:#fff;color:#000;text-align:center;}
#menuButton span{display: block;background:#000;width:26px;height:2px;position:absolute;left:9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child{top:24px;}
#menuButton span:nth-child(2){top:32px;}
#menuButton.active span:first-child{-webkit-transform: translateY(6px) rotate(45deg);-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
#menuButton.active span:nth-child(2){-webkit-transform: translateY(-2px) rotate(-45deg);-moz-transform: translateY(-2px) rotate(-45deg);-ms-transform: translateY(-2px) rotate(-45deg);transform: translateY(-2px) rotate(-45deg);}
#menu{display:none;margin:0;z-index:1000;width:100%;overflow:hidden;}

.nav{text-align:left;font-size:12px;margin:0;padding:16px;display:none;position:absolute;left:0;top:71px;width:100%;box-sizing:border-box;background:rgba(255,255,255,.9);z-index:5;}
.nav li{display:inline-block;}
.nav li a{display:block;text-decoration:none;color:#000;padding:16px;margin:0;transition:all .3s;}
.wrapper{overflow:hidden;padding:12px 5%;box-sizing:border-box;position:relative;display:block;}
.big-item{width:100%;box-sizing:border-box;float:left;border:6px solid #fff;transition:all .3s;}
.big-item a{display:block;padding:0 0 45%;}
.mini-item{width:50%;box-sizing:border-box;float:left;border:6px solid #fff;transition:all .3s;}
.mini-item a{display:block;padding:30% 0 26%;text-decoration:none;color:#fff;font-size:17px;text-align:center;height:17px;line-height:1;}
.big-item:hover,.mini-item:hover{opacity:.5;}

.swiper-container{text-align:center;}
.swiper-slide,.swiper-container img{max-width:100%;}

.about p{margin:0 auto 16px;font-size:85%;}
.about img{display:none;}
.gallery{text-align:center;}

#copy{position:fixed;right:3%;top:72px;height:50px;width:6px;display:block;background:url(images/copy.png) 0 0 no-repeat;background-size:6px 50px;text-indent:100%;white-space:nowrap;z-index:2;}

}

/* ●●● タブレット～1599px ●●● */
@media screen and (min-width:768px) and (max-width:1599px){
.first-section{background:url(images/home_bg.jpg) center 80% no-repeat fixed;background-size:cover;height:100vh;text-align:center;position:relative;}

.big_logo{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;max-width:400px;width:80%;height:auto;}

#nav{text-align:center;margin:0 auto;position:absolute;top:32px;left:0;right:0;z-index:2;}
#nav li{display:inline-block;}
#nav li:first-child{display:block;margin:0 auto 16px;padding:0;width:80px;height:76px;}
#nav li:first-child img{width:100%;height:auto;}
#nav li:first-child a{display:block;width:80px;height:76px;margin:0;padding:0;}
#nav li a{text-decoration:none;color:#fff;font-size:12px;padding:6px;margin:0 16px;transition:all .3s;}
#nav li a:hover{color:#aaa;}

.header{border-bottom:1px solid #ccc;position:relative;text-align:center;padding:24px;height:90px;display:block;box-sizing:border-box;width:89.2%;width:calc(90% - 16px);margin:0 auto;}
#logo{position:absolute;top:16px;left:50%;margin:0 0 0 -30px;padding:0;width:60px;height:57px;}
#logo img{width:100%;height:auto;}
#logo a{display:block;width:60px;height:57px;margin:0;padding:0;}

.sns{position:absolute;right:0;top:29px;transition:all .3s;}
.sns:hover{opacity:.5;}

#menuButton{display: block;width:44px;height:44px;position:absolute;top:16px;left:0;z-index:1005;background:#fff;color:#000;text-align:center;}
#menuButton span{display: block;background:#000;width:26px;height:2px;position:absolute;left:9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child{top:24px;}
#menuButton span:nth-child(2){top:32px;}
#menuButton.active span:first-child{-webkit-transform: translateY(6px) rotate(45deg);-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
#menuButton.active span:nth-child(2){-webkit-transform: translateY(-2px) rotate(-45deg);-moz-transform: translateY(-2px) rotate(-45deg);-ms-transform: translateY(-2px) rotate(-45deg);transform: translateY(-2px) rotate(-45deg);}
#menu{display:none;margin:0;z-index:1000;width:100%;overflow:hidden;}

.nav{text-align:left;font-size:12px;margin:0;padding:16px;display:none;position:absolute;left:0;top:90px;width:100%;box-sizing:border-box;background:rgba(255,255,255,.9);z-index:5;}
.nav li{display:inline-block;}
.nav li a{display:block;text-decoration:none;color:#000;padding:16px;margin:0;transition:all .3s;}
.nav li a:hover{color:#aaa;}
.wrapper{overflow:hidden;padding:12px 5%;box-sizing:border-box;position:relative;display:block;}
.big-item{width:50%;box-sizing:border-box;float:left;border:8px solid #fff;transition:all .3s;}
.big-item a{display:block;padding:0 0 32vh;}
.mini-item{width:25%;box-sizing:border-box;float:left;border:8px solid #fff;transition:all .3s;}
.mini-item a{display:block;padding:6vh 0;text-decoration:none;color:#fff;font-size:22px;text-align:center;}
.big-item:hover,.mini-item:hover{opacity:.5;}

.swiper-container{text-align:center;}
.swiper-slide,.swiper-container img{max-width:100%;}

.about{text-align:center;}
.about p{margin:0 auto 8px;}
.gallery{text-align:center;}

#copy{position:fixed;right:2.5%;top:104px;height:100px;width:12px;display:block;background:url(images/copy.png) 0 0 no-repeat;text-indent:100%;white-space:nowrap;z-index:2;}
}

/* ●●● 1600px ●●● */
@media screen and (min-width:1600px){
.first-section{background:url(images/home_bg.jpg) center 80% no-repeat fixed;background-size:cover;height:100vh;text-align:center;position:relative;}

.big_logo{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;max-width:700px;width:80%;height:auto;}
#nav{text-align:center;margin:0 auto;position:absolute;top:32px;left:0;right:0;z-index:2;}
#nav li{display:inline-block;}
#nav li:first-child{display:block;margin:0 auto 16px;padding:0;width:80px;height:76px;}
#nav li:first-child img{width:100%;height:auto;}
#nav li:first-child a{display:block;width:80px;height:76px;margin:0;padding:0;}
#nav li a{text-decoration:none;color:#fff;font-size:12px;padding:6px;margin:0 16px;transition:all .3s;}
#nav li a:hover{color:#aaa;}

.header{border-bottom:1px solid #ccc;position:relative;text-align:center;padding:24px;height:71px;display:block;box-sizing:border-box;width:89.2%;width:calc(90% - 16px);margin:0 auto;}
#logo{position:absolute;top:0;left:50%;margin:0 0 0 -30px;padding:0;width:60px;height:57px;}
#logo img{width:100%;height:auto;}
#logo a{display:block;width:60px;height:57px;margin:0;padding:0;}

.sns{position:absolute;right:0;top:20px;transition:all .3s;}
.sns:hover{opacity:.5;}

.nav{text-align:left;font-size:12px;margin:0;}
.nav li{display:inline-block;}
.nav li a{display:block;text-decoration:none;color:#000;padding:4px;margin:0 12px 0 0;transition:all .3s;}
.nav li a:hover{color:#aaa;}
.wrapper{overflow:hidden;padding:12px 5%;box-sizing:border-box;position:relative;display:block;}
.big-item{width:50%;box-sizing:border-box;float:left;border:8px solid #fff;transition:all .3s;display:block;}
.big-item a{display:block;padding:0 0 36vh;}
.mini-item{width:25%;box-sizing:border-box;float:left;border:8px solid #fff;transition:all .3s;display:block;}
.mini-item a{display:block;padding:9vh 0;text-decoration:none;color:#fff;font-size:24px;text-align:center;}
.big-item:hover,.mini-item:hover{opacity:.5;}

.swiper-container{text-align:center;}
.swiper-slide,.swiper-container img{max-width:100%;}

.about{text-align:center;}
.about p{margin:0 auto 8px;}
.gallery{text-align:center;}

#copy{position:fixed;right:2.5%;top:104px;height:100px;width:12px;display:block;background:url(images/copy.png) 0 0 no-repeat;text-indent:100%;white-space:nowrap;z-index:2;}
}