/* ベース */
.contentWidth {
    max-width: 900px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .contentWidth {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.pfas__contentInner>section {
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

/* コンポーネント */
.pfas__sectionTitle {
    text-align: center;
    /* font-size: 36px; */
    font-weight: 700;
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .pfas__sectionTitle {
        font-size: 24px;
        white-space: normal;
    }

}

.pfas__sectionTitle.--left {
    text-align: left;
}

.pfas__sectionTitle.--left.pf_sc-tt::after {
    margin-left: 0;
    margin-right: auto;
}



.pf_page_header {
    color: #1B224C;
}

.pf_page_header::before {
    background: #fff;
}

.pfas__link {
    border-radius: .5em !important;
}

/* page-header */

.pfas__pageHeaderTitle {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.38;
}

@media screen and (max-width: 768px) {
    .pfas__pageHeaderTitle {
        font-size: 24px;
        text-align: left;
    }
}

.pfas__pageHeaderDesc {
    margin-top: 35px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
}


.pfas__pageHeaderLink.pf_btn {
    min-width: 380px;
    font-size: 16px;
    padding: .5em;
    border-radius: 1em !important;
}

@media screen and (max-width: 768px) {
    .pfas__pageHeaderLink.pf_btn {
        min-width: 100%;
        font-size: 14px;
    }
}

.pfas__pageHeaderLink .sizeL {
    font-size: 24px;
}

@media screen and (max-width: 768px) {
    .pfas__pageHeaderLink .sizeL {
        font-size: 20px;
    }
}


/* 太陽油化の事前調査サービス */
.pfas__serviceInvestigation {
    background: #F8F8F8;
    /* background-color: pink; */
}

.pfas__serviceInvestigationInner {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

/* .pfas__serviceInvestigation h3 {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 2rem;
} */

.pfas__cardList {
    margin-top: 66px;
    padding-left: 30px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .pfas__cardList {
        padding-left: 40px;
        padding-right: 20px;
        flex-direction: column;
        gap: 40px;
    }
}

.pfas__cardItem {
    background-color: #fff;
    width: 227px;
    padding: 32px 10px;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 768px) {
    .pfas__cardItem {
        width: 100%;
    }
}

.pfas__cardItem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.pfas__cardItem::before {
    content: attr(data-num);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 63px;
    height: 63px;
    background-color: #1B224C;
    color: #fff;
    border-radius: 100vh;
    font-size: 29px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}

.pfas__cardItemTitle {
    font-size: 24px;
    font-weight: 700;
}

.pfas__cardItemDesc {
    margin-top: .6rem;
    padding-left: 14px;
    padding-right: 14px;
}

.pfas__cardItemDesc li:not(.--first) {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
    text-align: left;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.pfas__cardItemDesc li.--first {
    text-align: center;
}

section.pfas__industrialWaste {
    padding-top: 0;
}

.pfas__industrialWasteLast {
    margin-top: 35px;
    display: block;
    font-size: 36px;
    text-align: center;
}


.pfas__industrialWasteNav {
    margin-top: 64px;
}

.pfas__industrialWasteLink {}

.pfas__link {}

.pf_btn {}


/* 太陽油化のPFAS処理サービス */
.pfas__industrialWaste {
    background: #F8F8F8;
}

/* そもそもPFASとは？ */
.pfas__whatIs {}

.pfas__whatIsInner {}

.pfas__sectionTitle {}

.pfas__whatIsContent {}

.pfas__whatIsImage {
    margin-top: 56px;
    width: 640px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 768px) {
    .pfas__whatIsImage {
        width: 100%;
    }
}
.pfas__whatIsImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 640/350;
}

.pfas__whatIsText {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    width: 640px;
    text-align: justify;
}

@media screen and (max-width: 768px) {
    .pfas__whatIsText {
        width: 100%;
    }
}

/* 近年増加するPFASに関する国内問題 */
.pfas__issues {}

.pfas__issuesInner {
    padding-left: 118px;
    padding-right: 118px;
    padding-left: 24%;
    padding-right: 24%;
}

@media screen and (max-width: 768px) {
    .pfas__issuesInner {
        padding-left: 0;
        padding-right: 0;
    }
}

.pfas__sectionTitle {}

.pfas__issuesTitle {
    margin-top: 40px;
    text-align: center;
    font-weight: bold;
}

.pfas__issuesContent {
    margin-top: 20px;
    width: 640px;
    margin-right: auto;
    margin-left: auto;
    word-break: break-all;
}

@media screen and (max-width: 768px) {
    .pfas__issuesContent {
        width: 100%;
    }
}


.pfas__issuesContent li+li {
    margin-top: 1lh;
}

.pfas__issuesContent p {
    margin-bottom: 0;
}

/* 駐車場に設置された固定式泡消火設備を保有されているビルオーナー・管理会社・設備業者様へ */

.pfas__forCustomers {
    background-color: #F8F8F8;
}

.pfas__forCustomersInner {}

.pfas__sectionTitle {}

.pfas__forCustomersText {
    margin-top: 40px;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    text-align: justify;
}

@media screen and (max-width: 768px) {
    .pfas__forCustomersText {
        width: 100%;
    }

}

.pfas__forCustomersImage {
    margin-top: 39px;
}

.pfas__forCustomersNav {}

.pfas__forCustomersLink {}

.pfas__link {}

.pf_btn {}

/* 東京都の補助金について */
.pfas__subsidy {}

.pfas__subsidyInner {}

.contentWidth {}

.pfas__sectionTitle {}

.pfas__subsidyImage {
    margin-top: 40px;
    width: 332px;
    margin-right: auto;
    margin-left: auto;
}

.pfas__subsidyText {
    margin-top: 40px;
    text-align: center;
}

/* ご依頼の流れ */

.pfas__flow {
    background-color: #F8F8F8;
}

.pfas__flowInner {}

.pfas__sectionTitle {}


.pfas__flowListWrap {
    margin-top: 40px;
}

.pfas__flowList {
    display: flex;
    justify-content: space-between;
    gap: 2.2%;
}

@media screen and (max-width: 768px) {
    .pfas__flowList {
        flex-direction: column;
        gap: 40px;
    }
}

.pfas__flowItem {}

.pfas__flowItemTitle {
    font-size: 18px;
    font-weight: 700;
}

.pfas__flowItemImage {}

.pfas__flowItemText {
    font-size: 11px;
    line-height: 2.54;
}

.pfas__flowNav {}

.pfas__flowLink {}

.pfas__link {}

.pf_btn {}


/* PFASコラム */

.pfas__column {
    background-color: #F8F8F8;
}

.pfas__columnInner {}

.pfas__sectionTitle {}

.--left {}

.pfas__columnList {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    gap: 3.3%;
}

@media screen and (max-width: 768px) {
    .pfas__columnList {
        flex-direction: column;
        gap: 40px;
    }
}

.pfas__columnItem {
    flex: 1;
}

.pfas__columnImage {}

.pfas__columnContent {
    color: #1B224C;
}

.pfas__columnCategory {}

.pfas__columnTitle {}

.pfas__columnText {}

.pfas__columnDate {}

.pfas__columnNav {}

.pfas__columnLink {}

.pfas__link {}

.pf_btn {}


/* ユーティリティ */

/* SPのみinline */
.u-inline-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .u-inline-sp {
        display: inline;
    }
}