@charset "utf-8";




/*-----------------------------------------------------	*/
/* 202507追加CSS */
/*-----------------------------------------------------	*/

.hover{
    opacity: 0.8;
}

.news_wrapper{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
    @media screen and (max-width: 741px) {
        flex-direction: column;
        justify-content: center;
    }
    .item{
        width: calc( ( 100% - 2rem) / 2);
        @media screen and (max-width: 741px) {
           width: 90%;
        }
    }

}


/*お知らせ*/
._inner_news_box{
    dl{
        border-top: 1px solid #ddd;
        box-sizing: border-box;
        padding: 0.8em 2em;
        display: flex;
        gap: 1rem;
        align-items: center;
        @media screen and (max-width: 741px) {
            flex-direction: column;
        }
        dt{
            text-align: left;
            font-size: 14px;
            min-width: 15em;
            span{
                background-color: #D80000;
                border-radius: 30px;
                padding: 4px 12px;
                text-align: center;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                margin-right: 1em;
            }
        }
        dd{

        }
        &:last-child{
            border-bottom: 1px solid #ddd;
        }
    }
}

/*事務パンダブログ*/
._inner_panda_box{
    width: 85%;
    margin: 2rem auto;
                @media screen and (max-width: 741px) {
                    width: 100%;
                }
    h3{
        margin-bottom: 0;
    }
    ._inner_wrapper{
        background-color: #FDF0EC;
        border-radius: 20px;
        box-sizing: border-box;
        padding: 2em;
        gap: 20px;
        display: flex;
        justify-content: center;
        dl{
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: calc( ( 100% - 20px ) / 2);
            dt{
                width: 100%;
                height: 160px;
                img{
                   width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 15px;
                    display: block;
                }
            }
            dd{
                line-height: 1em;
                span{
                    display: block;
                    text-align: center;
                    font-size: 12px;
                    color: #00B0D8;
                    font-weight: bold;
                }
                text-align: center;
            }
        }
    }
}

/*コラム*/
.wpcolumn_wrapper{
    display: flex;
    gap: 1.5rem;
    align-items: center;
        @media screen and (max-width: 741px) {
            flex-direction: column;
        }
    dl{
        display: flex;
        flex-direction: column;
        align-items: center;
        dt{
            position: relative;
            box-sizing: border-box;
            padding-bottom: 1em;
            @media screen and (max-width: 741px) {
                width: 50%;
            }
            img{
                width: 100%;
                height: 100%;
                border-radius: 20px;
                object-fit: cover;
            }
            span{
                color: #fff;
                background-color: #00B0D8;
                padding: 0.2em 2em;
                font-size: 12px;
                font-weight: bold;
                text-align: center;
                width: 5em;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                position: absolute;
                border-radius: 30px;
            }
        }
        dd{
            line-height: 1.5em;
            text-align: center;
            span{
                display: block;
                font-size: 12px;
                color: #00B0D8;
                margin: 0.5em auto;
            }
            a{
                max-width: 8em;
                margin: 0 auto;
                display: block;
                @media screen and (max-width: 741px) {
                    max-width: unset;
                }
            }
        }
    }
}

/*Youtube前出し*/
.youtube_wrapper{
    margin: 50px auto 0 auto;
    h3{
        max-width: 160px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    ._inner_wrap{
        display: flex;
        gap: 1.5rem;
        span{
            margin-top: 0.5em;
            display: block;
            text-align: center;
            line-height: 1.5em;
            background-color: #fff;
            font-size: 14px;
        }
    }
}

/*WPサイドバー*/
.sidebar_wrapr{
    margin-bottom: 2rem;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 2em;
    h2{
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto 15px 0;
        color: #D80000;
        border-bottom: 2px solid #D80000;
        &:before{
            content: "■";
            margin-right: 0.5em;
        }
    }
    dl{
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        dt{
            font-size: 12px;
            span{
                color: #D80000;
                background-color: #FDF0EC;
                padding: 2px 5px;
                margin-left: 1em;
                width: 11em;
                display: inline-block;
                text-align: center;
                border-radius: 30px;
            }
        }
        dd{
           font-size: 14px;
        }
    }
}

#category_sidebar{
    background-color:#FDF0EC;
    ul{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex-direction: column;
        li{
            width: 100%;
            a{
                display: block;
                border: 1px solid #D80000;
                box-shadow: 3px 3px 10px #ccc;
                box-sizing: border-box;
                padding: 0.5em 1em;
                text-align: center;
                color: #D80000;
                font-weight: bold;
                background-color: #fff;
                font-size:14px;
                border-radius: 10px;
                text-decoration: none;
                letter-spacing: 0.1em;
            }
        }
    }
}

.news_btn_wrap{
    margin: 30px auto;
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    .link_btn{
        box-sizing: border-box;
        padding: 0.5em 2em;
        text-align: center;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        background-color: #D80000;
    }
}

[id]{
  scroll-margin-top: 150px; /* ← ヘッダーの高さ */
}

#sec_select{
    margin-top: 10rem;
}
