/*///////// ALL /////////*/

@charset "UTF-8";

/*----------------PC--------------*/

/*---- @hero ----*/
.header-wrap--hero{
  position:relative;
  width:100%;
  height:100vh;
}

/*---- @topics ----*/
.topics-wrap{
  background:#083068 url("https://www.koeitecmoamerica.com/dw9e/assets/img/top/topics_bg.jpg") center center;
  background-size:cover;
  padding:3.1vw 0 4.4vw;
}
.topics-inner{
  position:relative;
  width:90%;
  margin:0 auto;
}
.topics-item{
  background:#e7ebf0;
  position:relative;
  box-shadow:0 0 20px rgba(0,0,0,0.6);
  transition:all 0.5s;
}
.topics-item:hover{
  box-shadow:0px 10px 20px rgba(0,0,0,0.5);
  transform: translate(0 ,-2%);
}
.topics-item__inner{
  display:block;
  margin:0 auto;
  color:#000;
  padding:1.2vw;
}
.topics-item__image{
  display:block;
  width:100%;
  overflow: hidden;
}
.topics-item__image img{
  display: block;
  width: 100%;
  transition:all 0.5s;
 }
.topics-item:hover .topics-item__image img{
  transform: scale(1.1);
 }
.topics-item__text{
  /* font-size:16px; @*/
  font-size:1vw;
  padding:1.3vw 0 0;
  line-height: 1.6;
  font-family: 'Noto Sans', sans-serif;
  display: -webkit-box;
  color:#000;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height:6.4em;
}
.topics-item__date{
  /* font-size: 19px;@ */
  font-size:1.2vw;
  padding:10px 14px;
  line-height:1;
  position:absolute;
  top:10px;
  left:0px;
  background:#967b46;
  color:#fff;
  display: inline-block;
  font-family: canto-brush, serif;
}
.topics-item__date .date-text{
  display:block;
  margin-bottom:-0.2em;
}
.swiper-scrollbar{
  bottom:-2vw!important;
  width:60%!important;
  left:20%!important;
}
.header-wrap--hero{
  width:100%;
  height:70vw;
  overflow: hidden;
}
.hero-inner{
  width:100%;
  height:100%;
}
.hero-mainimage{
  position:absolute;
  width:100%;
  top:0;
}
.hero-logo{
  position:absolute;
  display: block;
  width:32%;
  top:25vw;
  right:2%;
}
.hero-catch{
  position:absolute;
  top:7.3vw;
	left: -37%;
    width: 80%;
}
.hero-catch01{
  position:absolute;
  width:7.3%;
  top:0;
  width:50%;
  top:6vw
}
.hero-catch02{
  position:absolute;
  width:7.3%;
  left:50%;
  width:50%;
}
.hero-20th{
  position:absolute;
  top:5vw;
  right:3.6%;
  display:flex;
  line-height:1.3;
  color:#fff;
  justify-content: center;
  align-items: center;
  width:22%;
  flex-wrap: wrap;
}
.hero-20th-image{
  display: block;
  width:26%;
}

.hero-day img{
  position:absolute;
  width:25%;
  top:42vw;
  right:5.5vw;}


.hero-20th-text{
  text-align: center;
  line-height:1.5;
  font-size:1.5vw;
  width:60%;
  font-family: 'Noto Serif', serif;
}
.hero-movie{
  position:absolute;
  width:24%;
  top:49vw;
  right:6.3vw;
  border:2px solid #eae6bb;
  box-shadow:0 0 20px rgba(0,0,0,0.5);
}
.hero-movie-thum{
  width:100%;
  display:block;
  transition:all 0.5s;
}
.hero-movie:before{
  position: absolute;
  z-index: 1;
  top:50%;
  left:35%;
  transform:translate(0,-50%);
  content:'';
  display:block;
  width:30%;
  padding-top:30%;
  background:url("https://www.koeitecmoamerica.com/dw9e/assets/img/common/icon_play.png");
  background-size:100%;
  transition:all 0.5s;
}
.hero-movie:hover:before{
  transform:translate(0,-50%) scale(1.2) ;
}
.hero-movie:hover .hero-movie-thum{
  opacity:0.6;
}

/* @section-default */
.section__headline{
  position: relative;
  font-family: canto-brush, serif;
  font-weight:400;
  font-size:7.3vw;
  margin-bottom:1.8vw;
  z-index:1;
  color:#fff;
  text-shadow: 0 0 20px #a38839, 0 0 10px #a38839, 0 0 10px #a38839;
}
.section__readtext{
  position: relative;
  font-family: 'Noto Serif', serif;
  /* font-size:54px; @*/
  font-size:3.3vw;
  z-index:1;
  color:#fff;
  text-shadow: 0 0 20px #a38839, 0 0 10px #a38839, 0 0 10px #a38839;
  margin-bottom:1.6vw;
}
.section__text{
  position: relative;
  font-family: 'Noto Serif', serif;
  /* font-size:28px; @*/
  font-size:1.7vw;
  z-index:1;
  color:#fff;
  margin-bottom:4vw;
  text-shadow: 0 0 10px #000, 0 0 5px #a38839;
}
.section__button{
  position: relative;
  z-index:1;
}

/* about */
.section-about{
  height:62vw;
  overflow:100%;
  position:relative;
  overflow: hidden;
}
.section-about__inner{
  padding:8% 10%;
}
.section-about__bg{
  display: block;
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
  background:url('https://www.koeitecmoamerica.com/dw9e/assets/img/top/about_bg.jpg')center center;
  background-size:cover;
  z-index: 0;
}

/* @banner */
.section-banner{
  background:#91805e;
}
.section-banner__inner{
  padding:3vw 0;
}
.section-banner .banner-list{
  display: flex;
  justify-content: center;
  width:80%;
  margin:0 auto;
}
.section-banner .banner-list .banner-item{
  margin:0.4vw;
  background-color:#000;
}
.section-banner .banner-list .banner-item img{
  width:100%;
  display: block;
  transition: all 0.5s;
}
.section-banner .banner-list .banner-item:hover img{
  opacity:0.7;
}



/*----------------PC over--------------*/

@media screen and (min-width:769px) and (max-width:1200px){

    
}

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

	
.hero-inner {
    width: 1600px; position: relative; margin: 0 auto;
}
.header-wrap--hero{
  width:100%;
  height:1134px;
  overflow: hidden;
}
	
.hero-mainimage{
  position:absolute;
  width:2560px;
  top:0;
	left: 50%;
    margin-left: -1280px;
}
.hero-logo{
  position:absolute;
  display: block;
  width:511px;
  top: 400px;
    right: 36px;
}
.hero-catch{
  position:absolute;
  top:130px;
  left:70px;
  width:256px;
}
.hero-catch01{
  position:absolute;
  width:7.3%;
  top:0;
  width:128px;
  top:6vw
}
.hero-catch02{
  position:absolute;
  left:-10px;
  width: 640px;
}
.hero-20th{
  position:absolute;
  top:80px;
  right:60px;
  display:flex;
  line-height:1.3;
  color:#fff;
  justify-content: center;
  align-items: center;
  width:350px;
  flex-wrap: wrap;
}
.hero-20th-image{
  display: block;
  width:92px;
}
.hero-20th-text{
  text-align: center;
  line-height:33px;
  font-size:23px;
  width:60%;
  font-family: 'Noto Serif JP', serif;
}

.hero-day img{
  position:absolute;
  width:400px;
  top:680px;
  right:93px;}

.hero-movie{
  position:absolute;
  width:388px;
  top:766px;
  right:100px;
  border:2px solid #eae6bb;
  box-shadow:0 0 20px rgba(0,0,0,0.5);
	
}
.hero-movie-thum{
  width:100%;
  display:block;
  transition:all 0.5s;
}
.hero-movie:before{
  position: absolute;
  z-index: 1;
  top:50%;
  left:35%;
  transform:translate(0,-50%);
  content:'';
  display:block;
  width:30%;
  padding-top:30%;
  background:url("https://www.koeitecmoamerica.com/dw9e/assets/img/common/icon_play.png");
  background-size:100%;
  transition:all 0.5s;
}
	
	/* about */
.section-about{
  height:992px;
}
.section-about__inner{
     padding: 140px 0;
    width:1280px;
    margin: 0 auto;
}
	
.section-about__bg{
  display: block;
  position:absolute;
  height:992px;
  width:100%;
  top:0px;
  left:0px;
  background:url('https://www.koeitecmoamerica.com/dw9e/assets/img/top/about_bg-full.jpg')center center;
  background-size:cover;
  z-index: 0;
}
	
	
/* @section-default */
.section__headline{
  font-size:130px;
  margin-bottom:20px;
}
	

.section__text{
  font-size:28px;
  margin-bottom:30px;
}
	
.section__readtext{
  font-size:54px; 
}	
	
.topics-item{width:337px!important;}	

.topics-item__text{
  font-size:16px;
  padding:20px 0 0;
  height: 90px;
}	
	
.topics-item__inner{  padding:20px;}	
	
.topics-wrap{height: 347px; padding: 40px 0 50px;

}
	
.swiper-scrollbar{
	bottom: -2vw!important;
    width: 60%!important;
    left: 20%!important;
	  height: 0.5vw!important;
	}
	
	
}

/*----------------SP--------------*/

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

  .header-wrap--hero{
    height:190vw;
  }

  .hero-20th{
    position:absolute;
    top:2vw;
    right:auto;
    left:2vw;
    width:40vw;
  }
  .hero-20th-image{
    display: block;
    width:26%;
  }
  .hero-20th-text{
    font-size:2.6vw;
  }
.hero-logo{
    width:70%;
    top:63vw;
    right:auto;
    left:15%;
  }
  .hero-catch{
    position:absolute;    
	  top: 106vw;
    left: auto;
    right: 7vw;
    width: 170%;
  }
	
	
.hero-day img{
  position:absolute;
    width: 67%;
    top: 118vw;
	right: 17vw;}
	
	
  .hero-movie{
    position:absolute;
    top:135vw;
    left:10%;
    right:auto;
    width:76%;
  }

  /*---- @topics ----*/
  .topics-wrap{
    padding:6vw 0 8vw;
  }
  .topics-item__inner{
    display:block;
    margin:0 auto;
    color:#000;
    padding:2vw 2vw 2.5vw;
  }
  .topics-item__date{
    font-size:3vw;
    padding:1vw 2vw;
    top:1vw;
    left:0px;
  }
  .topics-item__text{
    /* font-size:16px; @*/
    font-size:3vw;
  }
  .swiper-scrollbar{
    bottom:-4vw!important;
    width:90%!important;
    left:5%!important;
  }
  .topics-item:hover{
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
    transform: translate(0 ,0%);
  }
  .topics-item:hover .topics-item__image img{
    transform: scale(1);
   }

  /* @section-default */

  .section__headline{
    font-size:13vw;
    margin-bottom:2.3vw;
  }
  .section__readtext{
    font-size:5.4vw;
    z-index:1;
    color:#fff;
    text-shadow: 0 0 20px #a38839, 0 0 10px #a38839, 0 0 10px #a38839;
    margin-bottom:10vw;
  }
  .section__text{
    font-size:3.5vw;
    text-shadow: 0 0 10px #000, 0 0 5px #000;
    margin-bottom:8vw;
  }

  /* about */
  .section-about{
    height:auto;
    overflow:100%;
    position:relative;
  }
  .section-about__inner{
    padding:14vw 8vw 18vw;
  }
  .section-about__bg{
    top:0;
    left:0;
    transform:none;
    background:url('https://www.koeitecmoamerica.com/dw9e/assets/img/top/about_bg_sp.jpg')center center;
    background-size:cover;
  }

  /* @banner */
  .section-banner__inner{
    padding:5vw 0;
  }
  .section-banner .banner-list{
    width:94vw;
    flex-wrap: wrap;
  }
  .section-banner .banner-list .banner-item{
    margin:0.4vw;
    width:46%;
  }
  .section-banner .banner-list .banner-item:last-child{
    margin-bottom:0;
  }
  .section-banner .banner-list .banner-item img{
    width:100%;
  }
  .section-banner .banner-list .banner-item:hover img{
    opacity:1;
  }
  
    
}