/*---------------------------------------------------
共通カラーここから
----------------------------------------------------*/
:root {
    --color-sample: #000000;
    --common-black: #222222;
    --main-blue: #0F6EB3;
    --main-navy: #114261;
    --main-green: #009E41;
    --light-gray-f3: #F3F3F3;
    --light-gray-ef: #EFEFEF;
    --main-red-d80: #D80000;
}

.bg-common-black{
    background-color: var(--common-black)!important;
}

.color-common-black{
    color: var(--common-black)!important;
}

.border-common-black{
    border-color: var(--common-black)!important;
}

.bg-main-blue{
    background-color: var(--main-blue)!important;
}

.color-main-blue{
    color: var(--main-blue)!important;
}

.border-main-blue{
    border-color: var(--main-blue)!important;
}

.bg-main-navy{
    background-color: var(--main-navy)!important;
}

.color-main-navy{
    color: var(--main-navy)!important;
}

.border-main-navy{
    border-color: var(--main-navy)!important;
}


.bg-main-green{
    background-color: var(--main-green)!important;
}

.color-main-green{
    color: var(--main-green)!important;
}

.border-main-green{
    border-color: var(--main-green)!important;
}

.bg-light-gray-f3{
    background-color: var(--light-gray-f3)!important;
}

.color-light-gray-f3{
    color: var(--light-gray-f3)!important;
}

.border-light-gray-f3{
    border-color: var(--light-gray-f3)!important;
}

.bg-light-gray-ef{
    background-color: var(--light-gray-ef)!important;
}

.color-light-gray-ef{
    color: var(--light-gray-ef)!important;
}

.border-light-gray-ef{
    border-color: var(--light-gray-ef)!important;
}

.bg-main-red-d80{
    background-color: var(--main-red-d80)!important;
}

.color-main-red-d80{
    color: var(--main-red-d80)!important;
}

.border-main-red-d80{
    border-color: var(--main-red-d80)!important;
}

.main-gradient {
    background: linear-gradient(to right, #8E8E8E 0%, #114261 100%);
}

.navy-gradient {
    background: linear-gradient(
            to top right,
            var(--main-navy) 0%,
            #8e8e8e 100%
    );
}

.gray-grandient {
    background: linear-gradient(
            to top right,
            #222 0%,
            #565656 100%
    );
}