@charset "utf-8";

html {
    text-rendering: optimizeLegibility !important;
    scroll-behavior: smooth;
}

:root {

    --bg-color: #FFFFFF;
    --bg-second-color:#292929;
    --bg-third-color:#D3DBEA;
    --bg-fourth-color:#E0E0E0;
    --primary-font-color: #09008E;
    --secondary-font-color: #FFFFFF;
    --third-font-color: #1D1D1D;
    --fourth-font-color: #707070;
    --fifth-font-color:#F2F7FC;
    --si-font-color:#656565;
    --tbl-bg-color:#F7BBBB;
    --tbl-secbg-color:#F7F7F7;
    --tbl-thbg-color:#EBEBEB;
    --tbl-fobg-color:#FCE0E0;
    --tbl-fibg-color:#FFF8F8;
    --border-color:#ACACAC;
    --txt-red-00:#BA2700;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #1D1D1D;
    background: transparent;
    text-rendering: optimizeLegibility;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.tel {
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .tel {
        pointer-events: auto;
    }
}

/* ===============================
Text align
=============================== */
.txt-left {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .txt-left-sp {
        text-align: left;
    }

    .txt-center-sp {
        text-align: center;
    }

    .txt-right-sp {
        text-align: right;
    }
}

/* ===============================
Color
=============================== */
.main-color {
    color: #000;
}

.blue-color {
    color: #011b5c;
}

.blue-color-one {
    color: #002483;
}

.w-color {
    color: #fff;
}

/* ===============================
Background Color
=============================== */
.bg-white {
    background: #ffffff;
}

.bg-gray {
    background: #f0f1f5;
}

.bg-blue {
    background: #001c5c;
}

.bg-blue-two {
    background-color: #002483;
}

/* ===============================
Container
=============================== */
.cosmo-container{
    max-width: 1312px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    position: relative;
}

.address-search-container{
    max-width: 1072px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
}