@import url(./custom.css);

.text-shadow {
    text-shadow: rgb(80, 80, 80) 1px 0 10px;
}

.move-s-05em {
    margin-left: -0.5em;
}

.hero-image {
    background-image: url('../img/general/header_img.jpg');
    background-size: cover;
    background-position: center;
}

.nav-logo {
    width: 180px;
    height: auto;
}

.footnote {
    font-size: 1.0rem;
}

/* 矢印などの画面による回転 */

/* PC向け（横向き） */
@media (min-width: 768px) {
    .rotatable-clockwise {
        transform: none;
        transform-origin: center center;
    }

    .rotatable-anticlockwise {
        transform: none;
        transform-origin: center center;
    }
}

/* スマートフォン向け（縦向き） */
@media (max-width: 767.98px) {
    .rotatable-clockwise {
        transform: rotate(90deg);
        transform-origin: center center;
    }

    .rotatable-anticlockwise {
        transform: rotate(-90deg);
        transform-origin: center center;
    }
}