@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Noto+Serif+JP:wght@400;500&family=Oswald:wght@400;500&display=swap);
@font-face {
  font-family: 'hirakakupro-w3';
  src: url("../fonts/hirakakupro-w3.otf"); }

.top__feature, .top__company-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

ul {
  list-style-type: none; }

a {
  color: inherit;
  text-decoration: none; }

ul,
ol,
div {
  margin: 0;
  padding: 0; }

html {
  font-family: "Noto Serif JP", serif;
  color: #726f68;
  font-size: 10px;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt'; }
  @media screen and (max-width: 980px) {
    html {
      min-width: 980px; } }
  @media screen and (max-width: 767px) {
    html {
      min-width: 100%; } }

.overflow {
  overflow: hidden; }

.common__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 767px) {
    .common__link {
      text-align: center; } }
  .common__link span {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #c19541;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      .common__link span {
        font-size: 21.5px; } }
  .common__link span.big {
    font-size: 26px;
    font-weight: 500;
    margin-left: 3px; }
    @media screen and (max-width: 767px) {
      .common__link span.big {
        font-size: 28.5px; } }
  .common__link span.small {
    font-family: "Noto Serif JP", serif;
    font-size: 12px;
    color: #f4f3f1;
    line-height: 12px; }
  .common__link span.gray {
    color: #726f68; }
  @media screen and (max-width: 767px) {
    .common__link img {
      width: 42.5px;
      height: auto; } }
  .common__link:not(:last-child) {
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .common__link:not(:last-child) {
        margin-right: 4.5px; } }
  .common__link--btn {
    width: 204px;
    height: 44px;
    font-size: 16px;
    background-color: #c19541;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 25px; }
    @media screen and (max-width: 767px) {
      .common__link--btn {
        max-width: 580px;
        width: 100%; } }
  .common__link.no-margin {
    margin-right: 0; }
  .common__link:hover {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.6; }

.header {
  width: 100%;
  height: 115px;
  background-color: #726f68;
  z-index: 1;
  position: relative; }
  @media screen and (max-width: 767px) {
    .header {
      height: 57.5px; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .header {
      height: auto;
      padding: 10px 0; } }
  .header__container {
    max-width: 1170px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .header__container {
        max-width: 100%;
        padding: 0 3%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .header__container {
        max-width: 100%;
        padding: 0 3%; } }
  .header__logo img {
    width: 128px;
    height: auto; }
    @media screen and (max-width: 767px) {
      .header__logo img {
        width: 64px; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .header__logo img {
        width: 65%; } }
  .header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 25px; }
    @media screen and (max-width: 767px) {
      .header__content {
        padding-right: 0; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .header__content {
        padding-right: 0; } }
  .header__scroll {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #fff;
    margin: 0 12px 0 25px;
    cursor: pointer; }
    .header__scroll img {
      width: 30px;
      height: 18px; }
    .header__scroll span {
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      color: #fff;
      letter-spacing: 0.03em;
      text-align: center;
      margin: 9.24896px 0; }
    .header__scroll:hover {
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      opacity: 0.6; }
  .header--fixed {
    position: fixed;
    opacity: 1;
    -webkit-animation: headerPC 0.3s;
            animation: headerPC 0.3s; }
    @media screen and (max-width: 767px) {
      .header--fixed {
        -webkit-animation: headerSP 0.1s;
                animation: headerSP 0.1s; } }
    .header--fixed .header__content {
      padding-right: 0; }
    .header--fixed .header__scroll {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 767px) {
        .header--fixed .header__scroll {
          display: none; } }
  .header__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-right: 25px; }
    @media screen and (max-width: 767px) {
      .header__contact {
        width: 100%;
        position: absolute;
        right: 8.8%;
        top: 73px;
        margin-right: 0;
        display: none; } }
    @media screen and (max-width: 320px) {
      .header__contact {
        right: 4.4%; } }
    @media screen and (max-width: 767px) {
      .header__contact.display {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; } }
  .header__contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #bd994f; }
    @media screen and (max-width: 767px) {
      .header__contact-item {
        width: 100%;
        max-width: 300px;
        height: 72.5px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px; } }
    @media screen and (max-width: 767px) {
      .header__contact-item:not(:last-child) {
        margin-bottom: 5px; } }
    @media screen and (max-width: 767px) {
      .header__contact-item > .common__link > span {
        font-size: 21.5px;
        white-space: nowrap; } }
    @media screen and (max-width: 767px) {
      .header__contact-item > .common__link > span > span.big {
        font-size: 28.5px; } }
  .header__contact-info {
    font-size: 1.6rem;
    font-weight: 500;
    color: #c49740;
    margin-right: 15px; }
    @media screen and (max-width: 767px) {
      .header__contact-info {
        font-size: 1.5rem !important;
        margin-right: 0;
        width: 23%; } }
  .header__time {
    font-family: "Noto Serif JP", serif !important;
    font-size: 12px !important;
    color: #f4f3f1;
    line-height: 12px !important;
    margin-top: 5px; }
    @media screen and (max-width: 767px) {
      .header__time {
        color: #6b6962 !important;
        text-align: left; } }

@-webkit-keyframes headerPC {
  0% {
    height: 0; }
  100% {
    height: 115px; } }

@keyframes headerPC {
  0% {
    height: 0; }
  100% {
    height: 115px; } }

@-webkit-keyframes headerSP {
  0% {
    height: 0; }
  100% {
    height: 57.5px; } }

@keyframes headerSP {
  0% {
    height: 0; }
  100% {
    height: 57.5px; } }

.footer {
  width: 100%;
  height: 175px;
  background-color: #f4f3f1; }
  @media screen and (max-width: 767px) {
    .footer {
      height: auto;
      padding: 25px 6% 30px; } }
  .footer__container {
    max-width: 1170px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 70px 0 35px; }
    @media screen and (max-width: 767px) {
      .footer__container {
        max-width: 100%;
        padding: 0 3%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .footer__container {
        max-width: 100%;
        padding: 0 3%; } }
    @media screen and (max-width: 767px) {
      .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0; } }
  @media screen and (max-width: 767px) {
    .footer__logo {
      margin-bottom: 12.5px; } }
  .footer__logo img {
    width: 163px;
    height: auto; }
    @media screen and (max-width: 767px) {
      .footer__logo img {
        width: 132.5px; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .footer__logo img {
        width: 130px; } }
  .footer__wrapper, .footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .footer__wrapper, .footer__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .footer__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .footer__content .common__link--btn {
        margin: 20px 0 0; } }
  .footer__address {
    font-size: 14px;
    text-align: center;
    border-left: 1px solid #000;
    padding-left: 25px; }
    @media screen and (max-width: 767px) {
      .footer__address {
        border-left: 0;
        padding-left: 0;
        margin-top: 25px; } }
  .footer__address-link:hover {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.6; }
  .footer__copyright {
    width: 100%;
    padding: 10px 0;
    background-color: #726f68; }
    @media screen and (max-width: 767px) {
      .footer__copyright {
        margin-bottom: 58px; } }
    .footer__copyright p {
      font-size: 14px;
      color: #f4f3f1;
      text-align: center;
      letter-spacing: 0.01em; }
  .footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-right: 15px; }
  .footer__contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .footer__contact-info {
    font-size: 1.6rem;
    font-weight: 500;
    color: #c49740;
    margin-right: 15px; }
    @media screen and (max-width: 767px) {
      .footer__contact-info {
        font-size: 1.5rem; } }
  .footer__time {
    font-family: "Noto Serif JP", serif;
    font-size: 12px;
    color: #7e7b74;
    line-height: 12px;
    margin-top: 5px; }

.scroll-top {
  width: 40px;
  height: 40px;
  background-color: #726f68;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer; }
  .scroll-top.show {
    opacity: 1; }
  .scroll-top:hover {
    background-color: #262626; }
  .scroll-top img {
    width: 15px;
    height: 9px; }

.main-visual__container {
  width: 100%;
  height: 44.79167vw;
  background: url("../img/mv.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  @media screen and (max-width: 767px) {
    .main-visual__container {
      height: 146vw;
      background: url("../img/mv-sp.jpg") no-repeat;
      background-size: cover;
      background-position: center; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .main-visual__container {
      height: 60vw; } }

.main-visual__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44.79167vw; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .main-visual__list {
      height: 100%; } }

.main-visual__item {
  width: 33.1%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  .main-visual__item.curtain:hover {
    opacity: 1; }
  .main-visual__item.throws {
    width: 33.8%; }
  .main-visual__item.throws:hover {
    opacity: 1; }
  .main-visual__item.rug:hover {
    opacity: 1; }
  .main-visual__item img {
    width: 100%;
    height: 100%; }

.button {
  width: 50%;
  height: 58px;
  background-color: #c19541;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: "hirakakupro-w3", sans-serif;
  font-size: 15px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .button:first-child {
    border-right: 1px solid #fff; }
  .button:hover {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.6; }
  .button__wrapper {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1; }

.about {
  width: 100%;
  height: 37.03125vw;
  margin-top: -8px;
  background: url("../img/about-img.jpg") no-repeat;
  background-size: cover;
  background-position: center; }
  @media screen and (max-width: 767px) {
    .about {
      height: 635px;
      background: url("../img/about-img-sp.jpg") no-repeat;
      background-size: cover;
      background-position: center;
      margin-top: 0; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .about {
      height: auto;
      padding: 100px 0; } }
  .about__container {
    max-width: 1170px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 767px) {
      .about__container {
        max-width: 100%;
        padding: 0 3%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .about__container {
        max-width: 100%;
        padding: 0 3%; } }
    @media screen and (max-width: 767px) {
      .about__container {
        padding: 0 37.5px; } }
  .about__content {
    width: 830px; }
    .about__content img {
      width: 268px;
      height: auto;
      display: block;
      margin: 0 auto 60px; }
      @media screen and (max-width: 767px) {
        .about__content img {
          width: 135px;
          margin-bottom: 50px; } }
    .about__content p {
      font-size: 16px;
      color: #ccc;
      line-height: 30px;
      letter-spacing: 0.03em; }
      @media screen and (max-width: 767px) {
        .about__content p {
          font-size: 13px;
          line-height: 23px; } }

.interior__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .interior__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .interior__item--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      .interior__item--reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }

.interior__wrap {
  width: 100%;
  height: 100%;
  background-color: rgba(152, 120, 58, 0.85);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0; }
  @media screen and (max-width: 767px) {
    .interior__wrap {
      padding: 95px 0 100px;
      opacity: 1; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .interior__wrap {
      padding: 20px; } }

.interior__col {
  width: 50vw;
  height: 50vw;
  padding: 5.20833vw;
  background-color: #232323;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .interior__col {
      width: 100%;
      height: auto;
      padding: 45px 0 50px; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .interior__col {
      width: 50%;
      height: 75vw; } }
  .interior__col--bg1 {
    background: url("../img/interior-img.jpg") no-repeat;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 767px) {
      .interior__col--bg1 {
        padding: 0; } }
    .interior__col--bg1:hover .interior__wrap {
      opacity: 1; }
  .interior__col--bg2 {
    background: url("../img/interior-img2.jpg") no-repeat;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 767px) {
      .interior__col--bg2 {
        padding: 0; } }
    .interior__col--bg2:hover .interior__wrap {
      opacity: 1; }

.interior__title {
  text-align: center;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .interior__title {
      margin-bottom: 25px; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .interior__title {
      margin-bottom: 30px; } }
  .interior__title h5 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 50px; }
    @media screen and (max-width: 767px) {
      .interior__title h5 {
        font-size: 15px;
        line-height: 30px; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .interior__title h5 {
        font-size: 22px; } }
  .interior__title span {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #999; }
    @media screen and (max-width: 767px) {
      .interior__title span {
        font-size: 10px; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .interior__title span {
        font-size: 15px; } }

.interior__content {
  width: 470px; }
  @media screen and (max-width: 767px) {
    .interior__content {
      width: 80%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .interior__content {
      width: 90%; } }
  .interior__content p {
    font-size: 14px;
    color: #c9caca;
    line-height: 30px;
    letter-spacing: 0.03em; }
    @media screen and (max-width: 767px) {
      .interior__content p {
        font-size: 13px;
        line-height: 24px; } }
  .interior__content img {
    width: auto;
    height: auto;
    display: block;
    margin: 60px auto 0; }
    @media screen and (max-width: 767px) {
      .interior__content img {
        margin-top: 40px; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .interior__content img {
        margin-top: 30px;
        width: 20%; } }
  @media screen and (max-width: 767px) {
    .interior__content img.interior__icon01 {
      width: 55px; } }
  @media screen and (max-width: 767px) {
    .interior__content img.interior__icon02 {
      width: 40px; } }

.top__gallery {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .top__gallery {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.top__gallery-col {
  width: 50%; }
  @media screen and (max-width: 767px) {
    .top__gallery-col {
      width: 100%; }
      .top__gallery-col--big {
        margin-bottom: -3px; } }

.top__gallery-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.top__gallery-tile {
  width: 50%; }
  .top__gallery-tile:hover {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.8; }
  .top__gallery-tile--big {
    width: initial;
    height: 100%; }
  .top__gallery-tile > img {
    width: 100%;
    height: 100%; }

.top__block {
  background: #262626;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .top__block--base {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none; }

.top__feature {
  padding: 70px 0 90px; }
  @media screen and (max-width: 767px) {
    .top__feature {
      padding: 30px 6% 60px; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .top__feature {
      padding: 70px 3% 90px; } }

.top__feature-logo {
  width: 224px;
  height: 88px;
  display: block;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .top__feature-logo {
      width: 110px;
      height: auto;
      margin-bottom: 20px; } }

.top__feature-text {
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  margin-bottom: 70px;
  letter-spacing: 0.05em;
  line-height: 24px; }
  @media screen and (max-width: 767px) {
    .top__feature-text {
      font-size: 15px;
      margin-bottom: 42.5px; } }
  .top__feature-text span {
    display: block;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 1.3rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .top__feature-text span {
        font-size: 10px; } }

.top__feature-container {
  max-width: 1300px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .top__feature-container {
      width: 66.66667vw; } }

.top__feature-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }

.top__feature-item {
  width: calc(95% / 5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .top__feature-item {
      width: 66.66667vw;
      margin: 0 50px; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .top__feature-item {
      width: calc(90% / 5); } }
  .top__feature-item:hover .top__feature-img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s; }

.top__feature-image {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 54px; }
  @media screen and (max-width: 767px) {
    .top__feature-image {
      margin-bottom: 35px; } }

.top__feature-name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 22px; }
  @media screen and (max-width: 767px) {
    .top__feature-name {
      font-size: 10.5px; } }
  @media screen and (max-width: 767px) {
    .top__feature-name {
      margin-bottom: 10px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .top__feature-desc {
    width: 100%; } }

.top__feature-desc p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #c9caca;
  text-align: center;
  line-height: 24px; }
  @media screen and (max-width: 767px) {
    .top__feature-desc p {
      font-size: 13px; } }

.top__company {
  padding: 85px 0 47px;
  width: 100%;
  background: url("../img/company-bg.png") no-repeat;
  background-position: bottom center; }
  @media screen and (max-width: 767px) {
    .top__company {
      padding: 30px 0 0; } }

.top__company-container {
  max-width: 830px;
  margin: 0 auto;
  color: #fff; }

.top__company-title {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 400; }
  .top__company-title span {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.84615em;
    font-size: 1.3rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }

.top__company-desc {
  padding: 48px 0 65px;
  text-align: center;
  line-height: 1.875em;
  font-size: 1.6rem;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    .top__company-desc {
      font-size: 13px;
      padding: 30px 3% 20px; } }

.top__company-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    .top__company-table {
      font-size: 12px; } }
  .top__company-table tr {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.18); }
  .top__company-table td {
    padding: 23px 0 23px 20px; }
    @media screen and (max-width: 767px) {
      .top__company-table td {
        padding: 14.5px 13px; } }

.top__company-head {
  width: 173px; }
  @media screen and (max-width: 767px) {
    .top__company-head {
      width: 28%;
      vertical-align: text-top; } }

.top__company-link {
  color: #c19541; }
  .top__company-link:hover {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.6; }

.top__company-logo {
  width: 158px;
  height: 107px;
  -webkit-filter: brightness(200);
          filter: brightness(200);
  margin: 44px; }
  @media screen and (max-width: 767px) {
    .top__company-logo {
      width: 100px;
      height: initial;
      margin: 20px; } }

.top__base {
  max-width: 1170px;
  margin: 0 auto;
  padding: 127px 0; }
  @media screen and (max-width: 1200px) {
    .top__base {
      max-width: 100%;
      padding: 110px 3%; } }
  @media screen and (max-width: 767px) {
    .top__base {
      padding: 50px 10%; } }

.top__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .top__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .top__container--button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 29px; }
    @media screen and (max-width: 767px) {
      .top__container--button {
        gap: 0; } }

.top__base-item {
  position: relative;
  width: calc(33.33% - 15px);
  height: 230px;
  background: #221815; }
  @media screen and (max-width: 1200px) {
    .top__base-item {
      height: 200px; } }
  @media screen and (max-width: 767px) {
    .top__base-item {
      width: 100%; }
      .top__base-item:not(:last-child) {
        margin-bottom: 15px; } }

.top__base-link > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.top__base-link:hover {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0.8; }

.top__base-info {
  width: 100%;
  position: absolute;
  top: 28%;
  color: #fff;
  text-align: center; }
  .top__base-info > h6 {
    line-height: 1.18505em;
    text-transform: uppercase;
    font-size: 2.81rem;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      .top__base-info > h6 {
        font-size: 22.125px; } }
  .top__base-info > p {
    margin-top: 8px;
    font-size: 1.6rem;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      .top__base-info > p {
        font-size: 12px;
        letter-spacing: 0.05em; } }
  .top__base-info--first {
    top: 0;
    padding: 38px 0 0 4%;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .top__base-info--first {
        padding-left: 10px; } }
  .top__base-info--second {
    top: 18%; }
    .top__base-info--second > p {
      color: #000; }
    .top__base-info--second .top__base-logo {
      width: 170px;
      height: 114px; }
      @media screen and (max-width: 767px) {
        .top__base-info--second .top__base-logo {
          width: 120px;
          height: initial;
          padding-top: 2%; } }

.top__contact {
  max-width: 1170px;
  margin: 0 auto;
  padding: 96px 0 117px; }
  @media screen and (max-width: 1200px) {
    .top__contact {
      padding: 96px 3% 117px; } }
  @media screen and (max-width: 767px) {
    .top__contact {
      padding: 66px 10% 52.8px; } }

.top__contact-info {
  color: #fff;
  line-height: 1.875em;
  text-align: center;
  padding-bottom: 70px;
  font-size: 1.6rem;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    .top__contact-info {
      font-size: 13px;
      text-align: left;
      padding-bottom: 33px; } }

.top__contact-item {
  position: relative;
  width: calc(50% - 15px);
  height: 125px; }
  @media screen and (max-width: 767px) {
    .top__contact-item {
      width: 100%;
      height: 62.5px; }
      .top__contact-item:not(:last-child) {
        margin-bottom: 16.5px; } }
  .top__contact-item:hover {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.8; }

.top__contact-bg {
  width: 100%;
  height: 100%; }

.top__contact-prepend {
  width: 120px;
  height: 80px; }
  @media screen and (max-width: 767px) {
    .top__contact-prepend {
      width: initial;
      height: 40px; } }

.top__contact-subhead {
  font-size: 1.6rem; }
  @media screen and (max-width: 1200px) {
    .top__contact-subhead {
      padding-bottom: 5px; } }
  @media screen and (max-width: 767px) {
    .top__contact-subhead {
      padding: 0;
      font-size: 8px; } }

.top__contact-small {
  font-size: 2rem; }
  @media screen and (max-width: 767px) {
    .top__contact-small {
      font-size: 10.415px; } }

.top__contact-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #c19541;
  padding-left: 5%;
  line-height: 0.90909em;
  font-size: 3.3rem;
  font-weight: 400; }
  @media screen and (max-width: 1200px) {
    .top__contact-body {
      font-size: 2.4rem; } }
  @media screen and (max-width: 767px) {
    .top__contact-body {
      font-size: 14.6652px;
      color: #000; } }
  .top__contact-body span {
    color: #000; }

.top__contact-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    .top__contact-wrapper {
      padding: 0 1%; } }
  @media screen and (max-width: 767px) {
    .top__contact-wrapper--lp .top__contact-body {
      color: #c19541; } }
  .top__contact-wrapper--lp .top__contact-prepend {
    -webkit-filter: invert(100%);
            filter: invert(100%); }
    @media screen and (max-width: 767px) {
      .top__contact-wrapper--lp .top__contact-prepend {
        width: 70px; } }
  .top__contact-wrapper--lp span {
    color: #fff; }
  .top__contact-wrapper--lp .top__contact-text {
    font-size: 1.6rem;
    letter-spacing: -0.1em; }
    @media screen and (max-width: 1200px) {
      .top__contact-wrapper--lp .top__contact-text {
        font-size: 1.2rem; } }

.lg-backdrop.in {
  opacity: 0.85; }

.lg-outer .lg-image {
  max-width: 826px;
  max-height: 476px; }

.lg-toolbar {
  background-color: transparent; }

.lg-toolbar .lg-icon {
  color: #fff;
  float: left; }

.lg-toolbar .lg-icon:hover {
  color: #000; }

.lg-outer .lg-thumb-outer {
  background-color: transparent;
  position: fixed;
  left: 1%; }

.lg-outer .lg-toggle-thumb {
  opacity: 0; }

.white {
  color: #fff; }

.white-bg {
  background: #fff; }

.black {
  color: #000; }

.black-bg {
  background: #000; }

.primary {
  color: #c19541; }

.primary-bg {
  background: #c19541; }

.pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.flickity-viewport {
  width: 100%; }

.flickity-prev-next-button {
  width: 9px;
  height: 15px; }
  .flickity-prev-next-button.previous {
    background: url("../img/icon-arrow-right.png") no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 0 !important;
    -webkit-transform: translate(-50%) rotate(180deg);
        -ms-transform: translate(-50%) rotate(180deg);
            transform: translate(-50%) rotate(180deg); }
    @media screen and (max-width: 767px) {
      .flickity-prev-next-button.previous {
        top: 50px;
        -webkit-transform: translate(0) rotate(180deg);
            -ms-transform: translate(0) rotate(180deg);
                transform: translate(0) rotate(180deg); } }
  .flickity-prev-next-button.next {
    background: url("../img/icon-arrow-right.png") no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0 !important;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%); }
    @media screen and (max-width: 767px) {
      .flickity-prev-next-button.next {
        top: 50px;
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0); } }

.flickity-button-icon {
  display: none; }

.lg-outer .lg-image {
  max-width: initial !important;
  max-height: 41.66667vw !important; }
  @media screen and (max-width: 767px) {
    .lg-outer .lg-image {
      max-width: 80% !important;
      max-height: initial !important; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .lg-outer .lg-image {
      max-height: 52.08333vw !important; } }

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