@charset "UTF-8";
:root {
  --xlarge: 1800px;
  --large: 1600px;
  --medium: 1265px;
  --medium2: 1111px;
  --medium3: 1023px;
  --medium4: 959px;
  --small: 769px;
  --xsmall: 668px;
  --xxsmall: 560px;
  --xxxsmall: 321px; }

.t-info-time .c-txt-notice {
  font-size: clamp(12px, 1.09375vw, 14px); }
  @media screen and (min-width: 1700px) {
    .t-info-time .c-txt-notice {
      font-size: clamp(12px, 1.09375vw, 14); } }

:root {
  --font-size-xxl: 2rem;
  --font-size-xl: 1.8rem;
  --font-size-l: 1.4rem;
  --font-size-m: 1.4rem;
  --font-size-s: 1.2rem;
  --font-size-xs: 1.1rem;
  --line-height-xxl: 2.2;
  --line-height-xl: 2.2;
  --line-height-l: 2.14;
  --line-height-m: 2;
  --line-height-s: 1.7;
  --line-height-xs: 1.4; }

@media screen and (max-width: 768px) {
  :root {
    --font-size-xxl:1.5rem;
    --font-size-xl: 1.8rem;
    --font-size-l: 1.4rem;
    --font-size-m: 1.3rem;
    --font-size-s: 1.2rem;
    --font-size-xs: 1.1rem; } }

:root {
  --color-bg-base: #161b24;
  --color-line_gray: #d6d6d6;
  --color-txt_yellow: #f1f0e8; }

:root {
  --color-bg:     #E1D7B0;
  --color-white:  #FDF4E7;
  --color-black:  #3D3317;
  --color-black2: #564A27;
  --color-yellow: #EDC054;
  --color-line:   #C5BB95;
  --font-min: 'FOT-TsukuOldMin Pro', serif;
  --font-got: 'Helvetica Neue','Helvetica','YuGothic', sans-serif;
  --font-en: 'Castoro', serif; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* ==============================================================================================
ページ：会社案内
============================================================================================== */
.t-hero {
  margin-top: clamp(40px, 6.25vw, 80px); }
  @media screen and (min-width: 1700px) {
    .t-hero {
      margin-top: clamp(40px, 6.25vw, 80); } }
  .t-hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  @media screen and (max-width: 768px) {
    .t-hero {
      height: 300px; } }

.t-slider-wrap {
  margin-block: clamp(48px, 6.25vw, 80px); }
  @media screen and (min-width: 1700px) {
    .t-slider-wrap {
      margin-block: clamp(48px, 6.25vw, 80); } }
  .t-slider-wrap .c-slider-item {
    width: 37.2vw;
    margin: 0 1px; }
    @media screen and (max-width: 768px) {
      .t-slider-wrap .c-slider-item {
        width: 67.5vw; } }
  .t-slider-wrap .c-slider-item__inner {
    border-radius: 0px; }

.t-flow-wrap {
  background: var(--color-white);
  padding: clamp(12px, 4.375vw, 56px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(24px, 3.125vw, 40px);
  border-radius: 6px; }
  @media screen and (min-width: 1700px) {
    .t-flow-wrap {
      padding: clamp(12px, 4.375vw, 56); } }
  @media screen and (min-width: 1700px) {
    .t-flow-wrap {
      gap: clamp(24px, 3.125vw, 40); } }
  @media screen and (max-width: 768px) {
    .t-flow-wrap {
      border-radius: 3px; } }

.t-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0; }

.t-info-header {
  background: var(--color-black2);
  border-radius: 3px 3px 0 0;
  color: var(--color-white);
  padding-block: 8px;
  text-align: center;
  line-height: 1.7;
  font-size: clamp(14px, 1.40625vw, 18px);
  font-weight: bold; }
  @media screen and (min-width: 1700px) {
    .t-info-header {
      font-size: clamp(14px, 1.40625vw, 18); } }

.t-info__body {
  background: #F8EFDD;
  border-radius: 0 0 3px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(10px, 0.9375vw, 12px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-block: clamp(20px, 1.875vw, 24px);
  padding-inline: 16px; }
  @media screen and (min-width: 1700px) {
    .t-info__body {
      gap: clamp(10px, 0.9375vw, 12); } }
  @media screen and (min-width: 1700px) {
    .t-info__body {
      padding-block: clamp(20px, 1.875vw, 24); } }

.t-info-tel__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.t-info-tel {
  font-family: var(--font-en);
  line-height: 1.5;
  font-size: clamp(24px, 3.4375vw, 44px);
  color: #A08231;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(4px, 0.625vw, 8px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 1700px) {
    .t-info-tel {
      font-size: clamp(24px, 3.4375vw, 44); } }
  @media screen and (min-width: 1700px) {
    .t-info-tel {
      gap: clamp(4px, 0.625vw, 8); } }
  .t-info-tel span {
    font-size: clamp(14px, 1.25vw, 16px);
    color: var(--color-black2); }
    @media screen and (min-width: 1700px) {
      .t-info-tel span {
        font-size: clamp(14px, 1.25vw, 16); } }

.t-info-txt {
  font-size: clamp(11px, 1.01562vw, 13px);
  color: #6A6043;
  line-height: 1.5; }
  @media screen and (min-width: 1700px) {
    .t-info-txt {
      font-size: clamp(11px, 1.01562vw, 13); } }

.t-info-time {
  line-height: 1.5;
  -webkit-padding-before: 4px;
  padding-block-start: 4px; }
  .t-info-time .c-txt-notice {
    letter-spacing: .06em;
    line-height: 1.5; }

.t-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(12px, 1.875vw, 24px); }
  @media screen and (min-width: 1700px) {
    .t-flow {
      gap: clamp(12px, 1.875vw, 24); } }

.t-flow-header {
  color: var(--color-black);
  text-align: center;
  line-height: 1.7;
  font-size: clamp(14px, 1.40625vw, 18px);
  font-weight: bold; }
  @media screen and (min-width: 1700px) {
    .t-flow-header {
      font-size: clamp(14px, 1.40625vw, 18); } }

.t-flowList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(20px, 2.5vw, 32px); }
  @media screen and (min-width: 1700px) {
    .t-flowList {
      gap: clamp(20px, 2.5vw, 32); } }
  .t-flowList li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: clamp(16px, 1.875vw, 24px);
    border: solid 1px rgba(215, 209, 189, 0.8);
    border-radius: 3px;
    position: relative; }
    @media screen and (min-width: 1700px) {
      .t-flowList li {
        padding: clamp(16px, 1.875vw, 24); } }
    @media screen and (max-width: 768px) {
      .t-flowList li {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .t-flowList li:not(:last-child)::after {
      content: "";
      background: url(/assets/image/common/icon_flow.svg) center/cover no-repeat;
      inline-size: 50px;
      block-size: 15px;
      position: absolute;
      bottom: -15px;
      left: calc(50% - 25px); }
      @media screen and (max-width: 768px) {
        .t-flowList li:not(:last-child)::after {
          inline-size: 36px;
          block-size: 11px;
          bottom: -11px;
          left: calc(50% - 18px); } }

.t-flowList__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(10px, 1.25vw, 16px);
  font-weight: bold; }
  @media screen and (min-width: 1700px) {
    .t-flowList__label {
      gap: clamp(10px, 1.25vw, 16); } }

.t-flowList__label__number {
  width: 50px;
  height: 50px;
  border-radius: 60px;
  background: #675930;
  color: var(--color-white);
  font-size: clamp(15px, 1.40625vw, 18px);
  font-weight: bold;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (min-width: 1700px) {
    .t-flowList__label__number {
      font-size: clamp(15px, 1.40625vw, 18); } }
  @media screen and (max-width: 768px) {
    .t-flowList__label__number {
      width: 40px;
      height: 40px; } }

.t-flowList__label__title {
  font-size: clamp(13px, 1.25vw, 16px);
  color: #675930;
  line-height: 1.5; }
  @media screen and (min-width: 1700px) {
    .t-flowList__label__title {
      font-size: clamp(13px, 1.25vw, 16); } }

.t-flowList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0; }
  .t-flowList__body .c-card__button {
    margin-top: 20px; }
  .t-flowList__body .c-table {
    margin-top: 12px; }