/*================================================
  お問い合わせページ専用CSS
================================================*/

/*---------- ページタイトル ----------*/
/* お問い合わせページのタイトルセクションのpaddingをリセット */
.page_title_section {
    padding: 0;
    background: #FFFCF2;
}

.page_main_title {
    font-size: 3rem;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    margin: 0;
}

.page_main_title span {
    font-size: 4rem;
}

/* コンタクトページのみ：フォームブロック直上のセクション余白（上）を外す */
.main_contact .contact-section {
    padding-top: 0;
}

/*---------- ブログ ----------*/
.main_contact .blog-section {
    background-image: initial;
}
/*---------- レスポンシブ対応 ----------*/

@media screen and (max-width: 768px) {
    .page_title_section {
        padding: 0;
    }

    .page_main_title {
        font-size: 2.4rem;
    }

    .page_main_title span {
        font-size: 3.4rem;
    }
}


@media screen and (max-width: 480px) {
    .page_title_section {
        padding: 0;
    }

    .page_main_title {
        font-size: 2rem;
    }

    .page_main_title span {
        font-size: 3rem;
    }

}