/* Visual */
.header .wrapper {
  transition-duration: 0.4s;
  background-color: transparent;
}

.header .header_logo img{
  filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(19deg) brightness(107%) contrast(100%);
}
.header .header_menu_list li a{
  color:#FFFFFF;
}
header .openbtn span{
  background-color: #FFFFFF;
}

.header.scroll .wrapper {
  background-color: #FFFFFF;
}
.header.open .openbtn span,
.header.scroll .openbtn span{
  background-color: #000000;
}
.header.open .header_logo img,
.header.scroll .header_logo img{
  filter: invert(15%) sepia(0%) saturate(0%) hue-rotate(195deg) brightness(92%) contrast(95%);
}
.header.scroll .header_menu_list li a{
  color:#282828;
}
.page_visual{
  padding:0;
}

/* MAIN VISUAL */
.sec_mainvisual .movie {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100vh;
  overflow: hidden;
/*
  height:0;
  padding-bottom: 56.25%;
*/
}
.sec_mainvisual .movie video {
  position: absolute;
  left: 50%;
  bottom: 0;
  top: 0;
  margin: auto 0;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(-50%);
  z-index: 1;
/*
  width:100%;
  height:auto;
  object-fit: cover;
*/
}
.sec_mainvisual .movie::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  background: linear-gradient(rgba(255, 255, 255, 0.0), rgba(0, 0, 0, 0.4));
  z-index: 2;
}

@media only screen and (min-width: 641px) {
  .sec_mainvisual .movie {
    height: 100vh;
  }
  /*
  .sec_mainvisual .movie video {
    width: 100%;
    height: 100%;
  }
  */
}


/* MESSAGE */
.sec_message {
  margin-top: 85px;
}

@media only screen and (min-width: 641px) {
  .sec_message {
    margin-top: 170px;
  }
}


/* CONCEPT */
.sec_concept {
  margin-top: 80px;
}
.sec_concept .txt_box {
  margin-top: 40px;
}
.sec_concept .photo_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
}
.sec_concept .txt_box .catch{
  text-align: center;
  margin-bottom:30px;
}
.sec_concept .txt_box .txt{
  line-height:2.6;
}
@media only screen and (min-width: 641px) {
  .sec_concept {
    margin-top: 170px;
  }
  .sec_concept .txt_box {
    text-align:center;
    margin-top: 50px;
  }
  .sec_concept .photo_block {
    margin-top: 170px;
  }
}


/* COMMITMENT */
.sec_commitment {
  position:relative;
  margin-top: 80px;
}
.sec_commitment .photo_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  margin-top: 40px;
}
.sec_commitment .photo_block picture:nth-child(1) {
  grid-area: 1 / 1 / 2 / 3;
}
.sec_commitment .photo_block picture:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}
.sec_commitment .photo_block picture:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}
.sec_commitment .photo_block picture:nth-child(4) {
  grid-area: 3 / 1 / 4 / 3;
}
@media only screen and (min-width: 641px) {
  .sec_commitment {
    margin-top: 170px;
  }
  .sec_commitment .photo_block {
    margin-top: 170px;
  }
}

/* THEME */
.sec_theme {
  margin-top: 80px;
}
.sec_theme .photo_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:15px;
  margin-top: 40px;
}
.sec_theme .photo_block .txt{
  text-align:center;
  margin-top:0.25em;
}
.sec_theme .photo_item .photo{
  margin-bottom:10px;
}
.sec_theme a img{
  transition: all 0.1s 0.1s ease-in-out;
}
.sec_theme a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.8;
}

@media only screen and (min-width: 641px) {
  .sec_theme {
    margin-top: 170px;
  }
  .sec_theme .photo_block {
    grid-template-columns: repeat(3, 1fr);
    gap:40px;
    margin-top: 60px;
  }
  .sec_theme .photo_item .photo{
    margin-bottom:20px;
  }
}

/* GENRE */
.sec_genre {
  margin-top: 80px;
}
.sec_genre .photo_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:15px;
  margin-top: 40px;
}
.sec_genre .photo_block .txt{
  text-align:center;
  margin-top:0.25em;
}
.sec_genre a img{
  transition: all 0.1s 0.1s ease-in-out;
}
.sec_genre a:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.05);
  opacity: 0.8;
}
.sec_genre .photo_item .photo{
  margin-bottom:10px;
}
@media only screen and (min-width: 641px) {
  .sec_genre {
    margin-top: 170px;
  }
  .sec_genre .photo_block {
    grid-template-columns: repeat(3, 1fr);
    gap:40px;
    margin-top: 60px;
  }
  .sec_genre .photo_item .photo{
    margin-bottom:20px;
  }
}

/* PHOTO */
.sec_photo {
  position:relative;
  margin-top: 80px;
}
.sec_photo .photo_block.-top{
  display: grid;
  grid-template-columns: repeat(2 , 1fr);
  column-gap: 15px;
}
.sec_photo .photo_block.-top picture.-left{
  margin-bottom:30%;
}
.sec_photo .photo_block.-top picture.-right{
  margin-top:30%;
}
.sec_photo .photo_block.-bottom{
  width:81.25%;
  margin:15px auto 0;
}
@media only screen and (min-width: 641px) {
  .sec_photo {
    margin-top: 170px;
  }
  .sec_photo .photo_block.-top{
    column-gap: 60px;
  }
  .sec_photo .photo_block.-bottom{
    margin-top:60px;
  }
}


/* TEAM */
.sec_team {
  margin-top: 80px;
}
.sec_team .team_block{
  display: grid;
  grid-template-columns: repeat(2 , 1fr);
  gap:40px 5%;
  margin-top:40px;
}
.sec_team .team_item{
  max-width:250px;
}
.sec_team .team_item .photo{
  margin-bottom:10px;
}
@media only screen and (min-width: 641px) {
  .sec_team {
    margin-top: 170px;
  }
  .sec_team .team_block{
    grid-template-columns: repeat(4 , 1fr);
    gap:2.5%;
    margin-top:60px;
  }
  .sec_team .team_item .photo{
    margin-bottom:20px;
  }
}