@charset "utf-8";

/*PCのみ適応されるCSS*/
@media screen and (min-width: 767px) {

  /* 吹き付け断熱工事 */
  .header-button {
    text-align: center;
    padding: 30px 0 55px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-button .button {
    padding: 30px 50px;
    border: solid 1px#2B4173;
    background: #fff;
  }

  .header-button .button-2 {
    width: 302px;
    margin: 0 auto;
    padding: 10px 50px;
    border: solid 1px#364F88;
    background: #fff;
  }

  .sub-buttons {
    display: flex;
    justify-content: space-between;
  }

  .sub-buttons .button {
    display: block;
    padding: 30px 50px;
    width: 33%;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .sub-buttons .button img {
    width: 20px;
    height: auto;
    margin-left: 10px;
  }

  .sub-buttons .button-1 {
    background: #364F88;
  }

  .sub-buttons .button-2 {
    background: #155A8B;
  }

  .sub-buttons .button-3 {
    background: #3E7988;
  }

  .arrow-btn.svg {
    margin-top: auto;
  }

  .arrow-btn-blue.svg {
    margin-top: auto;

  }



  body {}

  .map {
    text-align: center;

  }






}


/*SPのみ適応されるCSS*/
@media screen and (max-width: 414px) {}