html, body {
    font-size: 1rem;
    line-height: 1.6rem;
}

body {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
}
@media screen and (max-width: 992px) {
    body {
        margin-right: 1rem;
        margin-left: 1rem;
    }
}

img {
    max-width: 100%;
}

a:hover {
	opacity: 0.5;
}

.logo {
    margin-top: 1rem;
}

.size-l {
    font-size: max(1.5rem, 10px);
    line-height: 2.4rem;
}
.size-m {
    font-size: max(0.875rem, 10px);
    line-height: 1.4rem;
}
.size-s {
    font-size: max(0.75rem, 10px);
    line-height: 1.2rem;
}

.bold {
    font-weight: bold;
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}

.pc {
}
.sp {
    display: none;
}
@media screen and (max-width: 650px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
}

.copr {
    margin-bottom: 1rem;
}
.copr br {
    display: none;
}
@media screen and (max-width: 650px) {
    .copr br {
        display: inline;
    }
}