@charset "UTF-8";
/*===================================
plan
===================================*/
.content_Wrap{
background: rgba(172, 141, 86, 0.17);
}

.mv_Wrap {
position: relative;
background: #081635;
color: #fff;
padding: 50px 0;
text-align: center;
}
.mv_Wrap .main_ttl{

}
.mv_Wrap .main_ttl h2{
position: relative;
color: #fff;
font-family: "Noto Serif JP", serif;
font-size: clamp(22px,2.67vw,32px);
letter-spacing: 0.3em;
padding-bottom: 0.6em;
}
.mv_Wrap .main_ttl h2::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
width: 60px;
height: 1px;
background: #fff;
}
.mv_Wrap .main_ttl h2 span{
font-size: 44%;
letter-spacing: 0.12em;
}

.lead_copy {
margin: 80px auto;
}
.lead_copy h3 {
text-align: center;
color: #9c804a;
font-size: clamp(18px,2.8vw,28px);
line-height: 1.4;
}

.lead_copy figure {
max-width: 850px;
margin: 3em auto 0;
}

.map_Wrap {
width: 94%;
max-width: 1000px;
margin: 0 auto;
}

.btn_Wrap {
display: flex;
justify-content: center;
gap: 1em 2em;
width: 100%;
margin: 3em auto 0;
padding-bottom: 100px;
}
.btn_Wrap  a{
display: block;
width: 80%;
max-width: 280px;
text-align: center;
font-family: "Noto Serif JP", serif;
color: #081635;
font-size: clamp(14px,1.25vw,15px);
letter-spacing: 0.08em;
background: #F1ECE2;
border:1px solid #081635;
box-sizing: border-box;
padding: 1.25em 1em;
transition: 0.3s;
}
.btn_Wrap  a span{
position: relative;
padding-left: 2em;
}
.btn_Wrap  a span::before{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
}
.btn_Wrap  a.gbtn span::before{
    content: url(../img/map.svg);
    position: absolute;
    width: 13%;
}
.btn_Wrap  a.print span::before{
    content: url(../img/print.svg);
    position: absolute;
    width: 20%;
}

.btn_Wrap  a:hover{
color: #fff;
background: #081635;
}
.btn_Wrap  a.gbtn:hover span::before{
    content: url(../img/map_hover.svg);
}
.btn_Wrap  a.print:hover span::before{
    content: url(../img/print_hover.svg);
}
.mg_map_Wrap {
width: 94%;
max-width: 1000px;
margin: 0 auto;
padding-bottom: 100px;
}

/*     tab
--------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px){





}


/*     sp
--------------------*/
@media screen and (max-width: 767px) {
.mv_Wrap {
color: #fff;
padding: 8% 0;
}
.lead_copy {
    margin: 40px auto;
}
.lead_copy figure {
    margin: 1.5em auto 0;
}
.btn_Wrap {
width: 100%;
margin: 2em auto 0;
padding-bottom: 50px;
}

.btn_Wrap  a.print{
    display: none;
}
.mg_map_Wrap {
padding-bottom: 50px;
}
}
/*-----------------------------
印刷
-----------------------------*/

@media print {
    body{
        padding: 0;
        margin: 0;
    }
    .content_Wrap{
        padding: 0;
        margin: 0;
    }

    header,footer,
    #pageTop,
    .notes,
    .mv_Wrap,
    .lead_copy,
    .btn_Wrap{
        display: none;
    }
    .map_Wrap {
width: 82%;
}
    .mg_map_Wrap {
margin: 20px auto 0;
width: 82%;
}
}