@charset "UTF-8";
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.mate_header_title span {
  display: none;
}

.mate_header_title {
  margin: 20px 0 0 47px;
  width: 150px;
}

.mate_header_title a {
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (max-width: 768px), print {
  .mate_header_title {
    margin: 20px 0 0 5.3333333333vw;
    width: 31.2vw;
  }
}

.teaser {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 700; /* Windowsでのかすれ対策 */
  font-size: 30px;
  color: #004EA2;
  display: flex;
  align-items: center; 
  justify-content: center;
  margin: 100px 0 150px;
  gap: 50px
}

@media screen and (max-width: 768px), print {
  .teaser {
    display: block;
    padding:0 5%;
    font-size: 5.643vw;
    margin: 20px 0 50px;
  }

  .teaser div img{
    width: 70%;
    padding-bottom: 30px;
  }
}


.teaser div{
  justify-content: center; /* 縦方向の中央寄せ */
}

.teaser p{
  justify-content: center; /* 縦方向の中央寄せ */
}

/* スマホの枠（フレーム） */
.smartphone-frame {
  margin: 40px auto;     /* 画面中央に配置 */
  text-align: center;
}

.smartphone-frame img{
  width: 300px;
}

@media screen and (max-width: 768px), print {
  .smartphone-frame {
    width: 88%;
    margin: 40px 6%;     /* 画面中央に配置 */
  }
}