@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
/* =================================
Reset
================================= */
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, q:before, q:after {
  content: "";
  content: none;
}

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

button {
  border: none;
  cursor: pointer;
}

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

em {
  font-style: normal;
}

:focus {
  outline: none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* =================================
Base
================================= */
:root {
  --c-text: #0D0B00;
  --bg-main: #21140D;
  --bg-sub: #F1EAD4;
  --bg-btn: #252319;
  --bg-head-btn: #543221;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--text);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.7;
}

a {
  color: var(--c-text);
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.js-no-scroll {
  overflow: hidden;
}

/* header */
.l-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: var(--bg-main);
  padding: 5px 0;
}
.l-header--in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.l-header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 770px) {
  .l-header__logo--img {
    width: 78px;
  }
}
@media (max-width: 769px) {
  .l-header__logo--img {
    width: 50px;
  }
  .l-header__logo--img img {
    width: auto;
    height: 50px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.l-header__logo--name {
  color: #fff;
  font-weight: 700;
}
@media (min-width: 770px) {
  .l-header__logo--name {
    margin-left: 12px;
    font-size: 2.8rem;
  }
}
@media (max-width: 769px) {
  .l-header__logo--name {
    margin-left: 5px;
    font-size: 1.8rem;
  }
}
@media (min-width: 770px) {
  .l-header__nav {
    margin-left: auto;
  }
}
@media (max-width: 769px) {
  .l-header__nav {
    position: absolute;
    top: 100%;
    right: -1000px;
    z-index: 9998;
    width: 100%;
    height: calc(100vh - 55px);
    background: var(--bg-main);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: scroll;
  }
  .l-header__nav.is-active {
    right: 0;
  }
}
@media (min-width: 770px) {
  .l-header__nav__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
}
@media (max-width: 769px) {
  .l-header__nav__main {
    padding: 20px;
  }
}
@media (max-width: 769px) {
  .l-header__nav__main li + li {
    border-top: 1px solid #442A1C;
  }
}
.l-header__nav__main a {
  color: #fff;
  font-size: 1.5rem;
}
@media (min-width: 770px) {
  .l-header__nav__main a {
    display: block;
    position: relative;
  }
  .l-header__nav__main a::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 769px) {
  .l-header__nav__main a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header__nav__main a:hover::after {
    width: 100%;
  }
}
@media (max-width: 769px) {
  .l-header__nav__main--contact {
    margin-top: 20px;
    border-top: none;
  }
}
.l-header__nav__main--contact a {
  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;
  background: var(--bg-head-btn);
  font-size: 1.6rem;
}
@media (min-width: 770px) {
  .l-header__nav__main--contact a {
    min-height: 40px;
    padding: 0 20px;
  }
  .l-header__nav__main--contact a::after {
    display: none;
  }
}
@media (min-width: 770px) {
  .l-header__menu {
    display: none;
  }
}
@media (max-width: 769px) {
  .l-header__menu {
    position: relative;
    width: 30px;
    height: 24px;
    margin-left: auto;
  }
}
@media (max-width: 769px) {
  .l-header__menu span {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    height: 2.5px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .l-header__menu span:nth-child(1) {
    top: 0;
  }
  .l-header__menu span:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .l-header__menu span:nth-child(3) {
    bottom: 0;
  }
}
@media (max-width: 769px) {
  .l-header__menu.is-active span:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg);
  }
  .l-header__menu.is-active span:nth-child(2) {
    opacity: 0;
  }
  .l-header__menu.is-active span:nth-child(3) {
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%) rotate(-45deg);
            transform: translate(-50%) rotate(-45deg);
  }
}

/* footer */
.l-footer {
  padding: 80px 0;
  background: var(--bg-main);
}
@media (max-width: 769px) {
  .l-footer {
    padding: 40px 0;
  }
}
.l-footer__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px 64px;
  padding: 48px;
  border: 2px solid #fff;
  border-radius: 8px;
}
@media (max-width: 769px) {
  .l-footer__box {
    gap: 16px 32px;
    padding: 20px;
    border-width: 1px;
  }
}
.l-footer__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px 64px;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
@media (max-width: 769px) {
  .l-footer__col {
    gap: 24px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
.l-footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.l-footer__logo--img {
  width: 78px;
}
@media (max-width: 769px) {
  .l-footer__logo--img {
    width: 50px;
  }
}
.l-footer__logo--name {
  margin-left: 12px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
}
@media (max-width: 769px) {
  .l-footer__logo--name {
    font-size: 2rem;
  }
}
.l-footer__address {
  width: calc(50% - 32px);
  color: #fff;
}
@media (max-width: 769px) {
  .l-footer__address {
    width: 100%;
  }
}
.l-footer__address--name {
  margin-bottom: 32px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 769px) {
  .l-footer__address--name {
    margin-bottom: 16px;
  }
}
.l-footer__address--contents {
  font-size: 1.4rem;
}
.l-footer__address--contents dt {
  font-weight: 500;
}
.l-footer__address--contents dd {
  margin-top: 4px;
}
.l-footer__address--contents dd + dt {
  margin-top: 24px;
}
@media (max-width: 769px) {
  .l-footer__address--contents dd + dt {
    margin-top: 12px;
  }
}
.l-footer__address--contents dd .tel {
  display: block;
}
.l-footer__address--contents dd .mail {
  display: block;
}
.l-footer__address--contents dd a {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .l-footer__address--contents dd a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 769px) {
  .l-footer__address--contents dd a {
    text-decoration: underline;
  }
}
.l-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.4rem;
}
@media (min-width: 770px) {
  .l-footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 769px) {
  .l-footer__nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
@media (max-width: 769px) {
  .l-footer__nav li {
    width: calc(50% - 5px);
  }
}
@media (min-width: 770px) {
  .l-footer__nav li + li {
    margin-top: auto;
  }
}
.l-footer__nav li a {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .l-footer__nav li a:hover {
    text-decoration: underline;
  }
}
.l-footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 769px) {
  .l-footer__sns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.l-footer__sns li {
  width: 30px;
}
.l-footer--copy {
  margin-top: 32px;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}
@media (max-width: 769px) {
  .l-footer--copy {
    margin-top: 16px;
    font-size: 1rem;
  }
}

/* commo  */
.l-wrapper {
  position: relative;
  overflow: clip;
}

.l-title__h2 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 769px) {
  .l-title__h2 {
    font-size: 2.4rem;
  }
}
.l-title__h3 {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 769px) {
  .l-title__h3 {
    font-size: 2rem;
  }
}
.l-title__h4 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 769px) {
  .l-title__h4 {
    font-size: 1.8rem;
  }
}

.l-font--serif {
  font-family: "Noto Serif JP", serif;
}
.l-font--lora {
  font-family: "Lora", serif;
  font-weight: 400;
}

.l-contents--in {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.has-bg {
  background: var(--bg-sub);
}

.l-btn__base {
  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;
  padding: 10px 24px;
  background: var(--bg-btn);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
}

.is-sp {
  display: none;
}
@media (max-width: 769px) {
  .is-sp {
    display: block;
  }
}

@media (max-width: 769px) {
  .is-pc {
    display: none;
  }
}

/* page */
.l-page__header {
  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;
  min-height: 335px;
  background: no-repeat top center/cover;
}
@media (max-width: 769px) {
  .l-page__header {
    min-height: 180px;
  }
}
.l-page__header.about {
  background-image: url(/assets/images/about/img_about_header.png);
}
.l-page__header.kenchiku {
  background-image: url(/assets/images/kenchiku/img_kenchiku_header.png);
}
.l-page__header.seiko-wood {
  background-image: url(/assets/images/seiko-wood/img_seiko-wood_header.png);
}
.l-page__header.jirei {
  background-image: url(/assets/images/jirei/img_jirei_header.png);
}
.l-page__header.message {
  background-image: url(/assets/images/message/img_message_header.png);
}
.l-page__header.contact {
  background-image: url(/assets/images/contact/img_contact_header.png);
}
.l-page__header--title {
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
}
.l-page__header--read {
  margin-top: 24px;
  color: #fff;
  font-size: 1.7rem;
  text-align: center;
}
.l-page__sec--title {
  text-align: center;
}
.l-page__sec--read {
  margin-top: 24px;
  font-size: 1.7rem;
  text-align: center;
}
@media (max-width: 769px) {
  .l-page__sec--read {
    margin-top: 20px;
    font-size: 1.5rem;
  }
}

/* top */
.l-top__mainview {
  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;
  min-height: 700px;
  background: url(/assets/images/top/bg_top_mainview.png) no-repeat top center/cover;
}
@media (max-width: 769px) {
  .l-top__mainview {
    min-height: 300px;
  }
}
.l-top__mainview--title {
  color: #fff;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 769px) {
  .l-top__mainview--title {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
.l-top__mainview--read {
  margin-top: 50px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 769px) {
  .l-top__mainview--read {
    margin-top: 25px;
    font-size: 1.6rem;
  }
}
.l-top__about {
  padding: 70px 0;
}
@media (max-width: 769px) {
  .l-top__about {
    padding: 40px 0;
  }
}
.l-top__about__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
}
@media (max-width: 769px) {
  .l-top__about__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.l-top__about__box--text {
  width: calc(100% - 764px);
}
@media (max-width: 769px) {
  .l-top__about__box--text {
    width: 100%;
  }
}
.l-top__about__box--img {
  width: 700px;
}
@media (max-width: 769px) {
  .l-top__about__box--img {
    width: 100%;
  }
}
.l-top__about--read {
  margin-top: 38px;
}
@media (max-width: 769px) {
  .l-top__about--read {
    margin-top: 20px;
  }
}
.l-top__about--btn {
  margin-top: 64px;
}
@media (min-width: 770px) {
  .l-top__about--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 769px) {
  .l-top__about--btn {
    margin-top: 20px;
  }
}
.l-top__case {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-top__case {
    padding: 40px 0;
  }
}
.l-top__case__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  margin-top: 80px;
}
@media (max-width: 769px) {
  .l-top__case__list {
    gap: 20px;
    margin-top: 40px;
  }
}
.l-top__case__list--item {
  width: calc(33.3333333333% - 21.3333333333px);
  background: #fff;
  border: 1px solid var(--c-text);
  border-radius: 8px;
}
@media (max-width: 769px) {
  .l-top__case__list--item {
    width: 100%;
  }
}
.l-top__case__list--thumb {
  height: 220px;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
@media (max-width: 769px) {
  .l-top__case__list--thumb {
    height: 140px;
  }
}
.l-top__case__list--thumb img {
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 769px) {
  .l-top__case__list--thumb img {
    height: 140px;
  }
}
.l-top__case__list--meta {
  padding: 24px;
}
@media (max-width: 769px) {
  .l-top__case__list--meta {
    padding: 15px;
  }
}
.l-top__case__list--read {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
  overflow: hidden;
  margin-top: 8px;
  font-size: 1.4rem;
}
.l-top__case__list--cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 769px) {
  .l-top__case__list--cat {
    gap: 5px;
    margin-top: 10px;
  }
}
.l-top__case__list--cat li {
  padding: 4px 10px;
  background: var(--c-text);
  color: #fff;
  font-size: 1.4rem;
}
@media (max-width: 769px) {
  .l-top__case__list--cat li {
    padding: 2px 5px;
    font-size: 1.2rem;
  }
}
.l-top__case__list--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  font-size: 1.4rem;
}
@media (max-width: 769px) {
  .l-top__case__list--link {
    margin-top: 15px;
  }
}
.l-top__case__list--link::after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 12px;
  margin-left: 16px;
  background: var(--c-text);
  -webkit-mask: url(/assets/images/common/arrow_link.svg) no-repeat 0 0/contain;
          mask: url(/assets/images/common/arrow_link.svg) no-repeat 0 0/contain;
}
.l-top__case__btn {
  margin-top: 64px;
}
@media (min-width: 770px) {
  .l-top__case__btn {
    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 (max-width: 769px) {
  .l-top__case__btn {
    margin-top: 40px;
  }
}
.l-top__part {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-top__part {
    padding: 40px 0;
  }
}
.l-top__part--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}
@media (max-width: 769px) {
  .l-top__part--wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.l-top__part__item {
  width: calc(100% - 32px);
}
@media (max-width: 769px) {
  .l-top__part__item {
    width: 100%;
  }
}
.l-top__part__item--title {
  margin-top: 32px;
}
@media (max-width: 769px) {
  .l-top__part__item--title {
    margin-top: 15px;
  }
}
.l-top__part__item--read {
  margin-top: 24px;
}
@media (max-width: 769px) {
  .l-top__part__item--read {
    margin-top: 15px;
  }
}
.l-top__part__item--btn {
  margin-top: 32px;
}
@media (min-width: 770px) {
  .l-top__part__item--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 769px) {
  .l-top__part__item--btn {
    margin-top: 15px;
  }
}
.l-top__gallery {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-top__gallery {
    padding: 40px 0;
  }
}
.l-top__gallery__slide {
  margin: 80px -16px 0;
}
@media (max-width: 769px) {
  .l-top__gallery__slide {
    margin: 40px -20px 0;
  }
}
.l-top__gallery__slide--item {
  margin: 0 16px;
}
@media (max-width: 769px) {
  .l-top__gallery__slide--item {
    margin: 0 10px;
  }
}
.l-top__gallery__slide .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 2px solid var(--c-text);
  text-indent: -9999px;
}
@media (max-width: 769px) {
  .l-top__gallery__slide .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
.l-top__gallery__slide .slick-arrow::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: no-repeat 0 0/contain;
}
.l-top__gallery__slide .slick-prev {
  left: -18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 769px) {
  .l-top__gallery__slide .slick-prev {
    left: 10px;
  }
}
.l-top__gallery__slide .slick-prev::before {
  background-image: url(/assets/images/common/arrow_slide.svg);
}
.l-top__gallery__slide .slick-next {
  right: -18px;
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
}
@media (max-width: 769px) {
  .l-top__gallery__slide .slick-next {
    right: 10px;
  }
}
.l-top__gallery__slide .slick-next::before {
  background-image: url(/assets/images/common/arrow_slide.svg);
}
.l-top__gallery__slide .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  position: absolute;
  bottom: -68px;
  left: 0;
  width: 100%;
}
@media (max-width: 769px) {
  .l-top__gallery__slide .slick-dots {
    bottom: -20px;
  }
}
.l-top__gallery__slide .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  background: #C4C4C4;
  border: none;
  border-radius: 50%;
  text-indent: -9999px;
}
.l-top__gallery__slide .slick-dots .slick-active button {
  background: var(--c-text);
}
.l-top__access {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-top__access {
    padding: 40px 0;
  }
}
.l-top__access--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
  margin-top: 28px;
}
@media (max-width: 769px) {
  .l-top__access--wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 20px;
  }
}
.l-top__access__item {
  width: calc(50% - 32px);
}
@media (max-width: 769px) {
  .l-top__access__item {
    width: 100%;
  }
}
.l-top__access__item iframe {
  width: 100%;
}
@media (max-width: 769px) {
  .l-top__access__item iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
  }
}
.l-top__access__item--name {
  margin-top: 32px;
  font-size: 2.8rem;
}
@media (max-width: 769px) {
  .l-top__access__item--name {
    margin-top: 20px;
    font-size: 2rem;
  }
}
.l-top__access__item--address {
  margin-top: 16px;
}
@media (max-width: 769px) {
  .l-top__access__item--address {
    margin-top: 10px;
  }
}
.l-top__related {
  padding: 70px 0;
}
@media (max-width: 769px) {
  .l-top__related {
    padding: 40px 0;
  }
}
.l-top__related--title {
  text-align: center;
}
.l-top__related__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  margin-top: 48px;
}
@media (max-width: 769px) {
  .l-top__related__list {
    gap: 20px;
    margin-top: 20px;
  }
}
.l-top__related__list li {
  min-width: 200px;
}
@media (max-width: 769px) {
  .l-top__related__list li {
    width: calc(50% - 10px);
    min-width: auto;
  }
}
.l-top__related__list--logo {
  text-align: center;
}
.l-top__related__list--logo img {
  height: 62px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 769px) {
  .l-top__related__list--logo img {
    height: 50px;
  }
}
.l-top__related__list--name {
  display: block;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 769px) {
  .l-top__related__list--name {
    font-size: 1.2rem;
  }
}

/* 私たちについて about */
.l-about__read {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-about__read {
    padding: 40px 0;
  }
}
.l-about__read__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}
@media (min-width: 770px) {
  .l-about__read__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 769px) {
  .l-about__read__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.l-about__read__item + .l-about__read__item {
  margin-top: 120px;
}
@media (max-width: 769px) {
  .l-about__read__item + .l-about__read__item {
    margin-top: 40px;
  }
}
.l-about__read__item--text {
  width: calc(100% - 640px);
}
@media (max-width: 769px) {
  .l-about__read__item--text {
    width: 100%;
  }
}
@media (min-width: 770px) {
  .l-about__read__item--text.order {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.l-about__read__item--text p {
  margin-top: 40px;
  line-height: 2;
}
@media (max-width: 769px) {
  .l-about__read__item--text p {
    margin-top: 20px;
  }
}
.l-about__read__item--img {
  width: 560px;
}
@media (max-width: 769px) {
  .l-about__read__item--img {
    width: 100%;
  }
}
@media (min-width: 770px) {
  .l-about__read__item--img.order {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.l-about__craftsman {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-about__craftsman {
    padding: 40px 0;
  }
}
.l-about__craftsman--title {
  text-align: center;
}
.l-about__craftsman--read {
  margin-top: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media (max-width: 769px) {
  .l-about__craftsman--read {
    margin-top: 20px;
    font-size: 1.8rem;
  }
}
.l-about__craftsman__master {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  margin-top: 50px;
}
@media (min-width: 770px) {
  .l-about__craftsman__master {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 769px) {
  .l-about__craftsman__master {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 40px;
  }
}
.l-about__craftsman__master--photo {
  width: 560px;
}
@media (max-width: 769px) {
  .l-about__craftsman__master--photo {
    width: 100%;
  }
}
.l-about__craftsman__master--meta {
  width: calc(100% - 640px);
}
@media (max-width: 769px) {
  .l-about__craftsman__master--meta {
    width: 100%;
  }
}
.l-about__craftsman__master--meta .post {
  font-size: 1.7rem;
}
.l-about__craftsman__master--meta .name {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 769px) {
  .l-about__craftsman__master--meta .name {
    font-size: 3rem;
  }
}
.l-about__craftsman__master--meta .motto {
  margin-top: 24px;
  font-size: 2.8rem;
  font-weight: 500;
}
@media (max-width: 769px) {
  .l-about__craftsman__master--meta .motto {
    margin-top: 20px;
    font-size: 2rem;
  }
}
.l-about__craftsman__master--meta .btn {
  margin-top: 24px;
}
@media (min-width: 770px) {
  .l-about__craftsman__master--meta .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 769px) {
  .l-about__craftsman__master--meta .btn {
    margin-top: 20px;
  }
}
.l-about__craftsman__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
  margin-top: 50px;
}
@media (max-width: 769px) {
  .l-about__craftsman__team {
    gap: 20px;
    margin-top: 40px;
  }
}
.l-about__craftsman__team--item {
  width: calc(33.3333333333% - 32px);
}
@media (max-width: 769px) {
  .l-about__craftsman__team--item {
    width: calc(50% - 10px);
  }
}
.l-about__craftsman__team--item .name {
  margin-top: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 769px) {
  .l-about__craftsman__team--item .name {
    margin-top: 10px;
    font-size: 1.8rem;
  }
}
.l-about__craftsman__team--item .post {
  text-align: center;
}
@media (max-width: 769px) {
  .l-about__craftsman__team--item .post {
    font-size: 1.2rem;
  }
}
.l-about__qualification {
  padding: 90px 0 158px;
}
@media (max-width: 769px) {
  .l-about__qualification {
    padding: 40px 0 60px;
  }
}
.l-about__qualification__slide {
  margin: 80px -16px 0;
}
@media (max-width: 769px) {
  .l-about__qualification__slide {
    margin: 40px -20px 0;
  }
}
.l-about__qualification__slide--item {
  margin: 0 16px;
}
@media (max-width: 769px) {
  .l-about__qualification__slide--item {
    margin: 0 10px;
  }
}
.l-about__qualification__slide--item .label {
  display: block;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 769px) {
  .l-about__qualification__slide--item .label {
    margin-top: 5px;
    font-size: 1.2rem;
  }
}
.l-about__qualification__slide .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 2px solid var(--c-text);
  text-indent: -9999px;
}
@media (max-width: 769px) {
  .l-about__qualification__slide .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
.l-about__qualification__slide .slick-arrow::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: no-repeat 0 0/contain;
}
.l-about__qualification__slide .slick-prev {
  left: -18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 769px) {
  .l-about__qualification__slide .slick-prev {
    left: 10px;
  }
}
.l-about__qualification__slide .slick-prev::before {
  background-image: url(/assets/images/common/arrow_slide.svg);
}
.l-about__qualification__slide .slick-next {
  right: -18px;
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
}
@media (max-width: 769px) {
  .l-about__qualification__slide .slick-next {
    right: 10px;
  }
}
.l-about__qualification__slide .slick-next::before {
  background-image: url(/assets/images/common/arrow_slide.svg);
}
.l-about__qualification__slide .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  position: absolute;
  bottom: -68px;
  left: 0;
  width: 100%;
}
@media (max-width: 769px) {
  .l-about__qualification__slide .slick-dots {
    bottom: -20px;
  }
}
.l-about__qualification__slide .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  background: #C4C4C4;
  border: none;
  border-radius: 50%;
  text-indent: -9999px;
}
.l-about__qualification__slide .slick-dots .slick-active button {
  background: var(--c-text);
}
.l-about__history {
  padding: 90px 0;
  background: url(/assets/images/about/bg_about_history.png) no-repeat bottom center/cover, #000;
}
@media (max-width: 769px) {
  .l-about__history {
    padding: 40px 0;
  }
}
.l-about__history .l-contents--in {
  max-width: 808px;
}
.l-about__history--title {
  color: #fff;
  letter-spacing: 0.1em;
}
.l-about__history__list {
  margin-top: 27px;
  color: #fff;
}
.l-about__history__list li {
  position: relative;
  padding: 24px 0 48px 56px;
}
@media (max-width: 769px) {
  .l-about__history__list li {
    padding: 24px 0 24px 38px;
  }
}
.l-about__history__list li::before, .l-about__history__list li::after {
  display: block;
  content: "";
  position: absolute;
  left: 6px;
  width: 3px;
  background: #fff;
}
.l-about__history__list li::before {
  top: 0;
  height: 24px;
}
.l-about__history__list li::after {
  bottom: 0;
  height: calc(100% - 59px);
}
@media (max-width: 769px) {
  .l-about__history__list li::after {
    height: calc(100% - 52px);
  }
}
.l-about__history__list--year {
  position: relative;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 769px) {
  .l-about__history__list--year {
    font-size: 2.8rem;
  }
}
.l-about__history__list--year::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -56px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
}
@media (max-width: 769px) {
  .l-about__history__list--year::before {
    left: -38px;
  }
}
.l-about__history__list--title {
  margin-top: 16px;
  font-size: 3.6rem;
  font-weight: 700;
}
@media (max-width: 769px) {
  .l-about__history__list--title {
    font-size: 2rem;
  }
}
.l-about__history__list--summary {
  margin-top: 32px;
}
@media (max-width: 769px) {
  .l-about__history__list--summary {
    margin-top: 15px;
    font-size: 1.2rem;
  }
}
.l-about__footer {
  height: 650px;
  overflow: hidden;
}
@media (max-width: 769px) {
  .l-about__footer {
    height: 250px;
  }
}
.l-about__footer img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 建築分 kenchiku */
.l-kenchiku__read {
  padding: 90px 0 0;
}
@media (max-width: 769px) {
  .l-kenchiku__read {
    padding: 40px 0 0;
  }
}
.l-kenchiku__read--title {
  text-align: center;
}
.l-kenchiku__read--read {
  margin-top: 24px;
  font-size: 1.7rem;
  line-height: 2;
  text-align: center;
}
@media (max-width: 769px) {
  .l-kenchiku__read--read {
    margin-top: 20px;
    font-size: 1.5rem;
    text-align: left;
  }
}
.l-kenchiku__read--img {
  margin-top: 60px;
}
@media (max-width: 769px) {
  .l-kenchiku__read--img {
    margin-top: 20px;
  }
}
.l-kenchiku__read__category {
  margin-top: 40px;
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-kenchiku__read__category {
    padding: 40px 0;
  }
}
.l-kenchiku__read__category--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  padding: 0 40px;
}
@media (max-width: 769px) {
  .l-kenchiku__read__category--list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    padding: 0;
  }
}
.l-kenchiku__read__category--list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(25% - 24px);
}
@media (max-width: 769px) {
  .l-kenchiku__read__category--list li {
    width: calc(50% - 10px);
  }
}
.l-kenchiku__read__category--list h3 {
  padding: 8px;
  background: #C2A160;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 769px) {
  .l-kenchiku__read__category--list h3 {
    padding: 5px;
    font-size: 1.8rem;
  }
}
.l-kenchiku__read__category--list .read {
  margin: 16px 0 30px;
}
@media (max-width: 769px) {
  .l-kenchiku__read__category--list .read {
    margin: 10px 0 15px;
    font-size: 1.2rem;
  }
}
.l-kenchiku__read__category--list .link {
  margin-top: auto;
}
.l-kenchiku__read__category--list .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
  font-size: 1.4rem;
}
.l-kenchiku__read__category--list .link a::after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 12px;
  margin-left: 16px;
  background: var(--c-text);
  -webkit-mask: url(/assets/images/common/arrow_link.svg) no-repeat 0 0/contain;
          mask: url(/assets/images/common/arrow_link.svg) no-repeat 0 0/contain;
}
.l-kenchiku__reason {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-kenchiku__reason {
    padding: 40px 0;
  }
}
.l-kenchiku__reason__box {
  margin: 54px 0 0;
  padding: 60px 0;
  background: url(/assets/images/kenchiku/bg_reason.png) no-repeat 0 0/cover;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box {
    margin-top: 20px;
    padding: 40px 0;
  }
}
.l-kenchiku__reason__box--in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.l-kenchiku__reason__box--thumb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 469px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--thumb {
    width: 100%;
  }
}
.l-kenchiku__reason__box--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px 24px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--list {
    gap: 20px;
  }
}
.l-kenchiku__reason__box--list li {
  width: calc(50% - 12px);
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--list li {
    width: calc(50% - 10px);
  }
}
.l-kenchiku__reason__box--list dt {
  font-size: 2.8rem;
  font-weight: 700;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--list dt {
    font-size: 1.8rem;
  }
}
.l-kenchiku__reason__box--list dt::before {
  display: block;
  content: "";
  width: 48px;
  height: 57px;
  margin-bottom: 16px;
  background: url(/assets/images/kenchiku/icon_reason.svg) no-repeat 0 0/contain;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--list dt::before {
    width: 30px;
    height: 35px;
    margin-bottom: 10px;
  }
}
.l-kenchiku__reason__box--list dd {
  margin-top: 16px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__box--list dd {
    margin-top: 10px;
    font-size: 1.2rem;
  }
}
.l-kenchiku__reason__skill {
  margin-top: 90px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__skill {
    margin-top: 40px;
  }
}
.l-kenchiku__reason__skill--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px 48px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__skill--list {
    gap: 30px;
  }
}
.l-kenchiku__reason__skill--list li {
  width: calc(33.3333333333% - 32px);
}
@media (max-width: 769px) {
  .l-kenchiku__reason__skill--list li {
    width: 100%;
  }
}
.l-kenchiku__reason__skill--list dl {
  margin-top: 32px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__skill--list dl {
    margin-top: 15px;
  }
}
.l-kenchiku__reason__skill--list dt {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__skill--list dt {
    font-size: 2rem;
  }
}
.l-kenchiku__reason__skill--list dt span {
  display: block;
}
.l-kenchiku__reason__skill--list dt strong {
  display: block;
}
.l-kenchiku__reason__skill--list dd {
  margin-top: 16px;
}
@media (max-width: 769px) {
  .l-kenchiku__reason__skill--list dd {
    margin-top: 10px;
  }
}
.l-kenchiku__flow {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-kenchiku__flow {
    padding: 40px 0;
  }
}
.l-kenchiku__flow--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  margin-top: 80px;
}
@media (max-width: 769px) {
  .l-kenchiku__flow--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 40px;
  }
}
.l-kenchiku__flow--list li {
  width: calc(25% - 24px);
  background: #fff;
  border: 2px solid var(--c-text);
  border-radius: 8px;
}
@media (max-width: 769px) {
  .l-kenchiku__flow--list li {
    width: 100%;
  }
}
.l-kenchiku__flow--list .photo {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.l-kenchiku__flow--list dl {
  padding: 22px;
}
@media (max-width: 769px) {
  .l-kenchiku__flow--list dl {
    padding: 15px;
  }
}
.l-kenchiku__flow--list dt {
  font-size: 2.4rem;
  font-weight: 700;
}
@media (max-width: 769px) {
  .l-kenchiku__flow--list dt {
    font-size: 2rem;
  }
}
.l-kenchiku__flow--list dd {
  margin-top: 8px;
}

/* 製材部 seiko-wood */
.l-seiko-wood__read {
  padding: 90px 0 0;
}
@media (max-width: 769px) {
  .l-seiko-wood__read {
    padding: 40px 0 0;
  }
}
.l-seiko-wood__read--photo {
  margin-top: 60px;
}
@media (max-width: 769px) {
  .l-seiko-wood__read--photo {
    margin-top: 40px;
  }
}
.l-seiko-wood__read__catch {
  margin-top: 90px;
  padding: 60px 0;
}
@media (max-width: 769px) {
  .l-seiko-wood__read__catch {
    margin-top: 40px;
    padding: 40px 0;
  }
}
.l-seiko-wood__read__catch--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
@media (max-width: 769px) {
  .l-seiko-wood__read__catch--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.l-seiko-wood__read__catch--item + .l-seiko-wood__read__catch--item {
  margin-top: 60px;
}
@media (max-width: 769px) {
  .l-seiko-wood__read__catch--item + .l-seiko-wood__read__catch--item {
    margin-top: 40px;
  }
}
.l-seiko-wood__read__catch--text {
  width: calc(100% - 640px);
}
@media (max-width: 769px) {
  .l-seiko-wood__read__catch--text {
    width: 100%;
  }
}
@media (min-width: 770px) {
  .l-seiko-wood__read__catch--text.order {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.l-seiko-wood__read__catch--photo {
  width: 560px;
}
@media (max-width: 769px) {
  .l-seiko-wood__read__catch--photo {
    width: 100%;
  }
}
@media (min-width: 770px) {
  .l-seiko-wood__read__catch--photo.order {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.l-seiko-wood__read__catch--read {
  margin-top: 40px;
  line-height: 2;
}
@media (max-width: 769px) {
  .l-seiko-wood__read__catch--read {
    margin-top: 10px;
  }
}
.l-seiko-wood__value {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-seiko-wood__value {
    padding: 40px 0;
  }
}
.l-seiko-wood__value--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  margin-top: 80px;
}
@media (max-width: 769px) {
  .l-seiko-wood__value--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 40px;
  }
}
.l-seiko-wood__value--list li {
  width: calc(33.3333333333% - 32px);
}
@media (max-width: 769px) {
  .l-seiko-wood__value--list li {
    width: 100%;
  }
}
.l-seiko-wood__value--list dl {
  margin-top: 32px;
}
@media (max-width: 769px) {
  .l-seiko-wood__value--list dl {
    margin-top: 16px;
  }
}
.l-seiko-wood__value--list dt {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 769px) {
  .l-seiko-wood__value--list dt {
    font-size: 2rem;
  }
}
.l-seiko-wood__value--list dd {
  margin-top: 24px;
}
@media (max-width: 769px) {
  .l-seiko-wood__value--list dd {
    margin-top: 10px;
    font-size: 1.2rem;
  }
}
.l-seiko-wood__flow {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-seiko-wood__flow {
    padding: 40px 0;
  }
}
.l-seiko-wood__flow--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  margin-top: 80px;
}
@media (max-width: 769px) {
  .l-seiko-wood__flow--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 40px;
  }
}
.l-seiko-wood__flow--list li {
  width: calc(25% - 24px);
  background: #fff;
  border: 2px solid var(--c-text);
  border-radius: 8px;
}
@media (max-width: 769px) {
  .l-seiko-wood__flow--list li {
    width: 100%;
  }
}
.l-seiko-wood__flow--list .photo {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.l-seiko-wood__flow--list dl {
  padding: 22px;
}
@media (max-width: 769px) {
  .l-seiko-wood__flow--list dl {
    padding: 15px;
  }
}
.l-seiko-wood__flow--list dt {
  font-size: 2.8rem;
  font-weight: 700;
}
@media (max-width: 769px) {
  .l-seiko-wood__flow--list dt {
    font-size: 2rem;
  }
}
.l-seiko-wood__flow--list dd {
  margin-top: 8px;
}
@media (max-width: 769px) {
  .l-seiko-wood__flow--list dd {
    font-size: 1.2rem;
  }
}
.l-seiko-wood__possibility {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility {
    padding: 40px 0;
  }
}
.l-seiko-wood__possibility__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  margin-top: 80px;
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 40px;
  }
}
.l-seiko-wood__possibility__box--item {
  width: calc(50% - 16px);
  background: #fff;
  border: 2px solid var(--c-text);
  border-radius: 8px;
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility__box--item {
    width: 100%;
  }
}
.l-seiko-wood__possibility__box--photo {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.l-seiko-wood__possibility__box dl {
  padding: 37px 46px;
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility__box dl {
    padding: 15px;
  }
}
.l-seiko-wood__possibility__box dt {
  font-size: 3.6rem;
  font-weight: 700;
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility__box dt {
    font-size: 2rem;
  }
}
.l-seiko-wood__possibility__box dd {
  margin-top: 24px;
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility__box dd {
    margin-top: 8px;
    font-size: 1.2rem;
  }
}
.l-seiko-wood__possibility__link {
  margin-top: 70px;
}
@media (min-width: 770px) {
  .l-seiko-wood__possibility__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 769px) {
  .l-seiko-wood__possibility__link {
    margin-top: 30px;
  }
}

/* 施工事例 jirei */
.l-jirei__category {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-jirei__category {
    padding: 40px 0;
  }
}
.l-jirei__category--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 770px) {
  .l-jirei__category--link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 769px) {
  .l-jirei__category--link {
    gap: 10px;
  }
}
@media (max-width: 769px) {
  .l-jirei__category--link li {
    width: calc(50% - 5px);
  }
}
@media (min-width: 770px) {
  .l-jirei__category--link a {
    min-width: 177px;
  }
}
.l-jirei__category--tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
  margin-top: 40px;
}
@media (min-width: 770px) {
  .l-jirei__category--tags {
    padding: 0 60px;
  }
}
@media (max-width: 769px) {
  .l-jirei__category--tags {
    gap: 10px;
    margin-top: 20px;
  }
}
.l-jirei__category--tags li a {
  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;
  padding: 2px 20px;
  background: #E6E6E6;
  border-radius: 16px;
  text-align: center;
}
@media (max-width: 769px) {
  .l-jirei__category--tags li a {
    padding: 2px 10px;
    font-size: 1.2rem;
  }
}
.l-jirei__archive {
  margin-top: -89px;
  padding: 149px 0 60px;
}
@media (max-width: 769px) {
  .l-jirei__archive {
    margin-top: -50px;
    padding: 90px 0 40px;
  }
}
.l-jirei__archive:last-child {
  padding-bottom: 90px;
}
@media (max-width: 769px) {
  .l-jirei__archive:last-child {
    padding-bottom: 40px;
  }
}
.l-jirei__archive h2 {
  text-align: center;
}
.l-jirei__archive--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  margin-top: 80px;
}
@media (max-width: 769px) {
  .l-jirei__archive--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 40px;
  }
}
.l-jirei__archive--list li {
  width: calc(33.3333333333% - 21.3333333333px);
  background: #fff;
  border: 1px solid var(--c-text);
  border-radius: 8px;
}
@media (max-width: 769px) {
  .l-jirei__archive--list li {
    width: 100%;
  }
}
.l-jirei__archive--list .thumb {
  height: 220px;
  background: var(--c-text);
  border-radius: 7px 7px 0 0;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .thumb {
    height: 140px;
  }
}
.l-jirei__archive--list .thumb img {
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .thumb img {
    height: 140px;
  }
}
.l-jirei__archive--list .meta {
  padding: 23px;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .meta {
    padding: 15px;
  }
}
.l-jirei__archive--list .meta h3 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .meta h3 {
    font-size: 1.8rem;
  }
}
.l-jirei__archive--list .meta .read {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
  overflow: hidden;
  margin-top: 8px;
  font-size: 1.4rem;
}
.l-jirei__archive--list .meta--cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .meta--cat {
    gap: 5px;
    margin-top: 10px;
  }
}
.l-jirei__archive--list .meta--cat li {
  padding: 4px 10px;
  background: var(--c-text);
  color: #fff;
  font-size: 1.4rem;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .meta--cat li {
    padding: 2px 5px;
    font-size: 1.2rem;
  }
}
.l-jirei__archive--list .meta .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  font-size: 1.4rem;
}
@media (max-width: 769px) {
  .l-jirei__archive--list .meta .link {
    margin-top: 15px;
  }
}
.l-jirei__archive--list .meta .link::after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 12px;
  margin-left: 16px;
  background: var(--c-text);
  -webkit-mask: url(/assets/images/common/arrow_link.svg) no-repeat 0 0/contain;
          mask: url(/assets/images/common/arrow_link.svg) no-repeat 0 0/contain;
}
.l-jirei__archive--link {
  margin-top: 60px;
}
@media (min-width: 770px) {
  .l-jirei__archive--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 769px) {
  .l-jirei__archive--link {
    margin-top: 30px;
  }
}

/* 代表メッセージ message */
.l-message__master {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-message__master {
    padding: 40px 0;
  }
}
.l-message__master--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
@media (max-width: 769px) {
  .l-message__master--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.l-message__master--text {
  width: calc(100% - 640px);
}
@media (min-width: 770px) {
  .l-message__master--text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 769px) {
  .l-message__master--text {
    width: 100%;
  }
}
.l-message__master--photo {
  width: 560px;
}
@media (min-width: 770px) {
  .l-message__master--photo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 769px) {
  .l-message__master--photo {
    width: 100%;
  }
}
.l-message__master--read {
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}
@media (max-width: 769px) {
  .l-message__master--read {
    margin-bottom: 20px;
  }
}
.l-message__master--post {
  font-size: 1.7rem;
}
@media (max-width: 769px) {
  .l-message__master--post {
    font-size: 1.5rem;
  }
}
@media (max-width: 769px) {
  .l-message__master--name {
    font-size: 2.4rem;
  }
}
.l-message__content {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-message__content {
    padding: 40px 0;
  }
}
.l-message__content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
@media (max-width: 769px) {
  .l-message__content__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.l-message__content__item + .l-message__content__item {
  margin-top: 100px;
}
@media (max-width: 769px) {
  .l-message__content__item + .l-message__content__item {
    margin-top: 50px;
  }
}
.l-message__content__item--text {
  width: calc(100% - 451px);
}
@media (max-width: 769px) {
  .l-message__content__item--text {
    width: 100%;
  }
}
@media (min-width: 770px) {
  .l-message__content__item--text.order {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.l-message__content__item--photo {
  width: 371px;
}
@media (max-width: 769px) {
  .l-message__content__item--photo {
    width: 100%;
  }
}
@media (min-width: 770px) {
  .l-message__content__item--photo.order {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.l-message__content__item--read {
  margin-top: 24px;
  line-height: 2;
}
@media (min-width: 770px) {
  .l-message__content__item--read {
    letter-spacing: 0.2em;
  }
}
@media (max-width: 769px) {
  .l-message__content__item--read {
    margin-top: 20px;
  }
}
.l-message__content__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
  margin-top: 100px;
}
@media (max-width: 769px) {
  .l-message__content__profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 50px;
  }
}
.l-message__content__profile--text {
  width: calc(100% - 366px);
}
@media (min-width: 770px) {
  .l-message__content__profile--text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 769px) {
  .l-message__content__profile--text {
    width: 100%;
  }
}
.l-message__content__profile--photo {
  width: 286px;
}
@media (min-width: 770px) {
  .l-message__content__profile--photo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 769px) {
  .l-message__content__profile--photo {
    width: 100%;
  }
}
.l-message__content__profile--read {
  margin-top: 50px;
  letter-spacing: 0.2em;
}
@media (max-width: 769px) {
  .l-message__content__profile--read {
    margin-top: 20px;
    font-size: 1.4rem;
  }
}

/* お問い合わせ contact */
.l-contact--title {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 769px) {
  .l-contact--title {
    font-size: 2rem;
  }
}
.l-contact--read {
  margin-top: 8px;
  text-align: center;
}
.l-contact__form {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-contact__form {
    padding: 40px 0;
  }
}
.l-contact__form--box {
  max-width: 700px;
  margin: 40px auto 0;
}
@media (min-width: 770px) {
  .l-contact__form--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-contact__form--item + .l-contact__form--item {
  margin-top: 20px;
}
.l-contact__form--item .label {
  width: 150px;
  padding: 8px 0 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: right;
}
@media (max-width: 769px) {
  .l-contact__form--item .label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
  }
}
.l-contact__form--item .edit {
  width: calc(100% - 170px);
  margin-left: auto;
}
@media (max-width: 769px) {
  .l-contact__form--item .edit {
    width: 100%;
  }
}
.l-contact__form--item input[type=text], .l-contact__form--item input[type=email], .l-contact__form--item input[type=tel] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1.6rem;
}
.l-contact__form--item select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1.6rem;
}
.l-contact__form--item textarea {
  width: 100%;
  min-height: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1.6rem;
}
.l-contact__form--submit {
  margin-top: 20px;
  text-align: center;
}
.l-contact__form input[type=submit] {
  min-width: 140px;
  padding: 10px;
  background: #543221;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
}
.l-contact__about {
  padding: 90px 0;
}
@media (max-width: 769px) {
  .l-contact__about {
    padding: 40px 0;
  }
}
.l-contact__about--list {
  max-width: 700px;
  margin: 40px auto 0;
  padding-left: 20px;
  list-style-type: disc;
}
@media (max-width: 769px) {
  .l-contact__about--list {
    margin-top: 20px;
  }
}
.l-contact__about--list li + li {
  margin-top: 10px;
}