@charset "UTF-8";
main {
    background: #F2F2F2;
}

/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px),print {
.p-main__wrap {padding-block: 148px 30px;}
/* mv
-------------------------------------*/
.p-mv {
    background: url(../images/access/mv_bg.jpg)no-repeat center;
    background-size: cover;
    padding-block: 328px 68px;
    margin-bottom: 100px;
}
.p-mv .p-mv__ttl {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 1.3666;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.p-mv .p-mv__txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
}

/* access
-------------------------------------*/
.p-access {margin-bottom: -90px;position: relative;}
.p-access .l-container {
    width: min(95%, 1280px);
    margin-inline: auto;
}
.c-access__item {
    background: #fff;
    padding-block: 82px 80px;
    padding-inline: 90px;
    margin-bottom: 50px;
}
.c-access-item__name {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 1.3666;
    margin-bottom: 10px;
}
.c-access-item__subt {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    position: relative;
    padding-left: 26px;
}
.c-access-item__subt::before {
    position: absolute;
    content: "";
    background: #2CA6E0;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.c-access-item__body {
    display: grid;
    grid-template-columns: 32.7272% 45.0909%;
    gap: 0 50px;
    padding-block: 48px 40px;
}
.c-access-item__info {
    padding-block: 18px;
}
.c-access-item__list {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: 27px 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
}
.c-access-item__list dt {
    font-weight: bold;
}
.c-access-item__map {
    width: 100%;
    height: 300px;
}
.c-access-item__map iframe[src*="google.com/maps"]  {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
}

/* wj
-------------------------------------*/
.p-wj {
    background: url(../images/access/wj_bg.jpg)no-repeat center;
    background-size: cover;
    padding-block: 257px 145px;
    text-align: center;
}
.p-wj .p-wj__enttl {
    margin-bottom: 50px;
}
.p-wj .p-wj__ttl {
    margin-bottom: 85px;
}
.p-wj .p-wj__subt {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.25em;
    line-height: 1.46666;
    color: #fff;
    margin-bottom: 24px;
}
.p-wj .p-wj__txt {
    font-weight: bold;
    font-size: 15px;
    line-height: 2.1333;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
}




}


/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
.p-main__wrap {
    padding-block: 39.883vw 7.229vw;
}
.p-main__ttl .en.access img {
    width: 35.95vw;
}
/* mv
-------------------------------------*/
.p-mv {
    background: url(../images/access/mv_bg_sp.jpg)no-repeat center;
    background-size: cover;
    padding-block: 40.68vw 14.045vw;
    margin-bottom: 14.49vw;
}
.p-mv .p-mv__ttl {
    font-weight: bold;
    font-size:4.831vw;
    letter-spacing: 0.05em;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    margin-bottom: 3.25vw;
}
.p-mv .p-mv__txt {
    font-weight: 400;
    font-size:3.623vw;
    line-height: 1.6;
    color: #fff;
    letter-spacing: 0;
    width: 83.33vw;
    margin-inline: auto;
}

/* access
-------------------------------------*/
.p-access {margin-bottom: -16.5vw;position: relative;}
.p-access .l-container {
    width: min(95%, 91.79vw);
    margin-inline: auto;
}
.c-access__item {
    background: #fff;
    padding-block: 8.66vw 12.08vw;
    padding-inline: 6.52vw;
    margin-bottom: 7.25vw;
}
.c-access-item__name {
    font-weight: bold;
    font-size:4.831vw;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin-bottom: 1.42vw;
}
.c-access-item__subt {
    font-weight: 400;
    font-size:3.623vw;
    line-height: 1.6;
    letter-spacing: 0;
    position: relative;
    padding-left: 6.28vw;
}
.c-access-item__subt::before {
    position: absolute;
    content: "";
    background: #2CA6E0;
    width: 2.42vw;
    height: 2.42vw;
    top: 2vw;
    left: 0;
}
.c-access-item__body {
    display: grid;
    padding-block: 4.83vw 6.83vw;
    gap: 0.95vw 0;
}
.c-access-item__list {
    display: grid;
    font-weight: 400;
    font-size: 3.623vw;
    line-height: 1.6;
    letter-spacing: 0;
}
.c-access-item__list dt {
    font-weight: bold;
    margin-bottom: 0.93vw;
    padding-block: 5.5vw 0;
}
.c-access-item__map {
    width: 100%;
    height: 38.65vw;
}
.c-access-item__map iframe[src*="google.com/maps"]  {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
}

/* wj
-------------------------------------*/
.p-wj {
    background: url(../images/access/wj_bg_sp.jpg)no-repeat center;
    background-size: cover;
    padding-block: 34.92vw 16vw;
    padding-inline: 8.21vw;
}
.p-wj .p-wj__enttl {
    text-align: center;
    margin-bottom: 9.7vw;
}
.p-wj .p-wj__enttl img {
    width: 32.43vw;
}
.p-wj .p-wj__ttl {
    margin-bottom: 6.80vw;
    text-align: center;
}
.p-wj .p-wj__subt {
    font-weight: bold;
    font-size:3.623vw;
    letter-spacing: 0.25em;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 6.25vw;
}
.p-wj .p-wj__txt {
    font-weight: bold;
    font-size:3.14vw;
    line-height: 1.84615;
    color: #fff;
    letter-spacing: 0.25em;
}

}