@charset "UTF-8";
/********************************************************************************

page-achievement.css　施工実績css

********************************************************************************/

/*============================================================
 メインビジュアル
*============================================================*/
/* 
---------------------------------------- */
#page-achievement-list #mainvisual,
#page-achievement #mainvisual {
    background-image: linear-gradient( rgba(0, 0, 0, 0.50) ,rgba(0, 0, 0, 0.50)), url(../images/achievement/mv.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#page-ページslug #セクション名  {
}

/*============================================================
 セクション共通
*============================================================*/
/* 
---------------------------------------- */
#page-sample .section {

}

/*============================================================
 施工実績一覧
*============================================================*/
#page-achievement-list #main-contents {
    padding-bottom: 0;
}

/* カテゴリー一覧
---------------------------------------- */
#page-achievement-list #term-list {
    padding: 32px 0;
    margin-bottom: 0;
}
#page-achievement-list #term-list .parts-boxes {
    gap: 16px;
}
#page-achievement-list #term-list .parts-boxes .item {
}
#page-achievement-list #term-list .parts-boxes .item a {
    display: inline-block;
    padding: 10px 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    border: 1px solid #E5E7EB;
    background: #ffffff;
    transition: all 0.3s ease;
}
#page-achievement-list #term-list .parts-boxes .item a:hover {
    background: #efeff37d;
}

#page-achievement-list #term-list .parts-boxes .item.active a {
    border: 1px solid var(--common-color-main);
    background: var(--common-color-main);
    color: #ffffff;
}

/* 投稿一覧一覧
---------------------------------------- */
#page-achievement-list #sec-post-list {
    padding: 65px 0;
}

/* 記事がない場合
---------------------------------------- */
#page-achievement-list #sec-post-data-none {
    padding: 65px 0;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1024px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #sec-セクション名 {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #mainvisual  {
    }

    /*============================================================
    施工実績一覧
    *============================================================*/
    #page-achievement-list #main-contents {
    }

    /* カテゴリー一覧
    ---------------------------------------- */
    #page-achievement-list #term-list .parts-boxes .item a {
        padding: 10px 16px;
        font-size: 14px;
    }                               

}