.property-banner { width: 100%; max-width: 670px; margin: 60px auto 0; text-align: center; }
@media screen and (max-width: 750px) { .property-banner { padding: 0 10px; } }
.property-banner a { position: relative; display: block; color: #074b8a; }
.property-banner a .property-banner-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 40px; }
@media screen and (max-width: 750px) { .property-banner a .property-banner-txt { display: block; padding: 5.6338028169%; } }
.property-banner a .property-banner-txt dl { text-align: left; }
@media screen and (max-width: 750px) { .property-banner a .property-banner-txt dl { text-align: center; } }
.property-banner a .property-banner-txt dt { margin-bottom: 15px; font-size: 1.6rem; font-weight: 700; }
@media screen and (max-width: 750px) { .property-banner a .property-banner-txt dt { margin-bottom: 10px; font-size: 1.2rem; } }
.property-banner a .property-banner-txt dd { font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { .property-banner a .property-banner-txt dd { font-size: 2.0rem; } }

.tabitem { display: none; }
.tabitem.active { display: block; }

.design-con { padding: 60px 0 90px; background-color: #e4e8f0; }

.design-pagettl { padding: 50px 0; background: url(/img/ja/property/ttl_bg001.gif) no-repeat center top; background-size: cover; }
.design-pagettl p { margin-bottom: 10px; font-weight: 700; color: #fff; text-align: center; font-family: "Lato", sans-serif; }
.design-pagettl .design-pagettl-h { font-size: 2.4rem; font-weight: 700; color: #fff; text-align: center; }

.design-pagenav { padding: 80px 0; }
.design-pagenav .design-pagenav-con { width: 100%; max-width: 670px; margin: 0 auto; }
.design-pagenav p a { display: block; text-decoration: none; padding: 30px 10px; background-color: #0d3078; font-size: 1.9rem; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .design-pagenav p a { padding: 20px 10px; font-size: 1.6rem; } }
.design-pagenav .design-pagenav-box { display: flex; justify-content: space-between; margin-top: 20px; }
.design-pagenav .design-pagenav-box p { width: 48.5074626866%; margin-right: 2.9850746269%; }
.design-pagenav .design-pagenav-box p:last-child { margin-right: 0; }

._idx .design-top { padding: 50px 0; }
._idx .design-top p { font-size: 1.6rem; text-align: center; }
._idx .design-ttl { position: relative; margin-bottom: 85px; font-size: 2.2rem; font-weight: 700; color: #0d3078; text-align: center; }
._idx .design-ttl::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 60px; height: 2px; margin-bottom: -20px; margin-left: -30px; background-color: #9eacc9; }
._idx .design-category { width: 100%; max-width: 1000px; margin: 0 auto; }
._idx .design-category li { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 1000px) { ._idx .design-category li { display: block; } }
._idx .design-category li:last-child { margin-bottom: 0; }
._idx .design-category li:nth-child(2) { flex-direction: row-reverse; }
._idx .design-category li figure { width: 50%; }
@media screen and (max-width: 1000px) { ._idx .design-category li figure { width: 100%; } }
._idx .design-category li .design-category-box { flex: 1; padding: 50px; background-color: #f8f9fb; }
@media screen and (max-width: 750px) { ._idx .design-category li .design-category-box { padding: 30px; } }
._idx .design-category li .design-category-box .design-category-ttl { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; color: #0d3078; }
._idx .design-category li .design-category-box .design-category-txt { margin-bottom: 30px; font-size: 1.6rem; }
._idx .design-category li .design-category-box .design-category-more { width: 156px; }
._idx .design-category li .design-category-box .design-category-more a { display: block; text-decoration: none; padding: 10px; background: #0d3078 url("../../img/ja/property/arrow_i001.png") no-repeat right 10px center; text-align: center; font-size: 1.6rem; color: #fff; font-family: "Lato", sans-serif; border-radius: 5px; }

._gallery .gallery-nav .tabmenu { display: flex; justify-content: center; }
._gallery .gallery-nav .tabmenu li { position: relative; padding: 30px 20px; font-size: 1.9rem; text-align: center; color: #08447e; cursor: pointer; line-height: 1; }
@media screen and (max-width: 750px) { ._gallery .gallery-nav .tabmenu li { padding: 20px 10px; font-size: 1.6rem; } }
._gallery .gallery-nav .tabmenu li.active::after, ._gallery .gallery-nav .tabmenu li:hover::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background-color: #08447e; }
._gallery .gallery-list { display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._gallery .gallery-list { display: block; } }
._gallery .gallery-list li { width: 30.8%; margin-right: 3.8%; margin-bottom: 4.5%; }
@media screen and (max-width: 750px) { ._gallery .gallery-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._gallery .gallery-list li:nth-child(3n) { margin-right: 0; }
._gallery .gallery-list li:last-child { margin-right: 0; }
._gallery .gallery-list li a { display: block; text-decoration: none; }
._gallery .gallery-list li p { margin-top: 10px; font-size: 1.8rem; font-weight: 700; color: #0d3078; }

._detail .detail-top { padding: 60px 0; background-repeat: no-repeat; background-position: right bottom; }
._detail .detail-top .detail-top-in { width: 100%; max-width: 1000px; margin: 0 auto; }
._detail .detail-top .detail-top-ttl { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 460px; min-height: 220px; padding: 20px; border: 1px solid #e4e6f3; background-color: #fff; }
._detail .detail-top .detail-top-ttl .detail-top-ttl-h { margin-bottom: 10px; font-size: 3.4rem; font-weight: 700; text-align: center; color: #0d3078; }
@media screen and (max-width: 750px) { ._detail .detail-top .detail-top-ttl .detail-top-ttl-h { font-size: 2.8rem; } }
._detail .detail-top .detail-top-ttl p { font-size: 1.4rem; text-align: center; }
._detail .detail-list { display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto 100px; }
@media screen and (max-width: 750px) { ._detail .detail-list { display: block; margin-bottom: 60px; } }
._detail .detail-list li { width: 46%; margin-right: 4%; margin-bottom: 6%; }
@media screen and (max-width: 750px) { ._detail .detail-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._detail .detail-list li:nth-child(2n) { margin-right: 0; }
._detail .detail-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { ._detail .detail-list li:last-child { margin-bottom: 0; } }
._detail .detail-list li p { margin-top: 10px; font-size: 1.6rem; }

.detail-back { width: 100%; max-width: 400px; margin: 0 auto; }
.detail-back a { display: block; text-decoration: none; padding: 20px 10px; border: 1px solid #0d3078; background-color: #fff; font-size: 1.9rem; color: #0d3078; text-align: center; }

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