@charset "utf-8";

.main {margin-bottom: 5rem;}

@media screen and (max-width: 1160px) {
.main {margin-top: calc(143px - 2vw);}
}

@media screen and (max-width: 768px) {
.main {margin-top: calc(80px - 2vw);}
}
    
h2{
    margin: 10rem auto 0;
    font-size: 3rem;
    text-align: center;
}

.main h2:last-of-type {margin: 3rem auto 0}

.map_add h3{
    font-size: 1.6rem;
    color: antiquewhite;
}

ruby{
    display: block;
    text-align: center;
}

.map_inner {
    width: 91%;
    max-width: 700px;
    margin: 3rem auto;
    box-sizing: border-box;
    border: 2px solid #527394;
}

/*btn*/
.btnList {
    max-width: 700px;
    margin: 1rem auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList p{
	width: 100%;
    margin-bottom: 15px;
}

.btnList p a {
display: block;
width: 100%;
height: 100%;
text-align: center;
font-size: 16px;
color: #666;
box-sizing: border-box;
letter-spacing: 0.1em;
line-height: 40px;
text-decoration: none;
border: 1px solid #666;
background: #fff;
}

.btnList p a:hover {opacity: 0.8;}
.btnList p.btnList_googleMap {width: 100%;}
.btnList p.btnList_googleMap a {
background: rgb(33 57 114);
color: #fff;
}

.btnList p.btnList_googleMap:first-child a {
    background: rgb(82 115 148);
}

.btnList p.btnList_googleMap a span {
    border-top: 1px solid #9d9d9d;
    display: block;
    width: 75%;
    margin: auto;
    line-height: 2;
    padding-bottom: .5rem;
    font-size: 90%;
}

.btnList p.btnList_googleMap a span span {
    border-top: 0;
    line-height: 1.2;
    color: #ffe4d7;
    font-size: 90%;
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
.btnList p.btnList_googleMap a span {
    width: 90%;
}

.btnList p.btnList_googleMap a span span {
    font-size: 87%;
    text-align: left
}   
}

.map_add{display: none}

.map_add{
    display: block;
    text-align: center;
    font-size: 1.3rem;
    padding: .5rem;
    width: 100%;
    color: #fff;
    background: #666;
    font-weight: 100;
} 

.map_add .cap {color: #fff;}

@media screen and (max-width : 815px) {
    
.map_add{font-size: 2.5vw;}   
    
} 


/*印刷要素*/

@media print{
header,
.btnList,
.bottomfix,
.company_data,
.bnr_aria,
footer{display:none;}
    
.map_add{
    display: block!important;
    text-align: center;
} 
    
img {width: 85%}    
    
}