@charset "utf-8";


/* =================
main
==================== */
/* =================
section access
==================== */

.section.section--access{
    padding: var(--contentPadding);
}

.topic {
    margin-top: 120px;
}

.topic__subTitle {
    text-align: center;
}

.access,
.parking {
    text-align: center;
    align-items: center;
    margin-top: 50px;
    display: flex;
  flex-direction: column;
  justify-content: center;

}

.detail {
    padding: 5px 20px;
    background-color: var(--primary-beige);
    width: 88px;
}

.detail__title {
    margin-top: 20px;
}

.detail__txt {
    text-align: left;
}

.detail__txt span {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}


.brPC {
    display: none;
}

.accessVis__img {
    width: 37.6vw;
}

.accessVis {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    gap: 30px 10px;
}



/* pc access 769px */
@media screen and (min-width: 769px)  {
.section.section--access {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;

 } 
 
.topic {
    margin-top: 210px;
}

.brPC {
    display: block;
}


.access,
.parking {
    margin-top: 50px;
}

.accessVis {
    margin-top: 100px;
    margin-bottom: 100px;
    gap: 30px;
    padding: 0 50px;
}

.accessVis__img {
    width: 19.6%;
}


}
/* pc 769px */