@charset "utf-8";
/* CSS Document */

body{
    color: #0e0f0f;
    letter-spacing: 0.12em;
    font-family: 'Noto Sans JP', sans-serif;
    /*font-family: 'Noto Serif JP', serif;*/

    /*font-family:  "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/

    /*NotoSansCJKJP設定*/
    /*font-family: 'Noto Sans Japanese', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: 400;*/


    /*NotoSerifCJKJP設定*/
    /*font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, serif;
    font-weight: 400;*/
}

/*===================================
clearfixの設定
=====================================*/

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/*===================================
flexboxの設定
=====================================*/

[class*="space"] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

[class*="flex"] {
    display: flex;
    flex-wrap: wrap;
}

[class*="centering"] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/*===================================
sectionBOXの設定
=====================================*/

[class*="boxs"] {
    width: 1080px;
    margin: 0 auto;
}

[class*="boxs02"] {
    width: 980px;
    margin: 0 auto;
}

[class*="boxs03"] {
    width: 1280px;
    margin: 0 auto;
}


/*===================================
pcの時の設定
=====================================*/

@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }

    .pc_none {
        display: none !important;
    }
}

/*===================================
spの時の設定
=====================================*/

@media screen and (max-width: 767px) {
    .sp_none {
        display: none !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    [class*="boxs"],
    [class*="boxs02"],
    [class*="boxs03"] {
        width: calc(100% - 25px);
        margin: 0 auto;
    }
}

/*========================================
e404の設定
==========================================*/

.e404_txt a {
    color: #e63a3a;
}