@charset "UTF-8";

/* 共通部分　*/
html {
    font-size: 100%;
    scroll-behavior: smooth; /*スクロールをスムーズに*/
}

body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    line-height: 1.7;
    color: #432;
    background-color: beige;
    text-align: center;
}

nav {
    margin: .5rem 0; /*上下余白*/
}

p {
    margin: 0 20px; /*左右余白*/
    margin-bottom: 0.5rem; /*下余白*/
}

img {
    max-width: 100%; /*画像を中央に表示する*/
    margin-top: 0.5rem; /*上余白*/
}

h2 {
    margin: 0.5rem 0; /*上下余白*/
}

h3 {
    margin: 0.5rem 0; /*上下余白*/
}

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}