/* カスタマイズ用CSS */

/* PC用スタイル */
@media screen and (min-width: 768px) {
    /* 見出しのフォントサイズ調整 */
    .ec-pageHeader h1,
    .ec-headingTitle {
        font-size: 20px;
    }

    h2,
    .ec-heading2 {
        font-size: 18px;
    }

    h3,
    .ec-heading3 {
        font-size: 16px;
    }

    h4,
    .ec-heading4 {
        font-size: 15px;
    }

    h5,
    .ec-heading5 {
        font-size: 14px;
    }
    
    /* リード文のフォントサイズ調整 */
    .ec-role .lead,
    main .lead {
        font-size: 16px;
    }
}

/* SP用スタイル */
@media screen and (max-width: 767px) {
    /* 見出しのフォントサイズ調整 */
    .ec-pageHeader h1,
    .ec-headingTitle {
        font-size: 11px;
    }

    h2,
    .ec-heading2 {
        font-size: 16px;
    }

    h3,
    .ec-heading3 {
        font-size: 15px;
    }

    h4,
    .ec-heading4 {
        font-size: 14px;
    }

    h5,
    .ec-heading5 {
        font-size: 13px;
    }
    
    /* リード文のフォントサイズ調整 */
    .ec-role .lead,
    main .lead {
        font-size: 14px;
    }
}