@charset "UTF-8";


body{
    background-image: url(../img/bg0.gif);
	font-family: "Hannari", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 20px;
}
@media screen and (max-width: 640px) {body{font-size: 16px;}}
/*menu*/
.menu{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #624027;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    background: rgba(255,255,255,0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
    margin: 40px 0;
}
.gnav__menu__item a{
	color: #fff;
    font-size: 2em;
    font-weight: bold;
    padding: 40px;
	text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}
.hero{
    background:url(images/hero.jpg) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 100vh;
}



header {left: 0;padding: 0;position: fixed;height: 50px;top: 0;width: 100%;z-index: 999;}

.logo{margin: 40px 0 0 18px;width: 60px;}

.scroll{position: absolute;top: 500px;width: 50px;left: 22px;z-index: 999999999999999}

.m50-b{margin-bottom: 50px}
.m50-t{margin-top: 50px}

.m100-b{margin-bottom: 100px}
.m100-t{margin-top: 100px}
.t-center{text-align: center}

/*スライド*/
#slide {
max-width:100%;
width:1000px;
height:557px;
margin:50px auto 50px;
position:relative;
}
#slide img {
position:absolute;
width:100%;
left:0;
top:0;
}

.w80{width: 80%}

/*アコーディオン*/
.acd-check{
	display: none;
}
.acd-label{
    position: absolute;
    z-index: 999999;
    margin: -6% 0 0 60%;
	color: #fff;
	display: block;
	margin-bottom: 0;
	padding: 0;
}
.acd-content{
	height: 0;
	opacity: 0;
	padding: 0 ;
	transition: .5s;
	visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
	height: auto;
	opacity: 1;
	padding: 0;
	visibility: visible;
}