@charset "utf-8";

/***intro********************************/
h2 {
    text-align: center;
}

.intro .sub_title {
    text-align: center;
    padding: 0 0 0 0em;
}

.sub_page .intro .sub_title:before {
    content: unset;
}

.intro .comment {
    text-align: center;
}

/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {}

/**access*********************************/
.access {}

.access_list {
    width: 90%;
    margin: 0 auto;
}

.access_list li {
    padding: 0.7rem 0;
}

.access_list dl {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
    text-align: center;
}

.access_list dt {
    border-bottom: solid 1px #ffffff6e;
    padding: 4px 0;
}

.access_list dd {}

.access .img {
    margin: 4rem auto;
    max-width: 600px;
}

.access .img img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: 16rem;
    width: 100%;
    object-position: center 70%;
}

.info_map {
    margin: 3rem 0 0;
}

.info_map iframe {
    height: 20rem;
}

/*600px以上*/
@media (min-width: 600px) {
    .access_list {
        width: 100%;
        margin: 0 auto;
        gap: 0.2rem;
        align-items: stretch;
        justify-content: center;
        max-width: 600px;
    }

    .access_list li {
        padding: 1em 0px;
        line-height: 1;
        border-bottom: dotted 2px;
    }

    .access_list dl {
        flex-direction: unset;
        gap: unset;
        text-align: left;
        align-items: flex-start;
    }

    .access_list dt {
        border-bottom: unset;
        padding: 0;
        width: 8em;
    }

    .access_list dd {
        width: calc(100% - 9em);
    }

    .access .img img {
        height: 26rem;
    }

    .info_map {
        margin: 0 0;
    }

}

/*900px以上*/
@media (min-width: 900px) {}