@charset "UTF-8";

/* ashitaka */

.ashitaka__intro {
    padding-top: 2em;
    background-color: #fff;
    text-align: center;
}

.ashitaka__introText {
    display: block;
    margin-top: 1em;
    letter-spacing: .1em;
    font-weight: 500;
    font-size: clamp(1.2rem, .318rem + 3.92vw, 2.2rem);
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", yumincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.ashitaka__colImg {
    width: 100%;
    margin-bottom: 1.5em;
    opacity: 0;
}

.ashitaka__colImg > img {
    width: 100%;
    height: 100%;
       object-fit: cover;

    -o-object-fit: cover;
    aspect-ratio: 420/230;
}

.ashitaka__colImg.is-scrollAni {
    -webkit-animation: fadeInShort .8s both .2s;
            animation: fadeInShort .8s both .2s;
}

.ashitaka__message {
    margin-top: 3em;
    padding-top: 2em;
    border-top: 1px dotted #c3c3c3;
    text-align: center;
}

.ashitaka__messageText {
    margin-top: 1.5em;
    font-size: 1.5rem;
}

.ashitaka__pet {
    margin-top: 3em;
    background-color: #008141;
    color: #fff;
    opacity: 0;
}

.ashitaka__pet.is-scrollAni {
    -webkit-animation: fadeInShort .8s both .2s;
            animation: fadeInShort .8s both .2s;
}

.ashitaka__petImg {
    width: 100%;
}

.ashitaka__petImg > img {
    max-height: 200px;
    width: 50%;
    height: 100%;
       object-fit: cover;

    -o-object-fit: cover;
}

.ashitaka__petUnit {
    flex: 1;
    padding: .5em;
    text-align: center;
    font-weight: 500;
    font-size: 1.7rem;
}

.ashitaka__petTtl {
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #fff;
    font-size: 1.6rem;
}

.ashitaka__petTag {
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 2.4rem;
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", yumincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.5;
}

.ashitaka__info {
    margin-top: 2em;
    padding: 1em;
    background-color: #380c51;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
}

.ashitaka__infoTtl {
    margin: 1em 0;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.5;
}

.ashitaka__infoName {
    margin-top: .5em;
    padding-top: .5em;
    border-top: 1px dotted #fff;
    font-size: 1.7rem;
    line-height: 1.5;
}

.ashitaka__infoInner {
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 10px;
    background-color: #fff;
    color: #000;
}

.ashitaka__infoInner .tag__line {
    margin: 1em 0;
}

.ashitaka__contact {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #380c51;
}

.ashitaka__access > p:last-child {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dotted #c3c3c3;
}

.ashitaka__map {
    margin-top: 1em;
}

.ashitaka__map > iframe {
    width: 100%;
    height: auto;
    border: 0;

    aspect-ratio: 16/9;
}

@media screen and (min-width: 768px), print {
    .ashitaka__introText {
        font-size: 2.4rem;
    }

    .ashitaka__colImg {
        width: 420px;
        margin-right: 4em;
        margin-bottom: 0;
    }

    .ashitaka__colUnit {
        flex: 1;
    }

    .ashitaka__message {
        margin-top: 5em;
        padding-top: 0;
        border-top: none;
    }

    .ashitaka__messageText {
        margin-top: 1em;
        font-size: 1.7rem;
    }

    .ashitaka__petImg {
        width: 45%;
    }

    .ashitaka__petImg > img {
        max-height: none;
    }

    .ashitaka__petUnit {
        padding: 1em 1.5em;
        font-size: 2.4rem;
    }

    .ashitaka__petTtl {
        font-size: 2rem;
    }

    .ashitaka__petTag {
        font-size: 3.4rem;
    }

    .ashitaka__info {
        margin-top: 4em;
        padding: 3em;
        font-size: 1.7rem;
    }

    .ashitaka__infoTtl {
        margin: .5em 0;
        font-size: 4.4rem;
    }

    .ashitaka__infoName {
        font-size: 2.4rem;
    }

    .ashitaka__infoInner {
        margin-bottom: 2em;
        padding: 2em 2em 3em 2em;
    }

    .ashitaka__infoInner .tag__line {
        min-width: 600px;
    }

    .ashitaka__access > p {
        margin-right: 7em;
    }

    .ashitaka__access > p:last-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .ashitaka__map {
        margin-top: 3em;
    }
}

@media screen and (min-width: 1280px), print {
    .ashitaka__petUnit {
        font-size: 2.8rem;
    }

    .ashitaka__infoTtl {
        font-size: 5.3rem;
    }
}