@charset "utf-8";

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-size: 1.6rem;
    color: #333;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

img,
svg {
    width: 100%;
    vertical-align: bottom;
}

a {
    text-decoration: none;
    display: inline-block;
    color: #343434;
}

a:hover {
    opacity: 0.7;
    transition: 0.3s;
}