@charset "UTF-8";
/*header
-------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 1585px), print {
    .header-right-box {
        margin-left: 1vw!important;
        width: 14vw!important;
    }
    .header-right-box__text {
        font-size: 0.8vw!important;
    }
    .header-right__item:nth-of-type(n + 2) {
        margin-left: 1vw!important;
    }
    .header-right__text {
        font-size: 0.9vw!important;
    }
    .header_tel {
        font-size: 1vw!important;
        margin-right: 1vw!important;
    }
}
/*header end
-------------------------------------------------------*/
/*main_lead
-------------------------------------------------------*/
.main_lead {
    font-size: 2.0rem;
}
.main_lead > p + p {
    margin-top: 1em;
}
.lead {
    font-size: 2.0rem;
}
.lead > p + p {
    margin-top: 1em;
}
.lead_line_h_03 {
    line-height: 3;
}
@media screen and (max-width: 769px) {
    .main_lead {
        font-size: 1.8rem;
    }
    .lead, .lead > * {
        font-size: 1.8rem;
    }
}
/*midashi
-------------------------------------------------------*/
.midashi_01 {
    border-bottom: 1px solid #333;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}
.midashi_01.col_blue {
    color: #0399D9;
    border-bottom-color: #0399D9;
}
/*col_______
-------------------------------------------------------*/
.col_blue {
    color: #0399D9;
}
.col_gray {
    color: #515151;
}
/*tezt_align
-------------------------------------------------------*/
.tac_tal {
    text-align: center;
}
.tal_tac {
    text-align: left;
}
@media screen and (max-width: 769px) {
    .tac_tal {
        text-align: left;
    }
    .tal_tac {
        text-align: center;
    }
}
/*font-size
-------------------------------------------------------*/
.sdfsz_01 {
    font-size: 1.6rem;
}
.sdfsz_02 {
    font-size: 1.7rem;
}
.sdfsz_03 {
    font-size: 1.8rem;
}
.sdfsz_04 {
    font-size: 1.9rem;
}
.sdfsz_05 {
    font-size: 2.0rem;
}
.sdfsz_06 {
    font-size: 2.1rem;
}
.sdfsz_07 {
    font-size: 2.2rem;
}
.sdfsz_08 {
    font-size: 2.3rem;
}
.sdfsz_09 {
    font-size: 2.4rem;
}
.sdfsz_10 {
    font-size: 2.5rem;
}
.sdfsz_11 {
    font-size: 2.6rem;
}
.sdfsz_12 {
    font-size: 2.7rem;
}
.sdfsz_13 {
    font-size: 2.8rem;
}
.sdfsz_14 {
    font-size: 2.9rem;
}
.sdfsz_15 {
    font-size: 3.0rem;
}
/* padding
============================================================================================================ */
.pdpdb_ll_2_ll_2 {
    padding-top: 15rem;
    padding-bottom: 15rem;
}
.pdt_ll_2 {
    padding-top: 15rem;
}
.pdb_ll_2 {
    padding-bottom: 15rem;
}
.pd_ll {
    padding-top: 12rem;
    padding-bottom: 12rem;
}
.pdt_ll {
    padding-top: 12rem;
}
.pdb_ll {
    padding-bottom: 12rem;
}
.pd_l {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.pdt_l {
    padding-top: 8rem;
}
.pdb_l {
    padding-bottom: 8rem;
}
.pd_ml {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.pdt_ml {
    padding-top: 7rem;
}
.pdb_ml {
    padding-bottom: 7rem;
}
.pd_m {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.pdt_m {
    padding-top: 6rem;
}
.pdb_m {
    padding-bottom: 6rem;
}
.pd_ms {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.pdt_ms {
    padding-top: 5rem;
}
.pdb_ms {
    padding-bottom: 5rem;
}
.pd_sl {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.pdt_sl {
    padding-top: 3rem;
}
.pdb_sl {
    padding-bottom: 3rem;
}
.pd_s {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.pdt_s {
    padding-top: 2.5rem;
}
.pdb_s {
    padding-bottom: 2.5rem;
}
.pd_ss {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pdt_ss {
    padding-top: 1.5rem;
}
.pdb_ss {
    padding-bottom: 1.5rem;
}
@media screen and (max-width: 769px) {
    .pdpdb_ll_2_ll_2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .pdt_ll_2 {
        padding-top: 10rem;
    }
    .pdb_ll_2 {
        padding-bottom: 15rem;
    }
    .pd_ll {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .pdt_ll {
        padding-top: 8rem;
    }
    .pdb_ll {
        padding-bottom: 8rem;
    }
    .pd_l {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .pdt_l {
        padding-top: 6rem;
    }
    .pdb_l {
        padding-bottom: 6rem;
    }
    .pd_ml {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .pdt_ml {
        padding-top: 5rem;
    }
    .pdb_ml {
        padding-bottom: 5rem;
    }
    .pd_m {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .pdt_m {
        padding-top: 4rem;
    }
    .pdb_m {
        padding-bottom: 4rem;
    }
    .pd_ms {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
    .pdt_ms {
        padding-top: 4.5rem;
    }
    .pdb_ms {
        padding-bottom: 4.5rem;
    }
    .pd_sl {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .pdt_sl {
        padding-top: 3rem;
    }
    .pdb_sl {
        padding-bottom: 3rem;
    }
    .pd_s {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .pdt_s {
        padding-top: 2rem;
    }
    .pdb_s {
        padding-bottom: 2rem;
    }
    .pd_ss {
        padding-top: 1.0rem;
        padding-bottom: 1.0rem;
    }
    .pdt_ss {
        padding-top: 1.0rem;
    }
    .pdb_ss {
        padding-bottom: 1.0rem;
    }
}
@media screen and (max-width: 480px) {
    .pdpdb_ll_2_ll_2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .pd_ll_2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .pdt_ll_2 {
        padding-top: 10rem;
    }
    .pdb_ll_2 {
        padding-bottom: 10rem;
    }
    .pd_ll {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .pdt_ll {
        padding-top: 8rem;
    }
    .pdb_ll {
        padding-bottom: 8rem;
    }
    .pd_l {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .pdt_l {
        padding-top: 6rem;
    }
    .pdb_l {
        padding-bottom: 6rem;
    }
    .pd_m {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .pdt_m {
        padding-top: 4rem;
    }
    .pdb_m {
        padding-bottom: 4rem;
    }
    .pd_s {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .pdt_s {
        padding-top: 2rem;
    }
    .pdb_s {
        padding-bottom: 2rem;
    }
}
/* fbox
============================================================================================================ */
.fbox {
    display: flex;
}
@media screen and (min-width: 770px), print {
    .fbox.f_pc {
        display: flex;
    }
    .fbox.f_sp {
        display: block;
    }
}
@media screen and (max-width: 769px) {
    .fbox.f_pc {
        display: block;
    }
    .fbox.f_sp {
        display: flex;
    }
}
.ff_re {
    flex-flow: row-reverse;
}
.jc_sp {
    justify-content: space-between;
}
.it_cener {
    align-items: center;
}
.it_start {
    align-items: flex-start;
}
/*分割比
----------------------------------------------*/
/*fbox_col2*/
.fbox_col2 {
    gap: 3%;
    flex-wrap: wrap;
}
.fbox_col2 > * {
    width: 48.5%;
}
@media screen and (max-width: 769px) {
    .fbox_col2.f_pc > * {
        width: auto;
        margin-top: 3%;
    }
    .fbox_col2.f_pc > * + * {
        margin-top: 8%
    }
}
/*fbox_col3*/
.fbox_col3 {
    gap: 2%;
    flex-wrap: wrap;
}
.fbox_col3 > * {
    width: 32%;
}
@media screen and (max-width: 769px) {
    .fbox_col3.f_pc > * {
        width: auto;
    }
    .fbox_col3.f_pc > * + * {
        margin-top: 8%
    }
}
/*fbox_4_6*/
.fbox_4_6 {
    gap: 5%;
}
.fbox_4_6 > *:nth-child(1) {
    width: 37%;
}
.fbox_4_6 > *:nth-child(2) {
    width: 58%;
}
@media screen and (max-width: 769px) {
    .fbox_4_6.f_pc > *:nth-child(1) {
        width: auto;
    }
    .fbox_4_6.f_pc > *:nth-child(2) {
        width: auto;
    }
    .fbox_4_6.f_pc > * + * {
        margin-top: 8%
    }
}
/*fbox_6_4*/
.fbox_6_4 {
    gap: 5%;
}
.fbox_6_4 > *:nth-child(1) {
    width: 58%;
}
.fbox_6_4 > *:nth-child(2) {
    width: 37%;
}
@media screen and (max-width: 769px) {
    .fbox_6_4.f_pc > *:nth-child(1) {
        width: auto;
    }
    .fbox_6_4.f_pc > *:nth-child(2) {
        width: auto;
    }
    .fbox_6_4.f_pc > * + * {
        margin-top: 8%
    }
}
/*fbox_7_3*/
.fbox_7_3 {
    gap: 5%;
}
.fbox_7_3 > *:nth-child(1) {
    width: 65%;
}
.fbox_7_3 > *:nth-child(2) {
    width: 30%;
}
@media screen and (max-width: 769px) {
    .fbox_7_3.f_pc > *:nth-child(1) {
        width: auto;
    }
    .fbox_7_3.f_pc > *:nth-child(2) {
        width: auto;
    }
    .fbox_7_3.f_pc > * + * {
        margin-top: 8%
    }
}
/*fbox_3_7*/
.fbox_3_7 {
    gap: 5%;
}
.fbox_3_7 > *:nth-child(1) {
    width: 30%;
}
.fbox_3_7 > *:nth-child(2) {
    width: 65%;
}
@media screen and (max-width: 769px) {
    .fbox_3_7.f_pc > *:nth-child(1) {
        width: auto;
    }
    .fbox_3_7.f_pc > *:nth-child(2) {
        width: auto;
    }
    .fbox_3_7.f_pc > * + * {
        margin-top: 8%
    }
}
/*fbox_8_2*/
.fbox_8_2 {
    gap: 5%;
}
.fbox_8_2 > *:nth-child(1) {
    width: 80%;
}
.fbox_8_2 > *:nth-child(2) {
    width: 15%;
}
@media screen and (max-width: 769px) {
    .fbox_8_2.f_pc > *:nth-child(1) {
        width: auto;
    }
    .fbox_8_2.f_pc > *:nth-child(2) {
        width: auto;
    }
    .fbox_8_2.f_pc > * + * {
        margin-top: 8%
    }
    .fbox_8_2 > *:nth-child(1) {
        width: 60%;
    }
    .fbox_8_2 > *:nth-child(2) {
        width: 35%;
    }
}
/*fbox_2_8*/
.fbox_2_8 {
    gap: 5%;
}
.fbox_2_8 > *:nth-child(1) {
    width: 15%;
}
.fbox_2_8 > *:nth-child(2) {
    width: 80%;
}
@media screen and (max-width: 769px) {
    .fbox_2_8.f_pc > *:nth-child(1) {
        width: auto;
    }
    .fbox_2_8.f_pc > *:nth-child(2) {
        width: auto;
    }
    .fbox_2_8 > *:nth-child(1) {
        width: 35%;
    }
    .fbox_2_8.f_pc > * + * {
        margin-top: 8%
    }
    .fbox_2_8 > *:nth-child(2) {
        width: 60%;
    }
}
/*section_text
-------------------------------------------------------*/
.section_text + .section_text {
    padding-top: 3em;
}
.section_text .fbox {
    gap: 4%;
}
.section_text .fbox .text_box {
    width: 80%;
}
.section_text .fbox .img {
    width: 20%;
    ;
}
.section_text .fbox .img img {
    width: 100%;
}
.sdgs_btn {
    max-width: 50%;
    margin: auto;
}
@media screen and (max-width: 769px) {
    .sdgs_btn {
        max-width: 70%;
        margin: auto;
    }
}