@charset "UTF-8";

/* ページ共通のパンくずと画像見出し */
main > .breadcrumb {
  padding-top: 8px;
}

#product-index-view .hana-page-image-title-section,
.faq-theme section.hana-page-image-title-section,
.guide-theme section.hana-page-image-title-section,
#hana-news-view .hana-page-image-title-section,
#hana-user-voice-view .hana-page-image-title-section {
  margin-top: 0;
  padding-top: 60px;
}

#product-index-view h2.hana-page-image-title,
.faq-theme h2.hana-page-image-title,
.guide-theme h2.hana-page-image-title,
#hana-news-view h2.hana-page-image-title,
#hana-user-voice-view h2.hana-page-image-title {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 82px;
  min-height: 82px;
  margin: 0 0 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  text-align: center;
}

#product-index-view h2.hana-page-image-title img,
.faq-theme h2.hana-page-image-title img,
.guide-theme h2.hana-page-image-title img,
#hana-news-view h2.hana-page-image-title img,
#hana-user-voice-view h2.hana-page-image-title img {
  display: block;
  width: 290px;
  max-width: 100%;
  height: auto;
  max-height: 82px;
  margin: auto;
  object-fit: contain;
}

/* ECforce標準ページの文字見出しをスマホ時に中央揃え */
@media screen and (max-width: 719px) {
  .p-page_header__inner__title {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .p-account__inner__content__title {
    width: 100%;
    align-items: center;
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  #product-index-view .hana-page-image-title-section,
  .faq-theme section.hana-page-image-title-section,
  .guide-theme section.hana-page-image-title-section,
  #hana-news-view .hana-page-image-title-section,
  #hana-user-voice-view .hana-page-image-title-section {
    margin-top: 0;
    padding-top: 30px;
  }

  #product-index-view h2.hana-page-image-title,
  .faq-theme h2.hana-page-image-title,
  .guide-theme h2.hana-page-image-title,
  #hana-news-view h2.hana-page-image-title,
  #hana-user-voice-view h2.hana-page-image-title {
    height: 65px;
    min-height: 65px;
    margin-bottom: 20px;
  }

  #product-index-view h2.hana-page-image-title img,
  .faq-theme h2.hana-page-image-title img,
  .guide-theme h2.hana-page-image-title img,
  #hana-news-view h2.hana-page-image-title img,
  #hana-user-voice-view h2.hana-page-image-title img {
    width: 230px;
    max-width: 70vw;
    max-height: 65px;
  }
}