@charset "UTF-8";
.cta {
  width: 100%;
  max-height: 300px;
  margin-top: 20px;
  aspect-ratio: 1280/300;
  background: -webkit-gradient(linear, left top, left bottom, from(#3693BA), to(#6FCAD0));
  background: linear-gradient(180deg, #3693BA 0%, #6FCAD0 100%);
}
.cta img {
  vertical-align: top;
}
.cta .break {
  display: none;
}
.cta__exterior {
  position: relative;
  min-height: 100%;
  max-height: 300px;
  max-width: 1080px;
  width: 84.375vw;
  margin: 0 auto;
}
.cta .figure {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 280px;
  max-height: 316px;
  width: 21.875vw;
  height: 24.6875vw;
}
.cta .figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cta h2 {
  /* 火災報知器、誘導灯、非常照明等の調査・お見積り！ */
  position: absolute;
  top: 19.6666666667%;
  left: 26.8518518519%;
  font-style: normal;
  font-weight: 700;
  font-size: clamp(10px,2.5vw, 32px);
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin: 0;
}
.cta__note {
  /* ご相談・現地費用0円、工事費用3万円〜、関東エリアに対応しています。 */
  position: absolute;
  top: 30%;
  left: 31.4814814815%;
  font-size: clamp(10px,1.5625vw, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.035em;
  color: #FFEB00;
}
.cta__inquiry {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 370px;
  max-height: 70px;
  width: 28.90625vw;
  height: 5.46875vw;
  position: absolute;
  top: 56.6666666667%;
  left: 27.1296296296%;
  font-size: clamp(10px,1.5625vw, 20px);
  background: #FFFFFF;
  border: 1px solid #004EA2;
  border-radius: 2.734375vw;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.035em;
  color: #004EA2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.cta__inquiry:hover {
  background-color: #004EA2;
  color: #FFFFFF;
}
.cta__home {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 370px;
  max-height: 70px;
  width: 28.90625vw;
  height: 5.46875vw;
  position: absolute;
  top: 56.6666666667%;
  left: 65.7407407407%;
  font-size: clamp(10px,1.5625vw, 20px);
  background: #F49324;
  border: 1px solid #F49324;
  border-radius: 2.734375vw;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.035em;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.cta__home:hover {
  background-color: #ffffff;
  color: #F49324;
}
@media (max-width: 600px) {
  .cta {
    aspect-ratio: 414/714;
    width: 100%;
    max-height: unset;
    margin-top: 44px;
  }
  .cta .break {
    display: block;
  }
  .cta__exterior {
    min-height: unset;
    max-height: unset;
    max-width: unset;
    height: 100%;
    width: 89.3719806763vw;
  }
  .cta .figure {
    left: 0;
    bottom: 0;
    max-width: unset;
    max-height: unset;
    width: 61.1111111111vw;
    height: 68.8405797101vw;
  }
  .cta h2 {
    /* 火災報知器、誘導灯、非常照明等の調査・お見積り！ */
    text-align: center;
    top: 8.2633053221%;
    left: 0%;
    font-weight: 700;
    font-size: 6.2801932367vw;
    line-height: 146%;
    letter-spacing: 0.01em;
    width: 100%;
  }
  .cta__note {
    /* ご相談・現地費用0円、工事費用3万円〜、関東エリアに対応しています。 */
    top: 18.2072829132%;
    left: 0%;
    font-size: 3.8647342995vw;
    font-style: normal;
    font-weight: 700;
    line-height: 132%;
    letter-spacing: 0.035em;
    width: 100%;
    text-align: center;
  }
  .cta__inquiry {
    max-width: unset;
    max-height: unset;
    width: 89.3719806763vw;
    height: 16.9082125604vw;
    position: absolute;
    top: 34.7338935574%;
    left: 0;
    right: 0;
    font-size: 4.8309178744vw;
    border-radius: 8.4541062802vw;
    margin: auto;
  }
  .cta__home {
    max-width: unset;
    max-height: unset;
    width: 89.3719806763vw;
    height: 16.9082125604vw;
    position: absolute;
    top: 47.4789915966%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 4.8309178744vw;
    border-radius: 8.4541062802vw;
  }
}