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

page-asbestos-investigation.css　アスベスト調査css

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

/*============================================================
 メインビジュアル
*============================================================*/
/* 
---------------------------------------- */
#page-asbestos-investigation #mainvisual  {
}
#page-ページslug #セクション名  {
}

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

}

/*============================================================
 セクション イントロ
*============================================================*/
#page-asbestos-investigation #sec-intro {
    margin-bottom: 120px;
}

/*============================================================
 セクション 登録・資格
*============================================================*/
#page-asbestos-investigation #sec-qualification {
    margin-bottom: 64px;
}
#page-asbestos-investigation #sec-qualification .sec-title {
    margin-bottom: 40px;
}
#page-asbestos-investigation #sec-qualification .qualification-type {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
#page-asbestos-investigation #sec-qualification .qualification-type .type {
    flex: 1;
    padding: 24px;
    background-color: var(--common-color-background1);
    border-radius: 8px;
}
#page-asbestos-investigation #sec-qualification .qualification-type .type .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 160%;
    text-decoration: underline;
    text-underline-offset: 8px;
    margin-bottom: 16px;
}

/*============================================================
 セクション アスベスト調査を行う背景や現状
*============================================================*/
#page-asbestos-investigation #sec-background {
    padding: 56px 0;
    background-color: #F8F8F8;
    margin-bottom: 78px;
}
#page-asbestos-investigation #sec-background .sec-title {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
#page-asbestos-investigation #sec-background .sec-title::before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    border: solid 4px var(--common-color-accent);
    border-radius: 100%;
}
#page-asbestos-investigation #sec-background .sec-lead {
    margin-bottom: 24px;
}
#page-asbestos-investigation #sec-background .layout {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
}
#page-asbestos-investigation #sec-background .info {
    flex: 1;
}
#page-asbestos-investigation #sec-background .image {
    width: 43.86%;
}
#page-asbestos-investigation #sec-background .image img {
    border-radius: 16px;
}

/*============================================================
 セクション CTA
*============================================================*/
#page-asbestos-investigation #sec-cta {
    margin-bottom: 160px;
}
#page-asbestos-investigation #sec-cta .sec-catch {
    font-weight: bold;
    font-size: 32px;
    line-height: 180%;
    letter-spacing: 0.08em;
    margin-bottom: 28px;
}

/*============================================================
 セクション 調査方法
*============================================================*/
#page-asbestos-investigation #sec-research {
    margin-bottom: 64px;
}
#page-asbestos-investigation #sec-research .sec-lead {
    margin-bottom: 32px;
}
#page-asbestos-investigation #sec-research .research-list {
    padding: 24px 16px;
    background-color: var(--common-color-background1);
    border-radius: 16px;
    margin-bottom: 32px;
}
#page-asbestos-investigation #sec-research .block-law {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    margin-bottom: 32px;
}
#page-asbestos-investigation #sec-research .block-law .info {
    flex: 1;
}
#page-asbestos-investigation #sec-research .block-law .info .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 16px;
}
#page-asbestos-investigation #sec-research .block-law .image {
    width: 43.86%;
}
#page-asbestos-investigation #sec-research .block-related {
}
#page-asbestos-investigation #sec-research .block-related .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 40px;
}
#page-asbestos-investigation #sec-research .block-related .related-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/*============================================================
 セクション 導線
*============================================================*/
#page-asbestos-investigation #sec-conductor {
    margin-bottom: 64px;
}
#page-asbestos-investigation #sec-conductor .parts-btn {
    --margin: 0 auto;
}

/*============================================================
 セクション 最近の実績
*============================================================*/
#page-asbestos-investigation #sec-works {
    padding: 48px 0 56px 0;
    background-color: var(--common-color-background1);
}
#page-asbestos-investigation #sec-works .sec-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 180%;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 0;
}
#page-asbestos-investigation #sec-works .sec-title-sub {
    text-align: center;
    margin-bottom: 32px;
}


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

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

}



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

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

}