@charset "utf-8";

/* top page
 * ========================================================================== */
 
/**
/* Mainvisual
 * ========================================================================== */
/*↓↓↓変更不可*/
#mainvisual { position:relative; width: 100%; overflow: hidden;}
@media screen and (max-width:1200px) {
    #mainvisual { overflow: initial; margin-bottom: 93px!important;}
}
/*↑↑↑変更不可*/

.mainvisualText { position: absolute; top: 21.296296%; left: 7.291666%; z-index: 10; max-width: 36.458333%;}

/**
/* merit
 * ========================================================================== */
 #merit {
  margin-bottom: 140px;
 }
 .meritItems .meritItem a .merit-pageName {
  right: auto;
  font-size: clamp(12px, 0.3366rem + 1.1257vw, 18px);
  letter-spacing: .15em;
}
.meritItems .meritItem figure::before {
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 36, 22, 0.6);
}
.meritItems .meritItem figure .f-caption {
  z-index: 1;
}
.meritItems .meritItem a .merit-text {
  left: 0;
  right: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  margin-inline: auto;
  font-size: clamp(14px, -0.3268rem + 2.2514vw, 26px);
  line-height: 1.76923077;
  text-align: center;
}
.meritItems .meritItem a .arrow {
  font-size: clamp(10px, 0.5683rem + 0.5629vw, 13px);
  letter-spacing: .15em;
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  #merit {
    margin-bottom: 80px;
  }
  .meritItems .meritItem a .merit-pageName {
    font-size: 14px;
  }
  .meritItems .meritItem a .merit-text {
    font-size: 20px;
  }
  .meritItems .meritItem a .arrow {
    font-size: 10px;
  }
}

/**
/* #tel-column cvBtns
 * ========================================================================== */
#tel-column .cvBtns a.cvBtn {
  flex-wrap: wrap;
}
#tel-column a.cvBtn .btn-description {
  display: block;
}

/* @media
 * ========================================================================== */
@media screen and (max-width: 1024px) {
    .mainvisualText { max-width: 50%;}
}
@media screen and (max-width: 619px) {
}
@media screen and (max-width: 320px) {
}
/*微調整*/
@media screen and (max-width: 767px) {
    .mainvisualText { top: 20%; left: 0; right: 0; max-width: none;}
}

/**
/* freeArea
 * ========================================================================== */
/* #freeArea {
    padding: 50px 0;
    max-width: none;
    background: #dbdbdb;
    text-align: center;
} */

/* @media
 * ========================================================================== */
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 619px) {
}
@media screen and (max-width: 320px) {
}