@charset "UTF-8";
.section_about{
    padding-bottom: 120px;
}
.about_list{
    display: flex;
    padding-block: 30px;
    border-bottom: solid 1px #8f8f8f;
}
.about_list-title{
    min-width: 300px;
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375))), 16px);
    text-align: center;
    font-weight: 500;
    color: #2a2a2a;
    letter-spacing: 0.1em;
}
.about_list-text{
    padding-left: 70px;
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375))), 16px);
    color: #2a2a2a;
}
.about_list-text a:hover{
    color: #cb1719;
}

.about_contact{
    padding-top: 10px;
}

.section_access {
  background: #f0f0f0;
  width: 100vw; /* ビューポート全幅 */
  margin-inline: calc(50% - 50vw); /* 中央寄せを保ったまま全幅に */
  padding-bottom: 100px; /* 任意の上下余白 */
}
.section_access_title{
    margin-top: 50px;
}
.access_item{
    display: flex;
    gap: 80px;
    justify-content: center;
}


.access_item-text{
    background-color: #ffffff;
    padding: 33px 70px;
    border-radius: 17px;
}

.access_item-text-flex{
    display: flex;
    gap: 80px;
    justify-content: center;
    align-items: flex-start;
}

.access_item-img{
    width: 528.36px;
}
.access_subtitle{
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #cb1719;
}
.access_address{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}
.access_train{
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
    font-weight: 600;
}

.access_train::before{
  content: "";
  display: inline-block; /* インライン要素の前に表示する場合 */
  width: 25px;
  height: 25px;
  background-image: url("../img/about/marker.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px; /* テキストとの間隔 */
  vertical-align: middle; /* テキストと中央揃え */
}
.access_train span{
    font-size: 16px;
    font-weight: normal;
}
.access_item-map{
    margin-top: 60px;
}
/* 2つ目以降の .access_contents にだけ margin-top */
.access_contents + .access_contents {
  margin-top: 110px;
}
.access_address span{
    color: #cb1719;
}
.access_address p span.access_title {
    color: #2a2a2a;
    font-weight: 600;
}
.access_item-text02{
    padding-block: 21px;
}
.access_address02{
    margin-top: 10px;
}

.access_train02{
    margin-top: 20px;
}
.access_address a:hover{
    color: #cb1719;
}
@media screen and (max-width: 1280px){
    .access_item,.access_item-text-flex{
        display: block;
    }
    .access_item-img{
        margin: 0 auto 20px;
    }
}
@media screen and (max-width: 768px) {
    .about_list-title{
        min-width: 110px;
    }
    .about_list-text{
        padding-left: 20px;
    }
    .access_item-img{
        width: 100%;
    }
    .access_item-text{
        padding-inline: 33px;
    }
}