@charset "utf-8";
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap"); */

html {
 font-size: 62.5%;
  text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
button {
 margin: 0;
 padding: 0;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 font-size: inherit;
 font: 100%;
}

img {
 border: 0;
 vertical-align: bottom;
}

nav ul {
 list-style: none;
}
ul li {
 list-style: none;
}

blockquote,
q {
 quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
 content: "";
 content: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
}
body {
 font-size: 1rem;
 font-family: YakuHanJP, "Noto Sans JP", sans-serif;
 color: #000;
 text-align: center;
  text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
 line-height: 2;
 font-weight: normal;
 font-feature-settings: "palt";
 overflow-y: scroll;
}

a {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 transition: 0.4s;
 text-decoration: none;
}
ins {
 background-color: #ff9;
 color: #000;
 text-decoration: none;
}

mark {
 background-color: #ff9;
 color: #000;
 font-style: italic;
 font-weight: bold;
}

del {
 text-decoration: line-through;
}

abbr[title],
dfn[title] {
 border-bottom: 1px dotted #000;
 cursor: help;
}
input,
select {
 vertical-align: middle;
}
button {
 font-family: YakuHanJP, "Noto Sans JP", sans-serif;
 border: none;
 background-color: transparent;
 border: none;
 cursor: pointer;
 padding: 0;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 font-display: swap;
}

.flex {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.alphabet {
 text-transform: uppercase;
}

.pc_only {
 display: block;
}
.sp_only {
 display: none;
}
@media screen and (max-width: 767px) {
 .pc_only {
  display: none;
 }
 .sp_only {
  display: block;
 }
}

#wrapper img {
 width: 100%;
 height: auto;
}

.scrollLock {
 position: fixed;
 left: 0;
 width: 100%;
}


.fadein {
 opacity: 0;
 transition: .4s;
}

@media (scripting: none) {
 .fadein {
  opacity: 1;
 }
}
.scrollin {
 opacity: 1;
}