@charset "utf-8";

#complaints_01,#complaints_04{
    .wrap{
        .contents{
            .contents_inner{
                dl{
                    display: grid;
                    grid-template-columns: auto 1fr;
                    grid-column-gap: 2em;
                    dt{
                        line-height: 2;
                        position: relative;
                        padding-left: 1em;
                        &::before{
                            content: "";
                            background-color: #A88E5B;
                            border-radius: 50px;
                            width: 10px;
                            height: 10px;
                            display: inline-block;
                            position: absolute;
                            left:0;
                            top: 0.6em;
                        }
                    }
                    dd{
                        line-height: 2;
                    }
                }
            }
        }
    }
}
#complaints_03,#complaints_05{
    .wrap{
        .contents{
            p{
                a{
                    color: #001B5D;
                    border-bottom: 2px solid #001B5D;
                    padding-bottom: 0.2em;
                    font-weight: 500;
                }
            }
            .contact_box{
                display: grid;
                grid-template-columns: auto auto;
                grid-column-gap: 2em;
                justify-content: start;
                dl{    
                    display: grid;
                    grid-template-columns: 3em auto;   
                    align-items: center; 
                    margin-bottom: 1em;        
                    dd{
                        font-size: 1.6em;
                    }
                }
            }
        }
    }
}
#complaints_02{
    .wrap{
        .contents{
            .contents_inner{
                text-align: center;
                img{
                    width: 100%;
                }
                &.illust{
                    padding: 5px;
                }
            }
        }
    }
}
#complaints_03{
    .wrap{
        .contents{
            .contents_inner{
                ol{
                    li{
                        margin-bottom: 2em;
                        h3{
                            font-size: 2.4rem;
                            margin-bottom: 0.6em;
                        }
                    }
                }
            }
        }
    }
}

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

    #complaints_01,#complaints_04{
        .wrap{
            .contents{
                .contents_inner{
                    dl{
                        margin-top: 1em;
                        dt{
                            font-size: 1.5rem;
                            &::before{
                                width: 8px;
                                height: 8px;
                                top: 0.8em;
                                
                            }
                        }
                        dd{
                            font-size: 1.5rem;
                        }
                    }
                }
            }
        }
    }
    #complaints_04{
        .wrap{
            .contents{
                .contents_inner{
                    dl{
                        margin-top: 0;
                    }
                }
            }
        }
    }

#complaints_03{
    .wrap{
        .contents{
            .contents_inner{
                ol{
                    li{
                        h3{
                            font-size: 2rem;
                        }
                    }
                }
            }
        }
    }
}

}

@media screen and (max-width:1024px){
    #complaints_01,#complaints_04{
        .wrap{
            .contents{
                .contents_inner{
                    dl{
                        dt{
                            font-size: 1.4rem;
                        }
                        dd{
                            font-size: 1.4rem;
                        }
                    }
                }
            }
        }
    }
    #complaints_03{
        .wrap{
            .contents{
                .contents_inner{
                    ol{
                        li{
                            h3{
                                font-size: 1.8rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:768px){
    
    #complaints_01,#complaints_04{
        .wrap{
            .contents{
                .contents_inner{
                    dl{
                        display: grid;
                        grid-template-columns: 6em 1fr;
                        grid-column-gap: 1em;
                        grid-row-gap: 1em;
                        dt{
                            line-height: 1.5;
                            font-size: 1.4rem;
                            &::before{
                                top: 0.5em;
                            }
                        }
                        dd{
                            line-height: 1.5;
                            font-size: 1.4rem;
                        }
                    }
                }
            }
        }
    }
    #complaints_03,#complaints_05{
        .wrap{
            .contents{
                    p{
                        a{
                            border-bottom: 1px solid #001B5D;
                          
                        }
                    }
                .contact_box{
                    grid-template-columns: 1fr;
                    margin-top: 0.5em;
                    dl{    
                        grid-template-columns: 3em auto;         
                        dd{
                            font-size: 1.6em;
                        }
                    }
                }
            }
        }
    }