/*----------------------------------
  Common HTML elements and more for easier usage
------------------------------------*/

body {
  content: "";
  background: #2DC1D5 no-repeat center center;
}

body,
p {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	font-weight: 500 !important;
}

.bg-parallax-white {
  content: "";
  background: #FFFFFF no-repeat center center;
}

.wrapper-main {
  opacity: 0;
}

.swiper-slide {
}

.design_copyright {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
}

.design_copyright img {
  width: 125px;
  opacity: .6;
}

.s-header__nav-menu {
  width: 25.75rem;
  float: right;
  text-align: right;
  margin-bottom: 0;
}

.s-btn--primary-brd-02 {
  color: #fff;
  background: transparent;
  border-width: 0.0625rem;
  border-style: solid;
  background: #13b1cd;
  border-color: #13b1cd;
}

.s-btn--primary-brd-02:focus,
.s-btn--primary-brd-02:hover {
  color: #13b1cd;
  background: #fff;
  border-color: #13b1cd;
}
.main-title {
  width: 320px;
}

@media screen and (max-width: 768px) {
  .main-title {
    width: 240px;
  }
}

@media only screen and
(max-device-width : 768px) and
(max-device-width : 1024px) {
  .swiper-slide {
  }
  .bg-parallax-activity::before {
    content: "";
    background: url(/assets/img/main_04.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }

  .bg-parallax-member::before {
    content: "";
    background: url(/assets/img/main_04_middle.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -2;
  }

  .bg-parallax-contact::before {
    content: "";
    background: url(/assets/img/main_04_bottom.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -3;
  }
}

.txt-bule {
  color: #1e38fa;
}

.txt-red {
  color: #d12717;
}

.txt-outline {
  text-shadow:#fff 2px 0px,  #fff -2px 0px,
              #fff 0px -2px, #fff 0px 2px,
              #fff 2px 2px , #fff -2px 2px,
              #fff 2px -2px, #fff -2px -2px,
              #fff 1px 2px,  #fff -1px 2px,
              #fff 1px -2px, #fff -1px -2px,
              #fff 2px 1px,  #fff -2px 1px,
              #fff 2px -1px, #fff -2px -1px;
}