@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*-------------------------------------------------------------
Variables
-------------------------------------------------------------*/
/* Layout */
/* Color */
/* Font */
/*-------------------------------------------------------------
Mixin
-------------------------------------------------------------*/
/* Breakpoints */
/* Text */
/*-------------------------------------------------------------
Text
-------------------------------------------------------------*/
/* Heading */
[class^=ttl-] {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  line-height: 1;
}

.ttl-ja {
  font-family: "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  line-height: 1.4;
}

.ttl-01 {
  font-size: clamp(2.8rem, 8.3cqw, 4.8rem);
}
.ttl-01 + * {
  margin-top: clamp(2.8rem, 8.3cqw, 4.8rem) !important;
}

.ttl-02 {
  font-size: clamp(2.4rem, 7.1cqw, 3.2rem);
}

.ttl-03 {
  font-size: clamp(2rem, 5.9cqw, 2.4rem);
}

/* Paragraph */
.txt-small {
  font-size: clamp(1.2rem, 3.6cqw, 1.4rem);
}

.break {
  display: inline-block;
}

/*-------------------------------------------------------------
Common
-------------------------------------------------------------*/
/* Base */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  background-color: #FFFFFF;
  color: #1D1D1D;
  font-family: "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-size: clamp(1.4rem, 3.6cqw, 1.6rem);
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
body ::-moz-selection {
  background: #1D1D1D;
  color: #FAFA00;
}
body ::selection {
  background: #1D1D1D;
  color: #FAFA00;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: #1D1D1D;
}
@media (any-hover: hover) {
  a:hover {
    text-decoration: none;
  }
}

.area-cmn-main p:not(:first-child),
.area-cmn-main ul:not(:first-child),
.area-cmn-main ol:not(:first-child),
.area-cmn-main dl:not(:first-child),
.area-cmn-main table:not(:first-child),
.area-cmn-main pre:not(:first-child),
.area-cmn-main blockquote:not(:first-child) {
  margin-top: 1.6em;
}

@media (min-width: 768px) {
  .hide-tablet {
    display: none;
  }
}

/*-------------------------------------------------------------
Loading
-------------------------------------------------------------*/
.mod-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none !important;
}
.mod-loading:after {
  background-color: #FAFA00;
  border-radius: 9999px;
  content: "";
  display: block;
  filter: blur(200px);
  width: 0;
  height: 0;
  transition: 1.5s;
}
.mod-loading.is-loading:after {
  filter: blur(0);
  width: 300vh;
  height: 300vh;
}

/*-------------------------------------------------------------
Layout
-------------------------------------------------------------*/
.wrapper {
  padding-top: 50svh;
  position: relative;
}
.wrapper:after {
  background-color: rgba(29, 29, 29, 0.2);
  content: "";
  display: block;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  transition: opacity 0.5s;
}
.wrapper.is-headeropened:after {
  opacity: 1;
}
.wrapper.is-loading {
  overflow: hidden;
}

.container {
  container-type: inline-size;
  margin: 0 auto;
  width: 86.1538461538%;
  max-width: 1440px;
}

.area-cmn-main {
  margin-top: 64px;
}
@media (min-width: 768px) {
  .area-cmn-main {
    margin-top: 96px;
  }
}
@media (min-width: 1280px) {
  .area-cmn-main {
    margin-top: 128px;
  }
}

/*-------------------------------------------------------------
Section/Block
-------------------------------------------------------------*/
.sec-cmn + .sec-cmn, .sec-cmn + .block-cmn,
.block-cmn + .sec-cmn,
.block-cmn + .block-cmn {
  margin-top: 64px;
}
@media (min-width: 768px) {
  .sec-cmn + .sec-cmn, .sec-cmn + .block-cmn,
  .block-cmn + .sec-cmn,
  .block-cmn + .block-cmn {
    margin-top: 96px;
  }
}
@media (min-width: 1280px) {
  .sec-cmn + .sec-cmn, .sec-cmn + .block-cmn,
  .block-cmn + .sec-cmn,
  .block-cmn + .block-cmn {
    margin-top: 128px;
  }
}

.sec-cmn_bg {
  background-color: #F3F3F3;
  padding: 64px 0;
}
@media (min-width: 768px) {
  .sec-cmn_bg {
    padding: 96px 0;
  }
}
@media (min-width: 1280px) {
  .sec-cmn_bg {
    padding: 128px 0;
  }
}

/*-------------------------------------------------------------
Materials
-------------------------------------------------------------*/
/* Button */
.btn-cmn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: clamp(1.8rem, 5.3cqw, 3.2rem);
}
.btn-cmn a,
.btn-cmn span {
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  padding-right: 2em;
}
.btn-cmn a:after,
.btn-cmn span:after {
  background: url(../img/common/ico-arrow.svg) no-repeat center/100%;
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.5s;
}
.btn-cmn a:before,
.btn-cmn span:before {
  background-color: #FAFA00;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: translateX(-100%);
  transition: 0.5s;
}
@media (any-hover: hover) {
  .btn-cmn a:hover:before,
  .btn-cmn span:hover:before {
    transform: translateX(0);
  }
}
.btn-cmn.btn-cmn-reverse a {
  padding: 0 0 0 2em;
}
.btn-cmn.btn-cmn-reverse a:after {
  right: auto;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

/* Slider */
.mod-gallery {
  overflow: hidden;
}
.mod-gallery .swiper-slide {
  background-color: #FAFA00;
}
.mod-gallery .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  position: static;
}
.mod-gallery .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  color: #1D1D1D;
  font-size: clamp(1rem, 3.57cqw, 1.4rem);
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  opacity: 1;
  height: clamp(1rem, 3.57cqw, 1.4rem);
}
.mod-gallery .swiper-pagination .swiper-pagination-bullet-active {
  color: #FAFA00;
}
.mod-gallery .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 1em;
}
@media (min-width: 768px) {
  .mod-gallery .swiper-pagination {
    justify-content: flex-end;
    margin-top: 24px;
    position: static;
  }
  .mod-gallery .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 1.5em;
  }
}

/*-------------------------------------------------------------
Styles
-------------------------------------------------------------*/
/* List */
.list-cmn-ul .item-list-cmn-ul {
  display: flex;
  line-height: 1.6;
}
.list-cmn-ul .item-list-cmn-ul:before {
  content: "・";
  margin-right: 0.4em;
}
.list-cmn-ul .item-list-cmn-ul + .item-list-cmn-ul {
  margin-top: 0.7em;
}

.list-cmn-dl .item-list-cmn-dl {
  line-height: 1.6;
}
.list-cmn-dl .item-list-cmn-dl dd {
  margin-top: 0.4em;
}
.list-cmn-dl .item-list-cmn-dl + .item-list-cmn-dl {
  border-top: 1px solid #1D1D1D;
  margin-top: 1em;
  padding-top: 1em;
}
@media (min-width: 768px) {
  .list-cmn-dl .item-list-cmn-dl {
    display: flex;
  }
  .list-cmn-dl .item-list-cmn-dl dt {
    width: 28%;
  }
  .list-cmn-dl .item-list-cmn-dl dd {
    margin-top: 0;
    width: 72%;
  }
  .list-cmn-dl .item-list-cmn-dl + .item-list-cmn-dl {
    margin-top: 32px;
    padding-top: 32px;
  }
}

/* Form */
.form-cmn .list-cmn-dl .item-list-cmn-dl + .item-list-cmn-dl {
  border-top: 0;
}
.form-cmn input[type=text],
.form-cmn textarea,
.form-cmn select {
  /*----- Reset Styles -----*/
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  /*----- Reset Styles -----*/
  font-family: "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;
  font-size: clamp(1.4rem, 3.6cqw, 1.6rem);
}
.form-cmn input[type=text],
.form-cmn textarea {
  border-bottom: 1px solid #1D1D1D;
  padding-bottom: 0.3em;
  width: 100%;
}
.form-cmn .btn-submit {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin-top: 48px;
  padding-right: 2em;
}
.form-cmn .btn-submit:after {
  background: url(../img/common/ico-arrow.svg) no-repeat center/100%;
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.5s;
}
.form-cmn .btn-submit:before {
  background-color: #FAFA00;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: translateX(-100%);
  transition: 0.5s;
}
@media (any-hover: hover) {
  .form-cmn .btn-submit:hover:before {
    transform: translateX(0);
  }
}
.form-cmn input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  background: transparent;
  color: #1D1D1D;
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: clamp(1.8rem, 5.3cqw, 3.2rem);
}
@media (min-width: 1024px) {
  .form-cmn .mod-contactform {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .form-cmn .mod-contactform .list-cmn-dl {
    flex-shrink: 0;
    width: 65.4970760234%;
  }
}

/* Display Show/Hide */
.show-desktop-s {
  display: none;
}
@media (min-width: 560px) {
  .show-desktop-s {
    display: block;
  }
}

/*-------------------------------------------------------------
Animations
-------------------------------------------------------------*/
/*-------------------------------------------------------------
Header
-------------------------------------------------------------*/
.wrapper-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.wrapper-header.is-scrolled {
  position: fixed;
  top: -50svh;
  transition: transform 0.5s;
  z-index: 9;
}
.wrapper-header.is-headeropened {
  transform: translateY(50svh);
}

.area-cmn-header {
  background-color: #FAFA00;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 0;
  height: 50svh;
  transition: transform 0.5s;
  z-index: -1;
}
.area-cmn-header .logo {
  width: clamp(100%, 73.3vmin, 572px);
}
.area-cmn-header .mod-navigation .ttl-content {
  font-size: clamp(3.2rem, 9.5cqw, 4.8rem);
  margin-top: 1em;
}
@media (min-width: 768px) {
  .area-cmn-header .mod-navigation {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .area-cmn-header .mod-navigation .ttl-content {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .area-cmn-header {
    padding: 56px 0;
  }
}

.btn-toggleheader {
  display: flex;
  justify-content: flex-end;
  position: relative;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
  transition: 0.3s;
}
.btn-toggleheader div {
  background-color: #FAFA00;
  border-radius: 0 0 999px 999px;
  cursor: pointer;
  display: inline-block;
  padding: 16px;
}
.btn-toggleheader div:after {
  display: block;
  background: url(../img/common/ico-headerarrow.svg) no-repeat center/contain;
  content: "";
  width: 16px;
  height: 16px;
  transition: 0.5s;
}
@media (any-hover: hover) {
  .btn-toggleheader div:hover:after {
    transform: translateY(8px);
  }
}
.btn-toggleheader.is-scrolled {
  opacity: 1;
  pointer-events: initial;
  transform: translateY(0);
}
.btn-toggleheader.is-headeropened {
  position: static;
}
.btn-toggleheader.is-headeropened div:after {
  transform: rotate(540deg);
}
@media (min-width: 1024px) {
  .btn-toggleheader {
    padding-right: 3vw;
  }
  .btn-toggleheader div {
    padding: 24px;
  }
  .btn-toggleheader div:after {
    width: 24px;
    height: 24px;
  }
}

/*-------------------------------------------------------------
Footer
-------------------------------------------------------------*/
body:not(.home) .area-cmn-footer {
  margin-top: 64px;
}
@media (min-width: 768px) {
  body:not(.home) .area-cmn-footer {
    margin-top: 96px;
  }
}
@media (min-width: 1024px) {
  body:not(.home) .area-cmn-footer {
    margin-top: 128px;
  }
}

.area-cmn-footer {
  background-color: #FAFA00;
  padding: 64px 0;
}
.area-cmn-footer .mod-companyinfo .logo {
  width: 80%;
  max-width: 572px;
}
.area-cmn-footer .mod-companyinfo .txt-detail {
  font-size: clamp(1.2rem, 3.6cqw, 1.6rem);
  margin-top: 32px;
  line-height: 1.8;
}
.area-cmn-footer .btn-contact {
  justify-content: flex-start;
  margin-top: 40px;
}
.area-cmn-footer .mod-copyright {
  margin-top: 64px;
  text-align: center;
}
.area-cmn-footer .mod-copyright .list-marks {
  display: flex;
  align-items: center;
  justify-content: center;
}
.area-cmn-footer .mod-copyright .list-marks .item-list-marks + .item-list-marks {
  margin-left: 24px;
}
.area-cmn-footer .mod-copyright .txt-copyright {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: clamp(1.2rem, 3.6cqw, 1.4rem);
  margin-top: 24px;
}
@media (min-width: 768px) {
  .area-cmn-footer {
    padding: 96px 0;
  }
  .area-cmn-footer .mod-companyinfo .txt-detail .txt-slash:before {
    content: "／";
  }
}
@media (min-width: 1024px) {
  .area-cmn-footer {
    padding: 128px 0;
  }
  .area-cmn-footer .mod-footer-main {
    position: relative;
  }
  .area-cmn-footer .nav-footer {
    max-width: 40%;
  }
  .area-cmn-footer .btn-contact {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .area-cmn-footer .mod-copyright {
    margin-top: 128px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.btn-contact_fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.btn-contact_fixed a {
  background-color: #1D1D1D;
  color: #FAFA00;
  display: block;
  padding: 0.5em 0;
  text-align: center;
  min-height: 48px;
}
@media (min-width: 960px) {
  .btn-contact_fixed {
    display: none;
  }
}

/*-------------------------------------------------------------
Navigation
-------------------------------------------------------------*/
/* Global Navigation */
.nav-global {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 24px;
}
.nav-global .list-nav-global {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -moz-column-gap: 2em;
       column-gap: 2em;
  row-gap: 1em;
}
.nav-global .list-nav-global .item-list-nav-global {
  font-size: clamp(1.6rem, 4.76cqw, 3.2rem);
  line-height: 1;
}
.nav-global .list-nav-global .item-list-nav-global a {
  position: relative;
  text-decoration: none;
}
.nav-global .list-nav-global .item-list-nav-global a:after {
  content: "";
  background-color: #1D1D1D;
  border: 1px solid #1D1D1D;
  border-radius: 999px;
  display: block;
  position: absolute;
  top: 0;
  right: -0.6em;
  transform: translateY(50%);
  transition: 0.5s;
  width: 2px;
  height: 2px;
}
.nav-global .list-nav-global .item-list-nav-global.is-current a {
  pointer-events: none;
}
.nav-global .list-nav-global .item-list-nav-global.is-current a:after {
  background-color: transparent;
}
.nav-global .list-nav-global .item-list-nav-global.is-hide_mobile {
  display: none;
}
@media (min-width: 960px) {
  .nav-global .list-nav-global .item-list-nav-global.is-hide_mobile {
    display: block;
  }
}
@media (min-width: 560px) {
  .nav-global {
    margin-top: 32px;
  }
}
@media (min-width: 768px) {
  .nav-global .list-nav-global {
    -moz-column-gap: 3em;
         column-gap: 3em;
    row-gap: 1.5em;
  }
  .nav-global .list-nav-global .item-list-nav-global a:after {
    width: 6px;
    height: 6px;
  }
}
@media (any-hover: hover) {
  .nav-global .list-nav-global .item-list-nav-global a:hover:after {
    filter: blur(6px);
    width: 6px;
    height: 6px;
  }
}

/* Breadcrumb */
.nav-breadcrumb {
  display: flex;
  flex-direction: column;
  font-size: clamp(1.1rem, 3.3cqw, 1.4rem);
}
.nav-breadcrumb .item-nav-breadcrumb {
  line-height: 1;
}
.nav-breadcrumb .item-nav-breadcrumb + .item-nav-breadcrumb {
  margin-top: 1em;
}
.nav-breadcrumb .item-nav-breadcrumb:not(:first-child):before {
  content: "-";
  margin-right: 0.5em;
}
@media (min-width: 768px) {
  .nav-breadcrumb {
    flex-direction: row;
  }
  .nav-breadcrumb .item-nav-breadcrumb + .item-nav-breadcrumb {
    margin-top: 0;
    margin-left: 1em;
  }
  .nav-breadcrumb .item-nav-breadcrumb:not(:first-child):before {
    margin-right: 1em;
  }
}

/* Category Navigation */
.nav-category {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
}
.nav-category .list-nav-category {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.nav-category .list-nav-category .item-list-nav-category {
  display: flex;
  align-items: flex-start;
  font-size: clamp(1.8rem, 5.36cqw, 4.8rem);
  position: relative;
  transition: filter 0.7s;
}
.nav-category .list-nav-category .item-list-nav-category a {
  text-decoration: none;
  transition: color 0.2s;
}
.nav-category .list-nav-category .item-list-nav-category.is-nocurrent {
  color: #CBCBCB;
}
.nav-category .list-nav-category .item-list-nav-category.is-nocurrent a {
  color: #CBCBCB;
}
.nav-category .list-nav-category .item-list-nav-category .txt-num {
  font-size: clamp(1rem, 2.98cqw, 2.4rem);
  margin-left: 0.5em;
  transition: color 0.2s;
}
@media (any-hover: hover) {
  .nav-category .list-nav-category .item-list-nav-category.is-nocurrent:hover {
    color: #1D1D1D;
  }
  .nav-category .list-nav-category .item-list-nav-category.is-nocurrent:hover a {
    color: #1D1D1D;
  }
  .nav-category .list-nav-category:hover .item-list-nav-category:not(:hover) {
    color: #FAFA00;
    filter: blur(10px);
  }
  .nav-category .list-nav-category:hover .item-list-nav-category:not(:hover) a {
    color: #FAFA00;
  }
}
@media (min-width: 768px) {
  .nav-category .list-nav-category {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .nav-category .list-nav-category {
    gap: 2.5rem;
  }
}

/* Footer Navigation */
.nav-footer {
  margin-top: 32px;
}
.nav-footer .list-nav-footer .item-list-nav-footer .ttl-item {
  font-size: clamp(1.8rem, 5.36cqw, 3.2rem);
  margin-top: 32px;
}
.nav-footer .list-nav-footer .item-list-nav-footer .ttl-item a {
  text-decoration: none;
}
.nav-footer .list-nav-footer .item-list-nav-footer .list-item {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 16px;
}
.nav-footer .list-nav-footer .item-list-nav-footer .list-item .list-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.nav-footer .list-nav-footer-sub {
  display: flex;
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: 1.2rem;
  margin-top: 40px;
}
.nav-footer .list-nav-footer-sub .item-list-nav-footer-sub + .item-list-nav-footer-sub {
  margin-left: 2em;
}
.nav-footer .list-nav-footer-sub .item-list-nav-footer-sub .link-instagram {
  display: flex;
  align-items: center;
}
.nav-footer .list-nav-footer-sub .item-list-nav-footer-sub .link-instagram:before {
  background: url(../img/common/ico-instagram.svg) no-repeat center/cover;
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 1.3em;
  height: 1.3em;
}

/* Pager */
.nav-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}
.nav-pager .btn-pager {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: clamp(1.6rem, 4.76cqw, 3.2rem);
  line-height: 1;
}
.nav-pager .btn-pager.btn-prev, .nav-pager .btn-pager.btn-next {
  display: flex;
  align-items: center;
  transition: 0.5s;
}
.nav-pager .btn-pager.btn-prev:before, .nav-pager .btn-pager.btn-next:before {
  background: url(../img/common/ico-arrow.svg) no-repeat center/100%;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
}
.nav-pager .btn-pager.btn-prev:before {
  transform: rotate(180deg);
}
@media (any-hover: hover) {
  .nav-pager .btn-pager.btn-prev:hover {
    transform: translateX(-10px);
  }
}
@media (any-hover: hover) {
  .nav-pager .btn-pager.btn-next:hover {
    transform: translateX(10px);
  }
}
.nav-pager .btn-pager + .btn-pager {
  margin-left: 1.5em;
}
@media (min-width: 768px) {
  .nav-pager {
    margin-top: 96px;
  }
}
@media (min-width: 1024px) {
  .nav-pager {
    margin-top: 128px;
  }
}

/*---------------------------------------------------------------
Home
---------------------------------------------------------------*/
body.home {
  /*-------------------------------------------------------------*/
  /* Header */
  /* Project */
  /* Signal */
  /* About */
  /*-------------------------------------------------------------*/
}
body.home .area-cmn-header .txt-lead {
  font-size: clamp(1.1rem, 3.3cqw, 1.4rem);
}
body.home .block-project .btn-viewall {
  margin-top: 64px;
}
@media (min-width: 768px) {
  body.home .block-project .btn-viewall {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  body.home .block-project .btn-viewall {
    justify-content: flex-end;
    margin-top: 128px;
  }
}
body.home .block-signal .btn-viewmore {
  margin-top: 64px;
}
@media (min-width: 768px) {
  body.home .block-signal .btn-viewmore {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  body.home .block-signal .btn-viewmore {
    justify-content: flex-end;
    margin-top: 128px;
  }
}
body.home .sec-about .item-about {
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  position: relative;
  text-decoration: none;
  width: 100%;
}
body.home .sec-about .item-about:before, body.home .sec-about .item-about:after {
  content: "";
  background-color: #FAFA00;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  z-index: 1;
}
body.home .sec-about .item-about:before {
  opacity: 1;
  mix-blend-mode: color;
}
body.home .sec-about .item-about:after {
  opacity: 0;
  mix-blend-mode: exclusion;
}
body.home .sec-about .item-about .mod-text {
  padding: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
body.home .sec-about .item-about .mod-text .ttl-about {
  font-size: clamp(2.8rem, 8.3cqw, 4.8rem);
}
body.home .sec-about .item-about .mod-text .txt-description {
  margin-top: 0.5em;
}
@media (any-hover: hover) {
  body.home .sec-about .item-about:hover:before {
    opacity: 0;
  }
  body.home .sec-about .item-about:hover::after {
    opacity: 0.7;
  }
}
body.home .sec-about .box-weare {
  background-image: url(../img/home/img-about-weare.jpg);
}
body.home .sec-about .box-space {
  background-image: url(../img/home/img-about-space.jpg);
}
@media (min-width: 768px) {
  body.home .sec-about .container-about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  body.home .sec-about .item-about .mod-text {
    padding: 24px;
  }
}
@media (min-width: 1280px) {
  body.home .sec-about .container-about {
    position: relative;
  }
  body.home .sec-about .container-about:before {
    background: url(../img/home/img-circletxt.svg) no-repeat center/cover;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26.4vw;
    height: 26.4vw;
    max-width: 400px;
    max-height: 400px;
    aspect-ratio: 1/1;
    transform: translate(-50%, -50%);
    mix-blend-mode: difference;
    z-index: 3;
    animation: 12s linear infinite rotateText;
    pointer-events: none !important;
  }
  body.home .sec-about .item-about .mod-text {
    padding: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
body.home .sec-weare a {
  background-color: #1D1D1D;
  color: #FFFFFF;
  display: block;
  overflow: hidden;
  padding: 128px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
}
body.home .sec-weare a .ttl-weare {
  font-size: clamp(6.4rem, 19cqw, 17.6rem);
}
body.home .sec-weare a .txt-weare {
  margin-top: 32px;
}
body.home .sec-weare a:before, body.home .sec-weare a:after {
  background: url(../img/home/img-circletxt.svg) no-repeat center/cover;
  content: "";
  display: block;
  position: absolute;
  width: clamp(210px, 62.5cqw, 304px);
  height: clamp(210px, 62.5cqw, 304px);
}
body.home .sec-weare a:before {
  transform: translate(50%, -50%);
  top: 0;
  right: 0;
  animation: 12s linear infinite rotateTextRight;
}
body.home .sec-weare a:after {
  transform: translate(-50%, 50%);
  bottom: 0;
  left: 0;
  animation: 12s linear infinite rotateTextLeft;
}
@media (any-hover: hover) {
  body.home .sec-weare a:before, body.home .sec-weare a:after {
    animation: none;
  }
  body.home .sec-weare a:hover:before {
    animation: 12s linear infinite rotateTextRight;
  }
  body.home .sec-weare a:hover:after {
    animation: 12s linear infinite rotateTextLeftHover;
  }
}
@media (min-width: 1024px) {
  body.home .sec-weare a:before {
    transform: translate(50%, -50%);
    top: 50%;
    right: 0;
  }
  body.home .sec-weare a:after {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 0;
  }
}
@keyframes rotateText {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotateTextRight {
  0% {
    transform: translate(50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@keyframes rotateTextLeft {
  0% {
    transform: translate(-50%, 50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, 50%) rotate(-360deg);
  }
}
@keyframes rotateTextLeftHover {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

/*---------------------------------------------------------------
Project
---------------------------------------------------------------*/
/* Common */
.area-cmn-main .nav-category + .list-project {
  margin-top: 64px;
}
@media (min-width: 768px) {
  .area-cmn-main .nav-category + .list-project {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .area-cmn-main .nav-category + .list-project {
    margin-top: 128px;
  }
}

.list-project .item-list-project a {
  display: block;
  text-decoration: none;
}
.list-project .item-list-project a .img-thumbnail {
  aspect-ratio: 3/2;
  overflow: hidden;
  position: relative;
}
.list-project .item-list-project a .img-thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.list-project .item-list-project a .img-thumbnail:before {
  background-color: rgba(250, 250, 0, 0.8);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.5s;
}
.list-project .item-list-project a .img-thumbnail:after {
  content: "View Detail";
  display: inline-block;
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: clamp(1.8rem, 5.36cqw, 4rem);
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.list-project .item-list-project a .txt-title {
  line-height: 1.4;
}
.list-project .item-list-project a .txt-title .txt-clientname {
  color: #929292;
  display: block;
  margin-top: 0.5em;
}
@media (any-hover: hover) {
  .list-project .item-list-project a:hover .img-thumbnail:before {
    opacity: 1;
  }
  .list-project .item-list-project a:hover .img-thumbnail:after {
    opacity: 1;
  }
}
.list-project .item-list-project + .item-list-project {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .list-project {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 3.5087719298cqw / 2));
    gap: 3.5087719298cqw;
  }
  .list-project .item-list-project + .item-list-project {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .list-project {
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
  }
}

body.single-project {
  /*-------------------------------------------------------------*/
  /*-------------------------------------------------------------*/
}
body.single-project .sec-single-project .mod-title .ttl-project {
  font-size: clamp(2rem, 5.95cqw, 3.2rem);
}
body.single-project .sec-single-project .mod-title .txt-client {
  margin-top: 0.5em;
}
body.single-project .sec-single-project .img-main img,
body.single-project .sec-single-project .list-images img {
  width: 100%;
}
body.single-project .sec-single-project .img-main,
body.single-project .sec-single-project .mod-explain {
  margin-top: 32px;
}
body.single-project .sec-single-project .list-images,
body.single-project .sec-single-project .mod-overview {
  margin-top: 48px;
}
body.single-project .sec-single-project .list-images .item-list-images {
  background-color: #FAFA00;
}
body.single-project .sec-single-project .list-images .item-list-images + .item-list-images {
  margin-top: 8px;
}
body.single-project .sec-single-project .mod-overview .list-overview .mod-data-overview {
  margin-top: 32px;
}
body.single-project .btn-back {
  margin-top: 64px;
}
@media (min-width: 768px) {
  body.single-project .btn-back {
    margin-top: 96px;
  }
}
@media (min-width: 1024px) {
  body.single-project .sec-single-project .img-main,
  body.single-project .sec-single-project .mod-explain {
    margin-top: 64px;
  }
  body.single-project .sec-single-project .list-images,
  body.single-project .sec-single-project .mod-overview {
    margin-top: 96px;
  }
  body.single-project .sec-single-project .list-images .item-list-images + .item-list-images {
    margin-top: 16px;
  }
  body.single-project .sec-single-project .mod-overview .list-overview {
    display: flex;
    align-items: flex-start;
  }
  body.single-project .sec-single-project .mod-overview .list-overview .ttl-overview {
    padding: 24px 0;
    width: 13.4cqw;
  }
  body.single-project .sec-single-project .mod-overview .list-overview .mod-data-overview {
    border-left: 1px solid #1D1D1D;
    margin: 0 0 0 3.4cqw;
    padding: 24px 0 24px 3.4cqw;
    width: 86.6cqw;
  }
  body.single-project .sec-single-project .mod-overview .list-overview .mod-data-overview .item-list-cmn-dl + .item-list-cmn-dl {
    border-top: 0;
    padding-top: 0;
  }
  body.single-project .btn-back {
    margin-top: 128px;
  }
}

/*---------------------------------------------------------------
Signal
---------------------------------------------------------------*/
/* Common */
.area-cmn-main .nav-category + .list-signal {
  margin-top: 64px;
}
@media (min-width: 768px) {
  .area-cmn-main .nav-category + .list-signal {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .area-cmn-main .nav-category + .list-signal {
    margin-top: 128px;
  }
}

.list-signal .item-list-signal {
  border-top: 1px solid #1D1D1D;
}
.list-signal .item-list-signal:last-child {
  border-bottom: 1px solid #1D1D1D;
}
.list-signal .item-list-signal a {
  display: block;
  overflow: hidden;
  padding: 16px 0;
  text-decoration: none;
  position: relative;
}
@media (any-hover: hover) {
  .list-signal .item-list-signal a:before {
    content: "";
    background-color: #FAFA00;
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: 0.2s;
  }
  .list-signal .item-list-signal a:hover:before {
    left: 0;
  }
}
.list-signal .item-list-signal .box-info {
  font-size: 0.875em;
}
.list-signal .item-list-signal .box-info .txt-info .txt-category,
.list-signal .item-list-signal .box-info .txt-info .txt-period {
  display: inline-block;
}
.list-signal .item-list-signal .box-info .txt-info .txt-period {
  margin-left: 1em;
}
.list-signal .item-list-signal .box-info .txt-date {
  margin-top: 0;
}
.list-signal .item-list-signal .ttl-signal {
  margin-top: 0.5em;
  line-height: 1.4;
}
.list-signal .item-list-signal .ttl-signal .ico-status {
  border-radius: 999px;
  display: inline-block;
  line-height: 1;
  font-size: 0.75em;
  margin-left: 1em;
  padding: 0.3em 0;
  text-align: center;
  width: 5em;
  vertical-align: text-top;
}
.list-signal .item-list-signal .ttl-signal .ico-status.is-active {
  background-color: #FAFA00;
}
.list-signal .item-list-signal .ttl-signal .ico-status.is-deactive {
  background-color: #e6e6e6;
}
@media (min-width: 768px) {
  .list-signal .item-list-signal a {
    padding: 32px 1em;
  }
  .list-signal .item-list-signal .box-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

body.single-signal {
  /*-------------------------------------------------------------*/
  /*-------------------------------------------------------------*/
}
body.single-signal .sec-single-signal .mod-title .ttl-signal {
  font-size: clamp(2rem, 5.95cqw, 3.2rem);
}
body.single-signal .sec-single-signal .mod-title .box-info {
  margin-top: 0.5em;
}
body.single-signal .sec-single-signal .mod-title .box-info .txt-info {
  display: flex;
  align-items: center;
  gap: 1em;
}
body.single-signal .sec-single-signal .mod-title .box-info .txt-info .ico-status {
  border-radius: 999px;
  display: inline-block;
  line-height: 1;
  font-size: 0.75em;
  padding: 0.3em 0;
  text-align: center;
  width: 5em;
}
body.single-signal .sec-single-signal .mod-title .box-info .txt-info .ico-status.is-active {
  background-color: #FAFA00;
}
body.single-signal .sec-single-signal .mod-title .box-info .txt-info .ico-status.is-deactive {
  background-color: #e6e6e6;
}
body.single-signal .sec-single-signal .mod-title .box-info .txt-date {
  margin-top: 0;
}
body.single-signal .sec-single-signal .box-content {
  border-top: 1px solid #1D1D1D;
  margin-top: 32px;
  padding-top: 32px;
}
body.single-signal .sec-single-signal .box-content .box-2col {
  margin-top: 1.6em;
}
body.single-signal .sec-single-signal .box-content .box-2col .img-box-2col {
  margin-top: 1.6em;
}
body.single-signal .sec-single-signal .box-content .box-details {
  margin-top: 32px;
}
body.single-signal .sec-single-signal .box-content .box-details .box-details-content {
  margin-top: 32px;
}
body.single-signal .btn-back {
  margin-top: 64px;
}
@media (min-width: 768px) {
  body.single-signal .btn-back {
    margin-top: 96px;
  }
}
@media (min-width: 1024px) {
  body.single-signal .sec-single-signal .mod-title .box-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  body.single-signal .sec-single-signal .box-content {
    margin-top: 64px;
    padding-top: 64px;
  }
  body.single-signal .sec-single-signal .box-content p:not(:first-child),
  body.single-signal .sec-single-signal .box-content ul:not(:first-child),
  body.single-signal .sec-single-signal .box-content ol:not(:first-child),
  body.single-signal .sec-single-signal .box-content dl:not(:first-child),
  body.single-signal .sec-single-signal .box-content table:not(:first-child),
  body.single-signal .sec-single-signal .box-content pre:not(:first-child),
  body.single-signal .sec-single-signal .box-content blockquote:not(:first-child) {
    margin-top: 3.2em;
  }
  body.single-signal .sec-single-signal .box-content .box-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
    margin-top: 3.2em;
  }
  body.single-signal .sec-single-signal .box-content .box-2col .img-box-2col {
    margin-top: 0;
  }
  body.single-signal .sec-single-signal .box-content .box-details {
    margin-top: 64px;
    display: flex;
    align-items: flex-start;
  }
  body.single-signal .sec-single-signal .box-content .box-details .ttl-details {
    padding: 24px 0;
    width: 13.4cqw;
  }
  body.single-signal .sec-single-signal .box-content .box-details .box-details-content {
    border-left: 1px solid #1D1D1D;
    margin: 0 0 0 3.4cqw;
    padding: 24px 0 24px 3.4cqw;
    width: 86.6cqw;
  }
  body.single-signal .btn-back {
    margin-top: 128px;
  }
}

/*---------------------------------------------------------------
We Are
---------------------------------------------------------------*/
body.weare {
  /*-------------------------------------------------------------*/
  /*-------------------------------------------------------------*/
}
body.weare .sec-intro .ttl-weare .txt-en {
  display: block;
  font-size: clamp(1.2rem, 3.57cqw, 1.4rem);
  margin-top: 0.7em;
}
body.weare .sec-intro .mod-statement .txt-ja {
  font-size: clamp(1.6rem, 4.76cqw, 1.8rem);
}
body.weare .sec-intro .mod-statement .txt-en {
  font-family: "DM Sans", "Gothic Medium BBB", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  font-size: clamp(1.2rem, 3.57cqw, 1.6rem);
  margin-top: 2em;
  line-height: 2;
}
body.weare .sec-intro .mod-gallery {
  margin-top: 32px;
}
@media (min-width: 768px) {
  body.weare .sec-intro .mod-gallery {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  body.weare .sec-intro .mod-gallery {
    margin-top: 128px;
  }
}
@media (min-width: 1280px) {
  body.weare .sec-intro .mod-statement {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  body.weare .sec-intro .mod-statement .txt-ja,
  body.weare .sec-intro .mod-statement .txt-en {
    width: 48%;
  }
  body.weare .sec-intro .mod-statement .txt-en {
    margin-top: 0;
  }
}
body.weare .sec-about .mod-accessmap {
  background-color: #FAFA00;
  margin-top: 32px;
  position: relative;
  padding-top: 100%;
  width: 100%;
  height: 0;
}
body.weare .sec-about .mod-accessmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  body.weare .sec-about dd dl dt,
  body.weare .sec-about dd dl dd {
    width: 100%;
  }
  body.weare .sec-about .mod-accessmap {
    margin-top: 48px;
    padding-top: 60%;
  }
}
@media (min-width: 1280px) {
  body.weare .sec-about .mod-about {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  body.weare .sec-about .mod-about .mod-companyinfo,
  body.weare .sec-about .mod-about .mod-accessmap {
    width: 48%;
  }
  body.weare .sec-about .mod-about .mod-accessmap {
    margin-top: 0;
  }
}
body.weare .sec-profile .wrap-profiles .mod-profile + .mod-profile {
  margin-top: 48px;
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .txt-name {
  margin-top: 40px;
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .txt-name .ttl-ja {
  display: block;
  font-size: clamp(1.2rem, 3.57cqw, 1.6rem);
  margin-top: 0.8em;
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .list-sns {
  display: flex;
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .list-sns .item-list-sns a:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .list-sns .item-list-sns.instagram a:before {
  background-image: url(../img/weare/ico-instagram.png);
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .list-sns .item-list-sns.facebook a:before {
  background-image: url(../img/weare/ico-facebook.png);
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .list-sns .item-list-sns + .item-list-sns {
  margin-left: 1em;
}
body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .txt-member {
  color: #929292;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  body.weare .sec-profile .wrap-profiles .mod-profile + .mod-profile {
    margin-top: 64px;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail {
    display: flex;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .img-profile {
    width: 40%;
    flex-shrink: 0;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .mod-text {
    margin-left: 32px;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .mod-text .txt-name {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  body.weare .sec-profile .wrap-profiles {
    display: grid;
    -moz-column-gap: 4%;
         column-gap: 4%;
    grid-template-columns: repeat(2, 48%);
  }
  body.weare .sec-profile .wrap-profiles .mod-profile {
    display: grid;
    grid-row: span 5;
    grid-template-rows: subgrid;
    row-gap: 2em;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile .txt-explain,
  body.weare .sec-profile .wrap-profiles .mod-profile .list-cmn-dl {
    margin-top: 0;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .img-profile {
    width: 30%;
  }
  body.weare .sec-profile .wrap-profiles .mod-profile + .mod-profile {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  body.weare .sec-profile .wrap-profiles .mod-profile .mod-detail .img-profile {
    width: 40%;
  }
}
body.weare .sec-awards .list-awards + .list-awards {
  margin-top: 32px;
}
body.weare .sec-awards .list-awards .mod-data-awards {
  margin-top: 16px;
}
body.weare .sec-awards .list-awards .mod-data-awards .item-list-awards .item-list-awards {
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
}
body.weare .sec-awards .list-awards .mod-data-awards .item-list-awards .item-list-awards + .item-list-awards {
  margin-top: 0.8em;
}
body.weare .sec-awards .list-awards .mod-data-awards .item-list-awards .item-list-awards:before {
  background: url(../img/weare/ico-smells.svg) no-repeat center/100%;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-right: 0.5em;
  text-align: center;
  width: 1.3em;
  height: 1.3em;
}
body.weare .sec-awards .list-awards .mod-data-awards .item-list-awards .item-list-awards.shota:before {
  background-image: url(../img/weare/ico-shota.svg);
}
body.weare .sec-awards .list-awards .mod-data-awards .item-list-awards .item-list-awards.yuzumi:before {
  background-image: url(../img/weare/ico-yuzumi.svg);
}
body.weare .sec-awards .box-close {
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
  transition: max-height 1s;
}
body.weare .sec-awards .box-close.is-open {
  max-height: 999vh;
  margin-top: 32px;
}
body.weare .sec-awards .box-close.is-open + .btn-more {
  display: none;
}
body.weare .sec-awards .btn-more {
  margin-top: 64px;
}
body.weare .sec-awards .btn-more span {
  padding-right: 1.2em;
}
body.weare .sec-awards .btn-more span:after {
  background-image: url(../img/weare/ico-plus.svg);
  background-size: contain;
  width: 0.8em;
  height: 0.8em;
}
@media (min-width: 768px) {
  body.weare .sec-awards .btn-more {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  body.weare .sec-awards .list-awards {
    display: flex;
    align-items: flex-start;
  }
  body.weare .sec-awards .list-awards .ttl-year {
    padding: 24px 0;
    width: 13.4cqw;
  }
  body.weare .sec-awards .list-awards .mod-data-awards {
    border-left: 1px solid #1D1D1D;
    margin: 0 0 0 3.4cqw;
    padding: 24px 0 24px 3.4cqw;
    width: 86.6cqw;
  }
  body.weare .sec-awards .btn-more {
    margin-top: 96px;
    justify-content: flex-end;
  }
}

/*---------------------------------------------------------------
Space
---------------------------------------------------------------*/
body.space {
  /*-------------------------------------------------------------*/
  /*-------------------------------------------------------------*/
}
body.space .list-space .item-list-space .box-text {
  margin-top: 24px;
}
body.space .list-space .item-list-space .box-text .btn-cmn {
  justify-content: flex-start;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  body.space .list-space .item-list-space .box-text {
    margin-top: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  body.space .list-space .item-list-space .box-text .txt-description {
    line-height: 1;
  }
}

/*-------------------------------------------------------------*/
body.smells-good-gallery {
  /*-------------------------------------------------------------*/
  /*-------------------------------------------------------------*/
}
@media (min-width: 1024px) {
  body.smells-good-gallery .grid-2col_desktop-s {
    display: grid;
    -moz-column-gap: 4%;
         column-gap: 4%;
    grid-template-columns: repeat(2, 48%);
  }
}
body.smells-good-gallery .sec-intro .list-buttons .btn-cmn {
  justify-content: flex-start;
}
body.smells-good-gallery .sec-intro .list-buttons .btn-cmn + .btn-cmn {
  margin-top: 16px;
}
body.smells-good-gallery .sec-intro .block-overview .mod-zumen {
  margin-top: 64px;
}
@media (min-width: 1024px) {
  body.smells-good-gallery .sec-intro .list-buttons {
    margin-top: 48px;
  }
  body.smells-good-gallery .sec-intro .list-buttons .btn-cmn {
    display: inline-block;
  }
  body.smells-good-gallery .sec-intro .list-buttons .btn-cmn + .btn-cmn {
    margin-left: 40px;
  }
  body.smells-good-gallery .sec-intro .block-overview .mod-zumen {
    margin-top: 0;
  }
}
body.smells-good-gallery .sec-event .mod-overview .list-detail {
  margin-top: 48px;
}
body.smells-good-gallery .sec-event .box-rules {
  border: 1px solid #1D1D1D;
  padding: 24px;
}
body.smells-good-gallery .sec-event .box-rules .list-rules .item-list-rules .data-item-list-cmn-rules {
  margin-top: 1em;
}
body.smells-good-gallery .sec-event .box-rules .list-rules .item-list-rules + .item-list-rules {
  margin-top: 24px;
}
@media (min-width: 768px) {
  body.smells-good-gallery .sec-event .box-rules {
    padding: 48px;
  }
  body.smells-good-gallery .sec-event .box-rules .list-rules .item-list-rules + .item-list-rules {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  body.smells-good-gallery .sec-event .mod-overview .list-detail {
    margin-top: 0;
  }
  body.smells-good-gallery .sec-event .box-rules {
    padding: 56px;
  }
  body.smells-good-gallery .sec-event .box-rules .list-rules .item-list-rules + .item-list-rules {
    margin-top: 0;
  }
  body.smells-good-gallery .sec-event .btn-signal {
    justify-content: flex-end;
  }
}
body.smells-good-gallery .sec-rental .img-zumen {
  margin-top: 48px;
}

/*---------------------------------------------------------------
Privacy Policy
---------------------------------------------------------------*/
body.privacypolicy {
  /*-------------------------------------------------------------*/
  /*-------------------------------------------------------------*/
}
body.privacypolicy .box-privacy + .box-privacy {
  margin-top: 40px;
}
@media (min-width: 768px) {
  body.privacypolicy .box-privacy + .box-privacy {
    margin-top: 64px;
  }
}
@media (min-width: 1024px) {
  body.privacypolicy .box-privacy + .box-privacy {
    margin-top: 80px;
  }
}/*# sourceMappingURL=style.css.map */