@charset "UTF-8";

/* --------- アクセスマップ------ */
.sec-access{padding:80px 0;}
.sec-access iframe{height:570px;}
.access-info{
    margin-top:40px;
    padding:30px 0;
    border-top:1px solid #e82727;
    border-bottom:1px solid #e82727;
    text-align: center;
    font-size:18px;
}
.access-info p+p{margin-top:20px;}

/* --------- 交通案内 --------- */
.sec-traffic{padding:0 0 80px}
.traffic-con{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: center;
}
.traffic-box{
    width:calc((100% - 30px*2)/3);
	margin-right: 30px;
    box-shadow: 0 0 15px rgba(205,169,173,0.8);
    padding:20px 0;
	margin-bottom: 30px;
    font-weight: bold;
}
.traffic-box:nth-child(3n) {
	margin-right: 0;
}
.traffic-icon{
    width:80px;
    margin:0 auto 10px;
}
.traffic-ttl{
    font-size:20px;
    color:#e82727;
}

@media (max-width: 768px) {
    /* --------- アクセスマップ------ */
    .sec-access{padding:10vw 0;}
    .sec-access iframe{height:70vw;}
    .access-info{
        margin-top:5vw;
        padding:5vw 0;
        font-size: 3.4vw;
    }
    .access-info p+p{margin-top:3vw;}

    /* --------- 交通案内 --------- */
    .sec-traffic{padding:0 0 10vw}
    .traffic-box{
        width:100%;
        padding:3vw 0;
		margin-bottom: 0;
		margin-right: 0;
    }
    .traffic-box+.traffic-box{margin-top:5vw;}
    .traffic-icon{
        width:15vw;
        margin:0 auto 2vw;
    }
    .traffic-ttl{
        font-size: 3.4vw;
    }
}