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

page-company.css　会社案内css

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

/*============================================================
 メインビジュアル
*============================================================*/
/* 
---------------------------------------- */
#page-company #mainvisual  {
    background-image: linear-gradient( rgba(0, 0, 0, 0.50) ,rgba(0, 0, 0, 0.50)), url(../images/company/mv.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

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

}

/*============================================================
 保有資格
*============================================================*/
#page-company #sec-license .license-list {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    gap: 16px;
}
#page-company #sec-license .license-list .item {
    width: calc((100% - 16px) / 2);
}
#page-company #sec-license .license-list .item .block-ul-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
}



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



}



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

    /*============================================================
     保有資格
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-company #sec-license .license-list .item {
        width: 100%;
    }

}