@charset "UTF-8";

/* ======================================================================

  "Energyflex" Common PC Styles Overwrite

====================================================================== */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}
body { background-color: var(--white); }

/*
  Header
====================================================================== */
.l-header { padding: 0 0 0 40px; }
.l-header.is-scrolled { background: rgba(var(--green-rgb),.8); }
.l-header h1 { flex-shrink: 0; }
.l-header h1 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.btn-unit { height: 100%; }

@media screen and (max-width:1140px) {
  .l-header {
    height: 70px;
    padding: 0 0 0 20px;
  }
}

/* お問い合わせ
---------------------------------------------------------------------- */
.inq-btn {
  width: 260px;
  height: 100%;
}
.inq-btn a {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: .025em;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0 0 0 80px;
}
.inq-btn a::before {
  left: 40px;
  width: 30px;
  height: 24px;
  background-image: url(../images/icon_mail.svg);
}
.inq-btn a:hover::before { background-image: url(../images/icon_mail.svg); }

@media screen and (max-width:1140px) {
  /*.inq-btn { display: none; }*/
  .inq-btn { width: 220px; }
  .inq-btn a {
    font-size: 20px;
    font-size: 2.0rem;
    padding: 0 0 0 70px;
  }
  .inq-btn a::before { left: 30px; }
}

/* Toggle Menu - Trigger
---------------------------------------------------------------------- */
.menu-trigger {
  width: 90px;
  height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  background: url(../images/burger_open02.svg) no-repeat 50% 50% / cover #f5fafe;
}
.menu-trigger:hover { background-color: var(--white); }
.menu-trigger.is-toggled {
  background: url(../images/burger_close02.svg) no-repeat 50% 50% / cover var(--green);
}

@media screen and (max-width:1140px) {
  .menu-trigger { width: 70px; }
}

/* Toggle Menu - Contents
---------------------------------------------------------------------- */
.toggle-menu {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  padding: 90px 0 40px 40px;
}
.toggle-menu ul { margin: 95px 0 40px; }
.toggle-menu ul + p {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .05em;
  margin: 0 0 70px;
}
.toggle-menu ul + p a {
  color: var(--black);
  text-decoration: none;
}
.toggle-menu dl dd:first-of-type figure { width: 235px; }
.toggle-menu dl dd:first-of-type a {
  text-align: center;
  color: var(--white);
  background-color: #0d47a1;
}
.toggle-menu dl dd:last-of-type a { background-color: #ffff00; }

/* 電話番号 - Add 202606
---------------------------------------------------------------------- */
.phone-num {
  width: 510px;
  height: 100%;
  background-color: #0d47a1;
}
@media screen and (max-width:1140px) {
  .phone-num {
    width: auto;
    height: 70px;
    display: grid;
    place-content: center;
  }
  .phone-num img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/*
  Contents
====================================================================== */
@media screen and (max-width:1140px) {
  .l-contents { padding: 70px 0 0; }
}

/*
  Footer
====================================================================== */

/* Foot Content
---------------------------------------------------------------------- */
.f-content01 ul + p {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .05em;
  margin: 40px 0 0;
}
.f-content01 ul + p a {
  color: var(--black);
  text-decoration: none;
}
.tel-num a { pointer-events: none; }