@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700);
.mv {
  background: url(../images/index/mv.png) center top no-repeat;
  background-size: cover;
  width: 100%;
  height: 967px;
}

@media screen and (max-width: 769px) {
  .mv {
    background: url(../images/index/mv_sp.png) center top no-repeat;
    background-size: cover;
    height: 733px;
  }
}

.mv__inner {
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.mv__inner__title {
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 647px;
  position: absolute;
  top: 40px;
  left: 0;
}

@media screen and (max-width: 769px) {
  .mv__inner__title {
    width: 60px;
    height: 500px;
    padding: 0;
    top: auto;
    bottom: 180px;
  }
}

@media screen and (max-width: 769px) {
  .mv__inner__title.fadein {
    opacity: 1;
    transform: translateY(0);
  }
}

.mv__inner__title__txt {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "Noto Serif JP",serif;
  font-weight: 400;
  letter-spacing: .5em;
  display: block;
  line-height: 1;
  white-space: nowrap;
}

.mv__inner__title__txt span {
  color: #bf000a;
}

@media screen and (max-width: 769px) {
  .mv__inner__title__txt {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 769px) {
  .mv__inner__title__txt.fadein {
    opacity: 1;
    transform: translateY(0);
  }
}

.mv__inner__txt {
  max-width: 340px;
  position: absolute;
  bottom: 250px;
  right: 90px;
  color: #fff;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: "Noto Serif JP",serif;
  font-weight: 400;
}

@media screen and (max-width: 769px) {
  .mv__inner__txt {
    max-width: 60%;
    bottom: 180px;
    font-size: 14px;
    font-size: 1.4rem;
    right: 20px;
  }
}

@media screen and (max-width: 769px) {
  .mv__inner__txt.fadein {
    opacity: 1;
    transform: translateY(0);
  }
}

.about {
  background: #fff;
  max-width: 845px;
  margin: -200px auto 0;
  padding: 50px 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 769px) {
  .about {
    width: 90%;
    margin: -150px auto 0;
  }
}

.about__title:after {
  background: #bf000a;
}

.about__txt {
  width: 645px;
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Noto Serif JP",serif;
  line-height: 2;
}

@media screen and (max-width: 769px) {
  .about__txt {
    width: 85%;
    box-sizing: border-box;
  }
}

.about__btnarea {
  width: 246px;
  margin: 40px auto 0;
}

.about__btnarea .btn:hover {
  background: #000;
  color: #fff;
}

@media screen and (max-width: 769px) {
  .about.fadein {
    opacity: 1;
  }
}

.news {
  background: #000;
  margin-top: -160px;
  padding: 240px 0 80px;
}

@media screen and (max-width: 769px) {
  .news {
    margin-top: -305px;
    padding: 355px 0 70px;
    box-sizing: border-box;
  }
}

.news__title {
  color: #fff;
}

.news__title:after {
  background: #fff;
}

.news__list {
  max-width: 1024px;
  margin: 0 auto;
}

.news__list li a {
  display: flex;
  max-width: 845px;
  margin: 0 auto;
  padding: 30px 0;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #fff;
}

.news__list li a span {
  background: #bf000a;
  width: 80px;
  height: 22px;
  text-align: center;
  color: #fff;
  line-height: 22px;
  border-radius: 6px;
  margin-left: 15px;
}

.news__list li a p {
  max-width: 640px;
  font-family: "Noto Serif JP",serif;
  margin-left: 15px;
}

@media screen and (max-width: 980px) {
  .news__list {
    padding: 0 20px;
  }
}

@media screen and (max-width: 769px) {
  .news__list li a {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 769px) {
  .news__list li a p {
    width: 100%;
    margin: 20px 0 0 0;
  }
}

.news__btnarea {
  width: 246px;
  margin: 40px auto 0;
}

.news__btnarea .btn {
  border-color: #fff;
  color: #fff;
}

.news__btnarea .btn:hover {
  background: #fff;
  color: #000;
}

.linkarea {
  display: flex;
  flex-wrap: wrap;
}

.linkarea__inner {
  box-sizing: border-box;
}

.linkarea__inner a {
  display: block;
  position: relative;
  transition: all .3s ease;
}

.linkarea__inner a p {
  background: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: "Noto Serif JP",serif;
  line-height: 100px;
}

.linkarea__inner a p:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -5px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #fff;
  transform: rotateZ(45deg);
  border-color: #bf000a;
  right: 15px;
}

.linkarea__inner a:hover {
  opacity: .8;
}

.linkarea__inner.aboutbook {
  width: 100%;
}

.linkarea__inner.aboutbook a {
  background: url(../images/index/bg_01.png) center center no-repeat;
  background-size: cover;
  height: 650px;
  flex-grow: 1;
  border-bottom: 1px solid #fff;
}

.linkarea__inner.aboutbook.en a {
  background: url(../images/index/en_bg_01.png) center center no-repeat;
}

.linkarea__inner.flow {
  width: 50%;
}

.linkarea__inner.flow a {
  background: url(../images/index/bg_02.png) center center no-repeat;
  background-size: cover;
  height: 512px;
  border-bottom: 1px solid #fff;
}

.linkarea__inner.flow.en a {
  background: url(../images/index/en_bg_02.png) center center no-repeat;
}

.linkarea__inner.problem {
  width: 50%;
}

.linkarea__inner.problem a {
  background: url(../images/index/bg_03.png) center center no-repeat;
  background-size: cover;
  height: 512px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

.linkarea__inner.problem.en a {
  background: url(../images/index/en_bg_03.png) center center no-repeat;
}

@media screen and (max-width: 769px) {
  .linkarea__inner a p {
    height: 35px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 35px;
  }
}

@media screen and (max-width: 320px) {
  .linkarea__inner a p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 769px) {
  .linkarea__inner.aboutbook a {
    height: 273px;
  }
}

@media screen and (max-width: 769px) {
  .linkarea__inner.flow a {
    height: 223px;
  }
}

@media screen and (max-width: 769px) {
  .linkarea__inner.problem a {
    height: 223px;
  }
}

.official {
  background: url(../images/index/bg_04.png) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 747px;
}

@media screen and (max-width: 769px) {
  .official {
    background: 0 0;
    background-color: #000;
    height: auto;
    padding: 70px 0;
    box-sizing: border-box;
  }
}

.official__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
  max-width: 980px;
  height: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 980px) {
  .official__inner {
    padding: 0 20px;
    box-sizing: border-box;
  }
}

.official__inner__contents {
  max-width: 360px;
  color: #fff;
}

@media screen and (max-width: 769px) {
  .official__inner__contents {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}

.official__inner__contents__title {
  color: #fff;
}

.official__inner__contents__title:after {
  background: #fff;
}

.official__inner__contents__txt {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Noto Serif JP",serif;
  line-height: 2;
}

.official__inner__contents__btnarea {
  width: 246px;
  margin: 40px auto 0;
}

.official__inner__contents__btnarea .btn {
  background: #bf000a;
  color: #fff;
}

.official__inner__contents__btnarea .btn:hover {
  background: #fff;
  color: #000;
}

@media screen and (max-width: 320px) {
  .official__inner__contents__btnarea {
    width: 85%;
  }
}

#english .mv__inner__title {
  width: 55px;
}

#english .mv__inner__title .mv__inner__title__txt {
  font-size: 1.1rem;
}

@media screen and (max-width: 769px) {
  #english .mv__inner__title .mv__inner__title__txt {
    font-size: .7rem;
  }
}

#english .news .news__list li a span {
  width: 105px;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl92YXJpYWJsZXMuc2NzcyIsImluZGV4LnNjc3MiLCJfbWl4aW4uc2NzcyIsIl9leHRlbmQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiaUJBT0EsMkZBRUEsc0ZBRkEsMkZBRUEsc0ZDQUEsSUFDRSxXQUFZLDRCQUE4QixPQUFPLElBQUksVUFDckQsZ0JBQWlCLE1BQ2pCLE1BQU8sS0FDUCxPQUFRLE1DTlQsb0NERUQsSUFNSSxXQUFZLCtCQUFpQyxPQUFPLElBQUksVUFDeEQsZ0JBQWlCLE1BQ2pCLE9BQVEsT0FFVixXQUNFLFVBQVcsT0FDWCxPQUFRLEtBQ1IsT0FBUSxFQUFBLEtBQ1IsU0FBVSxTQUNWLGtCQUNFLFdEdEJFLEtFeUNOLFFBQVMsS0RqQkwsZ0JBQWlCLE9BQ2pCLFlBQWEsT0FDYixNQUFPLEtBQ1AsT0FBUSxNQUNSLFNBQVUsU0FDVixJQUFLLEtBQ0wsS0FBTSxFQzFCWCxvQ0RpQkcsa0JBV0ksTUFBTyxLQUNQLE9BQVEsTUFDUixRQUFTLEVBQ1QsSUFBSyxLQUNMLE9BQVEsT0NoQ2Ysb0NEaUJJLHlCQW1CSyxRQUFTLEVBQ1QsVUFBVyxlQUdmLHVCQUNFLGFBQWMsWUFDZCxNRC9DQSxLRW9DSixVQUFXLEtBQ1gsVUFBVyxPRFlQLFlEM0NVLGVBQWUsQ0FBRSxNQzRDM0IsWUFBYSxJQUNiLGVBQWdCLEtBQ2hCLFFBQVMsTUFDVCxZQUFhLEVBQ2IsWUFBYSxPQ2pEcEIsb0NEd0NLLHVCQ1RGLFVBQVcsS0FDWCxVQUFXLE1EUVIsNEJBY0csTUR6REosUUVHTCxvQ0R3Q00sOEJBa0JHLFFBQVMsRUFDVCxVQUFXLGVBS2pCLGdCQUNFLFVBQVcsTUFDWCxTQUFVLFNBQ1YsT0FBUSxNQUNSLE1BQU8sS0FDUCxNRDFFRSxLRW9DSixVQUFXLEtBQ1gsVUFBVyxPRHVDVCxZRHRFWSxlQUFlLENBQUUsTUN1RTdCLFlBQWEsSUN4RWxCLG9DRGdFRyxnQkFVSSxVQUFXLElBQ1gsT0FBUSxNQzVDWixVQUFXLEtBQ1gsVUFBVyxPRDZDUCxNQUFP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 */
/*# sourceMappingURL=sourcemaps/index.css.map */