@charset "utf-8";

.spacer-5,
.spacer-10,
.spacer-15,
.spacer-30,
.spacer-60,
.spacer-80,
.spacer-90,
.spacer-100,
.spacer-120,
.spacer-160 {
    display: block;
    width: 100%;
    font-size: 0px;
}

.spacer-5 {
    height: 5px;
}

.spacer-10 {
    height: 10px;
}

.spacer-15 {
    height: 15px;
}

.spacer-30 {
    height: 30px;
}

.spacer-60 {
    height: 60px;
}

.spacer-80 {
    height: 80px;
}

.spacer-90 {
    height: 90px;
}

.spacer-100 {
    height: 100px;
}

.spacer-120 {
    height: 120px;
}

.spacer-160 {
    height: 160px;
}

@media(max-width: 767px) {

    .spacer-30 {
        height: 15px;
    }

    .spacer-60 {
        height: 30px;
    }

    .spacer-80 {
        height: 40px;
    }

    .spacer-90 {
        height: 45px;
    }

    .spacer-120 {
        height: 60px;
    }

    .spacer-160 {
        height: 80px;
    }
}

/*
 * カラム（基本コンテンツエリアはcontainerのmax-width）
 * --------------------------------------------------
 */

.HOME-container-fulid,
.HOME-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    container-type: inline-size;
}

.HOME-container-fulid {
    overflow-x: hidden;
    padding: 0px;
}

.HOME-container {
    max-width: 1100px;
    padding: 0px 50px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-13,
.col-14,
.col-15,
.col-16,
.col-17,
.col-18,
.col-19,
.col-20,
.col-21,
.col-22,
.col-23,
.col-24,
.col-25,
.col-26,
.col-27,
.col-28,
.col-29,
.col-30,
.col-31,
.col-32,
.col-33,
.col-34,
.col-35,
.col-36,
.col-37,
.col-38,
.col-39,
.col-40,
.col-41,
.col-42,
.col-43,
.col-44,
.col-45,
.col-46,
.col-47,
.col-48,
.col-49,
.col-50,
.col-51,
.col-52,
.col-53,
.col-54,
.col-55,
.col-56,
.col-57,
.col-58,
.col-59,
.col-60,
.col-61,
.col-62,
.col-63,
.col-64,
.col-65,
.col-66,
.col-67,
.col-68,
.col-69,
.col-70,
.col-71,
.col-72,
.col-73,
.col-74,
.col-75,
.col-76,
.col-77,
.col-78,
.col-79,
.col-80,
.col-81,
.col-82,
.col-83,
.col-84,
.col-85,
.col-86,
.col-87,
.col-88,
.col-89,
.col-90,
.col-91,
.col-92,
.col-93,
.col-94,
.col-95,
.col-96,
.col-97,
.col-98,
.col-99,
.col-100 {
    display: inline-block;
}

.col-1 {
    width: calc(100% * 0.01);
}

.col-2 {
    width: calc(100% * 0.02);
}

.col-3 {
    width: calc(100% * 0.03);
}

.col-4 {
    width: calc(100% * 0.04);
}

.col-5 {
    width: calc(100% * 0.05);
}

.col-6 {
    width: calc(100% * 0.06);
}

.col-7 {
    width: calc(100% * 0.07);
}

.col-8 {
    width: calc(100% * 0.08);
}

.col-9 {
    width: calc(100% * 0.09);
}

.col-10 {
    width: calc(100% * 0.10);
}

.col-11 {
    width: calc(100% * 0.11);
}

.col-12 {
    width: calc(100% * 0.12);
}

.col-13 {
    width: calc(100% * 0.13);
}

.col-14 {
    width: calc(100% * 0.14);
}

.col-15 {
    width: calc(100% * 0.15);
}

.col-16 {
    width: calc(100% * 0.16);
}

.col-17 {
    width: calc(100% * 0.17);
}

.col-18 {
    width: calc(100% * 0.18);
}

.col-19 {
    width: calc(100% * 0.19);
}

.col-20 {
    width: calc(100% * 0.20);
}

.col-21 {
    width: calc(100% * 0.21);
}

.col-22 {
    width: calc(100% * 0.22);
}

.col-23 {
    width: calc(100% * 0.23);
}

.col-24 {
    width: calc(100% * 0.24);
}

.col-25 {
    width: calc(100% * 0.25);
}

.col-26 {
    width: calc(100% * 0.26);
}

.col-27 {
    width: calc(100% * 0.27);
}

.col-28 {
    width: calc(100% * 0.28);
}

.col-29 {
    width: calc(100% * 0.29);
}

.col-30 {
    width: calc(100% * 0.30);
}

.col-31 {
    width: calc(100% * 0.31);
}

.col-32 {
    width: calc(100% * 0.32);
}

.col-33 {
    width: calc(100% * 0.33);
}

.col-34 {
    width: calc(100% * 0.34);
}

.col-35 {
    width: calc(100% * 0.35);
}

.col-36 {
    width: calc(100% * 0.36);
}

.col-37 {
    width: calc(100% * 0.37);
}

.col-38 {
    width: calc(100% * 0.38);
}

.col-39 {
    width: calc(100% * 0.39);
}

.col-40 {
    width: calc(100% * 0.40);
}

.col-41 {
    width: calc(100% * 0.41);
}

.col-42 {
    width: calc(100% * 0.42);
}

.col-43 {
    width: calc(100% * 0.43);
}

.col-44 {
    width: calc(100% * 0.44);
}

.col-45 {
    width: calc(100% * 0.45);
}

.col-46 {
    width: calc(100% * 0.46);
}

.col-47 {
    width: calc(100% * 0.47);
}

.col-48 {
    width: calc(100% * 0.48);
}

.col-49 {
    width: calc(100% * 0.49);
}

.col-50 {
    width: calc(100% * 0.50);
}

.col-51 {
    width: calc(100% * 0.51);
}

.col-52 {
    width: calc(100% * 0.52);
}

.col-53 {
    width: calc(100% * 0.53);
}

.col-54 {
    width: calc(100% * 0.54);
}

.col-55 {
    width: calc(100% * 0.55);
}

.col-56 {
    width: calc(100% * 0.56);
}

.col-57 {
    width: calc(100% * 0.57);
}

.col-58 {
    width: calc(100% * 0.58);
}

.col-59 {
    width: calc(100% * 0.59);
}

.col-60 {
    width: calc(100% * 0.60);
}

.col-61 {
    width: calc(100% * 0.61);
}

.col-62 {
    width: calc(100% * 0.62);
}

.col-63 {
    width: calc(100% * 0.63);
}

.col-64 {
    width: calc(100% * 0.64);
}

.col-65 {
    width: calc(100% * 0.65);
}

.col-66 {
    width: calc(100% * 0.66);
}

.col-67 {
    width: calc(100% * 0.67);
}

.col-68 {
    width: calc(100% * 0.68);
}

.col-69 {
    width: calc(100% * 0.69);
}

.col-70 {
    width: calc(100% * 0.70);
}

.col-71 {
    width: calc(100% * 0.71);
}

.col-72 {
    width: calc(100% * 0.72);
}

.col-73 {
    width: calc(100% * 0.73);
}

.col-74 {
    width: calc(100% * 0.74);
}

.col-75 {
    width: calc(100% * 0.75);
}

.col-76 {
    width: calc(100% * 0.76);
}

.col-77 {
    width: calc(100% * 0.77);
}

.col-78 {
    width: calc(100% * 0.78);
}

.col-79 {
    width: calc(100% * 0.79);
}

.col-80 {
    width: calc(100% * 0.80);
}

.col-81 {
    width: calc(100% * 0.81);
}

.col-82 {
    width: calc(100% * 0.82);
}

.col-83 {
    width: calc(100% * 0.83);
}

.col-84 {
    width: calc(100% * 0.84);
}

.col-85 {
    width: calc(100% * 0.85);
}

.col-86 {
    width: calc(100% * 0.86);
}

.col-87 {
    width: calc(100% * 0.87);
}

.col-88 {
    width: calc(100% * 0.88);
}

.col-89 {
    width: calc(100% * 0.89);
}

.col-90 {
    width: calc(100% * 0.90);
}

.col-91 {
    width: calc(100% * 0.91);
}

.col-92 {
    width: calc(100% * 0.92);
}

.col-93 {
    width: calc(100% * 0.93);
}

.col-94 {
    width: calc(100% * 0.94);
}

.col-95 {
    width: calc(100% * 0.95);
}

.col-96 {
    width: calc(100% * 0.96);
}

.col-97 {
    width: calc(100% * 0.97);
}

.col-98 {
    width: calc(100% * 0.98);
}

.col-99 {
    width: calc(100% * 0.99);
}

.col-100 {
    width: 100%;
}

@media(max-width: 767px) {
    .HOME-container-fulid {
        padding: 0px;
    }

    .HOME-container {
        padding: 0px 15px;
    }

    .col-m-1 {
        width: calc(100% * 0.01) !important;
    }

    .col-m-2 {
        width: calc(100% * 0.02) !important;
    }

    .col-m-3 {
        width: calc(100% * 0.03) !important;
    }

    .col-m-4 {
        width: calc(100% * 0.04) !important;
    }

    .col-m-5 {
        width: calc(100% * 0.05) !important;
    }

    .col-m-6 {
        width: calc(100% * 0.06) !important;
    }

    .col-m-7 {
        width: calc(100% * 0.07) !important;
    }

    .col-m-8 {
        width: calc(100% * 0.08) !important;
    }

    .col-m-9 {
        width: calc(100% * 0.09) !important;
    }

    .col-m-10 {
        width: calc(100% * 0.10) !important;
    }

    .col-m-11 {
        width: calc(100% * 0.11) !important;
    }

    .col-m-12 {
        width: calc(100% * 0.12) !important;
    }

    .col-m-13 {
        width: calc(100% * 0.13) !important;
    }

    .col-m-14 {
        width: calc(100% * 0.14) !important;
    }

    .col-m-15 {
        width: calc(100% * 0.15) !important;
    }

    .col-m-16 {
        width: calc(100% * 0.16) !important;
    }

    .col-m-17 {
        width: calc(100% * 0.17) !important;
    }

    .col-m-18 {
        width: calc(100% * 0.18) !important;
    }

    .col-m-19 {
        width: calc(100% * 0.19) !important;
    }

    .col-m-20 {
        width: calc(100% * 0.20) !important;
    }

    .col-m-21 {
        width: calc(100% * 0.21) !important;
    }

    .col-m-22 {
        width: calc(100% * 0.22) !important;
    }

    .col-m-23 {
        width: calc(100% * 0.23) !important;
    }

    .col-m-24 {
        width: calc(100% * 0.24) !important;
    }

    .col-m-25 {
        width: calc(100% * 0.25) !important;
    }

    .col-m-26 {
        width: calc(100% * 0.26) !important;
    }

    .col-m-27 {
        width: calc(100% * 0.27) !important;
    }

    .col-m-28 {
        width: calc(100% * 0.28) !important;
    }

    .col-m-29 {
        width: calc(100% * 0.29) !important;
    }

    .col-m-30 {
        width: calc(100% * 0.30) !important;
    }

    .col-m-31 {
        width: calc(100% * 0.31) !important;
    }

    .col-m-32 {
        width: calc(100% * 0.32) !important;
    }

    .col-m-33 {
        width: calc(100% * 0.33) !important;
    }

    .col-m-34 {
        width: calc(100% * 0.34) !important;
    }

    .col-m-35 {
        width: calc(100% * 0.35) !important;
    }

    .col-m-36 {
        width: calc(100% * 0.36) !important;
    }

    .col-m-37 {
        width: calc(100% * 0.37) !important;
    }

    .col-m-38 {
        width: calc(100% * 0.38) !important;
    }

    .col-m-39 {
        width: calc(100% * 0.39) !important;
    }

    .col-m-40 {
        width: calc(100% * 0.40) !important;
    }

    .col-m-41 {
        width: calc(100% * 0.41) !important;
    }

    .col-m-42 {
        width: calc(100% * 0.42) !important;
    }

    .col-m-43 {
        width: calc(100% * 0.43) !important;
    }

    .col-m-44 {
        width: calc(100% * 0.44) !important;
    }

    .col-m-45 {
        width: calc(100% * 0.45) !important;
    }

    .col-m-46 {
        width: calc(100% * 0.46) !important;
    }

    .col-m-47 {
        width: calc(100% * 0.47) !important;
    }

    .col-m-48 {
        width: calc(100% * 0.48) !important;
    }

    .col-m-49 {
        width: calc(100% * 0.49) !important;
    }

    .col-m-50 {
        width: calc(100% * 0.50) !important;
    }

    .col-m-51 {
        width: calc(100% * 0.51) !important;
    }

    .col-m-52 {
        width: calc(100% * 0.52) !important;
    }

    .col-m-53 {
        width: calc(100% * 0.53) !important;
    }

    .col-m-54 {
        width: calc(100% * 0.54) !important;
    }

    .col-m-55 {
        width: calc(100% * 0.55) !important;
    }

    .col-m-56 {
        width: calc(100% * 0.56) !important;
    }

    .col-m-57 {
        width: calc(100% * 0.57) !important;
    }

    .col-m-58 {
        width: calc(100% * 0.58) !important;
    }

    .col-m-59 {
        width: calc(100% * 0.59) !important;
    }

    .col-m-60 {
        width: calc(100% * 0.60) !important;
    }

    .col-m-61 {
        width: calc(100% * 0.61) !important;
    }

    .col-m-62 {
        width: calc(100% * 0.62) !important;
    }

    .col-m-63 {
        width: calc(100% * 0.63) !important;
    }

    .col-m-64 {
        width: calc(100% * 0.64) !important;
    }

    .col-m-65 {
        width: calc(100% * 0.65) !important;
    }

    .col-m-66 {
        width: calc(100% * 0.66) !important;
    }

    .col-m-67 {
        width: calc(100% * 0.67) !important;
    }

    .col-m-68 {
        width: calc(100% * 0.68) !important;
    }

    .col-m-69 {
        width: calc(100% * 0.69) !important;
    }

    .col-m-70 {
        width: calc(100% * 0.70) !important;
    }

    .col-m-71 {
        width: calc(100% * 0.71) !important;
    }

    .col-m-72 {
        width: calc(100% * 0.72) !important;
    }

    .col-m-73 {
        width: calc(100% * 0.73) !important;
    }

    .col-m-74 {
        width: calc(100% * 0.74) !important;
    }

    .col-m-75 {
        width: calc(100% * 0.75) !important;
    }

    .col-m-76 {
        width: calc(100% * 0.76) !important;
    }

    .col-m-77 {
        width: calc(100% * 0.77) !important;
    }

    .col-m-78 {
        width: calc(100% * 0.78) !important;
    }

    .col-m-79 {
        width: calc(100% * 0.79) !important;
    }

    .col-m-80 {
        width: calc(100% * 0.80) !important;
    }

    .col-m-81 {
        width: calc(100% * 0.81) !important;
    }

    .col-m-82 {
        width: calc(100% * 0.82) !important;
    }

    .col-m-83 {
        width: calc(100% * 0.83) !important;
    }

    .col-m-84 {
        width: calc(100% * 0.84) !important;
    }

    .col-m-85 {
        width: calc(100% * 0.85) !important;
    }

    .col-m-86 {
        width: calc(100% * 0.86) !important;
    }

    .col-m-87 {
        width: calc(100% * 0.87) !important;
    }

    .col-m-88 {
        width: calc(100% * 0.88) !important;
    }

    .col-m-89 {
        width: calc(100% * 0.89) !important;
    }

    .col-m-90 {
        width: calc(100% * 0.90) !important;
    }

    .col-m-91 {
        width: calc(100% * 0.91) !important;
    }

    .col-m-92 {
        width: calc(100% * 0.92) !important;
    }

    .col-m-93 {
        width: calc(100% * 0.93) !important;
    }

    .col-m-94 {
        width: calc(100% * 0.94) !important;
    }

    .col-m-95 {
        width: calc(100% * 0.95) !important;
    }

    .col-m-96 {
        width: calc(100% * 0.96) !important;
    }

    .col-m-97 {
        width: calc(100% * 0.97) !important;
    }

    .col-m-98 {
        width: calc(100% * 0.98) !important;
    }

    .col-m-99 {
        width: calc(100% * 0.99) !important;
    }

    .col-m-100 {
        width: 100% !important;
    }
}

/*
 * 順序変更用
 * --------------------------------------------------
 */
@media(max-width: 767px) {
    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-4 {
        order: 4;
    }

    .order-5 {
        order: 5;
    }

    .order-6 {
        order: 6;
    }

    .order-7 {
        order: 7;
    }

    .order-8 {
        order: 8;
    }

    .order-9 {
        order: 9;
    }

}

/*
 * 表示・非表示
 * --------------------------------------------------
 */

@media(min-width: 768px) {
    .hidden-pc {
        display: none !important;
    }
}

@media(max-width: 767px) {
    .hidden-m {
        display: none !important;
    }
}

/*
 * alpine用
 * --------------------------------------------------
 */
[x-cloak] {
    display: none;
}