@charset "UTF-8";

/* ==========================================================
   SPハンバーガーメニュー（tierra：全画面グリーンレイヤー）
   SP専用のため値はvw（390pxラフ基準：px ÷ 3.9）
========================================================== */

/* ハンバーガーボタン（白50×50・緑ライン3本） */

.hamburger {
  position: fixed;
  top: 5.13vw;
  right: 2.56vw;
  z-index: 10000;
  width: 12.82vw;
  height: 12.82vw;
  background: #FFFFFF;
  cursor: pointer;
}

.hamburger span {
  display: block;
  position: absolute;
  width: 6.15vw;
  height: 1px;
  left: 3.33vw;
  background: #1C604A;
  transition: 0.5s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 4.36vw;
}

.hamburger span:nth-child(2) {
  top: 6.41vw;
}

.hamburger span:nth-child(3) {
  top: 8.46vw;
}

/* ナビ開いてる時のボタン（×へ変形。ラフ実測：×は24×16の横長・線長28.8px・±33.69°） */
.hamburger.active span:nth-child(1) {
  top: 6.41vw;
  left: 2.71vw;
  width: 7.4vw;
  transform: rotate(326.31deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 6.41vw;
  left: 2.71vw;
  width: 7.4vw;
  transform: rotate(-326.31deg);
}

/* メニューレイヤー */

.globalMenuSp_main_menu_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  z-index: 500;
  display: none;
  overflow-y: auto;
}

.globalMenuSp_main_menu_box .sp-menu__inner {
  padding: 30.77vw 5.13vw 14vw;
}

/* お問い合わせボタン（共通ピルボタンのSPメニュー内配置） */
.globalMenuSp_main_menu_box .sp-menu__contact {
  margin: 0 auto;
}

/* 電話・営業時間 */
.globalMenuSp_main_menu_box .sp-menu__tel {
  margin-top: 5.13vw;
  color: #FFFFFF;
  font-size: 4.62vw;
  line-height: 1.78;
  letter-spacing: 0.02em;
  text-align: center;
}

.globalMenuSp_main_menu_box .sp-menu__tel a {
  color: #FFFFFF;
}

.globalMenuSp_main_menu_box .sp-menu__hours {
  color: #FFFFFF;
  font-size: 3.08vw;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
}

.globalMenuSp_main_menu_box .sp-menu__divider {
  margin-top: 4.87vw;
  height: 1px;
  background: #042B1E;
}

/* ナビリスト */
.globalMenuSp_main_menu_box .sp-menu__list {
  margin-top: 9.49vw;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item {
  position: relative;
  padding-bottom: 4.62vw;
  border-bottom: 1px solid #FFFFFF;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item + .sp-menu__item {
  margin-top: 4.62vw;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item a {
  display: block;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item .sp-menu__item-en {
  display: block;
  color: #FFFFFF;
  font-size: 6.41vw;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item .sp-menu__item-jp {
  display: block;
  margin-top: 1.28vw;
  color: #C8C8C8;
  font-size: 3.33vw;
  line-height: 1.23;
  letter-spacing: 0.1em;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item .sp-menu__item-arrow {
  position: absolute;
  top: 5.13vw;
  right: 0;
  width: 2.9vw;
  height: 2.9vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item .sp-menu__item-arrow svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Service開閉の矢印（閉=下向き／開=上向き） */
.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item.-service .sp-menu__item-arrow {
  transition: transform 0.3s;
  transform: rotate(90deg);
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__item.-service.is-open .sp-menu__item-arrow {
  transform: rotate(-90deg);
}

/* 事業紹介のサブリスト（初期は閉。開閉はmenu.jsのslideToggle） */
.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__sub-list {
  display: none;
  margin-top: 6.41vw;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__sub-list .sp-menu__sub-item + .sp-menu__sub-item {
  margin-top: 5.13vw;
}

.globalMenuSp_main_menu_box .sp-menu__list .sp-menu__sub-list .sp-menu__sub-item a {
  color: #C7C7C7;
  font-size: 3.85vw;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

/* ロゴ（TIERRA＋社名を挟むライン） */
.globalMenuSp_main_menu_box .sp-menu__logo-box {
  margin-top: 13.08vw;
  text-align: center;
}

.globalMenuSp_main_menu_box .sp-menu__logo-box .sp-menu__logo-img {
  width: 44.36vw;
}

.globalMenuSp_main_menu_box .sp-menu__logo-box .sp-menu__logo-row {
  margin-top: 1.03vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.globalMenuSp_main_menu_box .sp-menu__logo-box .sp-menu__logo-row .sp-menu__logo-line {
  width: 11.79vw;
  height: 1px;
  background: #FFFFFF;
}

.globalMenuSp_main_menu_box .sp-menu__logo-box .sp-menu__logo-row .sp-menu__logo-company {
  margin: 0 1.5vw;
  color: #FFFFFF;
  font-size: 2.31vw;
  line-height: 1;
  letter-spacing: 0.18em;
}

/* 住所・下部リンク・コピーライト */
.globalMenuSp_main_menu_box .sp-menu__address {
  margin-top: 2.56vw;
  color: #FFFFFF;
  font-size: 3.59vw;
  line-height: 2.29;
  letter-spacing: 0.1em;
  text-align: center;
}

.globalMenuSp_main_menu_box .sp-menu__links {
  margin-top: 3.33vw;
  color: #FFFFFF;
  font-size: 3.33vw;
  line-height: 1.23;
  letter-spacing: 0.1em;
  text-align: center;
}

.globalMenuSp_main_menu_box .sp-menu__links a {
  color: #FFFFFF;
}

.globalMenuSp_main_menu_box .sp-menu__copyright {
  margin-top: 1.28vw;
  color: #FFFFFF;
  font-size: 3.08vw;
  line-height: 2.67;
  letter-spacing: 0.02em;
  text-align: center;
}