@charset "utf-8";

/* fsc_intro */
.fsc_intro {
    padding: 120px 0;
    background-image: url("../img/fsc/fsc_intro_bg.jpg");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}
.fsc_intro_ttl {
    text-align: center;
}
.fsc_intro_ttl h2 {
    display: inline-block;
    font-weight: 600;
    text-align: left;
}
/* fsc_introここまで */

/* fsc_reasons */
.reasons_content_wrap {
    padding: 32px;
    box-sizing: border-box;
    background-color: #F0F7E7;
}
.reasons_content {
    margin-bottom: 40px;
}
.reasons_content:last-child {
    margin-bottom: 0;
}
.reasons_ttl {
    display: flex;
    align-items: center;
}
.reasons_ttl .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 56px;
    width: 100%;
    height: 56px;
    margin-right: 8px;
    font-weight: 600;
    font-size: 24px;
    color: #FFF;
    background-color: #1D4763;
    border: 1px solid transparent;
    border-radius: 56px;
}
.reasons_ttl h3 {
    width: 100%;
}
.reasons_ttl_img_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px;
}
.reasons_ttl_img_wrap .sdgs_logo {
    width: 30%;
}
.reasons_ttl_img_wrap .sdgs_icon_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}
.sdgs_icon_wrap .sdgs_icon {
    width: 14.285%;
    padding: 4px;
    box-sizing: border-box;
}
/* fsc_reasonsここまで */

/* fsc_case */
.case {
    display: flex;
    flex-wrap: wrap;
}
.case_small {
    display: flex;
    flex-wrap: wrap;
    width: 55%;
}
.case_large {
    width: 45%;
}
.case_item {
    padding: 16px;
    box-sizing: border-box;
}
.case_img {
    margin-bottom: 16px;
    padding: 24px;
    box-sizing: border-box;
    text-align: center;
    background-color: #F0F7E7;
}
.case_img img {
    max-width: 100%;
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.case_small .case_item {
    width: 50%;
}
.case_small .case_img {
    height: 200px;
}
.case_large .case_img {
    height: 464px;
}
/* fsc_caseここまで */

/* fsc_about */
.fsc_crt {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 48px
}
.fsc_crt .fsc_desc {
    width: 55%;
    padding-right: 72px;
    box-sizing: border-box;
}
.fsc_crt .fsc_fmcoc {
    width: 45%;
}
.fsc_crt .fsc_fmcoc .fmcoc_ref {
    margin-top: 24px;
    text-align: center
}
.fsc_crt .fsc_fmcoc .fmcoc_ref a {
    color: #1D4763;
    text-decoration: underline;
}
.fsc_crt .fsc_fmcoc .fmcoc_ref a:hover {
    color: #5FC1C7;
}
.fsc_desc_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    padding: 32px;
    border: 1px solid #1D4763;
}
.fsc_auth {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.fsc_auth .auth_info {
    width: 65%;
    box-sizing: border-box;
}
.fsc_auth .auth_mark {
    width: 35%;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.fsc_auth .auth_info table {
    width: 100%;
}
.fsc_auth .auth_mark img {
    max-width: 160px;
    width: 100%;
}
.auth_info h3 {
    margin-bottom: 8px;
}
.auth_info th,
.auth_info td {
    padding: 16px 24px;
}
.auth_info th {
    font-weight: 500;
    background-color: #EFF9FA;
}
/* fsc_aboutここまで */

/* レスポンシブ */
@media screen and (min-width: 1025px) {
    .flow_img_sp {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .fsc_intro {
        background-size: cover;
    }
    .fsc_crt .fsc_desc {
        width: 100%;
        padding-right: 0;
        padding-bottom: 32px;
    }
    .fsc_crt .fsc_fmcoc {
        width: 100%;
    }
    .fsc_desc_ttl h3 br {
        display: none;
    }
    .fsc_auth .auth_info {
        width: 100%;
    }
    .fsc_auth .auth_mark {
        width: 100%;
        padding: 40px 0 0 0;
    }
    .flow_img_pc {
        display: none;
    }
    .flow_img_sp {
        display: block;
    }
}
@media screen and (max-width: 599px) {
    .reasons_ttl {
        align-items: flex-start;
    }
    .reasons_ttl_img_wrap .sdgs_logo {
        width: 100%;
        text-align: center;
    }
    .reasons_ttl_img_wrap .sdgs_logo img {
        max-width: 240px;
    }
    .reasons_ttl_img_wrap .sdgs_icon_wrap {
        width: 100%;
    }
    .sdgs_icon_wrap .sdgs_icon {
        width: 25%;
    }
    .case_small {
        width: 100%;
    }
    .case_large {
        width: 100%;
    }
    .case_small .case_item {
        width: 100%;
    }
    .fsc_auth .auth_info .table_container {
        overflow-y: auto;
    }
    .fsc_auth .auth_info table {
        width: 800px;
    }
}
/* レスポンシブここまで */