/*=======================
  fv-page-heading
=======================*/

.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
  /*slick-initializedが付与されたら表示*/
}

.fv {
  overflow: hidden;
  padding-bottom: 110px;
  position: relative;
}

.fv__picture {
  margin-left: auto;
  position: relative;
  width: 89.3333333333%;
}

.fv__picture::before {
  background: #333333;
  content: "";
  display: block;
  height: calc(100% + 10px);
  left: -11.9402985075%;
  position: absolute;
  top: 100px;
  width: 100%;
  z-index: -1;
}

.fv__picture img {
  width: 100%;
}

.fv__text {
  color: #fff;
  display: block;
  left: 50%;
  line-height: 1;
  position: absolute;
  text-align: left;
  top: 57%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-left: 20px;
}

.fv__text>.fv__heading-sub {
  -webkit-text-stroke: 1px #FFF;
  color: transparent;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 4px;
}

.fv__text>.fv__heading-main {
  color: white;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 59px;
  margin-bottom: 24px;
}

.fv__text>.fv__desc {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
}

.fv__sns {
  display: block;
  bottom: 24px;
  left: 50%;
  max-width: 1250px;
  position: absolute;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 40px);
}

.fv__sns-list {
  display: flex;
  bottom: 24px;
}

.fv__sns-item:not(:last-child) {
  margin-right: 24px;
}

.fv__sns-item a {
  display: block;
}

.fv__sns-item a:hover img {
  transform: scale(1.2);
}

.fv__sns-item a img {
  display: inline-block;
  transition: transform 0.3s;
}

.fv__sns-item a img.m-fb {
  width: 10px;
}

.fv__sns-item a img.m-tw {
  width: 20px;
}

.fv__sns-item a img.m-ins {
  width: 20px;
}

/*====================================================
*
*	about
*
====================================================*/


.about {
  padding: 120px 0;
}

.about__logo {
  margin: 0 auto 40px;
  width: 200px;
}

.about__logo>img {
  width: 100%;
}

.about__desc {
  font-weight: 700;
  margin-bottom: 40px;
}

.about__desc p:not(:last-child) {
  margin-bottom: 1.8em;
}

/*====================================================
*
*	interview
*
====================================================*/

.about-interview {
  padding: 4px 0 174px;
  position: relative;
}

.about-interview::before {
  background: #F8F8F8;
  content: "";
  display: block;
  height: 85%;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
  z-index: -1;
}

.about-interview__title {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 0.9;
  width: calc(100% - 40px);
}

.about-interview__description {
  font-weight: 700;
  margin-bottom: 40px;
}

.about-interview__picture {
  display: block;
  margin: 80px calc(50% - 50vw) 0;
}

.about-interview__picture>img {
  width: 100%;
}

/*====================================================
*
*	news
*
====================================================*/

/* .news__inner {
  margin-bottom: 120px;
}

.news__heading-jp {
  font-weight: 700;
  text-align: center;
}

.news__box {
  margin-bottom: 40px;
}

.news__title {
  margin-bottom: 40px;
}

.news__info {
  border-bottom: 1px solid #DDDDDD;
  position: relative;
  transition: opacity 0.5s;
}

.news__info>a {
  display: flex;
  padding: 29px 0 0;
  
}

.news__info a>.content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 70%;
}

.news__info:hover {
  opacity: 0.3
}

.news__info::after {
  content: '';
  position: absolute;
  display: inline-block;
  right: 0;
}

.news__info::before {
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1.5px #000;
  border-right: solid 1.5px #000;
  position: absolute;
  top: 35px;
  right: 22px;
  transform: rotate(45deg);
}

.date {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.news__btn {
  display: block;
  margin: 0 auto;
}

.date {
  width: 33%;
  border-bottom: 1px solid #000;
  padding-bottom: 25px;
} */

.p-home-news-card__link:hover {
  opacity: 0.3;
  transition: 0.5s;
}

.news__title {
  margin-bottom: 40px;
}

.news__heading-jp {
  font-weight: 700;
  text-align: center;
}

.p-home-news__posts {
  margin-bottom: 40px;
}

.p-home-news-card {
  display: block;
}

.p-home-news-card__link {
  align-items: center;
  background-color: transparent;
  display: flex;
  position: relative;
  transition: background-color 0.3s;
}

.p-home-news-card__date {
  border-bottom: 1px solid #000;
  flex-shrink: 0;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  padding: 27.5px 25px 27.5px 0;
}

.p-home-news-card__date {
  border-bottom: 1px solid #000;
  flex-shrink: 0;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  padding: 27.5px 25px 27.5px 0;
}

.p-home-news-card__title {
  border-bottom: 1px solid #DDDDDD;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 27.5px 40px 27.5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-home-news-card__link::after {
  border: 1px solid transparent;
  border-bottom-color: #000;
  border-left-color: #000;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
  width: 6px;
}

.news__btn {
  display: block;
  margin: 0 auto;
}

.news {
  padding-bottom: 120px;
}

/*=======================
  responsive (min-width: 768px)
=======================*/

@media screen and (min-width: 768px) {
  .date {
    width: 19.3%;
    border-bottom: 1px solid #000;
    padding-bottom: 22px;
    margin-right: 5px;
  }

  .news__info {

    border-bottom: 1px solid #DDDDDD;
    position: relative;
  }

  .news__info>a {
    padding: 25px 0 0;
    display: flex;
  }

  .fv__text {
    padding-left: 95px;
    top: 48%;
  }

  .fv__text>.fv__heading-sub {
    -webkit-text-stroke: 2px #FFF;
    font-size: 50px;
    margin-bottom: 26px;
  }

  .fv__text>.fv__heading-main {
    color: white;
    font-size: 60px;
    margin-bottom: 40px;
  }

  .fv__text>.fv__desc {
    font-size: 16px;
    line-height: 2.0;
  }

}

/*=======================
  responsive (min-width: 1024px)
=======================*/

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

  .fv__picture {
    width: 81.25%;
  }

  .fv__picture::before {
    left: -23.08%;
    top: 100px;
  }

  .fv__text {
    padding-left: 95px;
    top: 47.5%;

  }

  .fv__text>.fv__heading-sub {
    -webkit-text-stroke: 2px #FFF;
    font-size: 60px;
    margin-bottom: 26px;
  }

  .fv__text>.fv__heading-main {
    color: white;
    font-size: 80px;
    margin-bottom: 40px;
  }

  .fv__text>.fv__desc {
    font-size: 16px;
    line-height: 2.0;
  }

  .about__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .about__logo {
    width: 420px;
    margin: 0;
  }

  .about-lead__heading {
    font-size: 28px;
    margin-bottom: 40px;
    text-align: center;
  }

  .about-lead__description p:not(:last-child) {
    margin-bottom: 2em;
  }

  .about-interview {
    overflow: hidden;
    padding-bottom: 415px;
  }

  .about-interview::before {
    height: 670px;
    width: 81.25%;
  }

  .about-interview__title {
    font-size: 120px;
    margin-bottom: -32px;
    width: auto;
  }

  .about-interview__picture {
    margin: 0;
    position: absolute;
    right: -54px;
    top: 248px;
    width: 66.5165165165%;
  }

  .news__inner,
  .about__inner {
    max-width: 860px;
  }

  .news__info::before {
    top: 38px;
    right: 14px;
    transform: rotate(45deg);
  }


.p-home-news-card__title {
  padding: 29px 40px 29px 0;
}
}

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

  .fv__text>.fv__heading-sub {
    -webkit-text-stroke: 2px #FFF;
    font-size: 80px;
    margin-bottom: 26px;
  }

  .fv__text>.fv__heading-main {
    color: white;
    font-size: 100px;
    margin-bottom: 40px;
  }
}