@charset "UTF-8";
/* ---------- ---------- ----------

00. Common Setting
01. Header
02. Footer

---------- ---------- ---------- */

/* ---------- ---------- ----------
:: for large screen ::
@media screen and (min-width: 1025px) {
}
:: for medium screen ::
@media screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media screen and (max-width: 640px) {
}
---------- ---------- ---------- */

/* -- ------------------------------
  00. Common Setting
------------------------------ --*/
/* Reset
---------- ---------- */
.lir-header a {
  text-decoration: none;
}

.lir-header ul {
  margin: 0;
  padding: 0;
}

.lir-header ul,
.lir-header li {
  list-style-type: none;
}

.g-Area .g-BrFooterSitemapUnit {
  border: none;
  padding-right: 0;
  padding-left: 0;
}

.g-Area .g-BrFooterSitemapUnit__panel {
  margin-left: 0;
  background: none;
}

.g-Area .g-BrFooterSitemap__list__tile {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

.lir-header .g-Image--v2,
.lir-footer .g-Image--v2,
.g-Area .g-BrFooter .g-Text {
  margin-bottom: 0;
}

.g-Area .g-BrFooterSitemapUnit__title,
.g-Area .g-SocialFunction,
#area-PrivacyNotice {
  display: none;
}

.g-Area .g-BrFooterSitemapUnit__panel.is-close {
  display: block;
}

/* option
---------- ---------- */
@media screen and (min-width: 1025px) {
  .opt-lg-mt15--imp {
    margin-top: 15px !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-mt15--imp {
    margin-top: 15px !important;
  }
}

/* -- ------------------------------
  01. Header
------------------------------ --*/
#wrapper {
  padding-top: 90px;
}

#area-BrHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #fff;
}

.lir-header {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, .1) 0 15px 15px 0;
}

@media screen and (min-width: 1025px) {
  .lir-header-inner {
    max-width: 1200px;
    height: 90px;
    padding: 0 12px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 56px;
  }

  .lir-header-nav {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 56px;
  }

  .lir-ham-menu {
    display: none;
  }

  .lir-global-link {
    color: #000;
  }
  .lir-global-link:hover {
    color: #6cac3a;
  }

  /* dropdown
  ---------- ---------- */
  .lir-nav-dropdown {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .lir-dropdown-toggle {
    cursor: pointer;
  }
  .lir-nav-dropdown:hover .lir-dropdown-toggle {
    color: #6cac3a;
  }
  .lir-dropdown-toggle::after {
    content: "";
    width: 4px;
    height: 4px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    display: inline-block;
    margin-left: 8px;
    transform: rotate(45deg) translateY(-50%) translateX(-50%);
    position: relative;
    top: 2px;
  }
  .lir-nav-dropdown:hover .lir-dropdown-toggle::after {
    transform: rotate(-45deg) translateY(-50%) translateX(0%);
  }

  .lir-dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    background: #116f77;
    z-index: 999;
  }
  .lir-nav-dropdown:hover .lir-dropdown-content {
    display: block;
  }

  .lir-nav-dropdown .lir-dropdown-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    padding: 30px 12px;
    gap: 20px;
    margin: 0 auto;
  }

  .lir-item-link {
    color: #fff;
  }
  .lir-item-link:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1024px) {
  .lir-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
  }

  .lir-header-logo {
    width: 80px;
  }

  .lir-header-nav {
    display: flex;
    align-items: center;
    padding-right: 12px;
  }

  .lir-global-link {
    color: #116f77;
    font-size: 1.5rem;
    padding: 0 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }

  /* hamburger menu
  ---------- ---------- */
  .lir-ham-line {
    opacity: 1;
    background-color: rgb(17 111 119);
    display: block;
    height: 4px;
    transition: .4s ease-in-out;
    width: 28px;
  }
  .lir-ham-line + .lir-ham-line {
    margin-top: 5px;
  }
  .lir-ham-line:last-child {
    width: 20px;
  }
  .lir-ham-menu.is-active-sp .lir-ham-line:first-child {
    margin-top: 0;
    transform: rotate(135deg);
  }
  .lir-ham-menu.is-active-sp .lir-ham-line:nth-child(2) {
    opacity: 0;
  }
  .lir-ham-menu.is-active-sp .lir-ham-line:nth-child(3) {
    margin-top: -13px;
    transform: rotate(-135deg);
    width: 28px;
  }

  /* dropdown
  ---------- ---------- */
  .lir-nav-dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 91px;
    background: #fff;
    width: 100%;
    height: calc(100vh - 90px);
    padding: 30px 0;
    box-sizing: border-box;
    z-index: 999;
  }
  .lir-nav-dropdown.is-active-sp {
    display: block;
  }

  .lir-dropdown-toggle {
    color: #116f77;
    font-size: 1.5rem;
    padding: 0 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
  .lir-dropdown-toggle::after {
    content: "";
    width: 4px;
    height: 4px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    display: inline-block;
    margin-left: 8px;
    transform: rotate(45deg) translateY(-50%) translateX(-50%);
  }
  .lir-dropdown-toggle.is-open-sp::after {
    transform: rotate(-45deg) translateY(-50%) translateX(0%);
  }
  .lir-dropdown-toggle.is-open-sp {
    color: #6cac3a;
  }

  .lir-nav-dropdown .lir-dropdown-content {
    display: none;
  }
  .lir-nav-dropdown .lir-dropdown-content.is-open-sp {
    display: block;
  }

  .lir-nav-dropdown .lir-dropdown-list {
    margin-top: 10px;
  }

  .lir-nav-dropdown .lir-dropdown-item {
    padding: 10px 27px;
  }

  .lir-nav-dropdown .lir-item-link {
    color: #116f77;
  }
}

/* -- ------------------------------
  02. Footer
------------------------------ --*/
.lir-footer {
  background: #116f77;
  padding-top: 40px;
  padding-bottom: 15px;
}

.lir-footer .g-BrFooter__inner {
  padding: 0 12px;
  max-width: 1200px;
}

@media screen and (max-width: 640px) {
  .lir-footer {
    padding-bottom: 0;
  }
}

/* find us
---------- ---------- */
.lir-footer-find-us .cmn-richtext {
  color: #fff;
  font-size: 1rem;
}

.lir-footer-find-us .cmn-richtext .opt-fontfamily--01,
.lir-footer-find-us .cmn-richtext .opt-fontfamily--05 {
  font-size: 3rem;
  margin-bottom: 15px;
  display: inline-block;
}

@media screen and (max-width: 640px) {
  .lir-footer-find-us .cmn-richtext .opt-fontfamily--01,
  .lir-footer-find-us .cmn-richtext .opt-fontfamily--05 {
     font-size: 2.5rem;
  }
}

/* sns
---------- ---------- */
.lir-footer-sns {
  max-width: 205px;
}

@media screen and (max-width: 640px) {
  .lir-footer-sns .g-BannerLinkP--v2__list__item-sm-2 {
    width: 25%;
  }
}

/* info
---------- ---------- */
.lir-footer-info .g-Image--v2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
  gap: 25px;
}

.lir-footer-info .g-Image--v2__caption {
  margin-top: 0;
}

.lir-footer-info .g-Image--v2__img img {
  width: 70px;
}

.lir-footer-info .g-ImageTextHP--v2__contentsBlock__text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.lir-footer-info .g-ImageTextHP--v2__contentsBlock__text .cmn-richtext {
  color: #fff;
  font-size: .8125rem;
}

.lir-footer-info .g-TextLinkP {
  margin-bottom: 0;
}

.lir-footer-info  .g-TextLinkP__list__item + .g-TextLinkP__list__item .cmn-richtext:before {
  content: "|";
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.lir-footer-info .g-TextLinkUnit__link:hover .cmn-richtext {
  text-decoration: underline;
}

@media screen and (max-width: 780px) {
  .lir-footer-info .g-ImageTextHP--v2__contentsBlock.l-ImageTextHP--v2__contentsBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}

@media screen and (max-width: 640px) {
  .lir-footer-info .g-ImageTextHP--v2__contentsBlock.l-ImageTextHP--v2__contentsBlock .g-ImageTextHP--v2__contentsBlock__text {
    flex-direction: column;
    gap: 15px;
  }
}