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

abbr, address, b, blockquote, body, body div, caption, cite, code, dd, del, dfn, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul, var {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
img {max-width: 100%}
html {overflow-y: scroll}
ul {list-style: none}
blockquote, q {quotes: none}
blockquote:after, blockquote:before, q:after, q:before {content: "";content: none}
a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom: 1px dotted #000;cursor: help}
table {border-collapse: collapse;border-spacing: 0}
th {font-weight: 700}
td, th {vertical-align: top}
td {font-weight: 400}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
input, select {vertical-align: top}
pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word}
input[type=radio] {vertical-align: text-bottom}
input[type=checkbox] {vertical-align: bottom;*vertical-align: baseline}
input, select, textarea {font: 99% sans-serif}
table {font-size: inherit;font: 100%}
a:active, a:hover {outline: none}
td, td img {vertical-align: top}
sub, sup {font-size: 85%;line-height: 0;position: relative}
sup {top: -.5em}
sub {bottom: -.25em}
code, kbd, pre, samp {font-family: monospace, sans-serif}
.clickable, button, input[type=button], input[type=submit], label {cursor: pointer}
button, input, select, textarea {margin: 0}
button {width: auto;overflow: visible;max-width: 100%}
h1, h2, h3, h4, h5, h6 {font-weight: 400}
img {vertical-align: bottom}
.clear:after, .clear:before {content: " ";display: table}
.clear:after {clear: both}
.clear {*zoom: 1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0}
[hidden], template {display: none}
html {font-size: 62.5%}
body {word-break: break-all}
body.is-fixed {position: fixed;width: 100%;overflow: hidden}
a {color: #fff;cursor: pointer}
a:link, a:visited {text-decoration: none}
main a {-webkit-transition: opacity .3s ease-out;transition: opacity .3s ease-out}
img {vertical-align: middle}
caption {margin-bottom: 5px;text-align: left}
textarea {resize: vertical}
address, em {font-style: normal}
strong {font-weight: 400}
legend {display: none}
table {text-align: left}
table, td, th {font-weight: 400}
p>img {vertical-align: middle}
li, ol {list-style: none}
button {border: none;margin: 0;padding: 0;background: none;outline: none}


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

html, body {color: #222;font-family: 'Noto Sans JP', sans-serif,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin: 0;min-width: 960px;}

@media (max-width: 768px) {
	html, body {min-width: 320px;}
}

h1, h2, h3, h4, h5, h6, p {margin: 0; }
figure {margin: 0; }
img {vertical-align: top;border: none;}
address {font-style: normal; }
a {text-decoration: none;transition: opacity .3s ease-out;}

@media (min-width: 768px) {
	a img{transition: opacity .3s ease-out;}
	a:hover img {opacity: 0.7;}
}

ul,li {list-style: none;}

ul,li,dl,dt,dd {margin: 0;padding: 0;}
.clearfix:after{content:" ";display:block;clear:both;}