@charset "utf-8";
/* css Document */
body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5rem;
  font-size: 18px;
  color: #2c2e35;
  font-weight: 500;
  background: #f2f2f2;
  vertical-align: baseline;
}
a {
  text-decoration: none;
}
section {
  overflow: hidden;
}
/*------------------------------------------
  ボタンアニメーション
------------------------------------------*/
img.btn_animate01 {
  margin: 0 auto;
  animation: fuwafuwa 1s ease 0s infinite alternate;
  transform-origin: center;
  cursor: pointer;
}
@keyframes fuwafuwa {
  from {
    transform: scale(0.9, 0.9);
  }
  to {
    transform: scale(1, 1);
  }
}
/*------------------------------------------
  基本コード
------------------------------------------*/
.main_container img {
  width: 100%;
}
section img {
  width: 100%;
}
section {
  background: #fff;
}
section.section1 {
  margin: 0 auto;
}
section.sec_btn {
  text-align: center;
}
section.sec_btn img {
  max-width: 690px;
}
section.sec_btn01 {
  background: #063e84;
  text-align: center;
}

/*-------------------------------------------
ヘッダー非表示
---------------------------------------------*/

.hidden {
  animation: fade .2s ease-in-out forwards;
   pointer-events:none;
 }
 
 @keyframes fade {
  from {
   opacity: 1;
  }
 
  to {
   opacity: 0;
  }
 }
 
 .visible {
  animation: fadeOut .2s ease-in-out forwards;
   pointer-events:auto;
 }
 
 @keyframes fadeOut {
  from {
   opacity: 0;
  }
 
  to {
   opacity: 1;
  }
 }

/*------------------------------------------
  お問い合わせフォーム
------------------------------------------*/
.iframe_wrapper {
  margin: auto;
  width: 750px;
}
/* ------ 500px以下 ------- */
@media (max-width: 750px) {
  section.section1 {
    margin: 0 auto;
  }
  section.sec_btn04 {
    padding-top: 30px;
  }
  .head_btn {
    justify-content: flex-end;
  }
  /*------------------------------------------
  お問い合わせフォーム
------------------------------------------*/
  .iframe_wrapper {
    width: 100%;
  }
  .sec13_cont .container {
    padding: 0;
  }
}