@charset "UTF-8";
/******************************************************* CONFIG */
/******************************************************* MIXIN */
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(51, 51, 51, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-size: 1.8rem; font-weight: normal; line-height: 180%; color: #333; text-align: left; background-color: #fff; }

@media screen and (max-width: 500px) { body { font-size: 1.3rem; } }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; }

p { margin-top: 0; margin-bottom: 0; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: bold; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bold; }

small { font-size: 80%; }

@media screen and (max-width: 500px) { small { font-size: 1.3rem; } }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

@media screen and (max-width: 500px) { sub, sup { font-size: 1.3rem; } }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #fff; text-decoration: none; background-color: transparent; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-size: 1em; }

@media screen and (max-width: 500px) { pre, code, kbd, samp { font-size: 1.3rem; } }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 1rem; padding-bottom: 1rem; color: #fff; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

@media screen and (max-width: 500px) { input, button, select, optgroup, textarea { font-size: 1.3rem; } }

button, input { overflow: visible; }

button, select { text-transform: none; }

select { word-wrap: normal; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

@media screen and (max-width: 500px) { legend { font-size: 1.3rem; } }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

/******************************************************* CONFIG */
/******************************************************* MIXIN */
/*******************************************************
  BACE

    - layout
    - typograph

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

body { line-height: 1; letter-spacing: 0.1rem; font-size: 1.0rem; color: #333; background-color: #fff; position: relative; font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; -webkit-font-smoothing: none; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; }

p { font-size: 1.8rem; line-height: 180%; }

.wrap { width: 720px; max-width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }

img { max-width: 100%; vertical-align: top; }

/*
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Teko&display=swap&subset=devanagari,latin-ext");
*/
::-moz-selection { background: rgba(255, 255, 255, 0.5); }
::selection { background: rgba(255, 255, 255, 0.5); }

h1 { font-size: 3rem; font-weight: 500; }

h2 { font-size: 2rem; font-weight: 500; }

p { margin-top: 1.5rem; }

ul { margin-top: 1.5rem; list-style-type: none; list-style-position: inside; }

ul li { margin: 1.5rem 0 0 0; }

ul.disc { list-style-type: disc; }

ul.disc li { margin: 1.5rem 0 0 1.5rem; text-indent: -1.3rem; }

ol { list-style-type: decimal; list-style-position: inside; }

ol li { margin: 1.5rem 0 0 1.4rem; text-indent: -1.3rem; }

a { color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:hover, a:active, a:focus { color: #666666; text-decoration: none; }

a:hover { text-decoration: underline; }

a:focus { outline: none; }

h1 + *, h2 + *, h3 + *, h4 + *, h5 + * { margin-top: 0; }

strong.mk { background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, rgba(21, 101, 192, 0.666))); background: linear-gradient(transparent 65%, rgba(21, 101, 192, 0.666) 65%); font-weight: bold; }
/*# sourceMappingURL=style.css.map */