@charset "UTF-8";
/*--------------------------------
common
--------------------------------*/
/* .text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.en-font{
	font-family: garamond-premier-pro-display, serif;
}
.trajan-font{
	font-family: trajan-pro-3, serif;
}
.small-text {
	font-size: 75%;
}
.large-text{
	font-size: 150%;
}

.flex-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.img-wrapper{
	position: relative;
}
.inline-block{
	display: inline-block;
} */
body {
  background: #84959e;
  font-family: "Inter", sans-serif;
  font-style: normal;
  color: #fff;
}
.fit-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
a {
  color: inherit;
  transition: 0.2s ease;
}
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.fw-md {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.text-nowrap {
  text-wrap: nowrap;
}

.head {
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 32px;
}

.head__ja {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 30px; /* 115.385% */
  letter-spacing: 0.78px;

  @media (width >= 768px) {
    font-size: 5rem;
  }
}

.head__ja--sm {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 30px; /* 115.385% */
  letter-spacing: 0.78px;

  @media (width >= 768px) {
    font-size: 3.5rem !important;
  }
}

.head__ja--contact {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 30px; /* 115.385% */
  letter-spacing: 0.78px;

  @media (width >= 768px) {
    font-size: 3.6rem;
  }
}

.head__ja--md {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 30px; /* 115.385% */
  letter-spacing: 0.78px;

  @media (width >= 768px) {
    font-size: 4.5rem;
  }
}

.head__ja--lg {
  font-size: 3rem;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.9px;

  @media (width >= 768px) {
    font-size: 5rem;
    line-height: 52px; /* 104% */
  }
}

.text-indent {
  padding-left: 1.5rem;
}

.sub-head {
  font-size: 2.6rem;
  font-weight: bold;
}
.sub-head--ja {
  font-size: 2rem;
  font-weight: 700;
  line-height: 28px; /* 140% */
  letter-spacing: 0.6px;
}
.sub-head--ja-sm {
  font-size: 2.3rem;
  font-weight: 700;
  letter-spacing: 0.69px;

  @media (width >= 768px) {
    font-size: 2.6rem;
  }
}
.sub-head__genre--ja {
  font-size: 2rem;
  font-weight: 700;
  line-height: 36px; /* 180% */
  letter-spacing: 0.6px;

  @media (width >= 768px) {
    font-size: 2.6rem;
  }
}
.sub-head--equipment {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.6px;

  @media (width >= 768px) {
    font-size: 2.6rem;
    letter-spacing: 0.78px;
  }
}
.note {
  font-size: 1.6rem;
  line-height: 2;
}
.note b {
  font-size: 1.8rem;
}

.note__ja {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 28px; /* 200% */
  letter-spacing: 0.42px;
}
.note__ja b {
  font-size: 1.5rem;

  @media (width >= 768px) {
    font-size: 1.6rem;
  }
}

.note__ja--md b {
  font-size: 1.6rem;
  font-weight: 700;
}

.voice__mix {
  width: min(100%, 150px);
  margin-inline: auto;
}

.note__studio--ja {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 28px; /* 215.385% */
  letter-spacing: 0.39px;

  @media (width >= 768px) {
    font-size: 1.6rem;
  }

  .mt-sm {
    @media (width >= 768px) {
      display: inline-block;
      margin-top: 0.5em;
    }
  }
}

.note__contents--ja {
  @media (width >= 768px) {
    width: fit-content;
    margin-inline: auto;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 33px; /* 183.333% */
  }
}

.note__contents-text--ja {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 20px; /* 215.385% */
  letter-spacing: 0.39px;

  @media (width >= 768px) {
    font-size: 1.6rem;
    line-height: 28px; /* 175% */
  }
}

.note__about--ja {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 32px; /* 246.154% */
  letter-spacing: 0.39px;
  text-wrap: balance;

  @media (width >= 768px) {
    font-size: 1.6rem;
  }
}

.note__about--ja-lh {
  margin-top: 1em;
  display: inline-block;
  font-size: inherit;
  text-wrap: balance;
}

.note__service01--ja {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 24px; /* 184.615% */
  letter-spacing: 0.39px;

  @media (width >= 768px) {
    font-size: 1.6rem;
  }
}

.note__service02--ja {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 28px; /* 215.385% */
  letter-spacing: 0.39px;

  @media (width >= 768px) {
    font-size: 1.6rem;
  }
}

.note__service03--ja {
  color: #36434a;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.42px;

  @media (width >= 768px) {
    font-weight: 600;
  }
}

.note__process--ja {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 28px; /* 215.385% */
  letter-spacing: 0.39px;

  @media (width >= 768px) {
    font-size: 1.8rem;
    letter-spacing: 0.54px;
  }
}

.note__process--ja-sm {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 28px; /* 215.385% */
  letter-spacing: 0.39px;
  text-wrap: balance;

  @media (width >= 768px) {
    font-size: 1.8rem;
    letter-spacing: 0.54px;
  }
}

.note__sm--ja {
  font-size: 1.4rem !important;
  font-weight: 600;
  line-height: 31px;
  letter-spacing: 0.42px;

  @media (width >= 768px) {
    line-height: 28px;
    letter-spacing: 0.48px;
  }
}

.note__sm--ja th {
  inline-size: fit-content;
  text-align-last: justify;
  text-justify: inter-ideograph;
  font-weight: inherit;
  white-space: nowrap;
  text-wrap: nowrap;
}

.note__sm--ja td {
  padding-left: 0.3em;
}

.note__sm--format-ja {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.42px;

  @media (width >= 768px) {
    line-height: 28px;
  }

  th {
    font-weight: inherit;
  }
}

.letter-spacing-md {
  letter-spacing: 1.54px;
}

.is-orange {
  color: #f39939;
}
.sub-head.is-orange {
  margin: 30px 0 10px;
}
.accent-head {
  font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
  .head {
    font-size: 2.6rem;
  }
  .note {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .sp-wide {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .accent-head {
    font-size: 2.6rem;
  }
}
/*--------------------------------
componet
--------------------------------*/
/*   */
/*--------------------------------
header
--------------------------------*/
/*--------------------------------
footer
--------------------------------*/
/*--------------------------------
home
--------------------------------*/
/*--------------------------------
layout
--------------------------------*/
.general-section .inner {
  margin: 0 auto;
  padding: 80px 0;
  width: min(100% - 32px, 1080px);
}
.general-section .inner-min {
  width: min(100%, 880px);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .general-section .inner {
    padding: 32px 0;
  }
}
/*--------------------------------
state
--------------------------------*/
@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
  .slick-slide img.sp-none {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .pc-none {
    display: none;
  }
  .pc-text-center {
    text-align: center;
  }
  .slick-slide img.pc-none {
    display: none;
  }
}
@media (hover: hover) {
  .is-hover:hover {
    opacity: 0.7;
  }
}