@charset "utf-8";
/* CSS Document */
.top {
    margin-top: 50px;
    margin-bottom: 50px;
}
.top h1{
    font-family: garamond;
    margin-bottom: 5px;
}
.subtitle_1 {
    font-family: garamond;
}
.subtitle_2 {
    font-size: 1.0rem;
    border-bottom: 1px solid #333;
}
.firstline img, .luxuryline img, .option img{
    width: 80vw;
    max-width: 600px;
}
.firstline{
    text-align: center;
    display: block;
    margin:0 auto;
    margin-bottom: 80px;
}
.firstline_description {
    text-align: left;
    display: inline-block;
}
.center {
    text-align: center;
}
.underline {
    text-decoration: underline;
    text-indent: 1em;
}
.detail {
    font-size: 1.3rem;
    border: 1px solid #333;
    display: inline-block;
    margin-bottom: 50px;
}
.detail a {
    text-decoration: none;
    color: #333;
}
.luxuryline {
    background-color: #f5f0e9;
    text-align: center;
    display: block;
    padding: 80px 20px;
}
.luxuryline_description {
    text-align: left;
    display: inline-block;
}
.option {
    text-align: center;
    display: block;
    margin: 80px auto;
    margin-bottom: 80px;
}
.option_description{
    text-align: left;
    display: inline-block;
}
.service {
    text-align: center;
    display: block;
    margin: 20px auto 50px;
    width: 80vw;
    max-width: 500px;
}
.service_description {
    text-align: left;
    display: inline-block;
}
.present, .light{
    width: 20px;
    vertical-align: top;
}
@media(min-width:769px){
    .firstline {
        display: flex;
        justify-content: center;
    }
    .firstline_description {
        margin-right: 50px;
        margin-bottom: 0;
    }
    .detail {
        margin-bottom: 0;
    }
    .firstline img, .luxuryline img, .option img{
        width: 40vw;
        max-width: 400px;
    }
    .luxuryline {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }
    .luxuryline_description {
        margin-left: 50px;
        margin-bottom: 0;
    }
    .option_service {
        display: flex;
        justify-content: center;
    }
    .option {
        margin-right: 0;
        margin-left: 50px;
    }
    .option_description{
        margin-bottom: 30px;
    }
    .service{
        max-width:360px;
        margin:80px 20px 0px 50px;
    }
}