@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.gigaindex {
 width: 1200px;
}
.gigaindex a:hover {
 color: #000 !important;
}
.gigaindex .sns-share {
 display: none;
}
.gigaindex img {
 max-width: 100%;
 vertical-align: top;
}
.gigaindex a {
 -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
 transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.gigaindex .head {
 display: none;
}
.flex {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 box-sizing: border-box;
}
.wrap {
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.sns {
 margin: 0 auto;
}
.sns li {
 width: 50%;
 padding: 0 20px;
 box-sizing: border-box;
}
.sns li iframe {
 max-width: 100%;
 max-height: 500px;
 vertical-align: top;
}
.link-box {
 padding-bottom: 2em;
 justify-content: center;
}
.link-box .item {
 width: 50%;
 padding: 10px;
 box-sizing: border-box;
}
.link-box .item a {
 display: block;
 background-color: #800000;
 color: #fff;
 font-size: 1.6em;
 font-weight: 600;
 height: 100%;
 min-height: 80px;
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 position: relative;
 padding-top: 6px;
 box-sizing: border-box;
}
.link-box .item a:hover {
 color: #fff !important;
 opacity: .7;
}
.link-box .item a::after {
 content: "";
 position: absolute;
 z-index: 1;
 width: 60px;
 height: 40px;
 -webkit-transform: rotate(-50deg);
 -moz-transform: rotate(-50deg);
 transform: rotate(-50deg);
 bottom: -16px;
 right: -40px;
 background: #fff;
}
.link-box .item a::before {
 content: "";
 position: absolute;
 z-index: 1;
 border-top: 3px solid #fff;
 top: 6px;
 width: 100%;
 opacity: .7;
}
.section-ttl {
 color: #800000;
 font-size: 2.2em;
 text-align: center;
 margin-bottom: .8em;
 margin-bottom: 0.8em;
 border-top: 2px solid #800000;
 border-bottom: 2px solid #800000;
 padding: 24px 0 23px;
 line-height: 1em;
}
.section-box {
 font-size: 17px;
 line-height: 1.8em;
 margin: 3em auto 3em;
 width: 900px;
}
.main-area {
 position: relative;
 background-color: #000;
}
.main-area .section-logo img {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 z-index: 10;
 width: 320px;
}
.main {
 position: relative;
 width: 100%;
 padding-bottom: 50%;
 overflow: hidden;
 opacity: .6;
}
.main_img {
 opacity: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 font-family: "object-fit: cover;";
 position: absolute;
 top: 0;
 left: 0;
 -webkit-animation: anime 24s 0s infinite;
 animation: anime 24s 0s infinite;
 background: none;
}
.main_img:nth-of-type(2) {
 -webkit-animation-delay: 6s;
 animation-delay: 6s;
}
.main_img:nth-of-type(3) {
 -webkit-animation-delay: 12s;
 animation-delay: 12s;
}
.main_img:nth-of-type(4) {
 -webkit-animation-delay: 18s;
 animation-delay: 18s;
}
@keyframes anime {
 0% {
  opacity: 0;
  transform: scale(1.1);
 }
 8% {
  opacity: 1;
 }
 17% {
  opacity: 1;
 }
 25% {
  opacity: 0;
  transform: scale(1);
  z-index: 9;
 }
 98% {
  opacity: 1；
 }
 100% {
  opacity: 1；
 }
}
@-webkit-keyframes anime {
 0% {
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
 }
 8% {
  opacity: 1;
 }
 17% {
  opacity: 1;
 }
 25% {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 9;
 }
 98% {
  opacity: 1；
 }
 100% {
  opacity: 1
 }
}