/*
  Windows: "游ゴシック", "Yu Gothic"
  Mac: "游ゴシック体", "YuGothic"
*/
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium"),
    local("Yu Gothic");
}

* {
  /*  英数字はHelvetica、日本語は游ゴシックが適用される。 */
  font-family: Helvetica, "游ゴシック", sans-serif;
}

/* */
.drawer-hamburger {
  display: flex;
  background: #fff;
  width: 45px;
  height: 10px;
}

.drawer-hamburger:hover {
  background: #fff;
  width: 45px;
  height: 10px;
}


/*Headnav*/
#headnav {
}


#headnav ul li img {
  width: 150px;
}

#headnav ul li i {
  font-size: 20px;
}

/*Swiper Swiper2 */
/**
 * スライダーの幅を指定しているだけ
 */
.swiper,
.swiper2 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.swiper {
  overflow: visible;
}
.swiper2 {
  overflow: hidden;
}

.swiper2_1 {
  overflow: hidden;
  padding: 0 0 15px 0;
}

.swiper-button-prev,
.swiper-button-next {
  width: 32px;
  height: 32px;
  margin-top: -16px;
}

.swiper-button-prev {
  background: url('/assets/img/slider/leftbutton.png') no-repeat center center / contain;
}

.swiper-button-prev::after {
  content: "";
}

.swiper-button-next {
  background: url('/assets/img/slider/rightbutton.png') no-repeat center center / contain;
}

.swiper-button-next::after {
  content: "";
}


.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
  left: 0;
  width: 100%;
}

/* 全体のスタイル */
.swiper-pagination-bullet {
  width: 12px;
  /* 幅 */
  height: 12px;
  /* 高さ */
  background: #FFF;
  /* 色：緑 */
  opacity: 0.5;
  /* 半透明（デフォルトでは0.2） */
  border: 1px solid #333;
}

/* 現在のスライドのスタイル */
.swiper-pagination-bullet-active {
  width: 12px;
  /* 幅 */
  height: 12px;
  /* 高さ */
  background: #333;
  /* 色：黄色 */
  opacity: 1;
  /* 不透明 */
  border: 1px solid #333;
}

.swiper2 .swiper-button-prev {
  background: url('/assets/img/slider/leftbutton2.png') no-repeat center center / contain;
}

.swiper2 .swiper-button-prev::after {
  content: "";
}

.swiper2 .swiper-button-next {
  background: url('/assets/img/slider/rightbutton2.png') no-repeat center center / contain;
}

.swiper2 .swiper-button-next::after {
  content: "";
}

.swiper2 .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0px;
  left: 0;
  width: 100%;
}

/* DETAIL */
.detail-table {
    width: 100%;
    border-top: 1px solid #333333;
}
.detail-table td {
    padding: 2px;
    border-bottom: 1px solid #333333;
}
/* article */
#article a {
    text-decoration: underline;
}

/* Slideshow */

/* content4 */
#slideshow.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 400px;
}

.slideshow {
  display: flex;
  -webkit-animation: loop-slide 30s infinite linear 1s both;
  animation: loop-slide 30s infinite linear 1s both;
  list-style: none;
}
.slideshow .content {
  width: 300px;
  height: 300px;
}


@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

/* */
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}


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

  #events .swiper-button-prev,
  #events .swiper-button-next,
  #events .swiper-pagination {
    display: none;
  }
}

@media screen and (max-width:764px) {

  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    display: none;
  }

  #events {
    position: relative;
  }

  #events.swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
  }

  #events .swiper-button-prev {
    background: url(/assets/img/slider/leftbutton2.png) no-repeat center center / contain;
    top: 47%;
  }

  #events .swiper-button-next {
    background: url(/assets/img/slider/rightbutton2.png) no-repeat center center / contain;
    top: 47%;
  }
}







/*  */
.content-hover {
  transition: all 0.2s;
  margin-right: 20px;
}

.content-hover:hover {
  transform: translateY(-20px);
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}

/* */

/*OUR PROJECT*/
#ourproject {
  background-color: #e9e9e9;
  padding-bottom: 2em;
}

#ourproject h2 {
  margin: 0 1em 1em;
  padding-top: 0.5em;
}

#ourproject .ourproject {
  text-align: center;
  font-weight: bold;
}

#ourproject .ourproject p {
  margin-top: 1em;
}

#ourproject .ourproject img:hover {
  opacity: 0.5;
}

/*footer*/
.bar {
  background-color: #ee0000;
  margin: 0 auto;
  height: 30px;
}

.bar .triangle {
  height: 20px;
  width: 30px;
  padding: 5px 0;
  margin: 0 auto;
}

.bar .triangle div {
  margin: 0 auto;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  border-color: transparent transparent #FFF transparent;
}

#footer {
  background-color: #000000;
  color: #FFF;
  padding-top: 1em;
}

#footer .footer .fmenu {
  list-style: none;
  font-weight: bold;
}

#footer .footer .fmenu li {
  position: relative;
  padding: 0 0.3em 0 1.3em;
}

#footer .footer .fmenu li a {
  color: #FFF;
  font-weight: bold;
}

#footer .footer .fmenu li:before {
  position: absolute;
  content: '';
  top: 3px;
  left: 0.2em;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #FFF;
}

#footer .footer .snsall {
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

#footer .footer .snsall ul {
  list-style: none;
}

#footer .footer .snsall li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
}


#footer .footer .company {
  margin-top: 1em;
  text-align: center;
}

#footer .footer .company p {
  color: #FFF;
  font-weight: normal;
  text-align: left;
  font-size: 15px;
  padding: 1em 0 0;
}

#footer .contact input {
  appearance: none;
  border: 0;
  border-radius: 50px;
  background: #ee0000;
  color: #fff;
  padding: 0.2em 2em;
  text-align: center;
  font-weight: bold;
  margin-top: 1em;
}

#footer .contact input:hover {
  background: #ff9d9d;
}

#footer a {
  color: #FFF;
}

#footer a:link,
#footer a:visited,
#footer a:active {
  color: #FFF;
}

#footer a:hover {
  color: #bfbfbf;
}

#footer .copyright {
  text-align: center;
}

/*privacy_policy*/
#privacy_policy {
  padding-bottom: 5em;
}

#privacy_policy hr {
  border-width: 1px 0px 0px 0px;
  /* 螟ｪ縺�1px */
  border-style: solid;
  ;
  /* 邱夂ｨｮ繧堤�ｴ邱壹↓ */
  border-color: gray;
  /* 邱夊牡繧堤�濶ｲ縺ｫ */
  height: 1px;
  /* 鬮倥＆(窶ｻ蜿､縺ИE逕ｨ) */
  margin: 3em 0 0;
}

#privacy_policy h3 {
  margin: 1.5em 0 1em;
}

#privacy_policy img {
  width: 20%;
  padding: 1em;
}

#privacy_policy table {
  border-collapse: collapse;
  width: 100%
}

#privacy_policy table .left {
  width: 35%;
}

#privacy_policy table .right {
  width: 65%;
}

#privacy_policy table th {
  padding: 0.5em 1em;
  border: solid 1px black;
}

#privacy_policy table td {
  padding: 0.5em 1em;
  border: solid 1px black;
}