@charset "utf-8";
/*--京declaration.css--*/
.contents{
    background: none;
}

.intro_box{
    border-bottom: 1px solid #ccc;
}

    .intro_box > .box_header{
        height: 310px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image:
            url("../shared/declaration/fig_intro1.png"),
            url("../shared/declaration/fig_intro2.png");
        background-repeat:
            no-repeat,
            no-repeat;
        background-size:
            200px auto,
            260px auto;
        background-position:
            left top,
            right top;
        margin-bottom: 2rem;
    }

        .page_body .intro_box > .box_header h2{
            background: none;
            border-radius: 0;
            font-size: 1rem;
            padding: 0;
            margin: 0;
            width: 454px;
        }

    .intro_box > .box_inner{
        display: flex;
        padding: 0 1rem 3rem 1rem;
    }

        .intro_box > .box_inner .fig{
            width: 200px;
        }

        .intro_box > .box_inner .text{
            box-sizing: border-box;
            padding-left: 1.5rem;
            width: calc(100% - 200px);
        }

            .intro_box > .box_inner .text p{
                margin: 0;
                line-height: 2;
                font-size: 1.05em;
            }

.declaration_topics_box{}

    .declaration_topics_box > .box_inner{}

        .declaration_topics_box > .box_inner > ul{
            margin: 0;
        }

            .declaration_topics_box > .box_inner > ul > li{
                padding: 2.6rem 1rem;
                border-bottom: 1px solid #ccc;
                display: flex;
            }

            .declaration_topics_box > .box_inner > ul > li:last-child{
                border-bottom: none;
            }

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

                .declaration_topics_box > .box_inner > ul > li h3{
                    font-size: 1em;
                    margin-top: 0;
                    margin-bottom: 0;
                    line-height: 1;
                    background: none;
                    padding: 0;
                    border-radius: 0;
                    width: 290px;
                }

                .declaration_topics_box > .box_inner > ul > li .text{
                    box-sizing: border-box;
                    width: calc(100% - 290px);
                    padding-left: 1.5rem;
                }

                    .declaration_topics_box > .box_inner > ul > li .text h4{
                        padding: 0;
                        margin: 0;
                        font-size: 1em;
                        background: none;
                        display: flex;
                        margin-bottom: 0.6em;
                    }

                        .declaration_topics_box > .box_inner > ul > li .text h4 img{
                            height: 44px;
                            max-width: auto;
                            max-width: initial;
                            width: auto;
                        }

                    .declaration_topics_box > .box_inner > ul > li .text p.msg{
                        font-weight: bold;
                        margin: 0 0 1em 0;
                    }

                    .declaration_topics_box > .box_inner > ul > li .text p.notes{
                        margin: 1em 0 0 0;
                        font-size: 0.9em;
                        border-top: 1px dotted #ccc;
                        padding-top: 0.5em;
                    }

                    .declaration_topics_box > .box_inner > ul > li .text ul{
                        margin: 0;
                        line-height: 1.5;
                        font-size: 0.94em;
                    }

                        .declaration_topics_box > .box_inner > ul > li .text ul li{
                            border-bottom: 2px dotted #0098d8;
                            padding: 0 0 0.6em 0;
                        }

                        .declaration_topics_box > .box_inner > ul > li .text ul li:last-child{
                            border-bottom: none;
                            padding: 0;
                        }

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


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

}

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


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

}

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

        .intro_box > .box_header{
            height: auto;
            background-size:
                auto 64%,
                auto 64%;
            background-position:
                left bottom,
                right bottom;
            margin-bottom: 1rem;
            padding-bottom: 1rem;
        }

            .page_body .intro_box > .box_header h2{
                width: 60vw;
            }

        .intro_box > .box_inner{
            display: block;
            padding: 0 1vw 1rem 1vw;
        }

            .intro_box > .box_inner .fig{
                box-sizing: border-box;
                width: 20vw;
                float: left;
                padding-right: 1em;
            }

            .intro_box > .box_inner .text{
                padding-left: 0;
                width: auto;
                display: inline;
            }

                .intro_box > .box_inner .text p{
                    margin: 0;
                    line-height: 1.6;
                    font-size: 0.96em;
                }

    .declaration_topics_box{}

        .declaration_topics_box > .box_inner{}

                .declaration_topics_box > .box_inner > ul > li{
                    padding: 15vw 1vw 1rem 1vw;
                    flex-direction: column;
                    align-items: center;
                    position: relative;
                }

                    .declaration_topics_box > .box_inner > ul > li h3{
                        width: 35vw;
                        position: absolute;
                        top: 1rem;
                        left: 1vw;
                    }

                    .declaration_topics_box > .box_inner > ul > li .text{
                        width: 100%;
                        padding-left: 0;
                    }

                        .declaration_topics_box > .box_inner > ul > li .text h4{
                            flex-direction: column;
                            align-items: flex-start;
                            padding: 0 0 0 38vw;
                            margin-bottom: 9vw;
                        }

                            .declaration_topics_box > .box_inner > ul > li .text h4 img{
                                height: 7vw;
                                max-width: auto;
                                max-width: initial;
                                width: auto;
                            }
    
                            .declaration_topics_box > .box_inner > ul > li .text h4 .lbl1{
                                margin-bottom: 0.5em;
                            }

                        .declaration_topics_box > .box_inner > ul > li .text p.msg{
                            font-weight: bold;
                            margin: 0 0 1em 0;
                        }

                        .declaration_topics_box > .box_inner > ul > li .text p.notes{
                            margin: 1em 0 0 0;
                            font-size: 0.9em;
                            border-top: 1px dotted #ccc;
                            padding-top: 0.5em;
                        }

                        .declaration_topics_box > .box_inner > ul > li .text ul{
                            margin: 0;
                            line-height: 1.5;
                            font-size: 0.94em;
                        }

                            .declaration_topics_box > .box_inner > ul > li .text ul li{
                                border-bottom: 2px dotted #0098d8;
                                padding: 0 0 0.6em 0;
                            }

                            .declaration_topics_box > .box_inner > ul > li .text ul li:last-child{
                                border-bottom: none;
                                padding: 0;
                            }

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

}