@charset "utf-8";


/************************************************************************************************
* 下層ページ共通
************************************************************************************************/


/**************************************************************
* second_page
**************************************************************/
.second_page {}


/* mv-list item__photo
**************************************************************/
@media all and (min-width: 768px) {
  .second_page .mv-list .item__photo {
    height: 68rem;
    margin-top: 40rem;
    padding-top: 0;
  }
}
@media all and (max-width: 767px) {
  .second_page .mv-list .item__photo {
    padding-top: 56.25%;
  }
}

/* mv-list item__photo-bg
********************************/
@media all and (min-width: 768px) {
  .second_page .mv-list .item__photo-bg {
    height: 100%;
  }
}
@media all and (min-width: 1921px) {}
.second_page .mv-list .item__photo-bg {
  border: none;
}


/************************************************************************************************
* NEWS一覧 / NEWS詳細
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/

/* mv-list
**************************************************************/

/* item__photo
********************************/

.news_page .mv-list .item__photo-bg {
  /* background-image: url(../img/second_page/news/mv/bg.jpg); */
}
@media all and (min-width: 768px) {
  .news_page .news.c-section {
    margin-top: 10rem;
  }
  .news_page .c-section.article {
    margin-top: 10rem;
  }
}
@media all and (max-width: 767px) {
  .news_page .news.c-section {
    margin-top: 0;
  }
  .news_page .c-section.article {
    margin-top: 0;
  }
}


/************************************************************************************************
* BLOGS一覧 / BLOGS詳細
************************************************************************************************/

/**************************************************************
* mv
**************************************************************/

/* mv-list
**************************************************************/

/* item__photo
********************************/

.blogs_page .mv-list .item__photo-bg {
  /* background-image: url(../img/mv/second_page/blogs/mv/bg.jpg); */
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}



/************************************************************************************************
* CONCEPT
************************************************************************************************/

/**************************************************************
* mv
**************************************************************/

/* mv-list
**************************************************************/

/* item__photo
********************************/

.concept_page .mv-list .item__photo-bg {
  /* background-image: url(../img/second_page/concept/mv/bg.jpg); */
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}




/**************************************************************
* c-head
**************************************************************/


/* c-head-container
**************************************************************/


/* c-head-vl-2
**************************************************************/

/* c-head-vl-2__en / c-head-vl-2__jp
********************************/
.conceptCard-list .c-head-vl-2__en,
.conceptCard-list .c-head-vl-2__jp
{
  text-shadow: .1rem .1rem 0 #FFF, -.1rem -.1rem 0 #FFF,
      -.1rem .1rem 0 #FFF, .1rem -.1rem 0 #FFF,
      0 .1rem 0 #FFF, 0 -.1rem 0 #FFF,
      -.1rem 0 0 #FFF, .1rem 0 0 #FFF;
}
.conceptCard-list .c-head-vl-2__en::before {
}

/* conceptCard-list-container
**************************************************************/

/* list__item
********************************/
.conceptCard-list .list__item {
  position: relative;
}
@media all and (min-width: 768px) {
  .conceptCard-list .list__item {
    padding: 12rem 0;
  }
  .conceptCard-list .list__item:nth-child(n + 2) {
    margin-top: 12rem;
  }
}
@media all and (max-width: 767px) {
  .conceptCard-list .list__item:nth-child(n + 2) {
    margin-top: 10rem;
  }
}


/* item__contents
********************************/
.conceptCard-list .item__contents {}
@media all and (min-width: 768px) {
  .conceptCard-list .item__contents {
    padding: 0 12rem;
  }
}
@media all and (max-width: 767px) {
  .conceptCard-list .item__contents {
    padding: 0 4%;
  }
}


/* item__ttl-container
********************************/
.conceptCard-list .item__ttl {
  color: var(--base-font-color);
  font-family: var(--main-ttl-font-family);
  font-weight: bold;
  line-height: 2;
  text-shadow: .1rem .1rem 0 #FFF, -.1rem -.1rem 0 #FFF,
      -.1rem .1rem 0 #FFF, .1rem -.1rem 0 #FFF,
      0 .1rem 0 #FFF, 0 -.1rem 0 #FFF,
      -.1rem 0 0 #FFF, .1rem 0 0 #FFF;
}
@media all and (min-width: 768px) {
  .conceptCard-list .item__ttl-container {
    margin-top: 6rem;
  }
  .conceptCard-list .item__ttl {
    font-size: 5.2rem;
  }
}
@media all and (max-width: 767px) {
  .conceptCard-list .item__ttl-container {
    margin-top: 4rem;
  }
  .conceptCard-list .item__ttl {
    font-size: 2.6rem;
  }
}


/* item__des-container
********************************/
.conceptCard-list .item__des {
  color: var(--base-font-color);
  font-weight: bold;
  line-height: 2;
  text-shadow: .1rem .1rem 0 #FFF, -.1rem -.1rem 0 #FFF,
      -.1rem .1rem 0 #FFF, .1rem -.1rem 0 #FFF,
      0 .1rem 0 #FFF, 0 -.1rem 0 #FFF,
      -.1rem 0 0 #FFF, .1rem 0 0 #FFF;
}
@media all and (min-width: 768px) {
  .conceptCard-list .item__des {
    margin-top: 2rem;
    font-size: 1.8rem;
  }
}
@media all and (max-width: 767px) {
  .conceptCard-list .item__des {
    margin-top: 2rem;
    font-size: 1.6rem;
  }
}


/* item__info
********************************/
.conceptCard-list .item__info {
  position: relative;
  z-index: 1;
}

/* item__bg
********************************/
.conceptCard-list .item__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 100%;
}
.conceptCard-list .item__bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 4rem 0 0 4rem;
  background-color: rgba(0, 0, 0, .5);
}
.conceptCard-list .item__bg-photo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 4rem 0 0 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.conceptCard-list .--01 .item__bg-photo {
 background-image: url(../img/second_page/concept/conceptCard-list/main_01.jpg);
}
.conceptCard-list .--02 .item__bg-photo {
  background-image: url(../img/second_page/concept/conceptCard-list/main_02.jpg);
}
.conceptCard-list .--03 .item__bg-photo {
  background-image: url(../img/second_page/concept/conceptCard-list/main_03.jpg);
}

@media all and (min-width: 768px) {
  .conceptCard-list .item__bg {
    width: calc(100% - 24rem);
    margin-left: auto;
  }
}
@media all and (max-width: 767px) {
  .conceptCard-list .item__bg {
    width: calc(100% - 6rem);
    margin-left: auto;
  }
}


/************************************************************************************************
* WORK
************************************************************************************************/


/************************************************************************************************
* 404
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/


/* mv-list
**************************************************************/

/* item__photo
********************************/
.notFound_page .mv-list .item__photo-bg {
  /* background-image: url(../img/second_page/404/mv/bg.jpg); */
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}