@charset "utf-8";

/* TOPスライダー ----------------------------------------------------------------*/
#topSlider {
overflow:hidden;
position:relative;
width:100%;
height: 750px;
}
#sliderInner {
position:relative;
left:50%;
width:2980px;
margin-left:-1500px;
}
#sliderInner > .bx-wrapper > .bx-viewport {
width: 100% !important;
margin: 0 auto;
}
#sliderInner li {
margin: 0;
padding: 0;
height: 700px;
}
.slide1 {
background: url(../img/topSlide5.jpg);
background-size: contain;
background-position: center;
}
.slide2 {
background: url(../img/topSlide6.jpg);
background-size: contain;
background-position: center;
}
.slide3 {
background: url(../img/topSlide2.jpg);
background-size: contain;
background-position: center;
}
.slide4 {
background: url(../img/topSlide3.jpg);
background-size: contain;
background-position: center;
}

#slideFilterL, #slideFilterR {
position: absolute;
top: 0;
width: 790px;
height: 700px;
opacity: 0.6;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";
background: #000;
z-index: 60;
}
#slideFilterL {left:0;}
#slideFilterR {right:0;}

#topSlider .title {
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#topSlider .round {
position: absolute;
z-index: 100;
bottom: 49px;
width: 100%;
}
#topSlider .round img{
max-width: unset !important;
width: 100%;
}

@media screen and (max-width: 768px) {
#topSlider {
overflow:hidden;
position:relative;
width:100%;
height: 520px;
z-index: -10;
}
#sliderInner {
position:relative;
left:50%;
width:2980px;
margin-left:-1500px;
}
#sliderInner > .bx-wrapper > .bx-viewport {
width: 100% !important;
margin: 0 auto;
}
#sliderInner li {
margin: 0;
padding: 0;
height: 500px;
}
#topSlider .title {width: 90%;}
#topSlider .round {bottom: 20px;}
#topSlider .round img{}
.slide1 {background: url(../img/sld_sp5.jpg);}
.slide2 {background: url(../img/sld_sp6.jpg);}
.slide3 {background: url(../img/sld_sp2.jpg);}
.slide4 {background: url(../img/sld_sp3.jpg);}
.slide1,.slide2,.slide3,.slide4{background-size: contain;background-position: center;}

}


/* キャンペーンバナー ----------------------------------------------------------------*/
.project {
margin:0 auto;
overflow: hidden;
width: 918px;
}
.project-bnr {width: 60%;margin: 0 auto;}
.project-bnr_l {float: left;width: 49%;}
.project-bnr_r{float: right;width: 49%;}
.project-bnr_f{float: left;width: 49%;margin: 0 0.5% 15px;}
.project-bnr_l img,.project-bnr_r img,.project-bnr_f img{max-width: 100%;}
.project-bnr img {width: 100%;display: block;margin-bottom: 20px;}

@media screen and (max-width:768px){
.project {width: 100%;}
.project-bnr {float: none;width: 90%;margin: 0 auto 3em;}
.project-bnr_l,.project-bnr_r,.project-bnr_f{float: none;width: 100%;margin-bottom: 15px;}
}

/* TOP用 ----------------------------------------------------------------*/
.top_info_wrap{
align-items: center;
margin-bottom: 3.5em;
}
.information{margin-bottom: 4em;}
.information h3 {
margin: 0 auto 0.6em;
text-align: center;
font-size: 2em;
font-weight: bold;
}

.top_info{
background: #fce2da82;
text-align: center;
margin-bottom: 5em;
}
.top_info h2 {
color: #fff;
background: #7ec04c;
font-size: 1.1em;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 0.8em;
}
.top_info p.note {
background: unset;
color: #7ec04c;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0.7em;
font-size: 1.1em;
}
.top_info p.info {
padding: 0 20px;
font-size: 1.1em;
line-height: 1.7;
}
.reserve_btn {
display: inline-block;
width: 35%;
margin: 1.5em auto 1em;
}
.reserve_btn a {
font-size: 1.3em;
font-weight: bold;
display: block;
background: #e71a2f;
color: #fff;
text-align: center;
padding: 0.7em;
border-radius: 10px;
}

.top_planimg_wrap{margin-bottom: 1.5em;}
.top_planimg_wrap div{
width: calc(100% / 4 - 6px);
margin: 0 3px;
}
.ippan_price_wrap{
display: flex;
flex-wrap: wrap;
margin-bottom: 0.7em;
}
dl.ippan_price{
display: flex;
width: 100%;
margin: 0 1em 0.3em;
font-size: 15px;
color: #666;
}
.ippan_price dt,.ippan_price dd{
padding: 0.5em;
border-bottom: solid 1px #dcdcdc;
}
.ippan_price dt{font-weight: bold;width: 20%;background: #f1f1f1;}
.ippan_price dd.time{width: 48%;}
.ippan_price dd.price{width: 32%; color:#c5051b;}
ul.ippan_price_list{
font-size: 15px;
color: #666;
padding: 0 2em;
margin: 1em 0 2.5em;
}
.ippan_price_list li{
list-style: disc !important;
margin-bottom: 0.5em;
}

@media screen and (max-width:768px){
.top_info_wrap{margin-bottom: 1.5em;}
.information{margin-bottom: 2em;}
.information h3 {font-size: 1.2em;line-height: 1.4em;}

.top_info{text-align: left;margin-bottom: 3em;}
.top_info h2 {font-size: 1em;padding: 0.6em;}
.top_info p.note {font-size: 1em;margin-top: 0.3em;}
.top_info p.info {font-size: 1em;padding: 0 1em;}
.reserve_btn {width: 80%;margin: 1.5em 10% 1em;}
.reserve_btn a {font-size: 1.1em;}
.top_planimg_wrap div{width: calc(100% / 2 - 1px);margin: 0 0.5px 1px;}
dl.ippan_price{flex-wrap: wrap;margin: 0 0 0.3em;}
.ippan_price dt{width: 100%;border-bottom: none;}
.ippan_price dd.time{width: 20%;}
.ippan_price dd.price{width: 80%;}
ul.ippan_price_list{padding: 0 0.5em;}
.ippan_price_list li{margin-left: 1em;}

}