body {
    #color: #756d6b !important;
    letter-spacing: 0.1em;
    background-color: #e0eff6;
    font-family:
    /*英字のみgoogleフォントを使用*/
    Lato,
    /*iOS用ゴシック体 (safari) 1px小さいヒラギノ*/
    -apple-system,
    /*iOS用ゴシック体　-apple-systemが適用されない場合*/
    "ヒラギノ角ゴ",
    /*androidはデフォルトでゴシック体（Xperiaを除く）のため必要なし*/
    /*windows用ゴシック体。 デフォルトの太さだと細すぎるためMedium*/
    "Yu Gothic Medium", "游ゴシック",
    /*mac用ゴシック体*/
    YuGothic, "游ゴシック体",
    "Century Gothic　R",
    /*上記どれも適用されない場合またはLinux用、とりあえず各デバイスで指定されているサンセリフ体、ゴシック体にしたい*/
    sans-serif;
}
header.sticky-top {
    background-color: #e0eff6;
}
main {
    #padding-bottom: 290px;
    position:relative;

}
footer {
    height: 290px;
    padding-top: 150px;
}
.page-heading {
    font-size: 32px;
    color: #3E3A39;
    #font-family: "Century Gothic　R", "ヒラギノ角ゴ";
}
.page-name {
    font-size: 36px;
    color: #24318F;
    #font-family: "ヒラギノ角ゴ";
}
.btn-primary {
    background-color: #24318F;
}
.btn-primary:hover {
    background-color: #384ad6;
}
footer {
    background-color: #e0eff6;
    color: #000;
    font-size: .8rem;
}
footer .container-fluid{
    padding: 0 !important;
}
footer img{
    margin: 0;
}
footer .copy-right{
    background-color: #24318f;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1em;
}