@charset "utf-8";

/*
各ページ用パーツ
テキスト
*/


/* フォントスタイル
---------------------------------------------------- */

.font_style_en01 {
    font-family: "Crimson Text", serif;
}

.font_style01 {
    font-family: 'Noto Sans JP', serif;
}

.font_style02 {
    font-family: 'Noto Serif JP', serif;
}

.font_style03 {
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "メイリオ", "Meiryo", "verdana", sans-serif;
}


/* fontスタイル
---------------------------------------------------- */

.txt_style01 {
    font-size: 1.6rem;
    line-height: 2;
    color: #444444;
}

@media screen and (max-width:900px) {
    .txt_style01 {
        font-size: 1.4rem;
        line-height: 1.8;
    }
}

.txt_style02 {
    font-size: 1.4rem;
    line-height: 2;
}

@media screen and (max-width:900px) {
    .txt_style02 {
        font-size: 1.2rem;
        line-height: 2;
    }
}

.txt_style03 {
    font-size: 1.6rem;
    line-height: 1.5;
}

@media screen and (max-width:900px) {
    .txt_style03 {
        font-size: 1.4rem;
        line-height: 2;
    }
}

.txt_style04 {
    background: #FFF49F;
    font-weight: 700;
    color: #EC8B2D;
}

.txt_center01 {
    text-align: center;
}

@media screen and (max-width:900px) {
    .txt_center01 {
        text-align: left;
    }
}

.font_under_line01 {
    border-bottom: 1px solid #fff;
}

.font_highlight01 {
    color: #EC8B2D;
    text-decoration: underline;
    text-decoration-thickness: 8px;
    text-decoration-color: #FFF49F;
    text-underline-offset: -2px;
    text-decoration-skip-ink: none;
}


/* weight
---------------------------------------------------- */

.txt_weight01 {
    font-weight: 700;
}


/* fontサイズ
---------------------------------------------------- */

.txt_font_s01 {
    font-size: 11.3rem;
}

@media screen and (max-width:900px) {
    .txt_font_s01 {
        font-size: 4.9rem;
    }
}

.txt_font_s02 {
    font-size: 29.0rem;
}

.txt_font_s03 {
    font-size: 7.4rem;
}

.txt_font_s04 {
    font-size: 5.0rem;
}

@media screen and (max-width:900px) {
    .txt_font_s04 {
        font-size: 3.0rem;
    }
}


/* 番号付きタイトル
---------------------------------------------------- */


/* フォントカラー指定
---------------------------------------------------- */

.font_color01 {
    color: #EC8B2D;
}

.font_color01_line {
    color: #EC8B2D;
    border-bottom: 1px solid #EC8B2D;
}

.txt_firstcolor01:first-letter {
    color: #EC8B2D;
}


/* リンクテキスト
---------------------------------------------------- */

.link_txt01 a {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0368A7;
    text-decoration: none;
    padding: 0 0 4px;
    border-bottom: 1px solid #0368A7;
    transition: all .6s;
}

.link_txt01 a:visited {
    color: #0368A7;
    text-decoration: none;
}

.link_txt01 a:hover {
    color: #0368A7;
    text-decoration: none;
    opacity: 0.6;
}