@charset "utf-8";
/* CSS Document */


body {
  font-size:16px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

p {
  font-size:1.125rem;
}

.fv {
  margin-bottom:3.2rem;
}

.wrapper {
  width: 70%;
  max-width: 960px;
  margin: 0 auto;
  color: #222;
}




.introduction .head {
  margin-bottom:1.2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  display:inline-block;
  font-size:.7rem;
  padding:.3rem .4rem .4rem;
  background: #333;
  color:#fff;
  border-radius: .125rem;
}

.introduction h1 {
  font-size:2.6rem;
  line-height:1.8;
  font-weight:500;
  margin-bottom:3.2rem;
}

.introduction h1 span {
  font-size:1.6rem;
  display:block;
}

.introduction p {
  line-height:2;
}

.interviewer {
  margin:2.4rem 0 4rem 0;
}

.interviewer {
  font-size:1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}



.profile {
  border:1px solid #ccc;
  padding:2.4rem;
  display:grid;
  grid-template-columns: 1fr 4fr;
  align-items:center;
  column-gap:1.6rem;
  margin-bottom:4rem;
}

.profile .pict img {
  border-radius: 50%;
}

.interviewee span {
  font-weight:500;
}

.interviewee .name {
  font-size:1.2rem;
}

.interviewee dl dt {
  margin-bottom:1.2rem;
}

.interviewee dl dd p {
  font-size:.9rem;
  line-height:1.6;
}


.block__inn {
  display:grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 3.2rem;
}

.section p {
  margin:3.2rem 0;
  line-height:2;
}

.oke {
  font-weight:600;
  position:relative;
  text-indent: 3.5rem;
}

.oke .line {
  position: absolute;
  left: 0;
  top: .7rem;
  width: 3rem;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 6px auto;
}
 
.mami .name {
  display: inline;
  padding-right:.8rem;
  font-weight: 600;
}


.item {
  opacity:0;
}

.item__credit {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.item__name {
  margin: .8rem 0 .8rem;
  font-size:1rem;
  font-weight:600;
}

.item__detail li {
  font-size:.7rem;
  margin:.4rem 0;
  line-height:1.2;
}

.link {
  padding-top: .4rem;
}


.link a {
  color: #fff;
  padding: .2rem .8rem .3rem;
  background: #333;
  border-radius: .05rem;
  font-size: .7rem;
}







/* 無限横スクロール */


.scroll h2 {
  width: 70%;
  font-weight:600;
  text-align: center;
  max-width: 960px;
  margin: 0 auto 1.6rem;
  color: #222;
  font-size:1.6rem;
  font-family: "Plus Jakarta Sans", sans-serif;

}

.scroll {
  width: 100%;
  margin:8rem 0 16rem 0;
  margin-bottom: 8rem;
}


@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0%);
  }
}

.scroll__wrap {
  display: flex;
  overflow: hidden;
}

.scroll__list {
  display: flex;
  list-style: none;
  padding: 0
}

.scroll__list--right {
  animation: infinity-scroll-right 80s infinite linear 0.5s both;
}

.scroll__item {
  width: calc(100vw / 4);
}

.scroll__item>img {
  width: 100%;
}




@media (min-width: 1023px) {


.block__inn--01 .block__inn--primary .section p:last-child,
.block__inn--02 .block__inn--primary .section p:last-child,
.block__inn--03 .block__inn--primary .section p:last-child,
.block__inn--04 .block__inn--primary .section p:last-child,
.block__inn--05 .block__inn--primary .section p:first-child {
  margin-bottom:0;
}


}


@media (min-width: 767.98px) and (max-width: 1023px) {

  .scroll__item {
    width: calc(100vw / 3);
  }

  .wrapper {
      width: 90%;
      max-width: 960px;
      margin: 0 auto;
      color: #222;
  }

  .block__inn {
    column-gap: 2.4rem;
  }

  .scroll h2 {
    width: 90%;
    margin: 0 auto 1.6rem;
    font-size:1.2rem;
  }


.block__inn--01 .block__inn--primary .section p:last-child,
.block__inn--02 .block__inn--primary .section p:last-child,
.block__inn--03 .block__inn--primary .section p:last-child,
.block__inn--04 .block__inn--primary .section p:last-child,
.block__inn--05 .block__inn--primary .section p:first-child {
  margin-bottom:0;
}



}


@media (max-width: 767.98px) {

  .profile {
    display:block;
  }

  .pict {
    width:60%;
    margin:0 auto 2.4rem;
  }


  .wrapper {
    width:90%;
    margin:0 auto;
  }


  .introduction h1 {
    font-size:1.8rem;
    margin-bottom:2.4rem;
  }


  .introduction h1 span {
    font-size:1.2rem;
    display:block;
  }

  .block__inn {
    display:block;
  }



  .scroll__item {
    width: calc(100vw / 2);
  }

  .scroll__list--right {
    animation: infinity-scroll-right 40s infinite linear 0.5s both;
  }



.block__inn--01 .block__inn--secondary .item,
.block__inn--03 .block__inn--secondary .item,
.block__inn--04 .block__inn--secondary .item {
  width: 50%;
  margin: 4rem auto 0;
}

.block__inn--02 .sub__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1rem;
  margin: 4rem auto 0;
}


.scroll h2 {
  width: 90%;
  font-size:1.2rem;
  margin: 0 auto .8rem;
}




}



/*

googleフォント

▼アルファベット
.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

▼日本語
.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

*/