* {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: "M PLUS 1", sans-serif;
}

body {
    font-family: "M PLUS 1", sans-serif;
    font-optical-sizing: auto;
    font-weight: 40px;
    font-size: clamp(12px, 1.8vw, 16px);
    font-style: normal;
    color: var(--gray);
}

:root {
    --theme1: #ed9b9b;
    --theme2: #f08484;
    --theme3: #fbe6e6;
    --light-green: #4DB56A;
    --green: #006d4d;
    --pink: #ff8080;
    --red: #e74c3c;
    --gray: #333;
    --light-gray: #808080;
    --frame-gray: #e2e2e2;
}

.main {
    /* padding-top: 65px; 必要分 */ 
    padding-top: 75px;
    min-height: calc(100vh - 8em);
    position: relative;
}

a:hover {
    opacity: 0.75;
}

@media (min-width: 768px) {
    .main {
        padding-left: 5em;
        padding-right: 5em;
        max-width: 1150px;
        margin: auto;
    }
}

@media (max-width: 768px) {
    .main {
        padding-left: 1em;
        padding-right: 1em;
    }
}