@charset "UTF-8";
/* 模様１ */
/* 模様２ */
/* 模様３ */
/* 模様４ */
/* ゴミ？ */
/* ゴミ？ */
/* 指定した行以降省略 */
/** video用パターン **/
/* タイトル用 */
/* エリア用 */
/* 日付タイトル用 */
/* ヘッダー */
body {
  user-select: none;
}

.h2_header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(135, 206, 235, 0.1);
  font-family: "DotGothic16", sans-serif;
  z-index: 97;
  color: #313277;
}
@media screen and (max-width: 1400px) {
  .h2_header {
    height: 15vw;
  }
}
@media screen and (min-width: 1400px) {
  .h2_header {
    height: 100px;
  }
}
.h2_header .h2_title {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .h2_header .h2_title {
    font-size: var(--h7);
  }
}
@media screen and (min-width: 1400px) {
  .h2_header .h2_title {
    font-size: 30px;
  }
}
.h2_header .h2_title .h2_subTitleIconArea {
  margin-left: 15px;
  margin-right: 30px;
  margin-top: 2px;
  margin-bottom: -2px;
  position: relative;
}
.h2_header .h2_title .h2_subTitleIconArea .h2_subTitleIcon1, .h2_header .h2_title .h2_subTitleIconArea .h2_subTitleIcon2 {
  position: absolute;
  background-color: #4b4d8d;
  width: 15px;
  height: 2px;
  border-radius: 5px;
}
.h2_header .h2_title .h2_subTitleIconArea .h2_subTitleIcon1 {
  transform: rotate(30deg);
  top: -4.5px;
}
.h2_header .h2_title .h2_subTitleIconArea .h2_subTitleIcon2 {
  transform: rotate(-30deg);
  bottom: -4.5px;
}
.h2_header .h2_title .h2_subTitle {
  display: inline-block;
}
@media screen and (max-width: 1400px) {
  .h2_header .h2_title .h2_subTitle {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1400px) {
  .h2_header .h2_title .h2_subTitle {
    font-size: 25px;
  }
}
.h2_header input {
  display: none;
}
@media screen and (max-width: 1400px) {
  .h2_header .h2_menueButtom, .h2_header .h2_menueButtom_canccel {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align: center;
    background-color: skyblue;
    width: 8vw;
    height: 8vw;
    z-index: 95;
    text-align: center;
    border-radius: 100%;
  }
  .h2_header .h2_menueButtom .h2_hamburger_bar, .h2_header .h2_menueButtom_canccel .h2_hamburger_bar {
    position: absolute;
    left: 20%;
    width: 60%;
    height: 8%;
    background-color: white;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .h2_header .h2_menueButtom .h2_hamburger_bar:nth-of-type(1), .h2_header .h2_menueButtom_canccel .h2_hamburger_bar:nth-of-type(1) {
    top: 20%;
  }
  .h2_header .h2_menueButtom .h2_hamburger_bar:nth-of-type(2), .h2_header .h2_menueButtom_canccel .h2_hamburger_bar:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .h2_header .h2_menueButtom .h2_hamburger_bar:nth-of-type(3), .h2_header .h2_menueButtom_canccel .h2_hamburger_bar:nth-of-type(3) {
    bottom: 20%;
  }
  .h2_header .h2_menueButtom_canccel {
    top: -50%;
    opacity: 0;
    transition: all 0.5s;
  }
  .h2_header #menu-btn-check:checked ~ .h2_menueButtom {
    z-index: 93;
  }
  .h2_header #menu-btn-check:checked ~ .h2_menueButtom .h2_hamburger_bar:nth-of-type(1) {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(225deg);
  }
  .h2_header #menu-btn-check:checked ~ .h2_menueButtom .h2_hamburger_bar:nth-of-type(2) {
    height: 0;
    transform: rotate(180deg);
  }
  .h2_header #menu-btn-check:checked ~ .h2_menueButtom .h2_hamburger_bar:nth-of-type(3) {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(-225deg);
  }
  .h2_header .h2_tagArea {
    position: fixed;
    top: -100vh;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: white;
    height: 100vh;
    transition: all 0.5s;
    overflow: hidden;
  }
  .h2_header .h2_tagArea::-webkit-scrollbar {
    display: none;
  }
  .h2_header #menu-btn-check:checked ~ .h2_tagArea {
    top: 0;
    overflow: scroll;
  }
  .h2_header #menu-btn-check:checked ~ .h2_tagArea object {
    color: red;
  }
}
@media screen and (min-width: 1400px) {
  .h2_header .h2_tagArea {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    min-height: 10px;
    min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .h2_header .h2_tagArea .h2_tag {
    display: inline;
  }
  .h2_header .h2_tagArea .h2_tag::before {
    content: "";
    border-left: 1px solid black;
    height: 100%;
    margin-right: 15px;
    margin-left: 15px;
  }
  .h2_header .h2_tagArea .h2_tag:first-child::before {
    content: "";
    border-left: 0;
    height: 0;
    margin-right: 0;
    margin-left: 0;
  }
  .h2_header .h2_tagArea .h2_tag:hover {
    color: #fdddff;
    -webkit-text-stroke: 0.1vw #fdddff;
  }
}

@media screen and (max-width: 1400px) {
  .h2_dummySpace {
    height: 15vw;
  }
}
@media screen and (min-width: 1400px) {
  .h2_dummySpace {
    height: 100px;
  }
}

/** 【フッター】 **/
.footerHr {
  width: 90vw;
  margin-left: 5vw;
}

.footer {
  position: relative;
  width: 100%;
  height: 5vw;
  background-color: #ffe8f8;
  font-family: "DotGothic16", sans-serif;
}

/* ボディ */
body {
  padding: 0;
  margin: 0;
  /* background-image:  radial-gradient(#fdf4d8 2px, transparent 2px), radial-gradient(#fdf4d8 2px, #ffffff 2px); */
  /* background-size: 40px 40px; */
  /* background-position: 0 0,20px 20px; */
  /* background-image:
      repeating-linear-gradient( 45deg , rgb(230, 230, 255) 0px , rgb(230, 230, 255) 5px , transparent 5px , transparent 61vh),
      repeating-linear-gradient( -45deg , rgb(200, 255, 200) 0px , rgb(200, 255, 200) 20px , transparent 20px , transparent 72vh),
      repeating-linear-gradient( 0deg , rgb(239, 239, 255) 0px , rgb(239, 239, 255) 5px , transparent 5px , transparent 45vh),
      repeating-linear-gradient( 90deg , rgb(255, 239, 230) 0px , rgb(255, 239, 230) 10px , transparent 10px , transparent 30vw)
  ; */
  transition: background-position-y 0.01s;
  -ms-overflow-style: none;
  min-height: 100vh;
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 5000vw;
  background-image: url(/img/bg.svg);
  background-color: rgba(255, 255, 255, 0.9);
  background-blend-mode: lighten;
  z-index: 0;
}

body::-webkit-scrollbar {
  display: none;
}

.body2 {
  background-color: rgb(255, 255, 255);
  transition: all 1s;
}

.body2_aft {
  animation-name: body2_aft;
  /* 開始終了時の状態指定 */
  animation-fill-mode: forwards;
  /* アニメーション時間 */
  animation-duration: 1s;
  /* 進行具合 */
  animation-timing-function: ease;
  /* 初動遅延 */
  animation-delay: 0s;
  /* 再生の向き */
  animation-direction: normal;
}

@keyframes body2_aft {
  0% {
    background-color: rgb(255, 255, 255);
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
.Paper_v2 {
  background-image: repeating-linear-gradient(to bottom, transparent 25px, rgba(255, 0, 0, 0.04) 26px, rgba(255, 0, 0, 0.04) 26px, transparent 27px, transparent 51px, rgba(255, 0, 0, 0.04) 52px, rgba(255, 0, 0, 0.04) 52px, transparent 53px, transparent 77px, rgba(255, 0, 0, 0.04) 78px, rgba(255, 0, 0, 0.04) 78px, transparent 79px, transparent 103px, rgba(255, 0, 0, 0.04) 104px, rgba(255, 0, 0, 0.04) 104px, transparent 105px, transparent 129px, rgba(255, 0, 0, 0.04) 130px, rgba(255, 0, 0, 0.04) 130px), repeating-linear-gradient(to right, transparent 25px, rgba(255, 0, 0, 0.04) 26px, rgba(255, 0, 0, 0.04) 26px, transparent 27px, transparent 51px, rgba(255, 0, 0, 0.04) 52px, rgba(255, 0, 0, 0.04) 52px, transparent 53px, transparent 77px, rgba(255, 0, 0, 0.04) 78px, rgba(255, 0, 0, 0.04) 78px, transparent 79px, transparent 103px, rgba(255, 0, 0, 0.04) 104px, rgba(255, 0, 0, 0.04) 104px, transparent 105px, transparent 129px, rgba(255, 0, 0, 0.04) 130px, rgba(255, 0, 0, 0.04) 130px);
}

.Cross {
  background: radial-gradient(circle, transparent 20%, #eee 20%, #eee 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #eee 20%, #eee 80%, transparent 80%, transparent) 50px 50px, linear-gradient(#e2e1ff 4px, transparent 4px) 0 -2px, linear-gradient(90deg, #fdddff 4px, #eee 4px) -2px 0;
  background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}

.stars {
  background: linear-gradient(324deg, #ffffff 4%, transparent 4%) -70px 43px, linear-gradient(36deg, #ffffff 4%, transparent 4%) 30px 43px, linear-gradient(72deg, #ccf 8.5%, transparent 8.5%) 30px 43px, linear-gradient(288deg, #ccf 8.5%, transparent 8.5%) -70px 43px, linear-gradient(216deg, #ccf 7.5%, transparent 7.5%) -70px 23px, linear-gradient(144deg, #ccf 7.5%, transparent 7.5%) 30px 23px, linear-gradient(324deg, #ffffff 4%, transparent 4%) -20px 93px, linear-gradient(36deg, #ffffff 4%, transparent 4%) 80px 93px, linear-gradient(72deg, #ccf 8.5%, transparent 8.5%) 80px 93px, linear-gradient(288deg, #ccf 8.5%, transparent 8.5%) -20px 93px, linear-gradient(216deg, #ccf 7.5%, transparent 7.5%) -20px 73px, linear-gradient(144deg, #ccf 7.5%, transparent 7.5%) 80px 73px;
  background-color: #ffffff;
  background-size: 100px 100px;
}

.linesPaper {
  background-color: #fff;
  background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#eee 0.1em, transparent 0.1em);
  background-size: 100% 1.2em;
}

.fadeIn,
.fadeInB,
.fadeIn2,
.fadeIn3,
.fadeIn4,
.pageintFade {
  /* 開始終了時の状態指定 */
  animation-fill-mode: forwards;
  /* アニメーション時間 */
  animation-duration: 1s;
  /* 進行具合 */
  animation-timing-function: ease;
  /* 初動遅延 */
  animation-delay: 0s;
  /* 再生の向き */
  animation-direction: normal;
}

.pageintFade {
  animation-duration: 0.5s;
}

.fadeIn,
.fadeInB {
  /* 定義名 */
  animation-name: fadeInAnime;
}

.fadeIn2 {
  /* 定義名 */
  animation-name: fadeInAnime2;
}

.fadeIn3 {
  /* 定義名 */
  animation-name: fadeInAnime3;
}

.fadeIn4 {
  /* 定義名 */
  animation-name: fadeInAnime4;
}

.pageintFade {
  animation-name: fadeInAnime;
}

/*1で解説*/
@keyframes fadeInAnime {
  0% {
    opacity: 0;
    margin-left: 1vw;
    margin-right: -1vw;
  }
  100% {
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
  }
}
@keyframes fadeInAnime2 {
  0% {
    opacity: 0;
    margin-left: -1vw;
    margin-right: 1vw;
  }
  100% {
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
  }
}
@keyframes fadeInAnime3 {
  0% {
    opacity: 0;
    margin-left: 5vw;
    margin-right: -5vw;
  }
  100% {
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
  }
}
@keyframes fadeInAnime4 {
  0% {
    opacity: 0;
    margin-top: 5vw;
    margin-bottom: -5vw;
  }
  100% {
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
  }
}
a {
  text-decoration: none;
  color: #313277;
}

space {
  display: block;
  height: 4vh;
}

@media screen and (min-width: 0px) and (max-width: 1400px) {
  .h2_header .h2_tagArea object {
    display: block;
    color: #313277;
    margin-top: 10vw;
    width: 90%;
    translate: 5% 0;
    width: 90vw;
    height: 8vw;
  }
  .h2_header .h2_tagArea object .h2_tag {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: var(--h5);
  }
  .h2_header .h2_tagArea object:first-of-type {
    margin-top: 20vw;
  }
  .h2_header .h2_tagArea object:last-of-type {
    margin-bottom: 20vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 9999px) {
  .h2_header .h2_tagArea object:not(:last-of-type)::after {
    content: "";
    border-left: 1px solid black;
    margin: 0 1vw 0 1vw;
  }
}

/*# sourceMappingURL=99_public.css.map */