@charset "utf-8";
@import "https://mplus-fonts.osdn.jp/webfonts/basic_latin/mplus_webfonts.css";
@import "https://mplus-fonts.osdn.jp/webfonts/general-j/mplus_webfonts.css";

/* ============================================
    reset.css
    2017.08.17  by Otsuka Takashi
============================================= */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td,address,
header, hgroup, nav, article, aside, footer {margin: 0; padding: 0;}


@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
/*
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
*/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, "M+ Type-1 (general-j) Regular", "M+ P Type-1 (basic latin) Regular", Meiryo, sans-serif;
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

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

html {
  font-size:   62.5%;
}

h1,h2,h3,h4,h5,h6,address {font-style: normal; font-size: 100%; font-weight: normal;}

p {font-size: 100%; font-weight: normal; text-align:left;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
em,strong {font-style: normal; font-weight: bold;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

* {
  box-sizing:       border-box;
}

/* clearFix */
.clearFix:before,
.clearFix:after {
  content:"";
  display:table;
}

.clearFix:after {
  clear:both;
}