@charset "UTF-8";

.main-mv img {width:100%;}

.page-body .main-subtitle-style {
color :#042275;
margin-top:3em;
margin-bottom:1em;
}

p.sub-text-style {
margin-bottom:2em;
}
.development03 .left {
float:left;
width:48%;
}
.development03 .right {
float:right;
width:48%;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position:absolute;
    bottom: -15px;
    width: 100%;
}
.development-slider {
background:url("../img/development/development-slider-bg.png") repeat-x;
background-size: cover;
margin-bottom:6em;
}
.bx-wrapper {
    background: none;
}
.development-slider .main-contents__inner {
    max-width: 1185px;
    margin: auto;
    padding: 0 15px;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    left:-50px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    right:-50px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff100;
    background: #dfdfdf;
}

.development05 {
margin-bottom:6em;
}

@media screen and (max-width: 1185px) {

}
@media screen and (max-width: 768px) {
.development03 .title {
margin-top:2em;
}
.development03 .left {
float:none;
width:100%;
margin-top:2em;
}
.development03 .right {
float:none;
width:100%;
margin-top:2em;
}
.development05 {
margin-bottom:3em;
}
.development05 .inner {
margin-bottom:1em;
}
.development-slider .main-contents__inner {
    max-width: 1185px;
    margin: auto;
    padding: 0 0px;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    left:8px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    right:8px;
}
}

/* 2025.09 追加 */
.development03 h3{text-align: center; color: #fff; background: #d94d92;
    font-size: 3.8rem; font-weight: 500; letter-spacing: 1px; border-radius: 10px; padding: 5px;
}
.development03_info .text_box{background: #c0ac87; color: #fff;}
.development03_info .text_box h4{background: #a7987c; font-size: 2.4rem; font-weight: 600; padding: 10px 20px;}
.development03_info .text_box h4 + p{padding: 20px 20px 0; font-size: 1.6rem;}
.development03_info .text_box ul{padding: 20px;}
.development03_info .text_box ul li{position: relative; font-size: 2.2rem; padding-left: 27px;}
.development03_info .text_box ul li::before{content: "●"; position: absolute; top: 0; left: 0;}

h2.main-title-style,
.location_view_text h3{font-family: YakuHanMP, "Noto Serif JP", serif;}

@media screen and (max-width: 768px){
    .development03 h3{font-size: 2rem;}
    .development03_info .text_box h4{font-size: 2rem;}
    .development03_info .text_box h4 + p{font-size: 1.4rem;}
    .development03_info .text_box ul li{font-size: 1.8rem; padding-left: 20px;}
}

.access_location02 .text_box{background: #c0ac87; color: #fff;}
.access_location02 .text_box h4{background: #a7987c; font-size: 2.4rem; font-weight: 600; padding: 10px 20px;}
.access_location02 .text_box h4 + p{padding: 20px; font-size: 2rem;}
 
.location02_content .text_box{background: #c0ac87; color: #fff;}
.location02_content .text_box h4{background: #a7987c; font-size: 2.4rem; font-weight: 600; padding: 10px 20px;}
.location02_content .text_box h4 + p{padding: 20px; font-size: 2rem;}

.plane_content{border: 4px solid #c0ac86; margin-bottom: 50px;}
.plane_content .plane_content_text{width: 50%; background: #c0ac86; color: #fff; padding: 20px;}
.plane_content .plane_content_text h4{font-size: 2.4rem; margin-bottom: 20px;}
.plane_content .plane_content_text h4 + p{font-size: 2rem; line-height: 1.8;}
.plane_content .plane_content_image{width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px;}
.plane_content .plane_content_image .image_box{width: 48%;}
.plane_content .plane_content_image .image_box p{background: #c0ac86; color: #fff; font-size: 1.6rem; padding: 15px;}
.plane_content .plane_content_image .image_box p b{display: block; font-size: 130%; font-weight: 500;}

@media screen and (max-width: 960px){
    .plane_content{flex-direction: column-reverse;}
    .plane_content .plane_content_text{width: 100%;}
    .plane_content .plane_content_image{width: 100%;}
}

@media screen and (max-width: 768px){
    .access_location02 .text_box h4{font-size: 2rem;}
    .access_location02 .text_box h4 + p{font-size: 1.6rem;}
    
    .location02_content .text_box h4{font-size: 2rem;}
    .location02_content .text_box h4 + p{font-size: 1.6rem;}

    .plane_content .plane_content_text h4{font-size: 2rem; margin-bottom: 15px;}
    .plane_content .plane_content_text h4 + p{font-size: 1.6rem; line-height: 1.8;}
    .plane_content .plane_content_image{padding: 10px;}
    .plane_content .plane_content_image .image_box p{font-size: 1.4rem; padding: 10px;}
}