@charset "utf-8";
/*--京hiraya_miryoku.css--*/
/* ##########PC########## */
.content_title .lbl_en.for_hiraya_miryoku{
    color: #e07793;
    height: auto;
    font-size: 2.5rem;
    font-weight: 500;
}

.content_body{
    overflow-x: hidden;
}

.page_body .lbl_why{
    font-size: 2em;
    line-height: 1.6;
    font-weight: 600;
    color: #555;
    text-align: center;
    margin: 0 0 1em 0;
}

.sankumi_exp{
    width: 70%;
    margin: 0 auto;
}

    .sankumi_exp p{
        font-size: 1.2em;
        margin-left: 0;
        margin-right: 0;
    }

    .sankumi_exp p.fig_1_3{
        margin: 0 auto;
        width: 28rem;
    }

    .sankumi_exp h2 .lbl .lbl_num{
        font-size: 1.3em;
        margin: 0 0.15em;
    }

    .sankumi_exp p.exp{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

.ninki_riyu_list{
    padding: 0 5em;
}

.ninki_riyu_list ul{
    counter-reset: riyu_num;
}

.ninki_riyu_list ul li{
    padding: 0;
    margin: 0 0 3em 0;
    display: flex;
    gap: 3em;
    counter-increment: riyu_num 1;
}

.ninki_riyu_list ul li:nth-child(odd){
    flex-direction: row-reverse;
}

.ninki_riyu_list ul li:nth-child(even){
    flex-direction: row;
}

    .ninki_riyu_list ul li::before{
        content: none;
    }

    .ninki_riyu_list ul li .text{
        flex: 1;
    }

        .ninki_riyu_list ul li .text h3{
            margin-top: 0;
            color: #555;
            position: relative;
            padding-left: 1.5em;
        }

            .ninki_riyu_list ul li .text h3::before{
                content: counter(riyu_num) ".";
                font-size: 1.6em;
                font-weight: 700;
                font-style: italic;
                color: #e07893;
                position: absolute;
                top: -0.3em;
                left: 0;
                font-family: "Roboto", sans-serif;
            }

        .ninki_riyu_list ul li .text .sp_fig{
            display: none;
        }

        .ninki_riyu_list ul li .text p{
            margin-left: 0;
            margin-right: 0;
        }

    .ninki_riyu_list ul li .fig{
        width: 40%;
    }

.nayami_box{
    margin: 0 calc(50% - 50vw) 5em;
    width: 100vw;
    background: #f9e4e9;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
}

    .nayami_box::after{
        content: "";
        width: 5rem;
        height: 2.5rem;
        clip-path: polygon(100% 0, 0 0, 50% 100%);
        background: #f9e4e9;
        position: absolute;
        bottom: -2.25rem;
        left: calc(50% - 2.5rem);
    }

    .page_body .nayami_box h2{
        margin-top: 0;
    }

        .page_body .nayami_box h2 .lbl{
            border-bottom-color: #fff;
        }

.nayami_list{}

    .page_body .nayami_list ul{
        display: flex;
        justify-content: center;
        gap: 2rem;
        margin: 0;
    }

        .page_body .nayami_list ul li{
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            padding: 0;
        }

            .page_body .nayami_list ul li::before{
                content: none;
            }

            .page_body .nayami_list ul li p{
                position: relative;
                margin: 0 0 1rem 0;
                background: #fff;
                color: #555;
                display: flex;
                align-items: center;
                text-align: center;
                height: 6rem;
                font-size: 1.3em;
                line-height: 1.4;
                padding: 0 2em;
                font-weight: 700;
                border-radius: 100vh;
            }

                .page_body .nayami_list ul li p::after{
                    content: "";
                    display: inline-block;
                    width: 1rem;
                    height: 1rem;
                    clip-path: polygon(100% 0, 0 0, 100% 100%);
                    position: absolute;
                    bottom: -1rem;
                    left: calc(50% - 3.5rem);
                    background: #fff;
                }

                .page_body .nayami_list ul li:nth-child(2) p::after{
                    left: calc(50% - 1rem);
                }

                .page_body .nayami_list ul li:nth-child(3) p::after{
                    clip-path: polygon(100% 0, 0 0, 0 100%);
                    left: auto;
                    right: calc(50% - 4.5rem);
                }

                .page_body .nayami_list ul li .fig{
                    width: 8rem;
                }

.nayami_kotaeru_box{
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .lbl_nayami_kotaeru{
        font-size: 1.6em;
        font-weight: 700;
        color: #555;
        text-align: center;
    }

    .nayami_kotaeru_box .fig{
        width: 18rem;
    }

.hiraya_miryoku_bottom_box{
    margin-top: 5em;
    margin-bottom: 1em;
}

    .hiraya_miryoku_bottom_box > .box_inner{
        margin-bottom: 4em;
    }

    .hiraya_miryoku_bottom_box > .box_inner h3{
        border-left: 4px solid #e07893;
        padding-left: 0.5em;
        margin-top: 0;
    }

    .hiraya_miryoku_bottom_box > .box_inner .features{
        display: flex;
        gap: 4em;
        padding: 0 1em;
        margin-top: 1.5em;
    }

        .hiraya_miryoku_bottom_box > .box_inner .features dl{
            display: flex;
            flex-direction: column;
        }

        .hiraya_miryoku_bottom_box > .box_inner .features dl dt{
            font-size: 1.15em;
            font-weight: 600;
            line-height: 1.4;
            color: #e07893;
            height: 3em;
            margin-bottom: 0.8em;
            position: relative;
            display: flex;
            align-items: flex-end;
        }

        .hiraya_miryoku_bottom_box > .box_inner .features dl dd{
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .hiraya_miryoku_bottom_box > .box_inner .features dl dd .fig{
            margin-bottom: 1em;
        }

        .hiraya_miryoku_bottom_box > .box_inner .features dl dd p{
            margin: 0;
        }

        .hiraya_miryoku_bottom_box > .box_inner .features dl dd .btn{
            margin-top: 1em;
            display: flex;
            justify-content: center;
        }

            .hiraya_miryoku_bottom_box > .box_inner .features dl dd .btn a{
                display: flex;
                align-items: center;
                height: 3rem;
                background: #646464;
                color: #fff;
                text-decoration: none;
                border-radius: 1.5rem;
                font-size: 1.1em;
                padding: 0 2em;
                font-weight: 500;
                transition: .5s all ease;
            }

            .hiraya_miryoku_bottom_box > .box_inner .features dl dd .btn a:hover{
                background: #e07893;
                box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
            }



@media screen and (min-width:1px) and (max-width:1400px) {
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    .sankumi_exp{
        width: 85%;
    }

    .ninki_riyu_list{
        padding: 0;
    }

    .page_body .nayami_list ul{
        gap: 1.5rem;
    }

    .page_body .nayami_list ul li p{
        font-size: 1.2em;
        height: 5.5rem;
        padding: 0 1.5em;
    }

}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .sankumi_exp{
        width: 100%;
    }

    .sankumi_exp p.fig_1_3{
        width: 85%;
    }

    .sankumi_exp h2{
        margin-top: 0.5em;
        margin-bottom: 0.75em;
    }

    .sankumi_exp h2 .lbl{
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: none;
        gap: 0.3em;
        line-height: 1.5;
    }

        .sankumi_exp h2 .lbl .lbl1,
        .sankumi_exp h2 .lbl .lbl2{
            border-bottom: 3px solid #e07893;
        }

    .ninki_riyu_list ul li{
        gap: 0;
        margin-bottom: 1.5em;
    }

    .ninki_riyu_list ul li:nth-child(odd),
    .ninki_riyu_list ul li:nth-child(even){
        flex-direction: column;
    }

    .ninki_riyu_list ul li .text{
        flex: initial;
    }

    .ninki_riyu_list ul li .fig{
        display: none;
    }

    .ninki_riyu_list ul li .text .sp_fig{
        display: block;
        margin-bottom: 0.5em;
    }

    .nayami_box{
        padding: 2rem 0;
        margin-bottom: 2em;
    }

    .nayami_box::after{
        width: 2rem;
        height: 1rem;
        bottom: -1rem;
        left: calc(50% - 1rem);
    }

    .page_body .nayami_list ul{
        gap: 0.5rem;
    }


    .page_body .nayami_list ul li .fig{
        width: 5rem;
    }

    .page_body .nayami_list ul li p{
        font-size: 0.9em;
        padding: 0 0.7rem;
        height: 5rem;
    }

    .page_body .nayami_list ul li:nth-child(1) p::after,
    .page_body .nayami_list ul li:nth-child(2) p::after,
    .page_body .nayami_list ul li:nth-child(3) p::after{
        left: calc(50% - 0.5rem) !important;
        right: auto !important;
        bottom: -0.8rem;
    }

    .lbl_nayami_kotaeru{
        line-height: 1.4;
        font-size: 1.4em;
        display: flex;
        flex-direction: column;
    }

    .nayami_kotaeru_box .fig{
        width: 12rem;
    }

    .hiraya_miryoku_bottom_box > .box_inner .features{
        flex-direction: column;
        gap: 2em;
    }

    .hiraya_miryoku_bottom_box > .box_inner .features dl dt{
        height: auto;
    }

}


/* ##########印刷用########## */
@media print{

}