@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 100;
  src: local("NotoSansMonoCJKjp-Regular"),
       local("Noto Sans Mono CJK JP Regular"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 200;
  src: local("NotoSansMonoCJKjp-Regular"),
       local("Noto Sans Mono CJK JP Regular"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 300;
  src: local("NotoSansMonoCJKjp-Regular"),
       local("Noto Sans Mono CJK JP Regular"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 400;
  src: local("NotoSansMonoCJKjp-Regular"),
       local("Noto Sans Mono CJK JP Regular"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 500;
  src: local("NotoSansMonoCJKjp-Regular"),
       local("Noto Sans Mono CJK JP Regular"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 600;
  src: local("NotoSansMonoCJKjp-Regular"),
       local("Noto Sans Mono CJK JP Regular"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Regular.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 700;
  src: local("NotoSansMonoCJKjp-Bold"),
       local("Noto Sans Mono CJK JP Bold"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 800;
  src: local("NotoSansMonoCJKjp-Bold"),
       local("Noto Sans Mono CJK JP Bold"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.otf")   format("opentype");
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 900;
  src: local("NotoSansMonoCJKjp-Bold"),
       local("Noto Sans Mono CJK JP Bold"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.otf")   format("opentype");
}

@font-face {
  font-family: "Noto Sans Mono CJK JP";
  font-weight: 900;
  src: local("NotoSansMonoCJKjp-Bold"),
       local("Noto Sans Mono CJK JP Bold"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff2") format("woff2"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.woff")  format("woff"),
       url("https://unpkg.com/@neos21/japanese-monospaced-fonts@1.0.0/NotoSansMonoCJKjp-Bold.otf")   format("opentype");
}



@font-face {
	font-family: 'Tazugane Gothic Black';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Black.otf") format('truetype');
}
@font-face {
	font-family: 'Tazugane Gothic Bold';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Bold.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic Book';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Book.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic Heavy';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Heavy.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic Light';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Light.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic Medium';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Medium.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic Thin';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-Thin.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic UltLt';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-UltLt.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic XBlack';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN-XBlack.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN.otf") format('truetype');
}

@font-face {
	font-family: 'Tazugane Gothic';
	src: url("/static/assets/font/Monotype-Tazugane-Gothic-StdN.otf") format('truetype');
}

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

body {
  background-color: #ffffff;
  color:#222;
  font-family: "Tazugane Gothic Light";
}

.tazugane-xblack{
  font-family: "Tazugane Gothic XBlack";
}

.tazugane-black{
  font-family: "Tazugane Gothic Black";
}

.tazugane-bold{
  font-family: "Tazugane Gothic Bold";
}

.tazugane-book{
  font-family: "Tazugane Gothic Book";
}

.tazugane-heavy{
  font-family: "Tazugane Gothic Heavy";
}

.tazugane-light{
  font-family: "Tazugane Gothic Light";
}

.tazugane-medium{
  font-family: "Tazugane Gothic Medium";
}

.tazugane-regular{
  font-family: "Tazugane Gothic";
}

.tazugane-thin{
  font-family: "Tazugane Gothic Thin";
}

.tazugane-ulight{
  font-family: "Tazugane Gothic UltLt";
}

.h1, h1 {
  text-align: center;
}

p {
  text-align: center;
}

.h2, h2 {
  text-align: center;
}

.h5, h5 {
  text-align: center;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  text-align: center;
}







/*---------smart phone---------*/

@media screen and (min-width: 0px) {

  .br-sm{
    display: block;
  }
  .br-tab{
    display: none;
  }
  .br-pc{
    display: none;
  }
  #top-area{
    padding-top: 30%;
  }

}

/*---------tablet---------*/

@media screen and (min-width: 768px) {

  .br-sm{
    display: none;
  }
  .br-tab{
    display: block;
  }
  .br-pc{
    display: none;
  }
  #top-area{
    padding-top: 20%;
  }
}

/*---------pc---------*/

@media screen and (min-width: 1200px) {

  .br-sm{
    display: none;
  }
  .br-tab{
    display: none;
  }
  .br-pc{
    display: block;
  }
#top-area{
    padding-top: 7.8%;
  }
}

.bar-clear{
  background-color:#fc5c65 ;
}

.bar-learning{
  background-color: #45aaf2;
}


#fadeLayer {
  position:absolute;
  top:0px;
  left:0px;

  width:100%;
  height:100%;

  background-color:#000000;
  opacity:0.5;
  visibility:hidden;
  z-index:1;
}

.lock-img{
max-width:15px;
max-height:15px;
margin-bottom: 5px;
}