@charset "utf-8";
/*
.font-serif(){
	//font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
	font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.font-serif-bold(){
	.font-serif();
	font-weight: bold;
}
*/
.abswh100 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.wh100 {
  width: 100%;
  height: 100%;
}
.center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.abscenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.hv_center {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.h_center {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.v_center {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hover_scale {
  transition: all 200ms 0s ease;
}
.hover_scale:hover {
  transform: scale(1.03);
}
/*==============================================================

 ■ interviewlist

===============================================================*/
.interviewlist__list__detail {
  position: relative;
  width: 400px;
  height: 600px;
  width: 400px !important;
}
.interviewlist__list__detail:hover .chara {
  transform: scale(1.1);
}
.interviewlist__list__detail__link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.interviewlist__list__detail__img {
  position: relative;
  padding-top: 380px;
  overflow: hidden;
}
.interviewlist__list__detail__img .bg {
  width: 230px;
  height: 380px;
  position: absolute;
  left: 0;
  top: 0;
}
.interviewlist__list__detail__img__chara {
  position: absolute;
  right: 70px;
  bottom: 0;
  transition: all 300ms 0s ease;
}
.interviewlist__list__detail__profile {
  position: absolute;
  right: 0;
  top: 3px;
}
.interviewlist__list__detail__profile__nameE {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 700;
  font-size: 14px;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  letter-spacing: 0.02em;
  white-space: nowrap;
  position: absolute;
  right: 32px;
  top: 0;
}
.interviewlist__list__detail__profile__nameJ {
  font-weight: 700;
  font-size: 30px;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.interviewlist__list__detail__info {
  white-space: normal;
  padding-top: 50px;
  padding-left: 10px;
}
.interviewlist__list__detail__info__read {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.02em;
}
.interviewlist__list__detail__info__position {
  display: none;
}
.interviewlist__list__detail__info__position2 {
  font-weight: 700;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.02em;
  margin-top: 25px;
}
.interviewlist__list__detail__info__year {
  font-weight: 700;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.02em;
  margin-top: 6px;
}
.interviewlist__list .detail1 .bg {
  background: url(../img/work/interview/bg1.png) center center / contain no-repeat;
}
.interviewlist__list .detail2 .bg {
  background: url(../img/work/interview/bg2.png) center center / contain no-repeat;
}
.interviewlist__list .detail3 .bg {
  background: url(../img/work/interview/bg3.png) center center / contain no-repeat;
}
.interviewlist__list .detail4 .bg {
  background: url(../img/work/interview/bg4.png) center center / contain no-repeat;
}
.interviewlist__list .detail5 .bg {
  background: url(../img/work/interview/bg5.png) center center / contain no-repeat;
}
.interviewlist__list .detail1 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail2 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail3 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail4 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail5 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p5.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
/*==============================================================
  ■ (PC)
==============================================================*/
body {
  visibility: hidden;
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  overflow: hidden;
}
.loading.moved {
  z-index: 0;
}
.loading__bg {
  width: 100%;
  height: 100%;
  background-color: #9aa0a4;
  position: absolute;
  left: 0;
  top: 0;
}
.loading__left {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/top/loading_left.png) top right / auto 100% no-repeat;
}
.loading__left:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #efede6 ;
  position: absolute;
  right: 70%;
  top: 0;
}
.loading__right {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/top/loading_right.png) top left / auto 100% no-repeat;
}
.loading__right:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #efede6 ;
  position: absolute;
  left: 70%;
  top: 0;
}
.loading__copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  color: white;
  font-size: 36px;
  font-weight: 700;
  line-height: 100%;
  /* 36px */
  letter-spacing: 0.72px;
  overflow: hidden;
}
.loading__copy span {
  display: inline-block;
}
.loading__progress {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  color: #4D4D4D;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-align: right;
  position: absolute;
  right: 50px;
  bottom: 40px;
}
.content__info .info__title {
  font-size: 120px;
  font-weight: bold;
}
section {
  position: relative;
  width: 100%;
  z-index: 10;
}
.basebg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.basebg .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/top/kv_bg.jpg) center center / cover no-repeat;
  transform-origin: top center;
}
.whitemask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-color: white;
  opacity: 0;
}
.kv {
  position: relative;
  height: 100vh;
}
.kv__txtcontainer {
  position: absolute;
  right: 618px;
  bottom: 350px;
}
.kv__info {
  position: absolute;
  top: 130px;
  right: 31px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.kv__info__detail {
  width: 150px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  transition: all 300ms 0s ease;
}
.kv__info__detail .arrow {
  display: block;
  width: 9.6px;
  height: 7.2px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  margin-left: 3px;
  transform: rotate(-45deg);
}
.kv__info__detail:hover {
  background-color: white;
}
.kv__info__detail:hover span.txt {
  animation: 800ms ease-out 0s 1 normal forwards running overpcbtngnavitop1;
}
.kv__info__detail:hover span.arrow {
  animation: 800ms ease-out 0s 1 normal forwards running overpcbtngnavitop2;
}
.kv__info__no {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 40px;
  margin-left: 20px;
  transition: all 300ms 0s ease;
}
.kv__info__no span {
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("../img/top/icon_note.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.kv__info__ig {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 40px;
  margin-left: 10px;
}
.kv__info__ig span {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../img/top/icon_ig.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.kv__award {
  position: absolute;
}
.kv__award__1 {
  display: block;
  width: 72px;
  height: 72px;
  background-image: url("../img/top/icon_award1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  left: 282px;
  top: 230px;
}
.kv__award__2 {
  display: block;
  width: 72px;
  height: 72px;
  background-image: url("../img/top/icon_award2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  left: 364px;
  top: 230px;
}
.kv__award__link {
  width: 130px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  position: absolute;
  left: 456px;
  top: 251px;
}
.kv__award__link .arrow {
  display: block;
  width: 9.6px;
  height: 7.2px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  margin-left: 3px;
  transform: rotate(-45deg);
}
@keyframes overpcbtngnavitop1 {
  0% {
    transform: translateY(0%);
  }
  40% {
    transform: translateY(-100%);
  }
  41% {
    transform: translateY(100%);
    color: #222;
  }
  100% {
    transform: translateY(0%);
    color: #222;
  }
}
@keyframes overpcbtngnavitop2 {
  0% {
    transform: translateY(0%) rotate(-45deg);
  }
  40% {
    transform: translateY(-200%) translateX(10px) rotate(-45deg);
  }
  41% {
    transform: translateY(200%) translateX(-10px) rotate(-45deg);
    filter: brightness(0);
  }
  100% {
    transform: translateY(0%) translateX(0px) rotate(-45deg);
    filter: brightness(0);
  }
}
.kv__award__link:hover {
  background-color: white;
}
.kv__award__link:hover span.txt {
  animation: 800ms ease-out 0s 1 normal forwards running overpcbtngnavitop1;
}
.kv__award__link:hover span.arrow {
  animation: 800ms ease-out 0s 1 normal forwards running overpcbtngnavitop2;
}
.kv__read span {
  transform: translateY(115%);
}
.kv__read__1 {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.kv__read__1 span {
  display: block;
  width: 521px;
  height: 60px;
  background-image: url("../img/top/kv_read1.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}
.kv__read__2 {
  position: absolute;
  left: 0;
  top: 74px;
  overflow: hidden;
}
.kv__read__2 span {
  display: block;
  width: 521px;
  height: 60px;
  background-image: url("../img/top/kv_read2.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}
.kv__read__3 {
  position: absolute;
  left: 0;
  top: 160px;
  overflow: hidden;
}
.kv__read__3 span {
  display: block;
  width: 521px;
  height: 60px;
  background-image: url("../img/top/kv_read3.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}
.kv__catch {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: white;
  white-space: nowrap;
  position: absolute;
  left: 246px;
  top: 185px;
  overflow: hidden;
  display: none;
}
.kv__catch span {
  display: inline-block;
  transform: translateY(110%);
}
.kv__scroll {
  color: #4B4B4B;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  letter-spacing: 0.32px;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  transform: rotate(180deg);
  position: absolute;
  left: 32px;
  bottom: 42px;
}
.kv__scroll span {
  vertical-align: middle;
}
.kv__scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #4D4D4D;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin-bottom: 10px;
}
.concept {
  padding: 300px 0 154px;
}
.concept__read {
  width: 610px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: bold;
  line-height: 200%;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
.concept__read p {
  margin-bottom: 50px;
}
.concept__read p:last-child {
  margin-bottom: 0px;
}
.concept__read span {
  transition: all 400ms 0s ease;
  color: #AAA;
}
.concept__read span.ed {
  color: #4D4D4D;
}
.concept__catch {
  position: relative;
  font-size: 55px;
  font-weight: bold;
  white-space: nowrap;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  margin-top: 30px;
  z-index: 2;
}
.concept__sign {
  position: relative;
  z-index: 1;
  display: block;
  width: 608px;
  height: 175px;
  background-image: url("../img/top/sign.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 474px;
  margin-top: -50px;
}
.about {
  background-color: #EFEDE6;
  height: 2000px;
}
.about .inner {
  width: 740px;
  padding-top: 250px;
}
.about__bg {
  display: block;
  width: 642px;
  height: 849px;
  background-image: url("../img/top/about_bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  left: 50px;
  top: 50px;
}
.about__title {
  position: relative;
}
.about__title__E {
  font-size: 200px;
  font-weight: bold;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  text-align: center;
  color: white;
}
.about__title__J {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  font-size: 36px;
  font-weight: bold;
  line-height: 135%;
  letter-spacing: 0em;
  white-space: nowrap;
  position: absolute;
  left: 60px;
  top: 23px;
}
.about__title__read {
  width: 400px;
  font-weight: 500;
  line-height: 165%;
  letter-spacing: 0.1em;
  position: absolute;
  left: 280px;
  top: 236px;
}
.about__title__link {
  position: absolute;
  left: 540px;
  top: 384px;
}
.about__title__link .arrow {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 100px;
  background: #4B4B4B;
  vertical-align: middle;
  overflow: hidden;
  transition: all 300ms 0s ease;
}
.about__title__link .arrow:before {
  content: '';
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0);
  transition: all 300ms 0s ease;
}
.about__title__link .arrow:after {
  content: '';
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.about__title__link .text {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 14px;
  font-weight: 700;
  color: #4B4B4B;
  margin-left: 14px;
}
.about__title__link:hover .arrow {
  background-color: white;
  transition: all 300ms 0.2s ease;
}
.about__title__link:hover .arrow:before {
  transform: scale(1);
}
.about__title__link:hover .arrow:after {
  animation: 600ms ease-out 0s 1 normal forwards running overarrowinv;
}
@keyframes overarrowinv {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(60px);
  }
  41% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(-60px);
  }
  100% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(0px);
  }
}
.about__catch {
  position: relative;
  margin-top: 1010px;
}
.about__catch__1 {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 150px;
  font-weight: 700;
  line-height: 100%;
  /* 150px */
  letter-spacing: 0.01em;
  white-space: nowrap;
  position: absolute;
  left: -253px;
  top: 198px;
  transform: translateX(-300px);
}
.about__catch__2 {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 150px;
  font-weight: 200;
  line-height: 100%;
  /* 150px */
  white-space: nowrap;
  letter-spacing: 0.01em;
  position: absolute;
  left: -75px;
  top: 358px;
  transform: translateX(300px);
}
.about__img {
  width: 100%;
  height: 500px;
  background: url(../img/top/about_img.png) 0px 0% repeat-x;
  animation: bghscroll 30s linear 0s infinite normal none running  ;
  position: absolute;
  left: 0;
  top: 790px;
}
@keyframes bghscroll {
  0% {
    background-position: 0px 0%;
  }
  100% {
    background-position: 2130px 0%;
  }
}
.works {
  background-color: white;
  height: 900px;
}
.works .inner {
  padding-top: 267px;
}
.works .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/work_bg.jpg) center center / cover no-repeat;
}
.works__title {
  padding-left: 50px;
  color: white;
}
.works__title__E {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  color: white;
  font-size: 200px;
  font-weight: 700;
  line-height: 100%;
  /* 200px */
  letter-spacing: 4px;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  position: absolute;
  right: calc( 575px - 50vw );
  top: 72px;
  overflow: hidden;
}
.works__title__E span {
  display: inline-block;
  transform: translateX(-100%);
}
.works__title__J {
  font-size: 36px;
  font-weight: bold;
  line-height: 130%;
}
.works__title__read {
  width: 400px;
  font-size: 16px;
  font-weight: 500;
  line-height: 170%;
  /* 27.2px */
  letter-spacing: 1.6px;
  margin-top: 36px;
}
.works__title__link {
  display: block;
  margin-top: 40px;
  margin-left: 264px;
  color: white;
}
.works__title__link .arrow {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 100px;
  background: white;
  vertical-align: middle;
  overflow: hidden;
  transition: all 300ms 0s ease;
}
.works__title__link .arrow:before {
  content: '';
  width: 60px;
  height: 60px;
  background-color: #262626;
  border-radius: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0);
  transition: all 300ms 0s ease;
}
.works__title__link .arrow:after {
  content: '';
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.works__title__link .text {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 14px;
  font-weight: 700;
  color: white;
  margin-left: 14px;
}
.works__title__link:hover .arrow {
  background-color: #262626;
  transition: all 300ms 0.2s ease;
}
.works__title__link:hover .arrow:before {
  transform: scale(1);
}
.works__title__link:hover .arrow:after {
  animation: 600ms ease-out 0s 1 normal forwards running overarrow2;
}
@keyframes overarrow2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(60px);
  }
  41% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow_w.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(-60px);
  }
  100% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow_w.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(0px);
  }
}
.works__title__link.out .arrow {
  transform: rotate(-45deg);
}
.linkcursor {
  width: 100px;
  height: 100px;
  background-image: url("../img/top/cursor.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  pointer-events: none;
  mix-blend-mode: difference;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
  transform: scale(0);
}
.project {
  background-color: #4D4D4D;
  color: white;
  height: 800px;
}
.project .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  padding-left: 50px;
}
.project__title {
  position: relative;
  z-index: 2;
}
.project__title__main .span1 {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  color: white;
  font-size: 100px;
  font-weight: 700;
  line-height: 100%;
  /* 100px */
  letter-spacing: 2px;
}
.project__title__main .span2 {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  color: #CBC09D;
  font-size: 100px;
  font-weight: 200;
  line-height: 100%;
  /* 100px */
  letter-spacing: 2px;
}
.project__title__sub {
  font-size: 34px;
  font-weight: 700;
  line-height: 130%;
  /* 44.2px */
  letter-spacing: 1.7px;
  margin-top: 40px;
}
.project__imgs {
  display: none;
}
.project:before {
  content: '';
  width: 764.5px;
  height: 575.5px;
  background-image: url("../img/top/project_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}
.project:before a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pstory {
  width: 100%;
  height: 800px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.pstory .inner {
  height: 535px;
  padding-left: 46px;
  padding-top: 185px;
}
.pstory__txt {
  color: white;
}
.pstory__txt__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  /* 13px */
  letter-spacing: 0.65px;
}
.pstory__txt__catch {
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
  /* 45px */
  letter-spacing: 1.5px;
  margin-top: 14px;
}
.pstory__txt__name {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.36px;
  margin-top: 32px;
}
.pstory__txt__link {
  display: none;
}
.pstory__img {
  width: 394px;
  height: 535px;
  position: absolute;
  right: 156px;
  top: 0;
}
.pstory__ticker {
  position: absolute;
  left: 0;
  top: calc( 50vh + 220px );
  width: 100%;
  height: 106px;
  mix-blend-mode: difference;
}
.pstory a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pstory__container {
  position: relative;
  margin-bottom: 200vh;
  padding-top: 100vh;
}
.pstory__container .pstory1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: url(../img/work/top/project1_bg.jpg) center center / cover no-repeat;
}
.pstory__container .pstory1 .pstory__img {
  background: url(../img/work/project/kv_img1.jpg) center center / cover no-repeat;
}
.pstory__container .pstory1 .pstory__ticker {
  background: url(../img/top/pstory1_ticker.png) top left / contain repeat-x;
  animation: pstory1hscroll 30s linear 0s infinite normal none running  ;
}
@keyframes pstory1hscroll {
  0% {
    background-position: 0px 0%;
  }
  100% {
    background-position: 1390px 0%;
  }
}
.pstory__container .pstory2 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-clip-path: inset(100% 0% 0% 0%);
          clip-path: inset(100% 0% 0% 0%);
  width: 100%;
  height: 100vh;
  z-index: 22;
  background: url(../img/work/top/project2_bg.jpg) center center / cover no-repeat;
}
.pstory__container .pstory2 .pstory__img {
  background: url(../img/work/project/kv_img2.jpg) center center / cover no-repeat;
}
.pstory__container .pstory2 .pstory__ticker {
  background: url(../img/top/pstory2_ticker.png) top left / contain repeat-x;
  animation: pstory2hscroll 30s linear 0s infinite normal none running  ;
}
@keyframes pstory2hscroll {
  0% {
    background-position: 0px 0%;
  }
  100% {
    background-position: 1475px 0%;
  }
}
.sptalk {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.sptalk__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/crosstalk_bg.jpg) center center / cover no-repeat;
}
.sptalk .inner {
  padding-top: 7%;
  padding-left: 50px;
  padding-right: 50px;
  color: white;
  height: -webkit-max-content;
  height: max-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sptalk__title__main .span1 {
  color: #FFF;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 90px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.8px;
}
.sptalk__title__main .span2 {
  color: #CBC09D;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 90px;
  font-weight: 200;
  line-height: 100%;
  /* 100% */
  letter-spacing: 1.8px;
  margin-left: 60px;
}
.sptalk__title__main .span3 {
  color: #FFF;
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 90px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.8px;
  margin-left: 20px;
}
.sptalk__title__catch {
  margin-top: 20px;
}
.sptalk__info {
  width: 400px;
  margin-top: 15%;
  margin-left: auto;
}
.sptalk__info__read {
  font-size: 16px;
  line-height: 170%;
  /* 27.2px */
  letter-spacing: 1.6px;
}
.sptalk__info__link {
  display: block;
  width: 120px;
  color: white;
  margin-left: auto;
  margin-right: 0;
  margin-top: 40px;
}
.sptalk__info__link .arrow {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 100px;
  background: white;
  vertical-align: middle;
  overflow: hidden;
  transition: all 300ms 0s ease;
}
.sptalk__info__link .arrow:before {
  content: '';
  width: 60px;
  height: 60px;
  background-color: #262626;
  border-radius: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0);
  transition: all 300ms 0s ease;
}
.sptalk__info__link .arrow:after {
  content: '';
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sptalk__info__link .text {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 14px;
  font-weight: 700;
  color: white;
  margin-left: 14px;
}
.sptalk__info__link:hover .arrow {
  background-color: #262626;
  transition: all 300ms 0.2s ease;
}
.sptalk__info__link:hover .arrow:before {
  transform: scale(1);
}
.sptalk__info__link:hover .arrow:after {
  animation: 600ms ease-out 0s 1 normal forwards running overarrow2;
}
@keyframes overarrow2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(60px);
  }
  41% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow_w.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(-60px);
  }
  100% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow_w.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(0px);
  }
}
.sptalk__info__link.out .arrow {
  transform: rotate(-45deg);
}
.mainlink {
  width: 100%;
  height: 500px;
  display: -ms-flexbox;
  display: flex;
}
.mainlink__detail {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: white;
}
.mainlink__detail .link {
  pointer-events: none;
}
.mainlink__detail .link .arrow {
  background-color: #4B4B4B;
}
.mainlink__detail .link .arrow:after {
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.mainlink__detail .link .text {
  color: #4B4B4B;
}
.mainlink__detail:hover .arrow {
  background-color: white;
  transition: all 300ms 0.2s ease;
}
.mainlink__detail:hover .arrow:before {
  transform: scale(1);
}
.mainlink__detail:hover .arrow:after {
  animation: 600ms ease-out 0s 1 normal forwards running overarrow2inv;
}
@keyframes overarrow2inv {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(60px);
  }
  41% {
    background: url(../img/btn_arrow.svg) center center / contain no-repeat;
    transform: translateX(-60px);
  }
  100% {
    background: url(../img/btn_arrow.svg) center center / contain no-repeat;
    transform: translateX(0px);
  }
}
.mainlink__detail__container {
  position: relative;
  width: 400px;
  height: -webkit-max-content;
  height: max-content;
  transition: all 0.6s 0s ease;
}
.mainlink__detail__subtitle {
  color: #CBC09D;
  font-size: 16px;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.8px;
  margin-bottom: 5px;
}
.mainlink__detail__maintitle {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  /* 36px */
  letter-spacing: 0.48px;
  margin-bottom: 20px;
}
.mainlink__detail__read {
  font-size: 13px;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.65px;
}
.mainlink__detail__link {
  position: absolute;
  right: 40px;
  bottom: 40px;
}
.mainlink__detail__link .arrow {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 100px;
  background: #4B4B4B;
  vertical-align: middle;
  overflow: hidden;
  transition: all 300ms 0s ease;
}
.mainlink__detail__link .arrow:before {
  content: '';
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0);
  transition: all 300ms 0s ease;
}
.mainlink__detail__link .arrow:after {
  content: '';
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.mainlink__detail__link .text {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 14px;
  font-weight: 700;
  color: #4B4B4B;
  margin-left: 14px;
}
.mainlink__detail__link:hover .arrow {
  background-color: white;
  transition: all 300ms 0.2s ease;
}
.mainlink__detail__link:hover .arrow:before {
  transform: scale(1);
}
.mainlink__detail__link:hover .arrow:after {
  animation: 600ms ease-out 0s 1 normal forwards running overarrowinv;
}
@keyframes overarrowinv {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(60px);
  }
  41% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(-60px);
  }
  100% {
    display: block;
    width: 16px;
    height: 12px;
    background-image: url("../img/btn_arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateX(0px);
  }
}
.mainlink__detail__link .arrow {
  transform: rotate(-45deg);
}
.mainlink__detail:before {
  content: '';
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  transition: all 0.6s 0s ease;
}
.mainlink__detail:hover:before {
  left: 0;
}
/*==============================================================

 ■ interviewlist

===============================================================*/
.test {
  width: 100%;
  height: 1000px;
  background-color: #EFEDE6;
}
.test .swiper {
  width: 100%;
}
.test .swiper-slide {
  width: 200px;
  height: 200px;
}
.test .swiper .slide1 {
  background-color: yellow;
}
.test .swiper .slide2 {
  background-color: blue;
}
.test .swiper .slide3 {
  background-color: green;
}
.test .swiper .slide4 {
  background-color: red;
}
.test .swiper .slide5 {
  background-color: orange;
}
.interviewlist {
  padding-top: 190px;
  padding-bottom: 150px;
  background-color: #EFEDE6;
}
.interviewlist .inner {
  width: 1030px;
}
.interviewlist__title__E {
  font-family: 'Albert Sans', 'Noto Sans JP', "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 1.2px;
}
.interviewlist__title__J {
  font-weight: 700;
  font-size: 13px;
  margin-top: 0px;
}
.interviewlist__list {
  background-color: rgba(0, 0, 0, 0);
}
.interviewlist__container {
  position: relative;
  width: 100%;
}
.interviewlist__wrapper {
  position: relative;
  margin-top: 114px;
  width: 100%;
}
.interviewlist .swiper__nav {
  position: relative;
  width: 1030px;
  margin: 0 auto;
  z-index: 2;
}
.interviewlist .swiper__nav__prev {
  width: 80px;
  height: 80px;
  background-color: white;
  border-radius: 80px;
  cursor: pointer;
  transition: all 300ms 0s ease;
  position: absolute;
  left: -120px;
  top: 270px;
}
.interviewlist .swiper__nav__prev .arrow {
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(180deg);
  transition: all 300ms 0s ease;
}
.interviewlist .swiper__nav__prev:hover {
  background-color: #222;
}
.interviewlist .swiper__nav__prev:hover .arrow {
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist .swiper__nav__next {
  width: 80px;
  height: 80px;
  background-color: white;
  border-radius: 80px;
  cursor: pointer;
  transition: all 300ms 0s ease;
  position: absolute;
  right: -120px;
  top: 270px;
}
.interviewlist .swiper__nav__next .arrow {
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 300ms 0s ease;
}
.interviewlist .swiper__nav__next:hover {
  background-color: #222;
}
.interviewlist .swiper__nav__next:hover .arrow {
  display: block;
  width: 16px;
  height: 12px;
  background-image: url("../img/btn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__cursor {
  width: 100px;
  height: 100px;
  background-image: url("../img/dragcursor.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  pointer-events: none;
  mix-blend-mode: difference;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
  transform: scale(0);
}
/*
.interviewlist{
	padding-top:190px;
	padding-bottom:150px;
	background-color: #EFEDE6;
	.inner{
		width: 1030px;
	}
	&__title{
		&__E{
			.font-en();
			font-size: 60px;
			font-weight: 700;
			line-height: 60px;
			letter-spacing: 1.2px;
		}
		&__J{
			font-weight: 700;
			font-size: 13px;
			margin-top:0px;
		}
	}

	&__scroll{
		position: relative;
		width: 100%;
		.swiper-scrollbar{
			.wh(288px,4px);
			position: absolute;
			top:-60px;
			left: ~"calc( ( 100vw - 1030px ) / 2 + 736px )";
		}
	}

	&__container{
		position: relative;
		position: relative;
		width: 100%;
		margin-top:114px;
		padding:0 ~"calc( ( 100% - 1030px ) / 2 )";


	}
}
*/
.interviewlist__list {
  /*
	&__detail{
		display: block;
		position: relative;
		.wh(400px,600px);
		.anime();

		&__link{
			display: block;
			.abs(0,0);
			.wh100();
		}
		&__img{
			position: relative;
			padding-top:380px;
			.bg{
				.wh(230px,380px);
				.abs(0,0);
			}
			&__chara{
				.absrb(70px,0);
			}
		}

		&__profile{
			.absr(0,3px);
			&__nameE{
				.font-en();
				font-weight: 700;
				font-size:14px;
				writing-mode: vertical-rl;
				letter-spacing: 0.02em;
				.absr(32px,0);
			}
			&__nameJ{
				font-weight: 700;
				font-size:30px;
				writing-mode: vertical-rl;
				letter-spacing: 0.08em;
			}
		}

		&__info{
			white-space: normal;
			padding-top:50px;
			padding-left:10px;
			&__read{
				font-weight: 700;
				font-size:24px;
				letter-spacing: 0.02em;
			}
			&__position{display: none;}
			&__position2{
				font-weight: 700;
				font-size:13px;
				line-height: 150%;
				letter-spacing: 0.02em;
				margin-top:25px;
			}
			&__year{
				font-weight: 700;
				font-size:13px;
				line-height: 150%;
				letter-spacing: 0.02em;
				margin-top:6px;
			}
		}
	}*/
}
.interviewlist__list .detail1 .bg {
  background: url(../img/work/interview/bg1.png) center center / contain no-repeat;
}
.interviewlist__list .detail2 .bg {
  background: url(../img/work/interview/bg2.png) center center / contain no-repeat;
}
.interviewlist__list .detail3 .bg {
  background: url(../img/work/interview/bg3.png) center center / contain no-repeat;
}
.interviewlist__list .detail4 .bg {
  background: url(../img/work/interview/bg4.png) center center / contain no-repeat;
}
.interviewlist__list .detail5 .bg {
  background: url(../img/work/interview/bg5.png) center center / contain no-repeat;
}
.interviewlist__list .detail1 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail2 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail3 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail4 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.interviewlist__list .detail5 .chara {
  display: block;
  width: 228px;
  height: 346.8px;
  background-image: url("../img/work/interview/p5.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}