@charset "utf-8";

/*
Theme Name: 虎彦サイトリニューアルテーマ
Description: サイトのリニューアル時に採用するテーマファイルです
Version: 1.0.0
*/
html {
    font-size: 62.5%;
}


@media screen and (max-width:480px) {
    html {
        font-size: calc(10 / 375 * 100vw);
    }
}

body {
    font-size: 1.6rem;
    font-family: "Noto Serif JP", serif;
}

img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.torahiko-head {
    background-image: url("img/torahiko_head_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 15vh;
}


.torahiko {
    background-image: url("img/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 85vh;
}

.torahiko__inner {
    max-width: 96.4rem;
    width: 100%;
    height: 100%;
    margin-inline: auto;
    padding-inline: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.torahiko__title {
    margin-top: -15vh;
    text-align: center;
    font-size: 4rem;
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}


@media screen and (max-width:480px) {
    .torahiko__title {
        font-size: 3rem;
    }
}

.torahiko__title-span {
    display: block;
}

.torahiko__img {
    position: absolute;
    bottom: 5%;
    right: 5%;
    max-width: 40rem;
    width: 30vw;

}