@charset "utf-8";

#recruit{
    .wrap{
        padding-top: 0;
        .contents{
            h3{
                font-size: 2.4rem;
                padding: 0.7em 1.5em;
                background-color: #E0DACF;
                border-radius: 0 30px 0 0;
                letter-spacing: 0.2em;
            }p{
                margin-bottom: 30px;
            }
            .contents_inner{
                width: 100%;
                background-color: #fff;
                border-radius: 0 0 0 30px;
                padding: 0.5em 2em;
                dl{
                    display: grid;
                    grid-template-columns: 20% 80%;
                    padding: 1.5em 2em;
                    border-bottom: dotted 1px #000;
                    &:last-child{
                        border: none;
                    }
                }
            }
        }
    }
}
.page-id-34{
    .titlewrap{
        padding-bottom: 90px;
    }
}
@media screen and (max-width:1200px){

    #recruit{
        .wrap{
            .contents{
                h3{
                    font-size: 2rem;
                }
                .contents_inner{
                    dl{
                        padding: 1.2em 1.5em;order: none;
                    }
                }
            }
        }
    }
    .page-id-34{
        .titlewrap{
            padding-bottom: 70px;
        }
    }
}

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

    #recruit{
        .wrap{
            .contents{
                h3{
                    font-size: 1.8rem;
                }
                .contents_inner{
                    padding: 0.5em 1.2em;
                    dl{
                        padding: 1em;
                        dt{
                            font-size: 1.5rem;
                        }
                        dd{
                            font-size: 1.5rem;
                        }
                    }
                }
            }
        }
    }
    .page-id-34{
        .titlewrap{
            padding-bottom: 50px;
        }
    }
}

@media screen and (max-width:768px){
    
    #recruit{
        .wrap{
            .contents{
                h3{
                    font-size: 1.6rem;
                }
                p{
                    margin-bottom: 1em;
                }
                .contents_inner{
                    padding: 0 1em;
                    dl{
                        padding: 1em 0.5em;
                        grid-template-columns: 5em 1fr;
                        grid-column-gap: 1em;
                        dt{
                            font-size: 1.4rem;
                        }
                        dd{
                            font-size: 1.4rem;
                        }
                    }
                }
            }
        }
    }
    .page-id-34{
        .titlewrap{
            padding-bottom: 30px;
        }
    }   
}