@charset "UTF-8";
/*★------------★[.css]直接編集禁止★--------------★
　cssファイルは直接編集禁止です！
　sassファイルを編集・コンパイルして使用してください。
* 
* ============================================
* sassディレクトリ
* ============================================
*    https://www.green-media.jp/dcms_media/css/sass/origina.scss
*   > origina.css 
*   > origina.sass
*   > origina.css.map
* 
* ============================================
* cssディレクトリ
* ============================================
*   > origina.css 
* 
★------------★[.css]直接編集禁止★--------------★*/
/* ============================================
 * Font Size (Fluid Heading)
 * ============================================ */
/* ----------------------------------------
  Footer CTA
---------------------------------------- */
.c-footer-cta {
  max-width: 1760px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 80px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--brand, #005BB0)), to(#002442));
  background: linear-gradient(180deg, var(--brand, #005BB0) 0%, #002442 100%);
}
@media screen and (max-width: 689.8px) {
  .c-footer-cta {
    border-radius: 40px;
  }
}
.c-footer-cta__inner {
  padding: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 979.8px) {
  .c-footer-cta__inner {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 689.8px) {
  .c-footer-cta__inner {
    padding: 60px 20px;
  }
}
.c-footer-cta__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.c-footer-cta__title-main {
  color: #ffffff;
  font-family: "M PLUS 1p";
  font-size: clamp(60px, 60px + 20 * (100vw - 375px) / 105, 80px);
  font-weight: 500;
  letter-spacing: 4.5px;
  line-height: 1.3;
}
.c-footer-cta__title-sub {
  color: #ffffff;
  font-family: "Yu Gothic";
  font-size: clamp(30px, 30px + 10 * (100vw - 375px) / 105, 30px);
  font-weight: 700;
  line-height: 1.3;
}
.c-footer-cta__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.c-footer-cta__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: calc(25% - 30px);
  max-width: 450px;
}
@media screen and (max-width: 1579.8px) {
  .c-footer-cta__card {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 689.8px) {
  .c-footer-cta__card {
    gap: 16px;
    width: 100%;
  }
}
.c-footer-cta__card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 auto;
}
.c-footer-cta__card-icon img {
  height: 20px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-footer-cta__card-text {
  color: #eaeaea;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-footer-cta__btn a {
  background-color: #ffffff;
  color: #002442;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 16px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 689.8px) {
  .c-footer-cta__btn a {
    padding: 16px;
  }
}
.c-footer-cta__btn a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.c-footer-cta__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 1199.8px) {
  .c-footer-cta__tel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
.c-footer-cta__tel-label {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.c-footer-cta__tel-number a {
  color: #ffffff;
  font-size: clamp(40px, 40px + 6 * (100vw - 375px) / 105, 46px);
  font-weight: 700;
  position: relative;
  padding-left: 35px;
  line-height: 1.3;
}
@media screen and (min-width: 690px) {
  .c-footer-cta__tel-number a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.c-footer-cta__tel-number a:hover {
  text-decoration: none;
}
.c-footer-cta__tel-number a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 40px;
  width: 30px;
  background: url(/dcms_media/other/tel-icon-wht.svg) no-repeat center/contain;
}
.c-footer-cta__tel-note {
  color: #999;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

/*★------------★[.css]直接編集禁止★--------------★
　cssファイルは直接編集禁止です！
　sassファイルを編集・コンパイルして使用してください。
* 
* ============================================
* sassディレクトリ
* ============================================
*    https://www.green-media.jp/dcms_media/css/sass/origina.scss
*   > origina.css 
*   > origina.sass
*   > origina.css.map
* 
* ============================================
* cssディレクトリ
* ============================================
*   > origina.css 
* 
★------------★[.css]直接編集禁止★--------------★*//*# sourceMappingURL=original.css.map */