/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.7.1678412263
Updated: 2023-03-10 10:37:43

*/

body {
    background-color: white !important;
}

.news_list_class {
    width: 100%;
    margin: 0% auto;
    font-family: 'Noto Sans JP', sans-serif !important;
    background: #fff;
    padding: 3%;
}
.post_list_wrap {
    background-color: #dbedf8;
    padding: 5% 10%;
}
.news_list_class li {
    display: grid;
    grid-template-columns: 14rem 5fr;
    grid-gap: 0px 2%;
    margin-bottom: 24px;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 13px;
}
.news_list_class li:last-child {
    margin-bottom: 0;
}
.news_list_class li .cat_name {
    background-color: #1a5ea8;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    height: 2.5rem;
}
.news_list_class li .post_date {
    font-size: 13px;
}
.contact_form_wrap {
    width: 80%;
    margin: 10% auto;
}
.contact_form_wrap ul {
    display: flex;
    flex-wrap: wrap;
}
.contact_form_wrap ul li {
    margin-bottom: 4%;
}
.contact_form_wrap ul li.w100 {
    width: 100%;
}
.contact_form_wrap ul li.w50 {
    width: 50%;
}
@media (max-width: 1280px) {
    .contact_form_wrap ul li.w50 {
        width: 100%;
    }
}
.d-content {
    display: contents;
}
select,input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
    border: 2px solid #ccc;
}
input[type=submit]:hover, input[type=submit]:active {
    background-color: #1a5ea8;
    width: 12rem;
}

.entry-content, .entry-summary {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 14px;
    width: 94%;
    margin: 3% auto;
}

th,table,span,span.en,span.ja,label,h3,h1.entry-title,body, input, textarea, button, .button, .faux-button,li, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text {
    font-family: 'Noto Sans JP', sans-serif !important;
}

.category-news {
    border-top: 50px solid #dbedf8;
    border-bottom: 50px solid #dbedf8;
}
.under_atten .mb30 {
    margin-bottom: 30px;
}
.under_atten .mb10 {
    margin-bottom: 10px;
}
.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    width: 12rem;
}
.wpcf7 .wpcf7-submit {
    cursor: not-allowed;
    width: 12rem;
}
@media (max-width: 768px) {
    .news_list_class {
        width: 94%;
        margin: 5% auto;
        font-family: 'Noto Sans JP', sans-serif !important;
    }
    .news_list_class li .cat_name {
        font-size: 3.2vw;
        height: auto;
        text-align: center;
        line-height: 1.5;
        padding: 8% 0;
    }
    .p-topics article {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .post_list_wrap {
        background-color: #dbedf8;
        padding: 5% 0%;
    }
    .news_list_class li {
        display: grid;
        grid-template-columns: 5rem 5fr;
    }

}
@media (max-width: 768px) and (min-width: 601px) {
    .news_list_class li {
        display: grid;
        grid-template-columns: 10rem 5fr;
    }
    .news_list_class li .cat_name {
        font-size: 2vw;
    }
}
@media (max-width: 600px) {
    .style-index .p-topics .category {
        text-align: center;
        padding: 0%;
    }
    .style-index .p-topics .category {
        letter-spacing: normal !important;
    }
}
@media (max-width: 1023px) and (min-width:601px) {
    .style-index .p-topics .category {
        text-align: center;
        padding: 1%;
    }
}
a{
    text-decoration: none !important;
}

a:hover{
 text-decoration: underline !important;
}
.navigation a:hover {
    color: var(--global--color-primary-hover);
    text-decoration: underline;
    text-decoration-style: initial;
}
table td, table th, .wp-block-table td, .wp-block-table th {
    padding: calc(0.5 * var(--global--spacing-unit));
    border: none;
}
.alignwide {
    clear: both;
    width: 600px;
}
.more-btn {
    border: 1px solid #ccc;
    width: fit-content;
    padding: 5px 45px;
    margin: auto;
    font-size: 13px;
    cursor: pointer;
}
.news_list_class li.list_num_cnt:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0　!important;
}
.type-post {
    border-top: 30px solid #dbedf8;
    border-bottom: 50px solid #dbedf8;
    background: #fff;
    max-width: 950px;
    margin: 0 auto 0;
    width: 94%;
}
.back_to_list {
    width: fit-content;
    border: 1px solid #ccc;
    padding: 5px 25px;
    margin: auto;
    font-size: 13px;
    color: #ccc;
}
.entry-header small {
    font-size: small;
    font-weight: 600;
}
.entry-title {
    font-size: 23px !important;
    font-weight: 600 !important;
}
input[type=submit]:not(:hover):not(:active):not(.has-background),input[type=submit]:hover, input[type=submit]:active,.wpcf7 .wpcf7-submit:disabled {
        margin-top: 30px;
        background: #34aba0;
        font-size: 16px;
        padding: 13px 0px;
        text-align: center;
        width: 16rem !important;
        border-radius: 7px;
        border: none;
}