@charset "utf-8";
/*
Theme Name: solaris_tcd088-child
Author: r Ku
Version: 2.1.3
Text Domain:tcd-solaris
Template: solaris_tcd088
*/


/* =======================================================
* page-about
* ======================================================= */
#page_about .page_desc,
.page_about_measures {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
}

.page_about_container {
    background: url(/wp-content/uploads/2023/10/about_01.jpg) center no-repeat;
    background-size: cover;
    padding-top: 80px;
}

.page_about_inner {
    justify-content: center;
    padding-bottom: 80px;
}

.page_about_inner:nth-of-type(odd) {
    justify-content: flex-start;
}

.page_about_inner:nth-of-type(even) {
    justify-content: flex-end;
}

.page_about_text {
    width: 100%;
    max-width: 1400px;
    background: #FFF;
    padding: 80px 0;
}

.page_about_text h2,
.page_about_text p {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
}

.page_about_text h2 {
    font-size: 28px;
    padding-bottom: 45px;
}

/* =======================================================
* page-sdgs
* ======================================================= */
.page_sdgs_container p span {
    display: inline-block;
    padding-left: 2em;
	text-indent: -2em;
}

/* =======================================================
* max-width: 1399px
* ======================================================= */
@media screen and (max-width: 1399px) {
    #page_about .page_desc {
        padding: 40px 25px;
    }

    .page_about_container {
        padding-top: 40px;
    }

    .page_about_inner {
        padding-bottom: 40px;
    }

    .page_about_text {
        width: 90%;
        padding: 40px 25px;
    }

    .page_about_text h2 {
        font-size: 18px;
        line-height: 1.6;
        padding-bottom: 30px;
    }

    .page_about_measures {
        padding: 0 25px;
    }

    .products_point .flex-between img {
        width: 40%;
    }

    .products_point .products_points_inner {
        width: 60%;
    }
}

/* =======================================================
* max-width: 770px
* ======================================================= */
@media screen and (max-width: 770px) {
    .products_point .products_points_inner {
        width: 100%;
    }

    .page_about_text {
        width: 80%;
    }
}