@charset "utf-8";

img{width: 100%;}
figure{position: relative;}

.main_ttl {
width: 100%;
margin: 90px auto 0;
padding: 60px 0;
text-align: center;
}
.main_ttl h3{
color: #000;
font-size: 26px;
letter-spacing: 0.14em;
}


/*contents*/
.map_Wrap {
width: 94%;
max-width: 1100px;
margin: 0 auto 40px;
}
.map_Wrap figure:nth-child(1){
margin: 0 auto 40px;
}
.btn_area {
width: 94%;
margin: 0 auto 100px;
}
.btn_area ul{
width: 100%;
max-width: 760px;
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
}
.btn_area ul li:nth-child(1),
.btn_area ul li:nth-child(2){
width: 47.368421052631579%;
margin: 0 0 30px;
}
.btn_area ul li:nth-child(3){
width: 100%;
}
.btn_area ul li a{
display: block;
text-align: center;
line-height: 1.2;
width: 100%;
padding: 20px 0;
background: #13335a;
color: #fff;
transition: 0.3s;
}

.btn_area ul li:nth-child(1) a
/*.btn_area ul li:nth-child(2) a*/
{
background: #13335a;
color: #fff;
}

.btn_area ul li:nth-child(2) a{
background: #fff;
color: #13335a;
border: 1px solid #13335a;
}
.btn_area ul li a:hover{
opacity: 0.7;
}
.btn_area ul li a span{
position: relative;
padding-left: 1.8em;
}
.btn_area ul li:nth-child(1) a span::before,
/*.btn_area ul li:nth-child(2) a span::before,*/
.btn_area ul li:nth-child(2) a span::before{
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: url(../img/icon_map.png) no-repeat;
background-size: contain;
width: 16px;
height: 18px;
}
.btn_area ul li:nth-child(2) a span::before{
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: url(../img/icon_print.png) no-repeat;
background-size: contain;
width: 18px;
height: 18px;
}








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

.main_ttl {
    width: 100%;
    margin: 66px auto 0;
    padding: 40px 0;
}
.main_ttl h3 {
    font-size: 20px;
}
.map_Wrap {
    margin: 0 auto 20px;
}
.btn_area {
    margin: 0 auto 60px;
}
.btn_area ul li {
width: 100%;
max-width: 100%;
}
.btn_area ul li a {
font-size: 13px;
max-width: 100%;
padding: 15px 0;
}

.btn_area ul li:nth-child(1),
.btn_area ul li:nth-child(2){
width: 100%;
}
.btn_area ul li:nth-child(2){
margin-bottom: 0;
}

.btn_area ul li:nth-child(2){
display: none;
}

}
/*=============================
print
=============================*/
@media print {

  body {
    -webkit-print-color-adjust: exact;
  }
.map_Wrap {
width: 80%;
}
  header,.main_ttl,.btn_area,
  #pageTop,footer { display: none; }

}