@import url("https://fonts.cdnfonts.com/css/helvetica-neue-lt-pro-2?styles=48977");
@import url("https://fonts.cdnfonts.com/css/lato?styles=170780");
@import url("https://fonts.cdnfonts.com/css/roboto");
@import url("https://use.typekit.net/yko3nhg.css");
@import url("https://use.typekit.net/bia8vwo.css");
@import url("https://use.typekit.net/qsk5otp.css");
@media screen and (max-width: 743px) {
  .sp_hidden {
    display: none;
  }
}
.main_content {
  width: 100%;
  padding-bottom: 20.5125vw;
  background: #fff;
  overflow: hidden;
}
.main_content h2,
.main_content h3,
.main_content p,
.main_content span,
.main_content a {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  color: #212121;
  line-height: 1.5;
}
.main_content a:hover {
  opacity: 0.8;
  transition-duration: 0.8s;
}
.main_content img {
  width: 100%;
  height: auto;
}
.main_content .image_wrap {
    width: 100%;
    height: 100%;
    margin-top: -15rem;
    margin-bottom: -15rem;
}
.main_content .main_visual {
  width: 100%;
  margin: 6.15385vw auto 10.2564vw;
}
.main_content .main_visual .title_wrap {
  max-width: 68.207vw;
  width: 100%;
  margin: 0 auto 6.15385vw;
}
.main_content .main_visual .title_wrap .text {
  margin-bottom: 6.15385vw;
  font-family: "futura-pt", sans-serif;
  text-align: center;
}
.main_content .main_visual .title_wrap img {
  opacity: 0;
  animation: fadeIn 2s forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.main_content .main_visual .image_wrap {
  display: flex;
  align-items: center;
}
.main_content .main_visual .image_wrap img {
  max-width: 50%;
  opacity: 0;
  animation: fadeIn 0.8s forwards;
}
.main_content .main_visual .image_wrap img:nth-of-type(2) {
  animation-delay: 0.6s;
}
.main_content .catchphrase {
  width: 100%;
  margin-bottom: 6.15385vw;
  text-align: center;
}
.main_content .main_description {
  width: 100%;
  margin-bottom: 10.2564vw;
  text-align: center;
}
.main_content .double_lines {
  position: relative;
  width: 100%;
  margin-bottom: 10.2564vw;
  overflow: hidden;
}
.main_content .double_lines:before {
  content: "";
  z-index: 9999;
  position: absolute;
  background: #fff;
  pointer-events: none;
  inset: 0;
}
.main_content .double_lines.active:before {
  animation: gradualShow 1.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes gradualShow {
  100% {
    transform: translateX(100%);
  }
}
.main_content .credit_wrap {
  width: 100%;
}
.main_content .credit_wrap .credit {
  display: flex;
  align-items: center;
}
.main_content .credit_wrap .credit:not(:last-of-type) {
  margin-bottom: 8px;
}
.main_content .credit_wrap .credit .item {
  max-width: 18vw;
  width: 100%;
  margin-right: 8px;
  font-family: "futura-pt", sans-serif;
}
.main_content .credit_wrap .credit .price {
  max-width: 18vw;
  width: 100%;
  margin-right: 24px;
  font-family: "futura-pt", sans-serif;
}
.main_content .credit_wrap .credit a {
  display: block;
  max-width: 40px;
  width: 100%;
  height: 21px;
  border: 1px solid #212121;
}
.main_content .credit_wrap .credit a .buy {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "futura-pt", sans-serif;
  text-align: center;
  transition: 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.main_content .credit_wrap .credit a .buy:hover {
  background: #212121;
  color: #fff;
  letter-spacing: 0.15em;
}
.main_content section {
  margin-bottom: 10.2564vw;
}
.main_content section .head {
  margin-bottom: 10.2564vw;
  font-family: "futura-pt", sans-serif;
  font-size: 20px;
  text-align: center;
}
.main_content section .sub_head {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto;
  font-weight: 600;
}
.main_content section .image_wrap {
  width: 100%;
}
.main_content section .description {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto 8.20514vw;
}
.main_content section .credit_wrap {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto;
}
.main_content section#profile .image_text_wrap {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto;
}
.main_content section#profile .image_text_wrap .thumbnail {
  max-width: 30.7699vw;
  width: 100%;
  margin: 0 auto 8.20514vw;
}
.main_content section#profile .image_text_wrap .text_wrap {
  width: 100%;
}
.main_content section#profile .image_text_wrap .text_wrap .name {
  margin-bottom: 4.10257vw;
  font-size: 18px;
  font-weight: 600;
}
.main_content section#profile .image_text_wrap .text_wrap .text {
  margin-bottom: 4.10257vw;
}
.main_content section#profile .image_text_wrap .text_wrap .instagram {
  display: flex;
  align-items: center;
}
.main_content section#profile .image_text_wrap .text_wrap .instagram img {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 14px;
}
.main_content section#profile .image_text_wrap .text_wrap .instagram img a {
  display: block;
  width: 100%;
  height: 100%;
}
.main_content section#profile .image_text_wrap .text_wrap .instagram img a span {
  font-family: "futura-pt", sans-serif;
  line-height: 1.1428571429;
}
.main_content section#collaboration_items .image_wrap .guidance {
  position: absolute;
  width: 100%;
}
.main_content section#collaboration_items .image_wrap.first {
  position: relative;
  max-width: 56.925vw;
  margin: 0 auto 0 0;
}
.main_content section#collaboration_items .image_wrap.first .guidance {
  top: 8vw;
  right: -39vw;
  max-width: 43.59vw;
}
.main_content section#collaboration_items .image_wrap.second {
  max-width: 52.309vw;
  margin: -21vw -2vw 0 auto;
}
.main_content section#collaboration_items .image_wrap.third {
  position: relative;
  max-width: 47.18vw;
  margin: -49vw auto 8.20514vw 0;
}
.main_content section#collaboration_items .image_wrap.third .guidance {
  bottom: 13vw;
  right: -38.5vw;
  max-width: 47.18vw;
}
.main_content section#collaboration_items .sub_head {
  margin-bottom: 4.10257vw;
}
.main_content section#collaboration_items .credit_category {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto 4.10257vw;
  font-size: 12px;
  font-weight: 600;
}
.main_content section#collaboration_items .credit_wrap.first {
  margin-bottom: 8.20514vw;
}
.main_content section#colors .image_text_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 65.643vw;
  width: 100%;
  margin: 0 auto 8.20514vw;
}
.main_content section#colors .image_text_wrap .image_wrap {
  max-width: 18.46155vw;
}
.main_content section#colors .image_text_wrap .image_wrap .text {
  width: 100%;
  margin-top: 2.051283vw;
  font-family: "futura-pt", sans-serif;
  font-size: 12px;
  text-align: center;
}
.main_content section#colors .credit_wrap {
  max-width: 65.643vw;
  margin: 0 auto;
}
.main_content section#colors .credit_wrap .credit {
  justify-content: center;
}
.main_content section#interview .catchphrase_wrap {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto 8.20514vw;
}
.main_content section#interview .catchphrase_wrap .text {
  font-weight: 600;
}
.main_content section#interview .catchphrase_wrap .text:nth-of-type(1), .main_content section#interview .catchphrase_wrap .text:nth-of-type(3) {
  font-size: 16px;
}
.main_content section#interview .catchphrase_wrap .text:nth-of-type(1) {
  margin-bottom: 4.10257vw;
}
.main_content section#interview .catchphrase_wrap .text:nth-of-type(2) {
  max-width: 75vw;
  margin: 0 auto 4.10257vw;
  font-size: 20px;
  text-align: center;
  border-bottom: solid 8px #e5e9e8;
}
.main_content section#interview .catchphrase_wrap .text:nth-of-type(3) {
  text-align: right;
}
.main_content section#interview .q_and_a {
  max-width: 87.694vw;
  width: 100%;
  margin: 0 auto 6.15385vw;
}
.main_content section#interview .q_and_a .q_wrap {
  position: relative;
  margin-bottom: 7.17949vw;
  padding-bottom: 5.1282vw;
}
.main_content section#interview .q_and_a .q_wrap:before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  left: 0;
  width: 100%;
  height: 8px;
  margin: auto;
  border-top: 1px solid #777777;
}
.main_content section#interview .q_and_a .q_wrap:after {
  content: "";
  z-index: 9999;
  position: absolute;
  bottom: -4.5px;
  right: 0;
  left: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  background: #fff;
  border-bottom: 1px solid #777777;
  border-left: 1px solid #777777;
  transform: rotate(-45deg);
}
.main_content section#interview .q_and_a .q_wrap .head_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5.1282vw;
}
.main_content section#interview .q_and_a .q_wrap .head_wrap span {
  font-family: "futura-pt", sans-serif;
}
.main_content section#interview .q_and_a .q_wrap .head_wrap span.progress {
  font-size: 12px;
}
.main_content section#interview .q_and_a .a_wrap .head_wrap {
  margin-bottom: 5.1282vw;
}
.main_content section#other_styling .sub_head {
  margin-bottom: 8.20514vw;
}
.main_content section#other_styling .sub_head.dark_gray {
  margin-top: 10.2564vw;
  text-align: right;
}
.main_content section#other_styling .image_wrap {
  max-width: 87.694vw;
}
.main_content section#other_styling .image_wrap.black {
    margin: 0 auto -45.79486vw 0px;
}
.main_content section#other_styling .image_wrap.dark_gray {
    margin: 0 0 -45.79486vw auto;
}

.fadeIn {
  opacity: 0;
}
.fadeIn.active {
  animation: fadeIn 0.8s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (min-width: 744px) {
  .pc_hidden {
    display: none;
  }
  .main_content {
    padding-bottom: 0;
  }
  .main_content .main_visual {
    position: relative;
    max-width: 70.6949vw;
    margin: 8.3338vw auto 5.555558vw;
  }
  .main_content .main_visual .title_wrap {
    z-index: 9999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    max-width: 18.4727vw;
    margin: 0 auto;
  }
  .main_content .main_visual .title_wrap .text {
    margin-bottom: 1.66667vw;
  }
  .main_content .main_visual .image_wrap {
    justify-content: space-between;
  }
  .main_content .main_visual .image_wrap img {
    max-width: 22.2227vw;
  }
  .main_content .catchphrase {
    margin-bottom: 2.77778vw;
  }
  .main_content .main_description {
    margin-bottom: 8.3338vw;
  }
  .main_content .double_lines {
    max-width: 27.0838vw;
    margin: 0 auto 5.555558vw;
  }
  .main_content section {
    margin-bottom: 8.3338vw;
  }
  .main_content section .head {
    font-size: 32px;
    margin-bottom: 3.889vw;
  }
  .main_content section .sub_head {
    margin-bottom: 2.22222vw;
  }
  .main_content section .description {
    margin-bottom: 2.77778vw;
  }
  .main_content section .credit_wrap {
    max-width: 16.667vw;
    margin: 0;
  }
  .main_content section#profile .image_text_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 58.1949vw;
  }
  .main_content section#profile .image_text_wrap .thumbnail {
    max-width: 11.1116vw;
    margin: 0;
  }
  .main_content section#profile .image_text_wrap .text_wrap {
    max-width: 44.4449vw;
  }
  .main_content section#profile .image_text_wrap .text_wrap .name {
    margin-bottom: 1.66667vw;
  }
  .main_content section#profile .image_text_wrap .text_wrap .text {
    margin-bottom: 1.66667vw;
  }
  .main_content section#collaboration_items .image_wrap_parent {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 60.6949vw;
    margin: 0 auto;
  }
  .main_content section#collaboration_items .image_wrap_parent .image_wrap.first {
    max-width: 15.417vw;
    margin: 0;
  }
  .main_content section#collaboration_items .image_wrap_parent .image_wrap.first .guidance {
    top: 2vw;
    right: -10.5vw;
    max-width: 11.806vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .image_wrap.second {
    max-width: 14.167vw;
    margin: 15.5vw 0 0;
  }
  .main_content section#collaboration_items .image_wrap_parent .image_wrap.third {
    max-width: 12.778vw;
    margin: 28vw 0 0;
  }
  .main_content section#collaboration_items .image_wrap_parent .image_wrap.third .guidance {
    bottom: 3.5vw;
    right: -10.5vw;
    max-width: 13vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap {
    position: absolute;
    top: 2vw;
    right: -4vw;
    max-width: 29.167vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .sub_head {
    margin-bottom: 2.22222vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .credit_wrap_parent {
    display: flex;
    justify-content: space-between;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .credit_wrap_parent .credit_category_wrap {
    max-width: 13.19447vw;
    width: 100%;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .credit_wrap_parent .credit_category_wrap .credit_category {
    margin-bottom: 1.11111vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .credit_wrap_parent .credit_category_wrap .credit_category .credit_wrap.first {
    margin-bottom: 0;
  }
  .main_content section#colors .image_text_wrap {
    max-width: 17.778vw;
    margin-bottom: 2.77778vw;
  }
  .main_content section#colors .image_text_wrap .image_wrap {
    max-width: 5vw;
  }
  .main_content section#colors .image_text_wrap .image_wrap .text {
    margin-top: 0.5555559vw;
  }
  .main_content section#colors .credit_wrap {
    max-width: 16.667vw;
  }
  .main_content section#interview .catchphrase_wrap {
    max-width: 31.528vw;
    margin: 0 auto 3.889vw;
  }
  .main_content section#interview .catchphrase_wrap .text:nth-of-type(1), .main_content section#interview .catchphrase_wrap .text:nth-of-type(2) {
    margin-bottom: 1.11111vw;
  }
  .main_content section#interview .catchphrase_wrap .text:nth-of-type(2) {
    max-width: 22vw;
  }
  .main_content section#interview .q_and_a_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 51.389vw;
    width: 100%;
    margin: 0 auto;
  }
  .main_content section#interview .q_and_a_wrap .q_and_a {
    max-width: 23.75vw;
    margin: 0 0 2.77778vw;
  }
  .main_content section#interview .q_and_a_wrap .q_and_a .q_wrap {
    margin-bottom: 1.944447vw;
    padding-bottom: 1.38889vw;
  }
  .main_content section#interview .q_and_a_wrap .q_and_a .q_wrap .head_wrap {
    margin-bottom: 1.38889vw;
  }
  .main_content section#interview .q_and_a_wrap .q_and_a .a_wrap .head_wrap {
    margin-bottom: 1.38889vw;
  }
  .main_content section#other_styling .image_credit_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 54.4449vw;
    width: 100%;
  }
  .main_content section#other_styling .image_credit_wrap.black {
    margin: 0 auto 3.889vw 18.05559vw;
  }
  .main_content section#other_styling .image_credit_wrap.dark_gray {
    margin: 0 18.05559vw 3.889vw auto;
  }
  .main_content section#other_styling .image_credit_wrap.dark_gray .image_wrap {
    order: 2;
  }
  .main_content section#other_styling .image_credit_wrap.dark_gray .description_credit_wrap {
    order: 1;
  }
  .main_content section#other_styling .image_credit_wrap.dark_gray .description_credit_wrap .description {
    text-align: right;
  }
  .main_content section#other_styling .image_credit_wrap.dark_gray .description_credit_wrap .credit_wrap {
    margin: 0 0 0 auto;
  }
  .main_content section#other_styling .image_credit_wrap .image_wrap {
    max-width: 27.778vw;
    margin: 0;
  }
  .main_content section#other_styling .image_credit_wrap .description_credit_wrap {
    max-width: 23.75vw;
    width: 100%;
  }
  .main_content section#other_styling .image_credit_wrap .description_credit_wrap .sub_head {
    margin-bottom: 2.22222vw;
  }
}
@media screen and (744px <= width < 1366px) {
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap {
    right: -14vw;
    max-width: 38vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .credit_wrap_parent .credit_category_wrap {
    max-width: 18vw;
  }
  .main_content section#collaboration_items .image_wrap_parent .description_credit_wrap .credit_wrap_parent .credit_category_wrap .credit_wrap {
    max-width: 18vw;
  }
}/*# sourceMappingURL=common.css.map */