@charset "UTF-8";


/* ========================================
   基本設定
======================================== */

* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 87%;
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', "Arial", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', "Arial", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    letter-spacing: -0.03em;
}

h1 {
    font-size: 200%;
}


/* ========================================
   clearfix
======================================== */

.dr-K:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: auto;
    visibility: hidden;
}

.dr-K {
    display: inline-block;
}

* html .dr-K {
    height: 1%;
}

.dr-K {
    display: block;
}


/* ========================================
   フレーム
======================================== */

#BG {
    width: 100%;
    background: #FFF;
}


/* ========================================
   ヘッダー
======================================== */

#HDR-BG {
    height: 121px;
    overflow: hidden;
    border-bottom: 1px solid #dcd3d3;
}

#HDR {
    margin: 0 auto;
    padding: 13px 0 0 0;
    width: 1080px;
}

#LOGO {
    float: left;
    padding-right: 145px;
}

#LOGO img {
    width: 258px;
}


/* ========================================
   メイン
======================================== */

#MAIN-CLM {
    margin: 0 auto;
    padding-bottom: 150px;
    width: 1080px;
}

#LEFT-CLM {
    clear: both;
    float: left;
    padding: 0;
    width: 804px;
    margin-right: 24px;
}


/* ========================================
   パンくず位置
   パンくず自体は表示しないが
   元ページと同じ余白を残す
======================================== */

#BRD-NV-CLM {
    min-height: 22px;
    padding-top: 56px;
    margin-bottom: 18px;
}


/* ========================================
   ページタイトル
======================================== */

#PAGE-TITLE-CLM {
    border-top: 3px solid #3f3f3f;
}

#PAGE-TITLE {
    margin: 0 auto;
    padding: 42px 0 63px 0;
}

#PAGE-TITLE h1 {
    line-height: 1;
}


/* ========================================
   スマートフォン
   元 wincfg_small.css の必要部分
======================================== */

@media only screen and (max-width: 40em) {

    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }

    body {
        min-width: 0;
    }


    /* フレーム */

    #MAIN-CLM-BG,
    #MAIN-CLM {
        width: 100%;
    }

    #MAIN-CLM-BG {
        border-top: 11px solid #eaeaea;
    }

    #MAIN-CLM {
        margin: 0 auto;
        padding-bottom: 15.46%;
    }

    #LEFT-CLM {
        float: none;
        margin: 0 auto;
        width: 93.75%;
    }


    /* ヘッダー */

    #HDR-BG {
        height: 100%;
        overflow: hidden;
        border-bottom: 1px solid #dcd3d3;
    }

    #HDR {
        width: 93.75%;
        padding: 3.13% 0;
        margin: 0 auto;
    }

    #LOGO {
        float: left;
        padding-right: 0;
        width: 51%;
    }

    #LOGO img {
        width: 84.31%;
    }


    /* パンくず相当の余白 */

    #BRD-NV-CLM {
        height: 14.83%;
        padding-top: 7.5%;
        margin-bottom: 1.1em;
    }


    /* ページタイトル */

    #PAGE-TITLE {
        margin: 0 auto;
        padding: 6.66% 0 21.33%;
    }

    #PAGE-TITLE-CLM {
        border-top: 6px solid #3f3f3f;
    }
    #PAGE-TITLE h1 {
        font-size: 180%;
    }
}