#slider{
 max-width: 1920px;
 margin-left: auto;
 margin-right:auto;
 margin-bottom: 0px !important;
 position: relative;
}
#slider .slider{
 margin-bottom: 0px;
}
.slick-dots {
 position: absolute;
 bottom: 10px;
 display: block;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center;
}
.slick-dots li button:before {
 color: #fff;
 font-size: 20px;
}
.slick-dots li.slick-active button:before {
 color: #fff;
 opacity: 1;
}

#sec2{
 background: url(../img/sec2_bg.png) repeat-x;
 background-size: contain;
}
#sec2 .box{
 text-align: right;
 margin-top: 100px;
 position: relative;
}
#sec2 .box .text{
 position: absolute;
 right: 10vw;
 top: -50px;
 width: 20vw;
 max-width: 250px;
}
#sec2 .box.revers{
 text-align: left;
}
#sec2 .box.revers .text{
 text-align: left;
 right: auto;
 left: 10vw;
}

#sec3 h2{
 background: url(../img/sec3_mainphoto_202506_1.jpg) no-repeat center center;
 background-size: cover
}
#sec3 h2 .inner{
 text-align: right;
 padding: 200px 100px;
}
#sec3 h2 .inner img{
 width: 20vw;
 max-width: 310px;
}
#sec3 .list{
 display: flex;
 flex-wrap: wrap;
 max-width: 1920px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px;
 box-sizing: border-box;
}
#sec3 .list li{
 width: 25%;
 box-sizing: border-box;
 padding: 5px;
}

#sec4{
 background: url(../img/sec4_bg.jpg) center center;
 background-size: cover;
}
#sec4 .box{
 border:solid 1px #4F3710;
 display: flex;
 line-height: 2em;
}
#sec4 .box .img{
 width: 50%;
}
#sec4 .box .text{
 width: 50%;
 box-sizing: border-box;
 padding: 40px;
}
#sec4 .box .text .about.bg{
 background: url(../img/sec4_img.png) no-repeat right bottom;
}
#sec5 .box{
 max-width: 1050px;
 margin-left: auto;
 margin-right: auto;
 background: url(../img/sec5_bgimg.png) no-repeat left center , url(../img/sec5_bgimg.png) no-repeat right center;
 background-size: auto 70%;
}
#sec5 .planImg{
 display: inline-block;
 position: relative;
}
#sec5 .planImg .link1{
 display: block;
 width: 30%;
 height: 15%;
 position: absolute;
 bottom: 11%;
 left: 35%;
 background: rgba(255,255,255,0.2);
 opacity: 0;
}
#sec5 .planImg .link2{
 display: block;
 width: 30%;
 height: 15%;
 position: absolute;
 bottom: 11%;
 left: 68%;
 background: rgba(255,255,255,0.2);
 opacity: 0;
}
#sec6{
 background: url(../img/sec6_bg.jpg) center center;
 background-size: cover;
}
#sec6 .box{
 display: flex;
}
#sec6 .box .text1{
 width: 50%;
 background: #C1C104;
 padding: 40px;
}
#sec6 .box .text2{
 width: 50%;
 background: #fff;
 padding: 40px;
}
#sec6 .price{
 text-align: center;
 padding: 20px 10px 10px;
 border-top: solid 1px #4F3710;
 border-bottom: solid 1px #4F3710;
}
#sec6 .price>span{
 display: inline-block;
 vertical-align: middle;
}
#sec6 .price .sttl{
 margin-right: 2em;
}

/*
===================================================
	pc small
===================================================
*/
@media screen and (max-width: 1100px) {
 #sec4 .box{
  display: block;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
 }
 #sec4 .box .img{
  width: auto;
 }
 #sec4 .box .img img{
  width: 100%;
 }
 #sec4 .box .text{
  width: auto;
  box-sizing: border-box;
  padding: 30px;
 }
 #sec6 .box{
  display: block;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
 }
 #sec6 .box .text1{
  width: auto;
  padding: 30px;
 }
 #sec6 .box .text2{
  width: auto;
  padding: 30px;
 }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 768px) {
 #sec2 .box{
  margin-top: 50px;
 }
 #sec3 h2{
  background: url(../img/sec3_sp_photo1.jpg) no-repeat center center;
  background-size: cover
 }
 #sec3 h2 .inner{
  text-align: center;
  padding: 10vw;
 }
 #sec3 h2 .inner img{
  width: 60%;
 }
 #sec3 .list{
  padding: 10px;
 }
 #sec3 .list li{
  width: 50%;
 }
 #sec4 .box .text .about.bg{
  background: url(../img/sec4_img.png) no-repeat right bottom;
  background-size: 50%;
 }
 #sec4 .box{
  display: block;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
 }
 #sec4 .box .text{
  padding: 20px;
 }
 #sec4 .sttl{
  min-width: 5.5em;
 }
 #sec5 .box{
  width: 95%;
  background-size: auto 40%;
 }
 #sec6{
  background: url(../img/sec6_bg.jpg) top left;
  background-size: cover;
 }
 #sec6 .box{
  max-width: 95%;
 }
 #sec6 .box .text1{
  padding: 30px 15px;
 }
 #sec6 .box .text2{
  padding: 30px 15px;
 }
 #sec6 .price{
  padding: 8px 10px 5px;
 }
}