@charset "utf-8";
/*--京custom_publishing.css--*/
/* ##########PC########## */
.contents.custom_publishing.index{
    overflow-x: hidden;
}

.content_title_wrapper{
    background-image: url(../shared/content_title_bg/custom_publishing.jpg);
}

.page_nav ul li a:hover{
    color: #01738D;
    border-bottom-color: #01738D;
}

.page_nav ul li.current_page_item a{
    border-bottom-color: #01738D;
    background: #01738D;
}

.page_nav ul li a::after{
    background: #01738D;
}


.strengths_box{
    margin-bottom: 6em;
}

    .strengths_box > .box_header{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3em;
    }

        .strengths_box > .box_header h2{
            width: 39.1875rem;
            margin: 0 0 2em 0;
            font-size: 1em;
        }

        .strengths_box > .box_header p{
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 1.25em;
            font-weight: 700;
            margin-bottom: 0;
        }

    .strengths_box > .box_inner{}

        .strengths_box > .box_inner ul{
            display: flex;
            gap: 3.75em;
            margin: 0;
        }

            .strengths_box > .box_inner ul li{
                margin: 0;
                padding: 0;
                flex: 1;
            }

            .strengths_box > .box_inner ul li::before{
                content: none;
            }

            .strengths_box > .box_inner ul li .fig_lbl_no{
                position: relative;
                margin-bottom: 2em;
            }

                .strengths_box > .box_inner ul li .fig_lbl_no .fig{
                    position: relative;
                    background: #ccc;
                    width: 100%;
                    aspect-ratio: 320 / 200;
                    text-indent: -9999px;/*暫定*/
                }

                .strengths_box > .box_inner ul li .fig_lbl_no .fig img{
                    position: relative;
                    z-index: 0;
                }

                .strengths_box > .box_inner ul li .fig_lbl_no .fig::before{
                    content: "";
                    width: 5rem;
                    aspect-ratio: 1 / 1;
                    background: rgba(255,255,255,1);
                    position: absolute;
                    left: 0;
                    bottom: -1px;
                    z-index: 1;
                    clip-path: polygon(0 0, 0% 100%, 100% 100%);
                }

                .strengths_box > .box_inner ul li .fig_lbl_no .lbl_no{
                    position: absolute;
                    bottom: -0.25em;
                    left: -0.3em;
                    z-index: 1;
                    font-family: var(--font_family2);
                    color: var(--base_color2);
                    font-size: 4rem;
                    font-weight: 700;
                    line-height: 1;
                }

            .strengths_box > .box_inner ul li dl{
                line-height: 1.5;
            }

                .strengths_box > .box_inner ul li dl dt{
                    color: var(--base_color2);
                    font-weight: 700;
                    font-size: 1.5em;
                    margin-bottom: 0.9em;
                }

                .strengths_box > .box_inner ul li dl dd{
                    line-height: 1.8;
                }

.bn_little_press{
    display: flex;
    justify-content: center;
    margin-bottom: 5em;
}

    .bn_little_press a{
        width: 40rem;
        border-radius: 0.5rem;
        overflow: hidden;
        transition: .3s all ease;
    }

    .bn_little_press a:hover{
        box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    }

        .bn_little_press a img{
            transition: .3s all ease;
        }

        .bn_little_press a:hover img{
            filter: brightness(1.1);
        }



.works_box{
    position: relative;
    padding: 6em 0;
}

    .works_box::before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding-right: calc(50vw - 50%);
        padding-left: calc(50vw - 50%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background: var(--base_color14);
    }

    .works_box > .box_header{
        position: relative;
        z-index: 1;
        margin-bottom: 4em;
    }

    .works_box > .box_inner{
        position: relative;
        z-index: 1;
    }

        .works_main_list{
            margin-bottom: 5em;
        }

            .works_main_list > ul{
                margin: 0;
            }

                .works_main_list > ul > li{
                    margin: 0;
                    padding: 0;
                    display: flex;
                    align-items: flex-start;
                    gap: 2.25em;
                    border-bottom: 1px solid rgba(0,0,0,0.1);
                    padding: 2.5em 0;
                }

                .works_main_list > ul > li::before{
                    content: none;
                }

                    .works_main_list > ul > li .request_proposal{
                        flex: 1;
                        line-height: 1.5;
                    }

                        .works_main_list > ul > li .request_proposal dl{
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            position: relative;
                            padding: 2.75rem 0 0 0;
                        }

                            .works_main_list > ul > li .request_proposal dl dt{
                                position: absolute;
                                top: 0;
                                left: 0;
                                z-index: 1;
                            }

                                .works_main_list > ul > li .request_proposal dl dt .lbl{
                                    box-sizing: border-box;
                                    display: flex;
                                    font-size: 1.25em;
                                    font-weight: 600;
                                    background: #777;
                                    color: #fff;
                                    height: 3rem;
                                    border-radius: 100vh;
                                    padding: 0.1em 1.25em 0;
                                    display: flex;
                                    align-items: center;
                                    line-height: 1;
                                    position: relative;
                                }

                                    .works_main_list > ul > li .request_proposal dl dt .lbl::after{
                                        content: "";
                                        display: inline-block;
                                        background: #777;
                                        width: 1.25rem;
                                        height: 1.25rem;
                                        clip-path: polygon(100% 0, 0 0, 100% 100%);
                                        position: absolute;
                                        left: 1.25rem;
                                        bottom: -1rem;
                                    }

                            .works_main_list > ul > li .request_proposal dl dd{
                                background: #fff;
                                color: var(--base_color13);
                                font-size: 1.5em;
                                font-weight: 700;
                                padding: 0.9em 1em 0.5em;
                                margin-left: 1em;
                                position: relative;
                                z-index: 0;
                            }

                        .works_main_list > ul > li .request_proposal dl.request{
                            margin-right: 1.75em;
                            margin-bottom: 1.75em;
                        }

                        .works_main_list > ul > li .request_proposal dl.proposal{
                            margin-left: 1.75em;
                        }

                            .works_main_list > ul > li .request_proposal dl.proposal dt .lbl{
                                background: var(--base_color2);
                            }

                                .works_main_list > ul > li .request_proposal dl.proposal dt .lbl::after{
                                    background: var(--base_color2);
                                }

                    .works_main_list > ul > li .fig{
                        width: 15rem;
                        box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.1);
                    }

                    .works_main_list > ul > li .text{
                        width: 23.75rem;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                    }

                        .works_main_list > ul > li .text .cp{
                            color: var(--base_color2);
                            font-size: 1.5em;
                            font-weight: 600;
                            line-height: 1.4;
                            margin-bottom: 0;
                        }

                        .works_main_list > ul > li .text .book_spec{
                            line-height: 1.4;
                            border: 1px solid rgba(0,0,0,0.5);
                            padding: 1em 1.5em;
                        }

                            .works_main_list > ul > li .text .book_spec dt{
                                font-size: 1.25em;
                                font-weight: 600;
                                margin-bottom: 0.5em;
                            }

                            .works_main_list > ul > li .text .book_spec dd{
                                font-size: 0.875em;
                            }

.other_works_msg{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2em;
    font-weight: 700;
    line-height: 1;
    gap: 0.5em;
}

    .other_works_msg span[class^="lbl"]{
        background: #fff;
        padding: 0.2em 0.3em 0;
    }

.works_others_list{}

    .works_others_list > ul{
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
    }

        .works_others_list > ul > li{
            margin: 0;
            padding: 0;
            width: calc((100% - 6em) / 4);
            box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
        }

            .works_others_list > ul > li::before{
                content: none;
            }

            .works_others_list > ul > li a{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                position: relative;
                text-decoration: none;
            }

                .works_others_list > ul > li a .fig{
                    width: 100%;
                    padding: 1em 0;
                    display: flex;
                    justify-content: center;
                    background: var(--base_color12);
                    position: relative;
                    transition: .3s all ease;
                }

                .works_others_list > ul > li a:hover .fig{
                    filter: brightness(1.1);
                }

                    .works_others_list > ul > li a .fig_inner{
                        width: 10rem;
                        box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.1);
                        position: relative;
                        transition: .3s all ease;
                        
                    }

                    .works_others_list > ul > li a .fig::after{
                        content: "";
                        width: 2rem;
                        aspect-ratio: 1 / 1;
                        background: var(--base_color15);
                        display: inline-block;
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        background-image: url(../shared/icon_search.png);
                        background-size: 1rem auto;
                        background-repeat: no-repeat;
                        background-position: center center;
                    }

                .works_others_list > ul > li a .text{
                    box-sizing: border-box;
                    display: flex;
                    flex-direction: column;
                    color: var(--base_color1);
                    line-height: 1.4;
                    padding: 0.8em 0.9em 0.6em 0.9em;
                    width: 100%;
                    background: #fff;
                    flex: 1;
                }

                    .works_others_list > ul > li a .text .lbl_title{
                        font-size: 0.9em;
                        font-weight: 500;
                        margin-bottom: 0.5em;
                        width: 100%;
                    }

                    .works_others_list > ul > li a .text .lbl_author{
                        font-size: 0.82em;
                        width: 100%;
                    }



.flow_box{
    padding: 6.5em 0;
}

    .flow_box > .box_header{
        margin-bottom: 3.5em;
    }

    .flow_box > .box_inner{}

        .flow_box > .box_inner > ul{
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }

            .flow_box > .box_inner > ul > li{
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                width: calc((100% - 3rem) / 4);
                border: 1px solid rgba(0,0,0,0.2);
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 1.5em 0;
                box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.1);
            }

            .flow_box > .box_inner > ul > li::before{
                content: none;
            }

            .flow_box > .box_inner > ul > li .fig_lbl_no{
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 12.5rem;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                background: rgba(238,234,199,0.5);
                margin-bottom: 2em;
            }

                .flow_box > .box_inner > ul > li .fig{
                    position: relative;
                    width: 8rem;
                }

                .flow_box > .box_inner > ul > li .lbl_no{
                    position: relative;
                    z-index: 1;
                    font-size: 3.5em;
                    font-weight: 700;
                    line-height: 1;
                    color: var(--base_color2);
                    font-family: var(--font_family2);
                    width: 100%;
                    text-align: center;
                    position: absolute;
                    left: 0;
                    bottom: -0.375em;
                    z-index: 1;
                }

            .flow_box > .box_inner > ul > li dl{
                display: flex;
                flex-direction: column;
                align-items: center;
                line-height: 1.5;
                padding: 0 1em;
            }

                .flow_box > .box_inner > ul > li dl dt{
                    font-size: 1.5em;
                    font-weight: 700;
                    margin-bottom: 0.5em;
                }

                .flow_box > .box_inner > ul > li dl dd{}

.littlepress_strengths_box{}

    .littlepress_strengths_box > .box_inner{}

    .littlepress_strengths_box > .box_inner > ul{
        display: flex;
        flex-wrap: wrap;
        gap: 3em;
    }

        .littlepress_strengths_box > .box_inner > ul > li{
            box-sizing: border-box;
            margin: 0;
            padding: 1.25em;
            width: calc((100% - 6em) / 3);
            line-height: 1.5;
            border: 1px solid rgba(0, 0, 0, 0.2);
            box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.1);
        }

            .littlepress_strengths_box > .box_inner > ul > li::before{
                content: none;
            }

            .littlepress_strengths_box > .box_inner > ul > li dl{
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .littlepress_strengths_box > .box_inner > ul > li dl dt{
                    font-weight: 500;
                    font-size: 0.9em;
                    margin-bottom: 0.3em;
                }

                .littlepress_strengths_box > .box_inner > ul > li dl dd{
                    width: 100%;
                }

                    .littlepress_strengths_box > .box_inner > ul > li dl dd p.lbl_main{
                        font-size: 1.2em;
                        font-weight: 700;
                        text-align: center;
                        margin-bottom: 0.5em;
                    }

                    .littlepress_strengths_box > .box_inner > ul > li dl dd .fig{
                        width: 100%;
                    }

                    .littlepress_strengths_box > .box_inner > ul > li dl dd p.notes{
                        margin: 0.5em 0 0 0;
                        font-size: 0.88em;
                    }

            .littlepress_strengths_box > .box_inner > ul > li .fig_sp{
                display: none;
            }

.littlepress_flow_box{
    margin-top: 5em;
}

    .littlepress_flow_box > .box_header{
        display: flex;
    }

        .littlepress_flow_box > .box_header h3{
            margin-top: 0;
        }

        .littlepress_flow_box > .box_header .plan_legends ul{
            margin: 0 0 0 1.5em;
            display: flex;
            gap: 2em;
        }

            .littlepress_flow_box > .box_header .plan_legends ul li{
                margin: 0;
                padding: 0;
                display: flex;
                align-items: center;
                gap: 0.25em;
            }

            .littlepress_flow_box > .box_header .plan_legends ul li::before{
                content: none;
            }

            .littlepress_flow_box > .box_header .plan_legends ul li .arr{
                content: "";
                display: inline-block;
                background: #ccc;
                width: 1.5rem;
                height: 1.5rem;
                clip-path: polygon(0% 20%, 50% 20%, 50% 0%, 100% 50%, 50% 100%, 50% 80%, 0% 80%);
            }

            .littlepress_flow_box > .box_header .plan_legends ul li.plan1 .arr{
                background: #fae385;
            }

            .littlepress_flow_box > .box_header .plan_legends ul li.plan2 .arr{
                background: #fe8e8e;
            }

            

    .littlepress_flow_box > .box_inner{

    }

        .littlepress_flow_box > .box_inner > ul{
            display: flex;
            gap: 2.25rem;
            margin-left: 0;
            margin-right: 0;
        }

            .littlepress_flow_box > .box_inner > ul > li{
                box-sizing: border-box;
                margin: 0;
                padding: 0.8em 1em;
                width: calc((100% - 6.75rem) / 4);
                border: 1px solid rgba(0, 0, 0, 0.2);
                position: relative;
                box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.1);
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .littlepress_flow_box > .box_inner > ul > li::before{
                    content: none;
                }

                .littlepress_flow_box > .box_inner > ul > li .fig_wrapper{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 12rem;
                    aspect-ratio: 1 / 1;
                    border-radius: 50%;
                    background: rgba(238, 234, 199, 0.5);
                    margin-bottom: 1em;
                }

                .littlepress_flow_box > .box_inner > ul > li .fig{
                    width: 8rem;
                }

                .littlepress_flow_box > .box_inner > ul > li dl{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                    .littlepress_flow_box > .box_inner > ul > li dl dt{
                        font-weight: 600;
                        font-size: 1.3em;
                    }

                    .littlepress_flow_box > .box_inner > ul > li dl dd{
                        width: 100%;
                        line-height: 1.6;
                        font-size: 0.94em;
                    }

                .littlepress_flow_box > .box_inner > ul > li .arrs{
                    width: 1.75rem;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    right: -2.25rem;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 1rem;
                }

                    .littlepress_flow_box > .box_inner > ul > li .arrs div[class^="plan"]{
                        content: "";
                        display: inline-block;
                        background: #ccc;
                        width: 1.5rem;
                        height: 1.5rem;
                        clip-path: polygon(0% 20%, 50% 20%, 50% 0%, 100% 50%, 50% 100%, 50% 80%, 0% 80%);
                    }

                    .littlepress_flow_box > .box_inner > ul > li .arrs div.plan1{
                        background: #fae385;
                    }

                    .littlepress_flow_box > .box_inner > ul > li .arrs div.plan2{
                        background: #fe8e8e;
                    }

                    .littlepress_flow_box > .box_inner > ul > li .arrs div.plan1.start{
                        height: 0.9rem;
                        margin: 0.6rem 0;
                        clip-path: none;
                    }

                    .littlepress_flow_box > .box_inner > ul > li .arrs div.plan1.end{
                        width: 1.8rem;
                    }

.littlepress_plan_box{
    margin-top: 5em;
}

    .littlepress_plan_box > .box_inner{
        padding: 0 1.8em;
        display: flex;
        flex-direction: column;
        gap: 3em;
    }

    .plan_exp_box{
        overflow: hidden;
    }

        .plan_exp_box > .box_header{
            display: flex;
            align-items: center;
            line-height: 1.5;
            margin: 0 1.5em 1em 1.5em;
            padding: 1.75em 0 0 0;
        }

            .plan_exp_box > .box_header h4{
                margin: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 1em;
                color: #222;
                width: 18rem;
                line-height: 1;
            }

                .plan_exp_box > .box_header h4 .lbl1{
                    text-align: center;
                    margin-bottom: 0.8em;
                }

                .plan_exp_box > .box_header h4 .lbl2{
                    font-size: 2.4em;
                }

    .plan_exp_box.plan1{
        background: rgba(250, 227, 133, 0.2);
        box-shadow: 0.25rem 0.25rem 0 0 #fae385;
    }

    .plan_exp_box.plan2{
        background: rgba(254,142,142,0.1);
        box-shadow: 0.25rem 0.25rem 0 0 #fe8e8e;
    }

    .plan_exp_box.option{
        background: rgba(94,149,161,0.1);
        box-shadow: 0.25rem 0.25rem 0 0 #5e95a1;
    }

            .plan_exp_box > .box_header .svc_list{
                flex: 1;
                padding: 0 0 0 1.5em;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .plan_exp_box > .box_header .svc_list ul{
                    font-size: 0.96em;
                    margin: 0 0 1em 0;
                    display: flex;
                    gap: 0.5em;
                    line-height: 1;
                }

                .plan_exp_box > .box_header .svc_list ul li{
                    box-sizing: border-box;
                    padding: 0;
                    margin: 0;
                    height: 1.5em;
                    background: var(--base_color1);;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 0.2em 1em 0 1em;
                    color: #fff;
                    font-size: 0.92em;
                }

                .plan_exp_box > .box_header .svc_list ul li::before{
                    content: none;
                }

            .plan_exp_box > .box_header .svc_list p{
                margin: 0;
                font-weight: 500;
                font-size: 0.94em;
            }

        .plan_exp_box > .box_inner{
            margin-left: 1.5em;
            margin-right: 1.5em;
        }

            .plan_exp_box > .box_inner > ul{
                display: flex;
                flex-wrap: wrap;
                margin: 0;
                line-height: 1.5;
                gap: 1em;
            }

                .plan_exp_box > .box_inner > ul > li{
                    box-sizing: border-box;
                    width: calc((100% - 1em) / 2);
                    padding: 1em 2em 1em 1em;
                    margin: 0;
                    background: #fff;
                    box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.1);
                }

                    .plan_exp_box > .box_inner > ul > li::before{
                        content: none;
                    }

                    .plan_exp_box > .box_inner > ul > li dl{
                        display: flex;
                        align-items: center;
                    }

                        .plan_exp_box > .box_inner > ul > li dl dt{
                            display: flex;
                            align-items: flex-start;
                            justify-content: center;
                            flex-wrap: wrap;
                        }

                            .plan_exp_box > .box_inner > ul > li dl dt .lbl_size{
                                width: 100%;
                                text-align: center;
                                font-size: 1.2em;
                                font-weight: 500;
                            }

                            .plan_exp_box > .box_inner > ul > li dl dt .lbl_num{
                                font-size: 1.7em;
                                font-weight: 500;
                            }

                            .plan_exp_box > .box_inner > ul > li dl dt .lbl_page{
                                font-size: 1.1em;
                                padding-top: 0.5em;
                                margin-left: 0.3em;
                            }

                        .plan_exp_box > .box_inner > ul > li dl dd{
                            flex: 1;
                        }

                        .plan_exp_box > .box_inner > ul > li dl dd table{
                            margin: 0;
                            display: block;
                            line-height: 1;
                        }

                            .plan_exp_box > .box_inner > ul > li dl dd table tbody{
                                display: block;
                            }

                            .plan_exp_box > .box_inner > ul > li dl dd table tbody tr{
                                display: flex;
                                align-items: flex-end;
                                justify-content: flex-end;
                                margin-bottom: 0.6em;
                            }

                            .plan_exp_box > .box_inner > ul > li dl dd table tbody tr:last-child{
                                margin-bottom: 0;
                            }

                            .plan_exp_box > .box_inner > ul > li dl dd table tbody tr th,
                            .plan_exp_box > .box_inner > ul > li dl dd table tbody tr td{
                                padding: 0;
                                border: none;
                                background: none;
                            }

                            .plan_exp_box > .box_inner > ul > li dl dd table tbody tr th{
                                display: block;
                                font-weight: normal;
                                padding-bottom: 0.2em;
                            }

                                .plan_exp_box > .box_inner > ul > li dl dd table tbody tr th::after{
                                    content: "／";
                                }

                            .plan_exp_box > .box_inner > ul > li dl dd table tbody tr td{
                                display: block;
                                font-size: 1.3em;
                                padding-left: 0.1em;
                            }

        .plan_exp_box > .box_footer{
            padding: 2em 0 1.5em;
        }

            .plan_exp_box > .box_footer .nouki_info{
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .plan_exp_box > .box_footer .nouki_info dl{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 1em;
                    font-size: 1.2em;
                    font-weight: 500;
                    line-height: 1.2;
                }

                .plan_exp_box > .box_footer .nouki_info dl dt{
                    background: #fae385;
                    padding: 0.3em 1em 0.1em;
                }

                .plan_exp_box.plan2 > .box_footer .nouki_info dl dt{
                    background: #ff6464;
                    color: #fff;
                }

                

                .plan_exp_box > .box_footer .nouki_info p{
                    font-size: 0.9em;
                    margin-top: 0.5em;
                    margin-bottom: 0;
                }

                .plan_exp_box > .box_footer .nouki_info p::before{
                    content: "※";
                }

    .plan_exp_box.option > .box_header h4{
        display: block;
        font-size: 1.3em;
        width: auto;
    }

    .plan_exp_box.option > .box_inner{
        padding-bottom: 1.5em;
        display: flex;
        flex-direction: column;
        gap: 0.25em;
    }

    .plan_exp_box.option > .box_inner dl{
        background: #fff;
        display: flex;
        padding: 0.7em 1em;
        line-height: 1.5;
    }

        .plan_exp_box.option > .box_inner dl dt{
            font-weight: 500;
            width: 12em;
            border-right: 1px solid rgba(0,0,0,0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 1em;
        }

        .plan_exp_box.option > .box_inner dl dd.lbl_value{
            width: 12em;
            border-right: 1px solid rgba(0,0,0,0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            .plan_exp_box.option > .box_inner dl dd.lbl_value ul{
                margin: 0;
            }

            .plan_exp_box.option > .box_inner dl dd.lbl_value ul li{
                padding-left: 0;
                margin: 0;
            }

            .plan_exp_box.option > .box_inner dl dd.lbl_value ul li::before{
                content: none;
            }

        .plan_exp_box.option > .box_inner dl dd.notes{
            flex: 1;
            padding-left: 1em;
            display: flex;
            align-items: center;
        }
    


.littlepress_notes{
    margin-top: 2em;
}

    .littlepress_notes ul li{
        padding-left: 1.3em;
    }

    .littlepress_notes ul li::before{
        content: "※";
        width: auto;
        height: auto;
        top: 0;
        left: 0;
        background: none;
    }

.modal_fig_text{
    background: #fff;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5em;
    position: relative;
}

    .modal_fig_text .fig{
        box-sizing: border-box;
        width: 18rem;
        border: 1px solid #bbb;
        padding: 0.5em;
        position: relative;
        box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
    }

    .modal_fig_text .fig.large{
        width: 28rem;
        padding: 0;
        border: none;
        box-shadow: none;
    }

        .modal_fig_text .fig img{
            max-width: 100%;
            height: auto;
        }

    

    .modal_fig_text .text{
        line-height: 1.5;
        margin-top: 1.5em;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .modal_fig_text .text .lbl_title{
            font-weight: 500;
            margin-bottom: 0.4em;
        }

        .modal_fig_text .text .lbl_author{
            font-size: 0.9em;
        }

        .modal_fig_text .text .puw_notes{
            font-size: 0.9em;
            margin-top: 0.5em;
        }

            .modal_fig_text .text .puw_notes p{
                margin-bottom: 0.5em;
            }

            .modal_fig_text .text .puw_notes a{
                color: #006890;
            }

    .modal_fig_text .btn_close{
        position: absolute;
        top: 0;
        right: 0;
    }

        .modal_fig_text .btn_close a{
            display: inline-flex;
            align-items: center;
            gap: 0.5em;
            text-decoration: none;
            background: #333;
            color: #fff;
            padding: 0.5em 0.7em;
            transition: .3s all ease;
        }

        .modal_fig_text .btn_close a:hover{
            background: var(--base_color1);
        }

        .modal_fig_text .btn_close a::before{
            font-family: FontAwesome;
            content:"\f00d";
        }

        .modal_fig_text .btn_close a .lbl{
            font-size: 0.9em;
            padding-top: 0.2em;
        }

.page_body .qa_lead{
    text-align: center;
}

.page_body table.qa_list{
    display: block;
    margin-top: 2em;
}

    .page_body table.qa_list thead{
        display: none;
    }

    .page_body table.qa_list tbody{
        display: block;
    }

    .page_body table.qa_list tbody tr{
        display: flex;
        flex-direction: column;
        background: rgba(1,115,141,0.1);
        margin-bottom: 1.5em;
        padding: 0.5em;
        border-radius: 0.5rem;
    }

        .page_body table.qa_list tbody tr th,
        .page_body table.qa_list tbody tr td{
            border: none;
            box-sizing: border-box;
            position: relative;
        }

        .page_body table.qa_list tbody tr th{
            background: none;
            padding: 0.5em 0.5em 0.5em 3.75rem;
            margin-bottom: 0.5em;
        }

        .page_body table.qa_list tbody tr th::before,
        .page_body table.qa_list tbody tr td::before{
            font-family: var(--font_family2);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            font-size: 1.3em;
            width: 2.5rem;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0.5rem;
            font-weight: 500;
        }

        .page_body table.qa_list tbody tr th::before{
            content: "Q";
            background: rgba(1,115,141,1);
            color: #fff;
        }

        .page_body table.qa_list tbody tr td{
            width: 100%;
            border-radius: 0.5rem;
            padding: 1em 0.5em 1em 3.75rem;
        }

        .page_body table.qa_list tbody tr td::before{
            content: "A";
            background: rgba(1,115,141,0.2);
            color: rgba(1,115,141,1);
            top: 0.5em;
        }




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

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){

    .works_main_list > ul > li .text{
        width: 19rem;
    }

    .littlepress_strengths_box > .box_inner > ul{
        gap: 2em;
    }

        .littlepress_strengths_box > .box_inner > ul > li{
            width: calc((100% - 4em) / 3);
            padding: 1em;
        }

        .littlepress_strengths_box > .box_inner > ul > li dl dt{
            font-size: 0.8em;
        }

        .littlepress_strengths_box > .box_inner > ul > li dl dd p.lbl_main{
            font-size: 1.1em;
        }

    .littlepress_flow_box > .box_inner > ul > li .fig_wrapper{
        width: 100%;
    }

        .littlepress_flow_box > .box_inner > ul > li .fig{
            width: 70%;
        }

}

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


}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .strengths_box{
        margin-bottom: 3em;
    }

        .strengths_box > .box_header h2{
            width: 85%;
            margin-bottom: 1.5em;
        }

        .strengths_box > .box_header p{
            font-size: 1.05em;
            display: block;
        }

        .strengths_box > .box_inner ul{
            gap: 1.5em;
            flex-direction: column;
            margin-left: 1em;
            margin-right: 1em;
        }

        .strengths_box > .box_inner ul li{
            
        }

        .strengths_box > .box_inner ul li .fig_lbl_no{
            width: 35%;
            float: left;
            margin-right: 1em;
            margin-bottom: 0.5em;
        }

        .strengths_box > .box_inner ul li .fig_lbl_no .fig::before{
            clip-path: polygon(100% 0, 0 0, 0 100%);
            bottom: auto;
            top: 0;
            width: 3rem;
        }

        .strengths_box > .box_inner ul li .fig_lbl_no .lbl_no{
            font-size: 2.7rem;
            bottom: auto;
            top: -0.25em;
        }

        .strengths_box > .box_inner ul li dl{
        }

            .strengths_box > .box_inner ul li dl dt{
                font-size: 1.3em;
                margin-bottom: 0.5em;
            }

    .bn_little_press{
        margin-bottom: 3em;
    }

    .works_box{
        padding: 3em 0;
    }

        .works_box > .box_header{
            margin-bottom: 1em;
        }

        .works_main_list{
            margin-bottom: 1.5em;
        }

        .works_main_list > ul > li{
            padding: 1.5em 0;
            flex-wrap: wrap;
            gap: 1em;
        }

        .works_main_list > ul > li .request_proposal{
        }

            .works_main_list > ul > li .request_proposal dl{
                padding-top: 1.8em;
            }

            .works_main_list > ul > li .request_proposal dl.request{
                margin-bottom: 0.5em;
                margin-right: 0;
            }

            .works_main_list > ul > li .request_proposal dl dt .lbl{
                font-size: 1em;
                height: 2rem;
            }

                .works_main_list > ul > li .request_proposal dl dt .lbl::after{
                    width: 0.8rem;
                    height: 0.8rem;
                    bottom: -0.7rem;
                }

            .works_main_list > ul > li .request_proposal dl dd{
                font-size: 1.05em;
            }

            .works_main_list > ul > li .request_proposal dl.proposal{
                margin-left: 0;
            }

        .works_main_list > ul > li .fig{
            width: 35%;
        }

        .works_main_list > ul > li .text{
            width: 100%;
        }

            .works_main_list > ul > li .text .cp{
                font-size: 1.2em;
                margin-bottom: 0.5em;
                text-align: center;
            }

            .works_main_list > ul > li .text .book_spec dt{
                font-size: 1.05em;
                margin-bottom: 0.3em;
            }

            .works_main_list > ul > li .text .book_spec{
                padding: 0.8em 1em;
            }

    .other_works_msg{
        font-size: 1.2em;
    }

    .works_others_list{
        padding: 0 0.5em;
    }

    .works_others_list > ul{
        gap: 1.5em;
    }

    .works_others_list > ul > li{
        width: calc((100% - 1.5em) / 2);
    }

        .works_others_list > ul > li a .fig_inner{
            width: calc(100% - 4em);
        }

        .modal_fig_text{
            padding-top: 3rem;
        }

        .modal_fig_text .fig{
            width: 75%;
        }

        .modal_fig_text .fig.large{
            width: 85%;
        }

    .flow_box{
        padding: 3em 0;
    }

        .flow_box > .box_header{
            margin-bottom: 1em;
        }

        .flow_box > .box_inner > ul > li{
             width: 100%;
             flex-direction: row;
             padding: 1em;
        }

        .flow_box > .box_inner > ul > li .fig_lbl_no{
            width: 6rem;
            margin-bottom: 0.5em;
        }

        .flow_box > .box_inner > ul > li .fig{
            width: 4rem;
        }

        .flow_box > .box_inner > ul > li .lbl_no{
            font-size: 1.8em;
        }

        .flow_box > .box_inner > ul > li dl{
            align-items: stretch;
            padding: 0 0 0 1em;
            flex: 1;
        }

        .flow_box > .box_inner > ul > li dl dt{
            font-size: 1.15em;
            margin-bottom: 0.3em;
        }

    .littlepress_strengths_box > .box_inner > ul{
        gap: 1em;
        margin: 0.5em 0;
    }

    .littlepress_strengths_box > .box_inner > ul > li{
        width: 100%;
        display: flex;
    }

        .littlepress_strengths_box > .box_inner > ul > li dl{
            flex: 1;
            padding-right: 1em;
        }

            .littlepress_strengths_box > .box_inner > ul > li dl dt{
                width: 100%;
                margin-bottom: 0.3em;
            }

            .littlepress_strengths_box > .box_inner > ul > li dl dd{
                display: flex;
                flex-wrap: wrap;
            }

                .littlepress_strengths_box > .box_inner > ul > li dl dd p.lbl_main{
                    flex: 1;
                    text-align: left;
                    margin-bottom: 0;
                }

                    .littlepress_strengths_box > .box_inner > ul > li dl dd p.lbl_main br{
                    }


                .littlepress_strengths_box > .box_inner > ul > li dl dd .fig{
                    display: none;
                }

                .littlepress_strengths_box > .box_inner > ul > li dl dd p.notes{
                    width: 100%;
                    font-size: 0.8em;
                }

        .littlepress_strengths_box > .box_inner > ul > li .fig_sp{
            display: block;
            width: 35%;
        }

    .littlepress_flow_box{
        margin-top: 3em;
    }

    .littlepress_flow_box > .box_header .plan_legends ul li .arr{
        transform: rotate(90deg);
    }

    .littlepress_flow_box > .box_inner > ul{
        flex-direction: column;
    }

        .littlepress_flow_box > .box_inner > ul > li{
            width: 100%;
            flex-direction: row;
        }

        .littlepress_flow_box > .box_inner > ul > li .fig_wrapper{
            width: 6rem;
            margin-bottom: 0;
        }

        .littlepress_flow_box > .box_inner > ul > li dl{
            flex: 1;
            padding-left: 1em;
            align-items: stretch;
        }

        .littlepress_flow_box > .box_inner > ul > li dl dt{
            font-size: 1.15em;
            margin-bottom: 0.3em;
        }

        .littlepress_flow_box > .box_inner > ul > li dl dd{
            font-size: 1em;
        }


        .littlepress_flow_box > .box_inner > ul > li .arrs {
            width: 100%;
            height: auto;
            top: auto;
            right: auto;
            left: 0;
            bottom: -1.9rem;
            flex-direction: row;
        }

        .littlepress_flow_box > .box_inner > ul > li .arrs div.plan1,
        .littlepress_flow_box > .box_inner > ul > li .arrs div.plan2,
        .littlepress_flow_box > .box_inner > ul > li .arrs div.plan1.end{
            transform: rotate(90deg);
        }

    .littlepress_plan_box{
        margin-top: 3em;
    }

        .littlepress_plan_box > .box_inner{
            padding: 0;
            gap: 2em;
        }

        .plan_exp_box > .box_header{
            flex-direction: column;
            padding: 2em 0 0 0;
        }

            .plan_exp_box > .box_header h4{
                box-sizing: border-box;
                width: auto;
                margin-bottom: 0.5em;
            }

            .plan_exp_box > .box_header h4 .lbl1{
                margin-bottom: 0.5em;
            }

            .plan_exp_box > .box_header h4 .lbl2{
                font-size: 2em;
            }

            .plan_exp_box > .box_header .svc_list{
                padding: 0;
            }

            .plan_exp_box > .box_header .svc_list ul{
                justify-content: center;
            }

            .plan_exp_box > .box_header .svc_list ul li{
                padding: 0 0.3em;
            }

        .plan_exp_box > .box_inner{
        }

        .plan_exp_box > .box_inner > ul > li{
            padding: 0.8em 0.5em;
        }

        .plan_exp_box > .box_inner > ul > li dl{
            flex-direction: column;
        }

        .plan_exp_box > .box_inner > ul > li dl dt{
            line-height: 1.2;
            margin-bottom: 0.5em;
        }

        .plan_exp_box > .box_inner > ul > li dl dd table tbody tr th{
            padding-bottom: 0.15em;
            font-size: 0.82em;
        }

        .plan_exp_box > .box_inner > ul > li dl dd table tbody tr td{
            font-size: 1em;
        }

        .plan_exp_box > .box_footer{
            padding: 1.5em 1em 1em;
        }

    .plan_exp_box.option > .box_inner dl{
        flex-direction: column;
        align-items: center;
    }

        .plan_exp_box.option > .box_inner dl dt{
            width: auto;
            margin: 0;
            display: block;
            border-right: none;
        }

        .plan_exp_box.option > .box_inner dl dt br{
            display: none;
        }

        .plan_exp_box.option > .box_inner dl dd.lbl_value{
            width: auto;
            border-right: none;
            display: block;
            padding: 0.3em 0;
        }

            .plan_exp_box.option > .box_inner dl dd.lbl_value ul{
                display: flex;
            }

            .plan_exp_box.option > .box_inner dl dd.lbl_value ul li::after{
                content: "、";
            }

            .plan_exp_box.option > .box_inner dl dd.lbl_value ul li:last-child:after{
                content: none;
            }

        .plan_exp_box.option > .box_inner dl dd.notes{
            display: block;
            font-size: 0.9em;
            padding-left: 0;
        }

    .page_body .qa_lead{
        text-align: left;
    }

        .page_body .qa_lead br{
            display: none;
        }

    .page_body table.qa_list{
        margin-left: 0;
        margin-right: 0;
    }

    .page_body table.qa_list tbody tr{
        margin-bottom: 1em;
    }


}


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

}