:root {
    --color-base-primary: #236099;
    --color-base-primaryFaded: #D4E6F3;
    --color-base-primaryInside: #ffffff;
    --color-base-secondary: #80C8D1;
    --color-base-secondaryInside: #1B1B1B;
    --color-base-background: #F0F6F6;
    --color-base-text: #1B1B1B;
    --color-base-text-gray: #666666;
    --color-base-footerBackground: #1A3758;
    --color-base-footerText: #ffffff;
    --color-base-gray: #eeeeee;
    --color-header-bg: black;
    --color-header-text: white;
    --color-btn-bg: #fddb3a;
    --color-btn-text: black;
    --font-size-xs: 12px;
    --font-size-xs-sp: 12px;
    --font-size-s: 15px;
    --font-size-s-sp: 15px;
    --font-size-m: 18px;
    --font-size-m-sp: 16px;
    --font-size-l: 24px;
    --font-size-l-sp: 18px;
    --font-size-xl: 28px;
    --font-size-xl-sp: 20px;
    --font-size-xxl: 44px;
    --font-size-xxl-sp: 24px;
    --border-radius: 5px;
    --border-radius-button: 5px;
    --font-family-ja: YakuHanJP, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    --font-family-en: "Barlow Semi Condensed", sans-serif;
}
.contact {
    background: transparent;
}

/* ブログ start. */
.uloqo-corp-s-mainvisual-1 {
    margin-bottom: 2.5rem;
}
.blog .blog_wrap {
    flex-wrap: nowrap;
    margin: 0 0 50px;
}
.blog .blog_main {
    flex-basis: 880px;
}
.blog .blog_main.blog-archive {
    background-color: transparent;
}
.blog .uloqo-corp-c-sectionHeader .c-sectionHeader__jaTitle {
    font-size: 2rem;
}
.blog .wp-pagenavi {
    margin-bottom: 50px;
}
.blog .blog_side {
    flex-basis: 240px;
    flex-shrink: 0
}
.blog aside#secondary {
    position: sticky;
    top: 100px;
}
.blog .tl03 span {
    font-size: 20px;
    padding-right: 5px;
}
.blog .tag_list01 li,
.blog .cate_list01 li {
    margin: 0 8px 8px 0;
}
.blog .cate_list01.cate_list01_1 li,
.blog .cate_list01 li a,
.blog ul.tag_list01 li a {
    padding: 5px 10px;
    border-radius: .25rem;
}
.blog .top_block05.top_block05_1 .box {
    display: flex;
}
.blog .top_block05.top_block05_1 .box .img {
    width: auto;
    padding-right: 20px;
}
.blog img.attachment-medium.size-medium.wp-post-image {
    border-radius: .25rem;
    width: 280px;
    max-width: none;
    height: 100%;
}
.blog .cate_list01.cate_list01_1 li.tag-item,
.blog .cate_list01 li.tag-item a,
.blog ul.tag_list01 li.tag-item a {
    background: #236099;
}
.blog .blog_head {
    margin-bottom: 20px;
}
.blog .blog_head .title {
    margin: 20px 0;
}
.blog .blog_body .thm img {
    margin-bottom: 20px;
}
@media (min-width: 840px) {
    .blog .top_block05 .box {
        flex-basis: 100%;
    }
}
@media screen and (max-width: 919px) {
    .blog .blog_wrap {
        display: block;
    }
    .blog .blog_wrap .blog_main {
        padding: 30px;
    }
    .blog aside#secondary {
        max-width: 100%;
        padding: 0 30px;
    }
    .blog .box_type01 {
        padding: 30px;
    }
    .blog .top_block05.top_block05_1 .box {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .inner-block.blog {
        padding: 0;
    }
    .blog .uloqo-corp-c-inner {
        max-width: 100%;
        padding: 0;
    }
    .blog .top_block05 {
        gap: normal;
    }
    .blog .top_block05.top_block05_1 .box {
        display: block;
    }
    .blog .top_block05.top_block05_1 .box .img {
        padding-right: 0;
    }
    .blog img.attachment-medium.size-medium.wp-post-image {
        width: 100%;
        height: 200px;
    }
    .blog .other-articles {
        padding: 0 30px;
    }
}
/* ブログ end. */

/* 新着情報 start. */
.news-main {
    padding: 50px;
    background-color: #FFFFFF;
    border-radius: 25px;
}
.news-main .blog_head {
    margin: 0 0 20px;
}
.news-main .blog_head .title {
    margin-top: 0;
}
.news-single {
    margin-bottom: 2.5rem;
    font-size: 16px;
    line-height: 2;
}
@media screen and (max-width: 767px) {
    .news-main {
        padding: 30px;
    }
}
/* 新着情報 end. */

/* お問い合わせ start. */
.contact-form .cf7-req {
    border-radius: 0.25rem;
}
.contact-form input#formbtn {
    margin-top: 1.5rem;
    border-radius: 0.25rem;
}
@media screen and (max-width: 767px) {
    .contact-form .inquiry {
        width: 100%;
    }
}
/* お問い合わせ end. */

/* 採用情報 start. */
.section-wrapper:last-child {
    margin: 5rem auto 0 auto;
}
/* 採用情報 end. */
