@charset "UTF-8";

/* outline */
.sp { display: none;}
.pc_view { display: block;}

header { background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);}

#all_Wrap {
height: auto;
background: #fff;
}

.contents {
width: 100%;
height: 100%;
}
.contents .mv {
width: 100%;
position: relative;
background: #2f2a21;
}
.contents .mv img {
opacity: .75;
filter: saturate(70%);
}
.contents .mv h2 {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color: #fff;
font-size: 2.2vw;
letter-spacing: 0.4em;
z-index: 1;
}
.mv .caption {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 11px;
color: #fff;
text-shadow: 0px 0px 5px #000;
}


.map {
max-width: 1000px;
width: 90%;
margin: 80px auto;
}

.map_Btn {
display: block;
max-width: 390px;
width: 90%;
padding: 15px 30px;
margin: 0 auto;
color: #fff;
background-color: #b3a688;
border: 1px solid #b3a688;
text-align: center;
box-sizing: border-box;
transition: .3s;
}
.map_Btn:hover {
color: #937f50;
background-color: #fff;
}

.attention {
width: 1200px;
max-width: 90%;
margin: 100px auto;
}
.attention li {
text-indent: -1em;
padding-left: 1em;
font-size: 12px;
line-height: 1.3;
margin-bottom: 5px;
}



/*===================
sp
===================*/
@media only screen and (max-width: 1024px) {

.sp { display: block;}
.pc_view { display: none;}

.contents .mv h2 {
font-size: 25px;
}

.map { margin: 30px auto;}

.map_Btn {
max-width: 320px;
width: 100%;
}

}