@charset "utf-8";

.top_intro { margin-bottom: 40px; text-align: justify;}
@media (min-width: 768px) {
    .top_intro { margin-bottom: 80px; }
}
@media (min-width: 1080px) {
  .top_intro { text-align: center; }
}

/* 「niko and …」の特徴 */
.feature_wrap{display: flex;flex-direction: row;gap: 40px;flex-wrap: wrap;}
.feature_one{width: 100%;}
.feature_img img{width: 100%;display: block;}
.feature_title{font-size: 20px;font-weight: bold;color: #004680;margin-top: 15px;margin-bottom: 5px;}
.feature_text{text-align: justify;}
@media (min-width: 768px) {
    .feature_one{width: calc(calc(100% - 40px) / 2);}
}
@media (min-width: 1024px) {
}

/* モデルハウス */
.model_top_img { width: 100vw; aspect-ratio: 2 / 1; max-height: 200px; object-fit: cover; margin: 0 calc(50% - 50vw) 40px; }
.point_list { display: flex; flex-wrap: wrap; gap: 40px; }
.point { position: relative; width: 100%; margin-top: 42px; background: #FFF; }
.point_number { position: absolute; top: -36px; left: 12px; font-size: 50px; line-height: 50px; margin-top: -10px; text-align: center; }
.point_number::before { content: 'POINT'; display: block; font-size: 0.36em; line-height: 1em; }
.point_img { width: 100%; aspect-ratio: 7 / 4; }
.point_text_wrap { padding: 24px; }
.point_text { text-align:justify; word-break:break-all;  text-justify:inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; }
.point_title { display: inline-block; padding: 0 8px 2px; margin-bottom: 12px; font-size: 28px; line-height: 1.2; letter-spacing: 0.08em; background: #004680; }
@media (min-width: 768px) {
    .model_top_img { aspect-ratio: auto; max-height: 320px; margin-bottom: 80px; }
    .point { width: calc(calc(100% - 40px) / 2); }
}
@media (min-width: 1250px) {
    .model_top_img { max-height: 400px; margin-bottom: 120px; }
    .point { width: calc(calc(100% - 80px) / 3); }
}