/*-----------------
全体調整・共通CSS
-------------------*/
body {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
}


@media (max-width: 991.98px) {
    body .vk_block-margin-xl--margin-bottom {
        margin-bottom: 20px !important;
    }

    body .vk_block-margin-xxl--margin-bottom {
        margin-bottom: 40px !important;
    }
}

/*-----------------
headerのCSS
-------------------*/
.siteHeader {
    background-color: #FFE756;
    color: #2C2C2C !important;
}

.siteHeader_logo {
    font-size: 20px;
    text-align: left;
}

.siteHeader_logo a {
    color: #2C2C2C !important;

}

.siteHeader_logo a span {
    text-align: left;
    width: auto;

}

.siteHeader .container {
    max-width: min(100%, 1440px);

}

@media (max-width: 991.98px) {
    .siteHeader_logo {
        margin: 0;
        padding: 0;
    }

    .siteHeader_logo a {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .siteHeader .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .siteHeader .siteHeadContainer:after {
        display: none;
    }

    .header_scrolled .gMenu_outer {
        background: #FFE756d2;
    }


}

.header_scrolled .gMenu>li {
    border: none;
}

.header_scrolled .gMenu>li:last-child {
    border: none;
}

.gMenu {
    align-items: center;
}

.gMenu_name {
    padding-bottom: 4px;
}

.gMenu_description {
    border: 1px solid #2C2C2C;
    background-color: #fff;
    border-radius: 50px;
    padding: 2px 8px;
}

.gMenu>li .gMenu_description {
    opacity: 1.0;
}

.gMenu a {
    color: #2C2C2C !important;
}

.gMenu>li:before {
    border-bottom: none;
}

.gMenu>li:nth-child(3) .gMenu_name {
    color: #db1212;
}

.gMenu>li:nth-child(3) .gMenu_description {
    border: 1px solid #db1212;
    color: #db1212;
}

.gMenu>li:nth-child(4) .gMenu_description {
    border: 1px solid #102C8B;
    color: #102C8B;
}

.gMenu>li:nth-child(4) .gMenu_name {
    color: #102C8B;
}

.gMenu>li:last-child {
    background: #F30536;
    border-radius: 4px;
    border: 2px solid #fff;
    transition: all .3s;
    margin-left: 16px;
}

.gMenu>li:last-child a {
    color: #fff !important;

}

.gMenu>li:last-child:hover {
    background: #F30536;
}

.gMenu li:last-child::before {
    border: none;
}

.device-mobile .gMenu>li {
    padding: 14px 8px;
}

.gMenu_outer {
    width: auto;
}

.gMenu_outer nav {
    text-align: right;
}

/*-----------------
TOPのCSS
-------------------*/
.home .siteContent {
    padding: 0;
}

.custom-about,
.custom-greeting,
.custom-news,
.custom-activites {

    padding: 40px 0;
}

.custom-h2 {
    padding: 0 0 16px;
}

.custom-greeting-content {
    width: min(100%, 980px);
    padding: 24px 16px;
    margin: 0 auto;
}

.custom-activites .wp-block-cover, .wp-block-cover-image {    
    min-height: 260px;
    padding: 16px;

}

@media (min-width: 992px) {
    .custom-activites .wp-block-cover, .wp-block-cover-image {
        
        padding: 24px;
        min-height: 300px;

    }
}

.custom-activites p {
    font-size: 15px;
}

@media (min-width: 992px) {

    .custom-about,
    .custom-greeting,
    .custom-news,
    .custom-activites {
        padding: 80px 0;
    }

    .custom-h2 {
        padding: 0 0 40px;
    }

    .custom-greeting-content {
        padding: 80px;
    }
}



@media (max-width: 991.98px) {}


/*-----------------
FooterのCSS
-------------------*/
.siteFooter {
    background-color: #2C2C2C;
    color: #fff !important;
    border: none;
}

.siteFooter a {
    color: #fff !important;
}

.copySection p:last-child {
    display: none;
}

.custom-news-label {
    display: inline-block;
    padding: 0 24px;
    margin: 0 auto;
}
/*-----------------
特商法のCSS
-------------------*/
ol{

    padding-left: 1.5rem;
    padding-right: 1rem;
}
ul{
    padding-left: 1.5rem;
}