@media screen and (min-width:981px) {
.swiper-container {width:100%;height: 100vh;overflow:hidden;margin:0;background:#ececec; position:relative;}

.swiper-slide { text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}


.p01{ background: url(../img/bg_top01.jpg) center center no-repeat; background-size:cover; color:#fff;}
.p02{ background: url(../img/bg_top02.jpg) center center no-repeat; background-size:cover; color:#fff;}
.p03{ background: url(../img/bg_top03.jpg) center center no-repeat; background-size:cover; color:#fff;}


.swiper-container .txt{ position:absolute; left:0; top:calc(50% - 29vh); color:#fff; z-index:100; width:100%; text-align:center; font-size:1.3rem;}
.swiper-container .txt svg { width:28rem; margin:0 0 2rem; }
.swiper-container .txt svg path, .swiper-container .txt svg polygon{ fill:#fff; transition: .4s;}
.swiper-container .txt h3{ font-size:1.6rem; font-weight:normal; display:block; padding:0 0 2rem;}
.swiper-container .txt h3 span{display:inline-block; padding:0.2rem 2rem; border:1px solid #fff;}
.swiper-container .txt p{ font-size:2.5rem; padding:0 0 1rem; display:block;}

.info_fixed{ position:absolute; left:3rem; bottom:2rem; background:rgba(0,0,0,0.8); color:#fff; padding:2rem 3rem; border-radius:4rem; z-index:100; width:65%; min-width:50rem; font-size:1.3rem;}
.info_fixed a{ color:#fff; transition: .4s;}
.info_fixed dl{ display:table; width:100%; text-align:left;}
.info_fixed dl dt{ width:25%; display:table-cell; position:relative;}
.info_fixed dl dt::after{ position:absolute; content:""; right:4rem; top:50%; width:2rem; height:0.1rem; background:#fff; opacity:0.4;}
.info_fixed dl dd{ width:75%; display:table-cell;}
.info_fixed dl dd span{ padding:0 2rem 0 0;}
.info_fixed dl dd a:hover{ opacity:0.5;}

.scroll_act{ position:absolute; bottom:-1rem; right:3rem; width: 0.1rem; height: 7rem; display:block; background: #fff; animation: scrollAct 2s infinite; z-index:100;}

#top_intro{ padding:7rem;  background: url(../img/bg_845.png) center center no-repeat fixed; background-size:cover;}
#top_intro .column__intro .row{ position:relative; width:48%; margin:0 0 0 4%;}
#top_intro .column__intro .row:nth-child(2n+1){ margin:0;}
#top_intro .column__intro .row a{ color:#000;}
#top_intro .column__intro .row a .thumb{ height:30rem; width:100%; overflow:hidden; background:#000; transition: 0.4s; transform:scale(1); z-index:0;}
#top_intro .column__intro .row a:hover .thumb{ opacity: 1; filter: blur(0); transform: scale(1.05);}
#top_intro .column__intro .row .txt{  position:absolute; left:2.3rem; bottom:2rem; width:100%; text-align:left;}
#top_intro .column__intro .row .txt h3{ font-size:2.4rem;  display:inline-block; line-height:1.3rem;}
#top_intro .column__intro .row .txt h3 strong{ background:#fff; font-weight:bold; display:block; padding:1rem 0.5rem;}
#top_intro .column__intro .row .txt h3 small{ font-size:1.2rem; font-weight:normal; background:#fff; padding:0.2rem 0.5rem; color:#888;}
}

@media screen and (max-width:980px) {
.swiper-container { width:100%; height: 100vh;overflow:hidden;margin:0;background:#ececec; position:relative; z-index:44;}

.swiper-slide { text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}


.p01{ background: url(../img/bg_top01.jpg) center center no-repeat; background-size:cover; color:#fff;}
.p02{ background: url(../img/bg_top02.jpg) center center no-repeat; background-size:cover; color:#fff;}
.p03{ background: url(../img/bg_top03.jpg) center center no-repeat; background-size:cover; color:#fff;}


.swiper-container .txt{ position:absolute; left:0; top:13vh; color:#fff; z-index:100; width:100%; text-align:center; font-size:1.3rem;}
.swiper-container .txt svg { width:50vw; max-width:30rem; margin:0 0 2rem; }
.swiper-container .txt svg path, .swiper-container .txt svg polygon{ fill:#fff; transition: .4s;}
.swiper-container .txt h3{ font-size:1.3rem; font-weight:normal; display:block; padding:0 0 2rem;}
.swiper-container .txt h3 span{display:inline-block; padding:0.2rem 2rem; border:1px solid #fff;}
.swiper-container .txt p{ font-size:1.8rem; padding: 0 1rem 1rem; display:block;}

.info_fixed{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8); color:#fff; padding:1.5rem 1.8rem; z-index:100; width:100%; font-size:1.3rem;}
.info_fixed a{ color:#fff; transition: .4s;}
.info_fixed dl{ display:block; width:100%; text-align:left;}
.info_fixed dl dt{ display:none;}
.info_fixed dl dd{ }
.info_fixed dl dd span{ display:block; margin:0 0 0.5rem; font-size:1.2rem;}

.scroll_act{ display:none;}

#top_intro{ padding:1rem; background: url(../img/bg_845.png) center center no-repeat; background-size:cover;}
#top_intro .column__intro .row{ position:relative; width:100%; margin:0 0 1rem;}
#top_intro .column__intro .row:nth-child(2n){ width:100%; margin:0;}
#top_intro .column__intro .row a{ color:#000;}
#top_intro .column__intro .row a .thumb{ height:15rem; width:100%; overflow:hidden; background:#000; transition: 0.4s; transform:scale(1); z-index:0;}
#top_intro .column__intro .row .txt{  position:absolute; left:1.5rem; bottom:1.5rem; width:70%; text-align:left;}
#top_intro .column__intro .row .txt h3{ font-size:1.8rem; display:inline-block; line-height:1.3rem;}
#top_intro .column__intro .row .txt h3 strong{ background:#fff; font-weight:bold; display:block; padding:1rem 0.5rem;}
#top_intro .column__intro .row .txt h3 small{ font-size:1.2rem; font-weight:normal; background:#fff; padding:0.2rem 0.5rem; color:#888;}
}


@-webkit-keyframes scrollAct { 0% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } 50% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);} }