@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1000px) {

/* ────────────────────── *
 *                                              *
 * グロナビ                                     *
 *                                              *
 * ────────────────────── */

nav#gnavi {
	margin-bottom: 6%;
}

}

@media only screen and (min-width: 0px) and (max-width: 640px) {

/* ────────────────────── *
 *                                              *
 * グロナビ                                     *
 *                                              *
 * ────────────────────── */

nav#gnavi {
	margin-bottom: 0;
}

#mansion-reform {
	width: 93.75%;
    padding-top: 9.375%;
	margin: 0 auto 15.625%;
}
#mansion-reform h2 {
	font-size: 6.25vw;
    margin-bottom: 8.333333333333332%;
}
#mansion-reform h3 {
    margin: 0 auto 8.333333333333332%;
}
#mansion-reform p#character {
    width: 100%;
    margin: 0 0 8.333333333333332%;
}
#mansion-reform #profile {
    width: 93.33333333333333%;
    margin: 0 auto 20px;
}
#mansion-reform #profile p.image {
    width: 34.8%;
}
#mansion-reform #profile p#personal {
    font-size: 3.125vw;
}
#mansion-reform #profile p#personal em {
    font-size: 4.375vw;
}
#mansion-reform dl.comment {
    font-size: 3.125vw;
    margin: 0 auto 80px;
}
#mansion-reform dl.comment dt {
    font-size: 4.375vw;
}
#mansion-reform dl.comment dd {
    margin-bottom: 3.3333333333333335%;
}
#mansion-reform ul.button li {
    width: 83.33333333333334%;
    margin: 0 auto 11.666666666666666%;
}


}