@charset "utf-8";
/* CSS Document */


/*===================================
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;
    }
}
