@charset "UTF-8";

/*----------------------------------------
 map
----------------------------------------*/

body#map {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body#map::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(201, 231, 229, 0.8) 30%, rgba(110, 195, 238, 0.8) 70%);
z-index: -1;
}

.map_box{
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin: 80px 0 0;
width: 100%;
}

.map_box h4{
font-size: 2rem;
font-weight: 600;
text-align: center;
margin: 80px 0 0;
width: 100%;
}

.map_btn{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 20px 0 0;
width: 100%;
}

.map_btn a{
width: 30%;
padding: 15px 15px;
margin: 0 1%;
font-size: 1.6rem;
background-color: #009BAF;
color: #fff;
text-align: center;
display: block;
transition: all 0.5s ease 0s;
}

.map_btn a span{
display: flex;
justify-content: center;
align-items: center;
}

.map_btn a span::after{
content: url(../../images/print.svg);
display: block;
height: 2rem;
width: 2rem;
position: relative;
margin-left: 5px;
left: 0;
}

.map_btn a:last-child span::after{
content: url(../../images/close.svg);
}

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

.map_box{
margin: 40px 0 0;
}

.map_box h4{
font-size: 1.8rem;
margin: 40px 0 0;
}

.map_btn a{
width: 90%;
font-size: 1.5rem;
}

.map_btn a span::after{
height: 1.5rem;
width: 1.5rem;
}

.map_btn a:last-child{
margin: 20px 0 0;
}

}