@charset "utf-8";

#company{
    .wrap{
        .contents{
            dl{
                display: grid;
                grid-template-columns: 10em 1fr;
                grid-column-gap: 2em;
                padding-bottom: 1.5em;
                margin-bottom: 1.5em;
                border-bottom: 1px dotted #000;
                dt{
                    text-indent: 1em;
                    line-height: 1.5;
                }
                dd{
                    line-height: 1.5;
                }
            }
        }
    }
}
#access{
    .wrap{
        .contents{
            .contents_inner{
                margin-bottom: 70px;
                &:last-child{
                    margin-bottom: 0;
                }
                grid-row-gap: 50px;
                .map{
                    iframe{
                        width: 100%;
                        height: 400px;
                    }
                }
            }
        }
    }
}

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

    #company{
        .wrap{
            .contents{
                dl{
                    padding-bottom: 1.2em;
                    margin-bottom: 1.2em;
                }
            }
        }
    }
    #access{
        .wrap{
            .contents{
                .contents_inner{
                    margin-bottom: 50px;
                    &:last-child{
                        margin-bottom: 0;
                    }
                    .map{
                        iframe{
                            height: 350px;
                        }
                    }
                }
            }
        }
    }

}

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

    #company{
        .wrap{
            .contents{
                dl{
                    padding-bottom: 1.0em;
                    margin-bottom: 1.0em;
                    dt{
                        font-size: 1.5rem;
                    }
                    dd{
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }
    #access{
        .wrap{
            .contents{
                .contents_inner{
                    margin-bottom: 30px;
                    &:last-child{
                        margin-bottom: 0;
                    }
                    .map{
                        iframe{
                            height: 300px;
                        }
                    }
                }
            }
        }
    }

}

@media screen and (max-width:768px){
    
    #company{
        .wrap{
            .contents{
                dl{
                    grid-template-columns: 6em 1fr;
                    padding-bottom: 0.7em;
                    margin-bottom: 0.7em;
                    dt{
                        font-size: 1.4rem;
                        text-indent: 0;
                    }
                    dd{
                        font-size: 1.4rem;
                    }
                }
            }
        }
    }
    #access{
        .wrap{
            .contents{
                .contents_inner{
                    margin-bottom: 20px;
                    &:last-child{
                        margin-bottom: 0;
                    }
                    .map{
                        iframe{
                            height: 240px;
                        }
                    }
                }
            }
        }
    }
    
}