@charset "utf-8";

#pagelink {
    .wrap {
        .contents {
            .searchwrap {
                width:250px;
                margin-bottom:60px;
                border:1px solid #cccccc;
                background:url(../img/common/icon_search_green.svg) no-repeat right 10px center/auto 50%;
                input {
                    border:none;
                    font-size:1.6rem;
                    padding:1em;
                    width:100%;
                    outline:none;
                    background:none;
                }
            }
            .linkbox {
                display:flex;
                flex-wrap:wrap;
                align-items:center;
                column-gap:3em;
                row-gap:2em;
                ul {
                    display:flex;
                    align-items:center;
                    li {
                        a {
                            line-height:1.5;
                            padding:0 1.5em;
                            color:var(--color_main);
                            &:has(img) {
                                padding:0;
                                line-height:1;
                            }
                            img {
                                display:block;
                            }
                        }
                        &:last-child {
                            border-left:1px solid var(--color_main);
                        }
                    }
                    &.link1 {
                        li {
                            img {
                                width:10em;
                            }
                        }
                    }
                    &.link2 {
                        li {
                            img {
                                width:6em;
                            }
                        }
                    }
                }
            }
        }
    }
}

.faq {
    .wrap {
        .contents {
            background-color:#FFFFFF;
            max-width:1000px;
            padding:50px;
            h2 {
                border:none;
                padding:0;
                margin-bottom:0;
                font-size:3.0rem;
                img {
                    display:block;
                    width:8em;
                }
            }
            h3 {
                font-size:2.8rem;
                color:var(--color_main);
                line-height:1.5;
                padding:1.5em 0;
            }
            dl {
                padding:50px 0;
                border-top:3px solid var(--color_main);
                border-bottom:3px solid var(--color_main);
                dt {
                    color:var(--color_main);
                    line-height:1.5;
                    font-size:2.0rem;
                    font-weight:600;
                    margin-bottom:.66em;
                }
                dd {
                    line-height:2;
                    &:not(:last-child) {
                        margin-bottom:2em;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1200px){

}

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

    #pagelink {
        .wrap {
            .contents {
                .linkbox {
                    column-gap:2em;
                    ul {
                        li {
                            font-size:1.4rem;
                            a {
                                padding:0 1em;
                            }
                        }
                    }
                }
            }
        }
    }
    
}

@media screen and (max-width:768px){
    
    #pagelink {
        .wrap {
            .contents {
                .searchwrap {
                    width:250px;
                    margin-bottom:60px;
                    border:1px solid #cccccc;
                    background:url(../img/common/icon_search_green.svg) no-repeat right 10px center/auto 50%;
                    input {
                        border:none;
                        font-size:1.6rem;
                        padding:1em;
                        width:100%;
                        outline:none;
                        background:none;
                    }
                }
                .linkbox {
                    display:flex;
                    flex-wrap:wrap;
                    align-items:center;
                    column-gap:3em;
                    row-gap:2em;
                    ul {
                        display:flex;
                        align-items:center;
                        li {
                            a {
                                line-height:1.5;
                                padding:0 1em;
                                color:var(--color_main);
                                font-size:min(3.4vw,1.4rem);
                                &:has(img) {
                                    padding:0;
                                    line-height:1;
                                }
                                img {
                                    display:block;
                                }
                            }
                            &:last-child {
                                border-left:1px solid var(--color_main);
                            }
                        }
                        &.link1 {
                            li {
                                img {
                                    width:10em;
                                }
                            }
                        }
                        &.link2 {
                            li {
                                img {
                                    width:6em;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    
    .faq {
        .wrap {
            .contents {
                padding:20px;
                h2 {
                    font-size:2.0em;
                    img {
                        width:6em;
                    }
                }
                h3 {
                    font-size:2.2rem;
                    line-height:1.5;
                    padding:1em 0 .5em;
                }
                dl {
                    padding:30px 0;
                    dt {
                        font-size:1.6rem;
                    }
                    dd {
                        line-height:1.7;
                        font-size:1.4rem;
                    }
                }
            }
        }
    }
    
}