@charset "UTF-8";
/* ==================================================================================================== 共通
==================================================================================================== */
body { font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 300; }

.mFont { font-family: 'Noto Serif JP', serif; font-weight: 400; }

.main { padding-bottom: 200px; background: url(../img/common/bg_ph001.gif) no-repeat bottom center; }
@media screen and (max-width: 640px) { .main { padding-bottom: 25%; background-size: contain; } }

.rv-in { width: 100%; max-width: 1000px; margin: 0 auto; padding-inline: 20px; line-height: 1.6; }
@media screen and (max-width: 640px) { .rv-in { padding-inline: 6.25%; } }

.rv-heading { padding: 30px 20px; background-color: #b8cdc8; font-size: 333.3333333333%; font-weight: 200; text-align: center; }
@media screen and (max-width: 640px) { .rv-heading { padding: 4.6875% 6.25%; font-size: 171.4285714286%; } }

.rv-top { padding: 60px 0 45px; }
@media screen and (max-width: 640px) { .rv-top { padding: 7.8125% 0 10.9375%; } }
.rv-top .top-heading { margin-bottom: 40px; font-size: 358.3333333333%; font-weight: 200; text-align: center; }
@media screen and (max-width: 640px) { .rv-top .top-heading { margin-bottom: 5.3571428571%; font-size: 171.4285714286%; text-align: left; } }
.rv-top .top-main { display: flex; justify-content: space-between; gap: 30px 3.125%; }
@media screen and (max-width: 640px) { .rv-top .top-main { flex-direction: column; } }
.rv-top .top-main p { flex: 1; font-size: 183.3333333333%; font-weight: 200; line-height: 2; }
@media screen and (max-width: 640px) { .rv-top .top-main p { font-size: 100%; } }
.rv-top .top-main figure { width: 45.8333333333%; }
@media screen and (max-width: 640px) { .rv-top .top-main figure { width: 100%; margin: 0 auto; } }

.rv-style { margin-bottom: 60px; padding-bottom: 50px; background-color: #f2f0e8; }
@media screen and (max-width: 640px) { .rv-style { margin-bottom: 10.9375%; } }
.rv-style .style-lead { padding-block: 30px; }
@media screen and (max-width: 640px) { .rv-style .style-lead { padding-block: 7.1428571429%; } }
.rv-style .style-lead p { font-size: 183.3333333333%; font-weight: 200; text-align: center; }
@media screen and (max-width: 640px) { .rv-style .style-lead p { font-size: 100%; } }
.rv-style .style-main { position: relative; }
.rv-style .style-main .slide-btn { z-index: 999; position: absolute; top: 50%; width: 44px; margin-top: -22px; background-color: #f2f0e8; }
@media screen and (max-width: 640px) { .rv-style .style-main .slide-btn { width: 6.875%; margin-top: -5%; } }
.rv-style .style-main .slide-btn._prev { left: 0; margin-left: 24px; }
@media screen and (max-width: 640px) { .rv-style .style-main .slide-btn._prev { margin-left: 6.25%; } }
.rv-style .style-main .slide-btn._next { right: 0; margin-right: 24px; }
@media screen and (max-width: 640px) { .rv-style .style-main .slide-btn._next { margin-right: 6.25%; } }
.rv-style .style-main .style-swiper { overflow: hidden; }
.rv-style .style-main .swiper-slide { position: relative; }
.rv-style .style-main p { position: absolute; top: 50%; left: 50%; width: 26.4583333333%; margin-top: -13.2291666667%; margin-left: -13.2291666667%; }
@media screen and (max-width: 640px) { .rv-style .style-main p { width: 45.3571428571%; margin-top: -26.25%; margin-left: -22.6785714286%; } }
.rv-style .style-main ul { display: flex; flex-wrap: wrap; gap: 30px 8.3333333333%; }
@media screen and (max-width: 640px) { .rv-style .style-main ul { gap: 9em 5.3571428571%; } }
.rv-style .style-main ul li { width: 45.8333333333%; }
@media screen and (max-width: 640px) { .rv-style .style-main ul li { width: 47.1428571429%; } }
.rv-style .style-main ul li:nth-child(2n) figcaption { text-align: right; }
.rv-style .style-main ul li figcaption { margin-top: 15px; padding-bottom: 0.5em; font-size: 183.3333333333%; font-weight: 200; line-height: 1; }
@media screen and (max-width: 640px) { .rv-style .style-main ul li figcaption { margin-top: 10px; font-size: 78.5714285714%; } }

.rv-point { margin-bottom: 130px; }
@media screen and (max-width: 640px) { .rv-point { margin-bottom: 10.9375%; } }
.rv-point ul { display: flex; gap: 30px 8.3333333333%; margin-top: 40px; }
@media screen and (max-width: 640px) { .rv-point ul { flex-direction: column; margin-top: 10.7142857143%; } }
.rv-point ul li { width: 45.8333333333%; }
@media screen and (max-width: 640px) { .rv-point ul li { width: 100%; } }
.rv-point ul li figure { margin-bottom: 20px; }
@media screen and (max-width: 640px) { .rv-point ul li figure { margin-bottom: 7.1428571429%; } }
.rv-point ul li dl dt { margin-bottom: 20px; font-size: 225%; font-weight: 200; }
@media screen and (max-width: 640px) { .rv-point ul li dl dt { margin-bottom: 5.3571428571%; font-size: 128.5714285714%; } }
.rv-point ul li dl dd { font-size: 133.3333333333%; font-weight: 200; line-height: 2; }
@media screen and (max-width: 640px) { .rv-point ul li dl dd { font-size: 85.7142857143%; } }

.rv-banner { margin-bottom: 70px; }
@media screen and (max-width: 640px) { .rv-banner { margin-bottom: 10.9375%; } }
.rv-banner p { margin-bottom: 55px; text-align: center; }
@media screen and (max-width: 640px) { .rv-banner p { margin-bottom: 7.8125%; } }
.rv-banner p:last-child { margin-bottom: 0; }

/*# sourceMappingURL=renovation.css.map */