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

00. common
01. contact

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

/* ---------- ---------- ----------
:: 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
------------------------------ --*/
/* reset
---------- ---------- */
#area-Contents .g-Image--v2,
#area-Contents .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 0;
}

/* background
---------- ---------- */
#area-Contents {
  background-color: #f5f5f5;
}

/* -- ------------------------------
  01. contact
------------------------------ --*/
/* google map
---------- ---------- */
.lre-map-area {
  width: 100%;
  height: 630px;
  border: 14px solid #fff;
  box-sizing: border-box;
}

.lir-map-dialog .lir-site-notice {
  text-align: right;
  line-height: 1.6;
}

.lir-map-dialog .lir-dialog-ttl {
  font-size: .83em;
  letter-spacing: 0;
  margin: 0;
}

.lir-map-dialog .lir-dialog-content {
  font-size: .8125rem;
  letter-spacing: 0;
  margin: 0;
}

.lir-dialog-link {
  color: #b2d233;
  letter-spacing: 0;
  text-decoration: none;
}
.lir-dialog-link:hover,
.lir-dialog-link:focus {
  color: #23527c;
}

@media screen and (max-width: 640px) {
  .lre-map-area {
    width: calc(100% + 48px);
    height: 400px;
    margin-right: -24px;
    margin-left: -24px;
  }

  .gm-style .gm-style-iw-c {
    max-height: 126px !important;
  }
  .gm-style .gm-style-iw-c:focus-visible {
    outline: none;
  }
}

/* lre-contact-box
---------- ---------- */
.lre-contact-box {
  max-width: 400px;
  box-sizing: border-box;
  padding: 25px 15px;
}
.lre-contact-box.-mail {
  margin-left: auto;
  background: #7bc250;
}
.lre-contact-box.-tel {
  background: #2abdc7;
}

.lre-contact-box .cmn-richtext {
  color: #fff;
}

.lre-contact-box .g-ImageTextHP--v2.lre-box-content .g-ImageTextHP--v2__contentsBlock {
  grid-template-columns: 90px calc(100% - 90px);
}

.lre-contact-box .g-Image--v2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
}

.lre-contact-box .g-Image--v2::after {
  content: "";
  width: 1px;
  height: 109px;
  background: #fff;
  display: block;
}

.lre-contact-box .cmn-richtext {
  letter-spacing: 0;
}

.lre-contact-box .lre-box-ttl {
  margin-bottom: 10px;
}

.lre-contact-box .lre-box-txt .cmn-richtext,
.lre-contact-box .lre-box-txt .opt-fontfamily--01 {
  font-size: .9375rem;
  line-height: 1.6;
  display: inline-block;
}

@media screen and (max-width: 640px) {
  .l-Column.is-gutter--l.lre-box-area .l-Column__inner {
    margin-right: -20px;
    margin-left: -20px;
  }

  .l-Column.is-gutter--l.lre-box-area .l-Column__cols {
    padding: 0 20px;
  }

  .lre-contact-box {
    max-width: 100%;
  }
}