@charset "UTF-8";

/************************************************************/
/*   C0   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    #C0{
        padding: 60px 0 0;
        overflow: hidden;
    }
    .C0_key_set{
        width: 100%;
        margin-bottom: 40px;
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end;
        flex-direction: column;
    }
    .C0_key_svg{
        height: 18vw; max-height: 65px;
        aspect-ratio: 80 / 20;
        margin-bottom: 20px;
    }
    .C0_key_box{
        font-size: 1.8rem; font-weight: bold; line-height: 1;
    }
    .C0_set{
        width: 100%;
    }
    .C0_tx01{
        margin-bottom: 15px;
        font-size: min(5.8vw, 2.1rem);
        font-weight: bold;
    }
    .C0_BR01,
    .C0_BR02{
        display: inline;
    }
    .C0_link_set{
        width: 100%;
    }
    .C0_link_box{
        display: block;
        font-size: min(5.8vw, 2.1rem);
        font-weight: bold; color: #3C6B32; line-height: 1;
        margin-top: 20px;
        padding-left: 15px;
        position: relative;
    }
    .C0_link_box::before{
        content: ''; position: absolute;
        top: 0; bottom: 0; left: 0;
        width: 1px; height: 100%;
        background-color: #000;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    #C0{
        padding: 90px 0 0;
        position: relative; z-index: 1;
    }
    .C0_key_set{
        width: 100%; max-width: 840px;
        margin-bottom: 40px;
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end;
        flex-direction: column;
    }
    .C0_key_svg{
        height: 100px;
        aspect-ratio: 80 / 20;
        margin-bottom: 20px;
    }
    .C0_key_box{
        font-size: 3.2rem; font-weight: bold; line-height: 1;
    }
    .C0_set{
        width: 100%;
        padding-left: calc((100% - 840px) /2);
    }
    .C0_tx01{
        font-size: 2.4rem; font-weight: bold;
    }
    .C0_BR01{
        display: none;
    }
    .C0_BR02{
        display: inline;
    }
    .C0_link_set{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
    }
    .C0_link_box{
        display: block;
        font-size: 2.4rem;
        font-weight: bold; color: #3C6B32; line-height: 1;
        margin-right: 60px;
        margin-top: 30px;
        position: relative;
    }
    .C0_link_box::before{
        content: ''; position: absolute;
        top: 0; bottom: 0; right: -30px;
        width: 1px; height: 100%;
        background-color: #000;
    }
    .C0_link_box:last-of-type{
        margin-right: 0;
    }
    .C0_link_box:last-of-type::before{
        display: none;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #C0{
        padding: 90px 0 0;
        position: relative; z-index: 1;
    }
    .C0_key_set{
        width: 100%; max-width: 840px;
        margin-bottom: 40px;
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end;
        flex-direction: column;
    }
    .C0_key_svg{
        height: 130px;
        aspect-ratio: 80 / 20;
        margin-bottom: 20px;
    }
    .C0_key_box{
        font-size: 3.2rem; font-weight: bold; line-height: 1;
    }
    .C0_set{
        width: 100%;
        padding-left: calc((100% - 840px) /2);
    }
    .C0_tx01{
        font-size: 2.4rem; font-weight: bold;
    }
    .C0_BR01,
    .C0_BR02{
        display: none;
    }
    .C0_link_set{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
    }
    .C0_link_box{
        display: block;
        font-size: 2.4rem; font-weight: bold; color: #3C6B32; line-height: 1;
        margin-right: 60px;
        margin-top: 30px;
        position: relative;
    }
    .C0_link_box::before{
        content: ''; position: absolute;
        top: 0; bottom: 0; right: -30px;
        width: 1px; height: 100%;
        background-color: #000;
    }
    .C0_link_box:last-of-type{
        margin-right: 0;
    }
    .C0_link_box:last-of-type::before{
        display: none;
    }
}

/************************************************************/
/*   C1   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    #C1{
        padding: 60px 0 0;
    }
    .C1_key_set{
        width: 100%;
    }
    .C1_key_svg{
        height: 18vw; max-height: 65px;
        aspect-ratio: 394 / 130;
        margin-bottom: 20px;
    }
    .C1_key_box{
        font-size: 1.8rem; font-weight: bold; line-height: 1;
        margin-bottom: 30px;
    }
    .C1_set_A{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_A_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_A_box_02{
        width: 100%;
    }
    .C1_set_B{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_B_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_B_box_02{
        width: 100%;
    }
    .C1_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    #C1{
        padding: 90px 0 0;
    }
    .C1_key_set{
        width: 100%;
    }
    .C1_key_svg{
        height: 100px;
        aspect-ratio: 394 / 130;
        margin-bottom: 20px;
    }
    .C1_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
        margin-bottom: 30px;
    }
    .C1_set_A{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_A_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_A_box_02{
        width: 100%;
    }
    .C1_set_B{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_B_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C1_B_box_02{
        width: 100%;
    }
    .C1_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #C1{
        padding: 90px 0 0;
    }
    .C1_key_set{
        width: 100%; max-width: 840px;
    }
    .C1_key_svg{
        height: 130px;
        aspect-ratio: 394 / 130;
        margin-bottom: 20px;
    }
    .C1_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
    }
    .C1_set_A{
        width: 100%;
        margin-bottom: 60px;
        padding-left: calc((100% - 840px) /2);
        display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end;
        flex-direction: row-reverse;
    }
    .C1_A_box_01{
        width: calc(100% - 330px); max-width: 630px;
    }
    .C1_A_box_02{
        width: 330px;
        padding-right: 40px;
    }
    .C1_set_B{
        width: 100%;
        margin-bottom: 60px;
        padding-right: calc((100% - 840px) /2);
        display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end;
    }
    .C1_B_box_01{
        width: calc(100% - 330px); max-width: 630px;
    }
    .C1_B_box_02{
        width: 330px;
        padding-left: 40px;
    }
    .C1_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}

/* slick */
@media screen and (max-width:767px) { /*SP*/
    #C1_slide_set{
        width: 100%;
        height: 120px;
        position: relative; z-index: 1;
    }
    #C1_slide_set::before{
        content: ''; position: absolute; z-index: -1;
        bottom: -1px; left: 0;
        width: 100%; height: calc(50% + 1px);
        background-color: #000;
    }
    .C1_slide_img{
        width: 225px;
        padding-right: 15px;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    #C1_slide_set{
        width: 100%;
        height: 200px;
        position: relative; z-index: 1;
    }
    #C1_slide_set::before{
        content: ''; position: absolute; z-index: -1;
        bottom: -1px; left: 0;
        width: 100%; height: calc(50% + 1px);
        background-color: #000;
    }
    .C1_slide_img{
        width: 370px;
        padding-right: 20px;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #C1_slide_set{
        width: 100%;
        height: 240px;
        position: relative; z-index: 1;
    }
    #C1_slide_set::before{
        content: ''; position: absolute; z-index: -1;
        bottom: -1px; left: 0;
        width: 100%; height: calc(50% + 1px);
        background-color: #000;
    }
    .C1_slide_img{
        width: 440px;
        padding-right: 20px;
    }
}

/************************************************************/
/*   C2   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    #C2{
        padding: 60px 0 0;
        background-color: #000;
        color: #fff;
    }
    .C2_key_set{
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    .C2_key_svg{
        width: 158px;
        margin: 0 auto 20px;
    }
    .C2_key_box{
        font-size: 1.8rem; font-weight: bold; line-height: 1;
    }
    .C2_product_img{
        width: 100%;
        margin-bottom: 20px;
    }
    .C2_product_set{
        width: 100%;
        padding: 0 20px;
        margin-bottom: 30px;
    }
    .C2_product_key{
        font-size: 2.4rem; font-weight: bold;
        margin-bottom: 20px;
    }
    .C2_product_box{
        width: 100%;
    }
    .C2_product_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
    .C2_product_price{
        text-align: right;
        font-size: 2.1rem; font-weight: bold;
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    #C2{
        padding: 60px 0 0;
        background-color: #000;
        color: #fff;
    }
    .C2_key_set{
        width: 100%; max-width: 840px;
        margin-bottom: 60px;
        text-align: center;
    }
    .C2_key_svg{
        width: 370px;
        margin: 0 auto 21px;
    }
    .C2_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
    }
    .C2_product_img{
        width: 100%; max-width: 1080px;
        margin-bottom: 60px;
    }
    .C2_product_set{
        width: 100%; max-width: 940px;
        padding: 0 50px;
        margin-bottom: 60px;
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;
    }
    .C2_product_key{
        width: 32%;
        font-size: 3.2rem; font-weight: bold; line-height: 1.4;
    }
    .C2_product_box{
        width: 68%; max-width: 570px;
    }
    .C2_product_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
    .C2_product_price{
        text-align: right;
        font-size: 2.4rem; font-weight: bold;
        line-height: 2.4rem;
        margin-top: 30px;
    }
}

/* set */
@media screen and (max-width:767px) { /*SP*/
    .C2_set_A{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_A_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_A_box_02{
        width: 100%;
    }
    .C2_set_B{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_B_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_B_box_02{
        width: 100%;
    }
    .C2_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    .C2_set_A{
        width: 100%;
        margin-bottom: 60px;
    }
    .C2_A_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_A_box_02{
        width: 100%;
    }
    .C2_set_B{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_B_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C2_B_box_02{
        width: 100%;
    }
    .C2_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    .C2_set_A{
        width: 100%;
        margin-bottom: 90px;
        padding-left: calc((100% - 840px) /2);
        display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end;
        flex-direction: row-reverse;
    }
    .C2_A_box_01{
        width: calc(100% - 330px); max-width: 630px;
    }
    .C2_A_box_02{
        width: 330px;
        padding-right: 40px;
    }
    .C2_set_B{
        width: 100%;
        margin-bottom: 60px;
        padding-right: calc((100% - 840px) /2);
        display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end;
    }
    .C2_B_box_01{
        width: calc(100% - 330px); max-width: 630px;
    }
    .C2_B_box_02{
        width: 330px;
        padding-left: 40px;
    }
    .C2_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}

/* video */
@media screen and (max-width:767px) { /*SP*/
    .C2_video_wrap{
        width: 100%; height: 160px;
        position: relative;
        overflow: hidden;
    }
    #video {
        min-width: 100%; min-height: 100%;
        width: 100%; height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%; left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .coverTop {
        width: 100%; height: 100%;
        position: absolute; z-index: 1;
        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.164) 50%, rgba(0, 0, 0, 0.384) 50%);
        background-size: 2px 2px;
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    .C2_video_wrap{
        width: 100%; height: 450px;
        position: relative;
        overflow: hidden;
    }
    #video {
        min-width: 100%; min-height: 100%;
        width: 100%; height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%; left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .coverTop {
        width: 100%; height: 100%;
        position: absolute; z-index: 1;
        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.164) 50%, rgba(0, 0, 0, 0.384) 50%);
        background-size: 2px 2px;
    }
}

/************************************************************/
/*   C3   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    #C3{
        padding: 60px 0 0;
    }
    .C3_set{
        width: 100%;
        margin-bottom: 45px;
    }
    .C3_img_pc{
        display: none;
    }
    .C3_img_sp{
        width: 100%;
        margin-bottom: 30px;
    }
    .C3_box{
        width: 100%;
    }
    .C3_key_set{
        width: 100%;
        margin-bottom: 30px;
    }
    .C3_key_svg{
        height: 18vw;
        max-height: 65px;
        aspect-ratio: 242 / 130;
        margin-bottom: 20px;
    }
    .C3_key_box{
        font-size: 1.8rem; font-weight: bold; line-height: 1;
    }
    .C3_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    #C3{
        padding: 90px 0 0;
    }
    .C3_set{
        width: 100%;
        margin-bottom: 45px;
    }
    .C3_img_pc{
        display: none;
    }
    .C3_img_sp{
        width: 100%;
        margin-bottom: 30px;
    }
    .C3_box{
        width: 100%;
    }
    .C3_key_set{
        width: 100%;
        margin-bottom: 30px;
    }
    .C3_key_svg{
        height: 100px;
        aspect-ratio: 242 / 130;
        margin-bottom: 20px;
    }
    .C3_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
    }
    .C3_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #C3{
        padding: 90px 0 0;
    }
    .C3_set{
        width: 100%;
        padding-left: calc((100% - 840px) /2);
        margin-bottom: 45px;
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;
    }
    .C3_img_pc{
        width: calc(100% - 330px); max-width: 630px;
    }
    .C3_img_sp{
        display: none;
    }
    .C3_box{
        width: 330px;
        padding-right: 40px;
    }
    .C3_key_set{
        width: 100%;
        margin-bottom: 30px;
    }
    .C3_key_svg{
        height: 130px;
        aspect-ratio: 242 / 130;
        margin-bottom: 20px;
    }
    .C3_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
    }
    .C3_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}

/* list */
@media screen and (max-width:767px) { /*SP*/
    .C3_list_set{
        width: 100%;
        border: 5px solid #000;
        padding: 20px 0;
        margin-bottom: 30px;
        position: relative;
    }
    .C3_list_key{
        position: absolute;
        top: -10px; left: 0; right: 0; margin: auto;
        width: 130px; height: 20px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        background-color: #fff;
        font-size: 1.4rem; font-weight: bold; line-height: 1;
    }
    .C3_list_key span{
        font-size: 1.2rem; font-weight: normal;
        display: inline-block;
    }
    .C3_list_box{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .C3_list_tx{
        font-size: min(4.3vw, 1.6rem);
        font-weight: bold; line-height: 1.2;
        padding: 0 10px;
        position: relative;
    }
    .C3_list_tx::before{
        content: ''; position: absolute;
        top: 0; bottom: 0; right: 0;
        width: 1px; height: 100%;
        background-color: #000;
    }
    .C3_list_tx:last-of-type:before{
        display: none;
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    .C3_list_set{
        width: 100%; max-width: 840px;
        border: 5px solid #000;
        padding: 30px 0;
        margin-bottom: 60px;
        position: relative;
    }
    .C3_list_key{
        position: absolute;
        top: -19px; left: 0; right: 0; margin: auto;
        width: 200px; height: 38px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        background-color: #fff;
        font-size: 1.9rem; font-weight: bold; line-height: 1;
    }
    .C3_list_key span{
        font-size: 1.6rem; font-weight: normal;
        display: inline-block;
        margin-left: 10px;
    }
    .C3_list_box{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .C3_list_tx{
        font-size: 2.1rem; font-weight: bold; line-height: 1.2;
        padding: 0 40px;
        position: relative;
    }
    .C3_list_tx::before{
        content: ''; position: absolute;
        top: 0; bottom: 0; right: 0;
        width: 1px; height: 100%;
        background-color: #000;
    }
    .C3_list_tx:last-of-type:before{
        display: none;
    }
}

/* slick */
@media screen and (max-width:767px) { /*SP*/
    #C3_slide_set{
        width: 100%;
        height: 120px;
        position: relative; z-index: 1;
    }
    #C3_slide_set::before{
        content: ''; position: absolute; z-index: -1;
        bottom: 0; left: 0;
        width: 100%; height: 50%;
        /* background-color: #E9E9CF; */
    }
    .C3_slide_img{
        width: 225px;
        padding-right: 15px;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    #C3_slide_set{
        width: 100%;
        height: 200px;
        position: relative; z-index: 1;
    }
    #C3_slide_set::before{
        content: ''; position: absolute; z-index: -1;
        bottom: 0; left: 0;
        width: 100%; height: 50%;
        /* background-color: #E9E9CF; */
    }
    .C3_slide_img{
        width: 370px;
        padding-right: 20px;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #C3_slide_set{
        width: 100%;
        height: 240px;
        position: relative; z-index: 1;
    }
    #C3_slide_set::before{
        content: ''; position: absolute; z-index: -1;
        bottom: 0; left: 0;
        width: 100%; height: 50%;
        /* background-color: #E9E9CF; */
    }
    .C3_slide_img{
        width: 440px;
        padding-right: 20px;
    }
}

/************************************************************/
/*   C5   */
/************************************************************/
@media screen and (max-width:767px) { /*SP*/
    #C5{
        padding: 60px 0;
        background-color: #E9E9CF;
    }
    .C5_key_set{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .C5_key_svg{
        height: 18vw;
        max-height: 65px;
        aspect-ratio: 384 / 130;
        margin: 0 auto 20px;
    }
    .C5_key_box{
        font-size: 1.8rem; font-weight: bold; line-height: 1;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    #C5{
        padding: 90px 0;
        background-color: #E9E9CF;
    }
    .C5_key_set{
        width: 100%;
        text-align: center;
        margin-bottom: 60px;
    }
    .C5_key_svg{
        height: 100px;
        aspect-ratio: 384 / 130;
        margin: 0 auto 20px;
    }
    .C5_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #C5{
        padding: 90px 0;
        background-color: #E9E9CF;
    }
    .C5_key_set{
        width: 100%;
        text-align: center;
        margin-bottom: 60px;
    }
    .C5_key_svg{
        height: 130px;
        aspect-ratio: 384 / 130;
        margin: 0 auto 20px;
    }
    .C5_key_box{
        font-size: 2.4rem; font-weight: bold; line-height: 1;
    }
}

/* set */
@media screen and (max-width:767px) { /*SP*/
    .C5_set_wrap{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_set_wrap:last-of-type{
        margin-bottom: 0;
    }
    .C5_set_A{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_A_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_A_box_02{
        width: 100%;
    }
    .C5_set_B{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_B_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_B_box_02{
        width: 100%;
    }
    .C5_box_03{
        width: 100%; max-width: 840px;
        margin: 0 auto;
    }
    .C5_title{
        font-size: 2.1rem; font-weight: bold;
        margin-bottom: 20px;
    }
    .C5_list_box{
        width: 100%;
        padding-left: 10px;
        position: relative;
    }
    .C5_list_box::before{
        content: ''; position: absolute;
        top: 0.8rem; left: 0;
        width: 1px; height: calc(100% - 1.6rem);
        background-color: #000;
    }
    .C5_list_box p{
        font-size: 1.6rem; line-height: 2.0;
    }
    .C5_tx01{
        font-size: 1.6rem; line-height: 2.0;
    }
}
@media screen and (min-width:768px) and ( max-width:1023px) { /*TB*/
    .C5_set_wrap{
        width: 100%;
        margin-bottom: 60px;
    }
    .C5_set_wrap:last-of-type{
        margin-bottom: 0;
    }
    .C5_set_A{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_A_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_A_box_02{
        width: 100%;
    }
    .C5_set_B{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_B_box_01{
        width: 100%;
        margin-bottom: 30px;
    }
    .C5_B_box_02{
        width: 100%;
    }
    .C5_box_03{
        width: 100%; max-width: 840px;
        margin: 0 auto;
    }
    .C5_title{
        font-size: 2.4rem; font-weight: bold;
        margin-bottom: 20px;
    }
    .C5_list_box{
        width: 100%;
        padding-left: 10px;
        position: relative;
    }
    .C5_list_box::before{
        content: ''; position: absolute;
        top: 0.8rem; left: 0;
        width: 1px; height: calc(100% - 1.6rem);
        background-color: #000;
    }
    .C5_list_box p{
        font-size: 1.6rem; line-height: 2.5;
    }
    .C5_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}
@media screen and (min-width:1024px) , print { /*PC*/
    .C5_set_wrap{
        width: 100%;
        margin-bottom: 60px;
    }
    .C5_set_wrap:last-of-type{
        margin-bottom: 0;
    }
    .C5_set_A{
        width: 100%;
        margin-bottom: 60px;
        padding-left: calc((100% - 840px) /2);
        display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end;
        flex-direction: row-reverse;
    }
    .C5_A_box_01{
        width: calc(100% - 270px); max-width: 690px;
    }
    .C5_A_box_02{
        width: 270px;
        padding-right: 60px;
    }
    .C5_set_B{
        width: 100%;
        margin-bottom: 60px;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;
    }
    .C5_B_box_01{
        width: calc(100% - 270px); max-width: 690px;
    }
    .C5_B_box_02{
        width: 270px;
        padding-left: 60px;
    }
    .C5_box_03{
        width: 100%; max-width: 840px;
        margin: 0 auto;
    }
    .C5_title{
        font-size: 2.4rem; font-weight: bold;
        margin-bottom: 20px;
    }
    .C5_list_box{
        width: 100%;
        padding-left: 10px;
        position: relative;
    }
    .C5_list_box::before{
        content: ''; position: absolute;
        top: 0.8rem; left: 0;
        width: 1px; height: calc(100% - 1.6rem);
        background-color: #000;
    }
    .C5_list_box p{
        font-size: 1.6rem; line-height: 2.5;
    }
    .C5_tx01{
        font-size: 1.6rem; line-height: 2.5;
    }
}