@charset "UTF-8";
body {
  overflow: hidden;
  min-width: 990px;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 600px) {
  body {
    min-width: initial;
    min-width: auto;
  }
}
#header {
  position: relative;
  z-index: 7;
}
#contents {
  width: 100%;
  padding: 0;
  background-color: #fff;
}
#ct_bg #Pla-wrapper {
  width: 100%;
  padding-left: 0;
  background-image: none;
}
#ct_bg .Oya {
  position: relative;
  width: 975px;
  margin: 0 auto;
  -webkit-transform: translateX(7px);
  -moz-transform: translateX(7px);
  -o-transform: translateX(7px);
  -ms-transform: translateX(7px);
  transform: translateX(7px);
  z-index: 4;
}
#ct_bg .Oya::before {
  content: '';
  position: absolute;
  top: -23px;
  right: 16px;
  width: 267px;
  height: 90px;
  background: url("../../../images_2016/common/header-pic.jpg") left top no-repeat;
}
@media only screen and (max-width: 600px) {
  #ct_bg .Oya {
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  #ct_bg .Oya::before {
    display: none;
  }
}
.Title-line-2016 {
  width: 975px;
  margin: 0 auto 20px;
  -webkit-transform: translateX(7px);
  -moz-transform: translateX(7px);
  -o-transform: translateX(7px);
  -ms-transform: translateX(7px);
  transform: translateX(7px);
}
@media only screen and (max-width: 600px) {
  .Title-line-2016 {
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#footer {
  position: relative;
  z-index: 3;
}
.onlyPc {
  display: block;
}
@media only screen and (max-width: 600px) {
  .onlyPc {
    display: none;
  }
}
.onlySp {
  display: none;
}
@media only screen and (max-width: 600px) {
  .onlySp {
    display: block;
  }
}
.button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: button;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
.button::-webkit-search-decoration {
  display: none;
}
.button::focus {
  outline-offset: -2px;
}
.main {
  overflow: hidden;
  position: relative;
  margin: 0;
  color: #333;
  background-color: #020202;
}
.main img {
  vertical-align: bottom;
}
.main .inner {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
}
.main .collabo-group {
  background-color: transparent;
  position: relative;
}
.main .collabo-group .eye-catch {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: -16%;
  z-index: 0;
}
.main .collabo-group .eye-catch .mask {
  overflow: hidden;
  -webkit-transform: skewY(8.8deg);
  -moz-transform: skewY(8.8deg);
  -o-transform: skewY(8.8deg);
  -ms-transform: skewY(8.8deg);
  transform: skewY(8.8deg);
}
.main .collabo-group .eye-catch .mask img {
  -webkit-transform: skewY(-8.8deg);
  -moz-transform: skewY(-8.8deg);
  -o-transform: skewY(-8.8deg);
  -ms-transform: skewY(-8.8deg);
  transform: skewY(-8.8deg);
}
.main .collabo-group .eye-catch .img-1 {
  display: block;
}
.main .collabo-group .eye-catch .img-2 {
  display: none;
}
@media only screen and (max-width: 600px) {
  .main {
    margin: 0 0 0;
  }
  .main .inner {
    width: 100%;
    padding: 0;
  }
  .main .collabo-group.collabo-group-1 .eye-catch::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    background: url("../images/bg-collabo-1-bottom.png") left bottom no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
  .main .collabo-group.collabo-group-2 .eye-catch::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    background: url("../images/bg-collabo-2-2.png") left bottom no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
  .main .collabo-group.collabo-group-3 .eye-catch::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    background: url("../images/bg-collabo-3-2.png") left bottom no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
  .main .collabo-group.collabo-group-4 .eye-catch::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    background: url("../images/bg-collabo-4-2.jpg") left bottom no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
}
.section.collabo {
  overflow: hidden;
  position: relative;
  -webkit-transform: skew(0, -8.8deg);
  -moz-transform: skew(0, -8.8deg);
  -o-transform: skew(0, -8.8deg);
  -ms-transform: skew(0, -8.8deg);
  transform: skew(0, -8.8deg);
  background-color: #000;
  z-index: 0;
}
.section.collabo::before {
  content: '';
}
.section.collabo .inner {
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.section.collabo .inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 193px;
  height: 193px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.section.collabo .ttl {
  position: relative;
  left: -118px;
}
.section.collabo .text {
  margin: 79px 0 0;
}
.section.collabo .craft-name {
  position: absolute;
  top: 278px;
  left: 50%;
  margin-left: -610px;
}
.section.collabo .profile {
  width: 384px;
  padding: 0;
  color: #fff;
}
.section.collabo .profile dt,
.section.collabo .profile dd {
  display: inline-block;
  vertical-align: top;
}
.section.collabo .profile dt {
  margin-right: 7px;
}
.section.collabo .profile dd {
  margin-top: -1px;
}
.section.collabo .profile p {
  margin-top: 23px;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.002em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 600px) {
  .section.collabo {
    z-index: 1;
  }
  .section.collabo .inner {
    width: auto;
    padding: 14.4% 0 25%;
  }
  .section.collabo .inner::before {
    display: none;
  }
  .section.collabo .ttl {
    left: 0;
  }
  .section.collabo .text {
    margin-top: 10%;
  }
  .section.collabo .rect {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36.6666666666667%;
    margin: -41.4% 0 0 -65%;
    z-index: -1;
  }
  .section.collabo .craft-name {
    top: 27.8%;
    width: 6%;
    margin-left: -42.6%;
  }
  .section.collabo .profile {
    width: 95%;
    margin: 0 auto;
    padding: 0;
  }
  .section.collabo .profile dt,
  .section.collabo .profile dd {
    vertical-align: bottom;
  }
  .section.collabo .profile dt {
    width: 20.3508771929825%;
    margin-right: 4px;
  }
  .section.collabo .profile p {
    margin-top: 3.8%;
    font-size: 9.5px;
  }
}
.interview {
  position: relative;
  padding: 10px 0;
  z-index: 1;
}
.interview::before,
.interview::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #0e0e52;
}
.interview::before {
  top: 0;
  height: 100%;
  -webkit-transform: skew(0, -8.8deg);
  -moz-transform: skew(0, -8.8deg);
  -o-transform: skew(0, -8.8deg);
  -ms-transform: skew(0, -8.8deg);
  transform: skew(0, -8.8deg);
}
.interview .buttonInterview {
  position: absolute;
  top: 0;
  left: 50%;
  width: 250px;
  height: 82px;
  padding: 0;
  margin-left: -490px;
  z-index: 2;
  -webkit-transform: translateY(-16px);
  -moz-transform: translateY(-16px);
  -o-transform: translateY(-16px);
  -ms-transform: translateY(-16px);
  transform: translateY(-16px);
}
.interview .buttonInterview::before,
.interview .buttonInterview::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.interview .buttonInterview::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: #0e0e52 transparent transparent #0e0e52;
  position: absolute;
  top: 44px;
  right: auto;
  bottom: auto;
  left: 0;
  border-width: 20px 125px 20px 125px;
}
.interview .buttonInterview::after {
  width: 100%;
  height: 60px;
}
.interview .buttonInterview .arrow {
  position: absolute;
  top: 50%;
  right: 38px;
  width: 10px;
  height: 10px;
  margin-top: -11px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url("../images/arrow-white.png") left top no-repeat;
  z-index: 1;
}
.interview .buttonInterview img {
  margin: 0 auto;
  position: relative;
  top: -8px;
  left: -10px;
}
.interview.is-opened .buttonInterview .arrow {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.interview .inner {
  width: 980px;
  margin: 0 auto;
  text-align: center;
}
.interview .interviewContainer {
  overflow: hidden;
  position: relative;
  display: none;
}
.interview .interviewContainer .ttl {
  position: relative;
  margin: 94px 0 60px;
  padding: 0 0 19px;
  line-height: 0;
  text-align: center;
}
.interview .interviewContainer .ttl img {
  margin-right: auto;
  margin-left: auto;
}
.interview .interviewContainer .ttl::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 75px;
  height: 1px;
  margin-left: -37.5px;
  background-color: #fff;
}
.interview .interviewContainer .interviewBody {
  position: relative;
  margin-bottom: 71px;
  padding: 0 10px;
  text-align: left;
  background-color: #fff;
  font-size: 14px;
}
.interview .interviewContainer .interviewBody::before,
.interview .interviewContainer .interviewBody::after {
  content: '';
  width: 940px;
  height: 0px;
}
.interview .interviewContainer .interviewBody::before {
  position: absolute;
  top: -20px;
  left: 0;
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.interview .interviewContainer .interviewBody::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  border-top: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.interview .interviewContainer .interviewBody .top,
.interview .interviewContainer .interviewBody .bottom {
  position: absolute;
  left: 1px;
  width: 978px;
  height: 10px;
  background-color: #fff;
}
.interview .interviewContainer .interviewBody .top {
  top: -1px;
}
.interview .interviewContainer .interviewBody .bottom {
  bottom: -1px;
}
.interview .interviewContainer .interviewBody .col {
  overflow: hidden;
  position: relative;
  padding: 10px 19px 10px;
}
.interview .interviewContainer .interviewBody .col .textBlock {
  overflow: hidden;
}
.interview .interviewContainer .interviewBody .col .textBlock .question {
  position: relative;
  font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.interview .interviewContainer .interviewBody .col .textBlock .answer {
  margin-top: 28px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.interview .interviewContainer .buttonContainer {
  margin-bottom: 0;
  line-height: 0;
  text-align: center;
}
.interview .interviewContainer .buttonContainer .buttonClose {
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .interview {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    margin-left: 0;
    -webkit-transform: rotate(0) translateX(0);
    -moz-transform: rotate(0) translateX(0);
    -o-transform: rotate(0) translateX(0);
    -ms-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
  .interview .buttonInterview {
    top: 0;
    width: 49.3333333333333%;
    height: auto;
    padding: 0;
    margin-top: 0;
    -webkit-transform: translateY(-176.6%);
    -moz-transform: translateY(-176.6%);
    -o-transform: translateY(-176.6%);
    -ms-transform: translateY(-176.6%);
    transform: translateY(-176.6%);
    margin-left: -24.66666666666665%;
  }
  .interview .buttonInterview .arrow {
    right: 50%;
    width: 7px;
    height: 7px;
    margin: -2.6% -38% 0 -3.5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .interview .buttonInterview::before,
  .interview .buttonInterview::after {
    display: none;
  }
  .interview .buttonInterview img {
    top: 0;
    left: 0;
  }
  .interview .inner {
    width: auto;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
  .interview .inner .interviewContainer .ttl {
    margin: 8.2% 0 8%;
    padding-bottom: 3.8%;
  }
  .interview .inner .interviewContainer .interviewBody {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5.2%;
    padding: 5.6% 0;
    background: -webkit-linear-gradient(315deg, transparent 9px, #fff 0) top left, -webkit-linear-gradient(225deg, transparent 9px, #fff 0) top right, -webkit-linear-gradient(135deg, transparent 9px, #fff 0) bottom right, -webkit-linear-gradient(45deg, transparent 9px, #fff 0) bottom left;
    background: -moz-linear-gradient(315deg, transparent 9px, #fff 0) top left, -moz-linear-gradient(225deg, transparent 9px, #fff 0) top right, -moz-linear-gradient(135deg, transparent 9px, #fff 0) bottom right, -moz-linear-gradient(45deg, transparent 9px, #fff 0) bottom left;
    background: -o-linear-gradient(315deg, transparent 9px, #fff 0) top left, -o-linear-gradient(225deg, transparent 9px, #fff 0) top right, -o-linear-gradient(135deg, transparent 9px, #fff 0) bottom right, -o-linear-gradient(45deg, transparent 9px, #fff 0) bottom left;
    background: -ms-linear-gradient(315deg, transparent 9px, #fff 0) top left, -ms-linear-gradient(225deg, transparent 9px, #fff 0) top right, -ms-linear-gradient(135deg, transparent 9px, #fff 0) bottom right, -ms-linear-gradient(45deg, transparent 9px, #fff 0) bottom left;
    background: linear-gradient(135deg, transparent 9px, #fff 0) top left, linear-gradient(225deg, transparent 9px, #fff 0) top right, linear-gradient(315deg, transparent 9px, #fff 0) bottom right, linear-gradient(45deg, transparent 9px, #fff 0) bottom left;
    -webkit-background-size: 50% 50%;
    -moz-background-size: 50% 50%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    font-size: 10px;
  }
  .interview .inner .interviewContainer .interviewBody::before,
  .interview .inner .interviewContainer .interviewBody::after {
    content: '';
    position: absolute;
    left: 0;
    border: none;
    background-color: #fff;
  }
  .interview .inner .interviewContainer .interviewBody::before {
    width: 100%;
    height: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .interview .inner .interviewContainer .interviewBody::after {
    top: 0;
    left: 50%;
    width: 10px;
    height: 100%;
    margin-left: -5px;
  }
  .interview .inner .interviewContainer .interviewBody .top,
  .interview .inner .interviewContainer .interviewBody .bottom {
    display: none;
  }
  .interview .inner .interviewContainer .interviewBody .col {
    position: relative;
    padding: 5% 4.2% 0;
    z-index: 2;
  }
  .interview .inner .interviewContainer .interviewBody .col.col-1 {
    padding-top: 0;
  }
  .interview .inner .interviewContainer .interviewBody .col .textBlock {
    margin-top: 6%;
  }
  .interview .inner .interviewContainer .interviewBody .col .textBlock .question {
    font-size: 13px;
  }
  .interview .inner .interviewContainer .interviewBody .col .textBlock .question::before {
    width: 20px;
    height: 20px;
  }
  .interview .inner .interviewContainer .interviewBody .col .textBlock .answer {
    margin-top: 3.2%;
  }
  .interview .inner .buttonContainer {
    margin-bottom: 10%;
  }
  .interview .inner .buttonContainer .buttonClose {
    width: 26.6666666666667%;
  }
  .interview.is-opened + .eye-catch {
    overflow: visible;
  }
  .interview.is-opened + .eye-catch-1 {
    z-index: 1;
  }
  .interview.is-opened + .eye-catch-1 .mask {
    margin-top: -18%;
    background-color: #000;
  }
  .interview.is-opened + .eye-catch-1 img {
    margin-top: -13.4%;
  }
  .interview.is-opened + .eye-catch-2 {
    z-index: 1;
  }
  .interview.is-opened + .eye-catch-2 .mask {
    margin-top: -18%;
    background-color: #000;
  }
  .interview.is-opened + .eye-catch-2 img {
    margin-top: -8.4%;
    margin-bottom: -1.4%;
  }
  .interview.is-opened + .eye-catch-3 {
    z-index: 1;
  }
  .interview.is-opened + .eye-catch-3 .mask {
    margin-top: -18%;
    background-color: #000;
  }
  .interview.is-opened + .eye-catch-3 img {
    margin-top: -8.4%;
    margin-bottom: -1.4%;
  }
}
.firstView {
  position: relative;
  width: 100%;
  height: 727px;
  min-height: 600px;
  background-color: #000;
  z-index: 2;
}
.firstView .mainVisual {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  height: calc(100% - 48px);
  background-color: #000;
}
.firstView .mainVisual .img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.firstView .mainVisual .img img {
  width: 100%;
}
.firstView .mainVisual .pageTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 819px;
  height: 84px;
  margin: -253px 0 0 -409.5px;
  background: url("../images/page-title.png") left top no-repeat;
  text-indent: -999em;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.firstView .mainVisual .scroll-attension {
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 59px;
  height: 29px;
  margin-left: -29.5px;
  background: url("../images/arrow-bottom.png") left top no-repeat;
  text-indent: -999em;
}
.firstView .news {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: -45px;
  background-color: #bfb089;
}
.firstView .news .newsInner {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 960px;
  max-height: 48px;
  -webkit-transition: max-height 0.01s cubic-bezier(1, 0, 0, 1);
  -moz-transition: max-height 0.01s cubic-bezier(1, 0, 0, 1);
  -o-transition: max-height 0.01s cubic-bezier(1, 0, 0, 1);
  -ms-transition: max-height 0.01s cubic-bezier(1, 0, 0, 1);
  transition: max-height 0.01s cubic-bezier(1, 0, 0, 1);
}
.firstView .news .newsInner .ttl {
  position: absolute;
  top: 17px;
  left: 0;
  line-height: 0;
}
.firstView .news .newsInner .newsList {
  padding: 15px 0 15px 80px;
}
.firstView .news .newsInner .newsList .newsItem {
  margin-top: 15px;
  padding-top: 15px;
  font-size: 13px;
  font-weight: bold;
  border-top: 1px solid #8a7751;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.firstView .news .newsInner .newsList .newsItem:first-child {
  margin-top: 0;
  padding-top: 0;
}
.firstView .news .newsInner .newsList .newsItem:nth-child(1),
.firstView .news .newsInner .newsList .newsItem:nth-child(2) {
  border-top: 0;
}
.firstView .news .newsInner .newsList .newsItem .date {
  margin-right: 7px;
  padding-right: 6px;
  border-right: 2px solid #a19576;
}
.firstView .news .newsInner .newsList .newsItem a {
  color: #000;
  text-decoration: underline;
}
.firstView .news .newsInner .buttonMore {
  position: absolute;
  top: 10px;
  right: 0;
  width: 90px;
  height: 24px;
  line-height: 0;
}
.firstView .news .newsInner .buttonMore::before,
.firstView .news .newsInner .buttonMore::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.firstView .news .newsInner .buttonMore::after {
  background: url("../images/button-more-1.png") left top no-repeat;
}
.firstView .news .newsInner.is-opened {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  max-height: 100vh !important;
}
.firstView .news .newsInner.is-opened .newsItem:nth-child(2) {
  border-top: 1px solid #8a7751;
}
.firstView .news .newsInner.is-opened .buttonMore::after {
  background: url("../images/button-close-1.png") left top no-repeat;
}
.firstView .sns {
  position: absolute;
  top: 19px;
  right: 34px;
  width: 132px;
}
.firstView .sns ul {
  letter-spacing: -1em;
}
.firstView .sns ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  font-size: 0;
  line-height: 0;
  letter-spacing: normal;
}
.firstView .sns ul li:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 600px) {
  .firstView {
    height: auto;
    min-height: initial;
    min-height: auto;
  }
  .firstView .mainVisual {
    min-height: initial;
    min-height: auto;
    height: auto;
  }
  .firstView .mainVisual .pageTitle {
    width: 86.3333333333333%;
    height: 0px;
    padding-top: 8.6666666666667%;
    margin: -17.3% 0 0 -43.16666666666665%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: translateX(2.2%);
    -moz-transform: translateX(2.2%);
    -o-transform: translateX(2.2%);
    -ms-transform: translateX(2.2%);
    transform: translateX(2.2%);
  }
  .firstView .mainVisual .img {
    width: 100%;
    min-width: initial;
    min-width: auto;
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .firstView .sns {
    top: 12px;
    right: 3.4%;
    width: 30.666666666666696%;
  }
  .firstView .sns ul li {
    float: left;
    width: 26.6304347826087%;
    margin-left: 9.782608695652199%;
  }
  .firstView .news {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 2;
  }
  .firstView .news .newsInner {
    width: 100%;
    min-height: 40px;
    max-height: 66px;
  }
  .firstView .news .newsInner .ttl {
    top: 15px;
    left: 10px;
    width: 49px;
  }
  .firstView .news .newsInner .newsList {
    padding: 13px 40px 13px 66px;
  }
  .firstView .news .newsInner .newsList .newsItem {
    font-size: 10px;
    line-height: 1.4;
  }
  .firstView .news .newsInner .buttonMore {
    top: 7px;
    right: 10px;
    width: 25px;
    height: 25px;
    background-color: #694802;
  }
  .firstView .news .newsInner .buttonMore::before {
    display: none;
  }
  .firstView .news .newsInner .buttonMore::after {
    top: 50%;
    left: 50%;
    width: 9px;
    height: 8px;
    margin: -4px 0 0 -4.5px;
    background: url("../images/arrow-white-sp.png") left top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .firstView .news .newsInner.is-opened .buttonMore:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url("../images/arrow-white-sp.png") left top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
.concept {
  position: relative;
  height: 798px;
  background: url("../images/bg-concept.png") center top no-repeat;
  background-color: #000;
  z-index: 1;
}
.concept::before {
  content: '';
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #000;
}
.concept .ttl {
  position: absolute;
  top: 66px;
  left: -108px;
}
.concept .text {
  padding: 92px 4px 0 0;
  text-align: center;
}
.concept .text img {
  margin: 0 auto;
}
.concept .notes {
  max-width: 1276px;
  margin: 20px auto 0;
  padding: 0 30px;
}
.concept .notes img {
  margin-left: auto;
}
@media only screen and (max-width: 1280px) {
  .concept .ttl {
    left: 0;
    margin-left: 5px;
  }
  .concept .text {
    padding-top: 106px;
  }
}
@media only screen and (max-width: 600px) {
  .concept {
    position: relative;
    height: auto;
    z-index: 3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-image: none;
  }
  .concept::before {
    display: none;
  }
  .concept .inner {
    padding-bottom: 9.4%;
    z-index: 2;
  }
  .concept .bg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1;
  }
  .concept .ttl {
    top: 6.8%;
    left: 0;
    margin: 0;
  }
  .concept .text {
    padding: 0;
  }
  .concept .notes {
    position: absolute;
    bottom: 12.8%;
    right: 7%;
    width: 41%;
    max-width: initial;
    max-width: none;
    margin: 0;
    padding: 0;
    z-index: 2;
  }
}
.movie {
  overflow: hidden;
  position: relative;
  margin: -107px 0 0 0;
  width: 100%;
  height: 847px;
  -webkit-transform: skew(0, -8.8deg);
  -moz-transform: skew(0, -8.8deg);
  -o-transform: skew(0, -8.8deg);
  -ms-transform: skew(0, -8.8deg);
  transform: skew(0, -8.8deg);
  z-index: 1;
}
.movie::before {
  content: '';
  position: absolute;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  background: url("../images/bg-movie.png") center top repeat;
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.movie .inner {
  padding-top: 164px;
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.movie .inner .ttl {
  position: relative;
  left: -119px;
}
.movie .inner .movieContainer {
  position: relative;
  width: 900px;
  margin: 19px auto 0;
}
.movie .inner .movieContainer::before {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  padding-top: 56.25%;
}
.movie .inner .movieContainer .moviePoster,
.movie .inner .movieContainer .embedMovie {
  position: absolute;
  top: 0;
  left: 0;
}
.movie .inner .movieContainer .moviePoster::before,
.movie .inner .movieContainer .moviePoster::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 119px;
  height: 119px;
  margin: -59.5px 0 0 -59.5px;
}
.movie .inner .movieContainer .moviePoster::after {
  background: url("../images/button-play.png") left top no-repeat;
}
.movie .inner .movieContainer .moviePoster {
  z-index: 0;
}
.movie .inner .movieContainer .embedMovie {
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
@media only screen and (max-width: 1280px) {
  .movie .inner .ttl {
    left: 0;
    margin-left: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .movie {
    height: auto;
    margin: -8% 0 0;
    z-index: 3;
  }
  .movie::before {
    background: url("../images/bg-movie.png") center top repeat;
    -webkit-background-size: 21px 18px;
    -moz-background-size: 21px 18px;
    background-size: 21px 18px;
  }
  .movie .inner {
    padding: 13% 0 19.2%;
  }
  .movie .inner .ttl {
    left: 0;
    margin: 0;
    text-align: center;
  }
  .movie .inner .movieContainer {
    position: relative;
    margin-top: 11.6%;
    width: 95%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .movie .inner .movieContainer::before {
    display: none;
  }
  .movie .inner .movieContainer .embedMovie {
    width: 100%;
    left: 0;
  }
  .movie .inner .movieContainer .moviePoster {
    position: static;
    width: 100%;
  }
  .movie .inner .movieContainer .moviePoster::after {
    display: none;
  }
}
.collabo-1::before {
  position: absolute;
  top: -243px;
  left: 50%;
  width: 1680px;
  height: 1100px;
  margin: 0 0 0 -840px;
  background: url("../images/bg-collabo-1.jpg") center top no-repeat;
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.collabo-1 .inner {
  padding: 170px 0 68px;
}
.collabo-1 .inner:before {
  margin: 237px 0 0 -739px;
  background-color: #0e0e52;
}
.collabo-1 .inner .profile {
  padding-top: 120px;
}
@media only screen and (max-width: 1280px) {
  .collabo-1.collabo .ttl {
    left: 0;
  }
  .collabo-1.collabo .inner {
    padding-left: 10px;
  }
  .collabo-1.collabo .inner::before {
    margin-left: -640px;
  }
  .collabo-1.collabo .inner .text {
    margin-left: 70px;
  }
  .collabo-1.collabo .inner .craft-name {
    margin-left: -484px;
  }
}
@media only screen and (max-width: 600px) {
  .collabo-1 {
    margin-top: 0;
  }
  .collabo-1::before {
    top: -6.8%;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url("../images/bg-collabo-1-sp.jpg") center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: skew(0, 8.8deg);
    -moz-transform: skew(0, 8.8deg);
    -o-transform: skew(0, 8.8deg);
    -ms-transform: skew(0, 8.8deg);
    transform: skew(0, 8.8deg);
  }
  .collabo-1.collabo .inner {
    padding-left: 0;
  }
  .collabo-1.collabo .inner .craft-name {
    margin-left: -42.6%;
  }
  .collabo-1.collabo .inner::before {
    margin: 22% 0 0 -36.2%;
  }
  .collabo-1.collabo .inner .text {
    margin-left: 0;
  }
  .collabo-1.collabo .inner .profile {
    padding-top: 9.4%;
  }
  .collabo-1.collabo .inner .profile dd {
    width: 19.6491228070175%;
  }
}
.collabo-2::before {
  position: absolute;
  top: -229px;
  left: 50%;
  width: 1680px;
  height: 1100px;
  margin: 0 0 0 -840px;
  background: url("../images/bg-collabo-2.jpg") center top no-repeat;
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.collabo-2 .inner {
  padding: 170px 0 91px;
}
.collabo-2 .inner:before {
  margin: 236px 0 0 -740px;
  background-color: #5b5549;
}
.collabo-2 .inner .craft-name {
  top: 237px;
  margin-left: -609px;
}
.collabo-2 .inner .profile {
  padding-top: 218px;
  margin-left: 2px;
}
.collabo-2 .interview {
  background-color: #5b5549;
}
@media only screen and (max-width: 1280px) {
  .collabo-2.collabo .ttl {
    left: 0;
  }
  .collabo-2.collabo .inner {
    padding-left: 10px;
  }
  .collabo-2.collabo .inner::before {
    margin-left: -640px;
  }
  .collabo-2.collabo .inner .text {
    margin-left: 70px;
  }
  .collabo-2.collabo .inner .craft-name {
    margin-left: -484px;
  }
}
@media only screen and (max-width: 600px) {
  .collabo-2.collabo {
    margin-top: -7.8%;
  }
  .collabo-2.collabo::before {
    top: -6.8%;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url("../images/bg-collabo-2-sp.jpg") center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: skew(0, 8.8deg);
    -moz-transform: skew(0, 8.8deg);
    -o-transform: skew(0, 8.8deg);
    -ms-transform: skew(0, 8.8deg);
    transform: skew(0, 8.8deg);
  }
  .collabo-2.collabo .inner {
    padding: 14.8% 0 24.8%;
  }
  .collabo-2.collabo .inner::before {
    margin: -7.8% 0 0 -36.2%;
  }
  .collabo-2.collabo .inner .craft-name {
    top: 25%;
    width: 5.8333333333333%;
    margin-left: -42.4%;
  }
  .collabo-2.collabo .inner .rect {
    margin-top: -38.6%;
  }
  .collabo-2.collabo .inner .text {
    margin-top: 9.6%;
    margin-left: 0;
  }
  .collabo-2.collabo .inner .profile {
    padding-top: 25.4%;
    margin-left: auto;
  }
  .collabo-2.collabo .inner .profile dd {
    width: 20%;
  }
}
.collabo-3::before {
  position: absolute;
  top: -111px;
  left: 50%;
  width: 1680px;
  height: 1100px;
  margin: 0 0 0 -840px;
  background: url("../images/bg-collabo-3.jpg") center top no-repeat;
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.collabo-3 .inner {
  padding: 170px 0 61px;
}
.collabo-3 .inner:before {
  margin: 235px 0 0 -739px;
  background-color: #473546;
}
.collabo-3 .inner .craft-name {
  top: 276px;
  margin-left: -609px;
}
.collabo-3 .inner .profile {
  padding-top: 119px;
  margin-left: 2px;
}
.collabo-3 .interview {
  background-color: #473546;
}
@media only screen and (max-width: 1280px) {
  .collabo-3.collabo .ttl {
    left: 0;
  }
  .collabo-3.collabo .inner {
    padding-left: 10px;
  }
  .collabo-3.collabo .inner::before {
    margin-left: -640px;
  }
  .collabo-3.collabo .inner .text {
    margin-left: 70px;
  }
  .collabo-3.collabo .inner .craft-name {
    margin-left: -484px;
  }
}
@media only screen and (max-width: 600px) {
  .collabo-3 {
    margin-top: -7.8%;
  }
  .collabo-3::before {
    top: -6.8%;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url("../images/bg-collabo-3-sp.jpg") center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: skew(0, 8.8deg);
    -moz-transform: skew(0, 8.8deg);
    -o-transform: skew(0, 8.8deg);
    -ms-transform: skew(0, 8.8deg);
    transform: skew(0, 8.8deg);
  }
  .collabo-3.collabo .inner {
    padding-top: 16.2%;
    padding-left: 0;
  }
  .collabo-3.collabo .inner::before {
    margin: 22% 0 0 -36.2%;
  }
  .collabo-3.collabo .inner .text {
    margin-top: 10%;
    margin-left: 0;
  }
  .collabo-3.collabo .inner .craft-name {
    top: 27%;
    width: 5.8333333333333%;
    margin-left: -42.4%;
  }
  .collabo-3.collabo .inner .rect {
    margin-top: -43.8%;
  }
  .collabo-3.collabo .inner .profile {
    padding-top: 20.6%;
    margin-left: auto;
  }
  .collabo-3.collabo .inner .profile dd {
    width: 24.6666666666667%;
  }
  .collabo-3.collabo .inner .profile p {
    margin-top: 3%;
  }
}
.collabo-4 {
  margin: 0 0 110px;
  z-index: 2;
  background-color: #020202;
}
.collabo-4::before {
  position: absolute;
  top: -129px;
  left: 50%;
  width: 1680px;
  height: 1100px;
  margin: 0 0 0 -840px;
  background: url("../images/bg-collabo-4.jpg") center top no-repeat;
  -webkit-transform: skew(0, 8.8deg);
  -moz-transform: skew(0, 8.8deg);
  -o-transform: skew(0, 8.8deg);
  -ms-transform: skew(0, 8.8deg);
  transform: skew(0, 8.8deg);
}
.collabo-4 .inner {
  margin-bottom: 8.2%;
  padding: 170px 0 0;
}
@media screen and (min-width: 600px) and (max-width: 1080px) {
  .collabo-4 .inner {
    margin-bottom: 7%;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1280px) {
  .collabo-4 .inner {
    margin-bottom: 7.6%;
  }
}
@media screen and (min-width: 1680px) {
  .collabo-4 .inner {
    margin-bottom: 9%;
  }
}
.collabo-4 .inner:before {
  margin: 236px 0 0 -739px;
  background-color: #3f100c;
}
.collabo-4 .inner .craft-name {
  top: 276px;
  margin-left: -609px;
}
.collabo-4 .inner .text {
  margin-top: 74px;
}
.collabo-4 .inner .profile {
  padding-top: 180px;
  margin-left: 2px;
}
.collabo-4 .interview {
  background-color: #3f100c;
}
.collabo-4 .interview .buttonInterview::after {
  background-color: #3f100c;
}
@media only screen and (max-width: 1280px) {
  .collabo-4.collabo .ttl {
    left: 0;
  }
  .collabo-4.collabo .inner {
    padding-left: 10px;
  }
  .collabo-4.collabo .inner::before {
    margin-left: -640px;
  }
  .collabo-4.collabo .inner .text {
    margin-left: 100px;
  }
  .collabo-4.collabo .inner .craft-name {
    margin-left: -484px;
  }
}
@media only screen and (max-width: 600px) {
  .collabo-4 {
    margin-top: -7.8%;
  }
  .collabo-4::before {
    top: -6.8%;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url("../images/bg-collabo-4-sp.jpg") center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: skew(0, 8.8deg);
    -moz-transform: skew(0, 8.8deg);
    -o-transform: skew(0, 8.8deg);
    -ms-transform: skew(0, 8.8deg);
    transform: skew(0, 8.8deg);
  }
  .collabo-4.collabo {
    margin-bottom: 30px;
  }
  .collabo-4.collabo .inner {
    padding-top: 16.2%;
    padding-left: 0;
    padding-bottom: 0;
  }
  .collabo-4.collabo .inner::before {
    margin: 22% 0 0 -36.2%;
  }
  .collabo-4.collabo .inner .text {
    margin-top: 10%;
    margin-left: 0;
  }
  .collabo-4.collabo .inner .craft-name {
    top: 32.5%;
    width: 7.3333333333333%;
    margin-left: -42.4%;
  }
  .collabo-4.collabo .inner .rect {
    margin-top: -30%;
  }
  .collabo-4.collabo .inner .profile {
    padding-top: 17%;
    margin-left: auto;
  }
  .collabo-4.collabo .inner .profile dd {
    width: 17.8333333333333%;
  }
  .collabo-4.collabo .inner .profile p {
    margin-top: 3%;
  }
}
.interview-1 {
  margin-top: 0;
}
.interview-1 .buttonInterview::after {
  background-color: #0e0e52;
}
.interview-1 .interviewContainer .interviewBody .question::before {
  background-color: #0e0e52;
}
.interview-1 .interviewContainer .interviewBody .col-1 .img {
  margin: 0 30px 0 0;
  float: left;
}
.interview-1 .interviewContainer .interviewBody .col-2 {
  margin-top: 30px;
}
.interview-1 .interviewContainer .interviewBody .col-2 .img {
  margin: 0 0 0 30px;
  float: right;
}
.interview-1 .interviewContainer .interviewBody .col-3 {
  margin-top: 22px;
}
.interview-1 .interviewContainer .interviewBody .col-3 .img {
  margin: 0 30px 0 0;
  float: left;
}
.interview-1 .interviewContainer .interviewBody .col-3 .textBlock .answer {
  margin-top: 20px;
}
.interview-1 .interviewContainer .interviewBody .col-4 {
  margin-top: 30px;
}
.interview-1 .interviewContainer .interviewBody .col-4 .img {
  margin: 0 0 0 30px;
  float: right;
}
.interview-1 .interviewContainer .interviewBody .col-5 {
  margin-top: 30px;
  padding-bottom: 40px;
}
.interview-1 .interviewContainer .buttonContainer {
  margin-bottom: 60px;
}
@media only screen and (max-width: 600px) {
  .interview-1 {
    margin-top: 0;
  }
  .interview-1 .buttonInterview {
    background-color: #0e0e52;
  }
  .interview-1 .interviewContainer .interviewBody .col-1,
  .interview-1 .interviewContainer .interviewBody .col-2,
  .interview-1 .interviewContainer .interviewBody .col-3,
  .interview-1 .interviewContainer .interviewBody .col-4,
  .interview-1 .interviewContainer .interviewBody .col-5 {
    margin: 0;
  }
  .interview-1 .interviewContainer .interviewBody .col-1 .img,
  .interview-1 .interviewContainer .interviewBody .col-2 .img,
  .interview-1 .interviewContainer .interviewBody .col-3 .img,
  .interview-1 .interviewContainer .interviewBody .col-4 .img,
  .interview-1 .interviewContainer .interviewBody .col-5 .img {
    float: none;
    margin: 0;
    width: 100%;
  }
  .interview-1 .interviewContainer .interviewBody .col.col-5 {
    padding-top: 0;
  }
  .interview-1 .interviewContainer .buttonContainer {
    margin-bottom: 26%;
  }
}
.interview-2 {
  margin-top: 4px;
}
.interview-2::before {
  background-color: #5b5549;
}
.interview-2 .buttonInterview::before {
  border-color: #5b5549 transparent transparent #5b5549;
}
.interview-2 .buttonInterview::after {
  background-color: #5b5549;
}
.interview-2 .interviewContainer .ttl {
  margin-top: 98px;
  padding-bottom: 19px;
}
.interview-2 .interviewContainer .interviewBody .question::before {
  background-color: #5b5549;
}
.interview-2 .interviewContainer .interviewBody .col-1 .img {
  margin: 0 30px 0 0;
  float: left;
}
.interview-2 .interviewContainer .interviewBody .col-2 {
  margin-top: 30px;
}
.interview-2 .interviewContainer .interviewBody .col-2 .img {
  margin: 0 0 0 30px;
  float: right;
}
.interview-2 .interviewContainer .interviewBody .col-3 {
  margin-top: 20px;
}
.interview-2 .interviewContainer .interviewBody .col-3 .img {
  margin: 0 30px 0 0;
  float: left;
}
.interview-2 .interviewContainer .interviewBody .col-4 {
  margin-top: 30px;
}
.interview-2 .interviewContainer .interviewBody .col-4 .img {
  margin: 0 0 0 30px;
  float: right;
}
.interview-2 .interviewContainer .interviewBody .col-5 {
  margin-top: 30px;
  padding-bottom: 41px;
}
.interview-2 .interviewContainer .interviewBody .col-5 .textBlock .answer {
  margin-top: 24px;
}
.interview-2 .interviewContainer .buttonContainer {
  margin-bottom: 58px;
}
@media only screen and (max-width: 600px) {
  .interview-2 {
    margin-top: 0;
  }
  .interview-2 .inner .buttonInterview {
    background-color: #5b5549;
  }
  .interview-2 .inner .interviewContainer .ttl {
    margin-top: 9.8%;
    margin-bottom: 8.4%;
    padding-bottom: 4.4%;
  }
  .interview-2 .inner .interviewContainer .interviewBody .col-1,
  .interview-2 .inner .interviewContainer .interviewBody .col-2,
  .interview-2 .inner .interviewContainer .interviewBody .col-3,
  .interview-2 .inner .interviewContainer .interviewBody .col-4,
  .interview-2 .inner .interviewContainer .interviewBody .col-5 {
    margin: 0;
  }
  .interview-2 .inner .interviewContainer .interviewBody .col-1 .img,
  .interview-2 .inner .interviewContainer .interviewBody .col-2 .img,
  .interview-2 .inner .interviewContainer .interviewBody .col-3 .img,
  .interview-2 .inner .interviewContainer .interviewBody .col-4 .img,
  .interview-2 .inner .interviewContainer .interviewBody .col-5 .img {
    float: none;
    margin: 0;
    width: 100%;
  }
  .interview-2 .inner .interviewContainer .interviewBody .col.col-5 {
    padding-top: 0;
  }
  .interview-2 .inner .buttonContainer {
    margin-bottom: 27.4%;
  }
}
.interview-3 {
  margin-top: 4px;
  z-index: 1;
}
.interview-3::before {
  background-color: #473546;
}
.interview-3 .buttonInterview::before {
  border-color: #473546 transparent transparent #473546;
}
.interview-3 .buttonInterview::after {
  background-color: #473546;
}
.interview-3 .interviewContainer .ttl {
  margin-top: 98px;
  padding-bottom: 11px;
}
.interview-3 .interviewContainer .interviewBody .question::before {
  background-color: #473546;
}
.interview-3 .interviewContainer .interviewBody .col-1 .img {
  margin: 0 30px 0 0;
  float: left;
}
.interview-3 .interviewContainer .interviewBody .col-2 {
  margin-top: 30px;
}
.interview-3 .interviewContainer .interviewBody .col-2 .img {
  margin: 0 0 0 30px;
  float: right;
}
.interview-3 .interviewContainer .interviewBody .col-3 {
  margin-top: 20px;
}
.interview-3 .interviewContainer .interviewBody .col-3 .img {
  margin: 0 30px 0 0;
  float: left;
}
.interview-3 .interviewContainer .interviewBody .col-3 .textBlock .answer {
  margin-top: 23px;
}
.interview-3 .interviewContainer .interviewBody .col-4 {
  margin-top: 30px;
}
.interview-3 .interviewContainer .interviewBody .col-4 .img {
  margin: 0 0 0 30px;
  float: right;
}
.interview-3 .interviewContainer .interviewBody .col-5 {
  margin-top: 30px;
  padding-bottom: 17px;
}
.interview-3 .interviewContainer .interviewBody .col-5 .textBlock .answer {
  margin-top: 24px;
}
.interview-3 .interviewContainer .buttonContainer {
  margin-bottom: 58px;
}
@media only screen and (max-width: 600px) {
  .interview-3 {
    margin-top: 0;
  }
  .interview-3 .inner .buttonInterview {
    background-color: #473546;
  }
  .interview-3 .inner .interviewContainer .ttl {
    margin-top: 9.8%;
    margin-bottom: 8%;
    padding-bottom: 3%;
  }
  .interview-3 .inner .interviewContainer .interviewBody .col-1,
  .interview-3 .inner .interviewContainer .interviewBody .col-2,
  .interview-3 .inner .interviewContainer .interviewBody .col-3,
  .interview-3 .inner .interviewContainer .interviewBody .col-4,
  .interview-3 .inner .interviewContainer .interviewBody .col-5 {
    margin: 0;
  }
  .interview-3 .inner .interviewContainer .interviewBody .col-1 .img,
  .interview-3 .inner .interviewContainer .interviewBody .col-2 .img,
  .interview-3 .inner .interviewContainer .interviewBody .col-3 .img,
  .interview-3 .inner .interviewContainer .interviewBody .col-4 .img,
  .interview-3 .inner .interviewContainer .interviewBody .col-5 .img {
    float: none;
    margin: 0;
    width: 100%;
  }
  .interview-3 .inner .interviewContainer .interviewBody .col.col-5 {
    padding-top: 0;
  }
  .interview-3 .inner .buttonContainer {
    margin-bottom: 27%;
  }
}
.background {
  position: relative;
  top: 0;
  width: 150%;
  height: 600px;
  margin-bottom: -600px;
  margin-left: -25%;
  background-color: #3f100c;
  -webkit-transform: rotate(-8.8deg);
  -moz-transform: rotate(-8.8deg);
  -o-transform: rotate(-8.8deg);
  -ms-transform: rotate(-8.8deg);
  transform: rotate(-8.8deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.indicator {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 170px;
  margin: -85px 0 0;
  z-index: 999;
}
.indicator.is-fixed {
  position: fixed;
  top: 50%;
  margin-top: -85px;
}
.indicator ul li {
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 19px;
  text-indent: -999em;
  color: #fff;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.indicator ul li:first-child {
  margin-top: 0;
}
.indicator ul li.is-located {
  background-color: #a0894e;
}
@media all and (-ms-high-contrast: none) {
  .interview-2 {
    margin-top: 0;
  }
  .interview-3 {
    margin-top: 0;
  }
}

/*# sourceMappingURL=style.css.map */