@charset "utf-8";

/*----------------------------
        party
---------------------------*/
/* point
-----------------------------*/
.point{
 overflow: hidden;
 padding: 172px 0 0;
}
/*---point01---*/
.point01{
 position: relative;
 padding: 60px 0 0;
}
.point01::before{
 content: "";
 display: block;
 background: url("../img/party/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
  height:95.2%;
 max-height: 911px;
 z-index: -1;
}
.point01 figure{
 width: 87vw;
 max-width: 900px;
 margin: 54px auto 0;
 text-align: center;
}
@media screen and (max-width: 768px) {
.point{
 padding: 150px 0 0;
}
 .point .leadtxt{
  max-width: none;
  text-align: center;
  line-height: 2;
 }
/*---SP point01---*/
.point01::before{
  height:90%;
}
 .point01 figure{
  margin-top: 50px;
 }
}/*//sp*/

/*---point02---*/
.point02{
 width: 87vw;
 max-width: 1100px;
 padding: 118px 0;
 margin: 0 auto;
}
.point02Img{
 margin: 70px auto 0;
 flex-wrap: wrap;
 justify-content: flex-end;
}
@media screen and (min-width: 769px) {
 .point02Img li{
  width: 35.6%;
 }
 .point02Img li:first-of-type{
  width: 84%;
  max-width: 924px;
  margin: 0 auto 0 0;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
.point02{
 padding: 93px 0 ;
}
.point02Img{
 margin: 50px auto 0;
}
 .point02Img li.spOnly{
  margin-top: 14px;
 }
}/*-SP only-*/

/*---point03---*/
.point03{
 position: relative;
 padding: 80px 6.5% 0;
}
.point03::before{
 content: "";
 display: block;
 background: url("../img/party/bg_green.png") no-repeat center top/cover;
 width: 100%;
  height:95.2%;
 max-height: 911px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
}
.point03 figure{
 max-width: 900px;
 margin:44px auto 0;
 text-align: center;
}
@media screen and (max-width: 768px) {
.point03{
 padding: 65px 0 0;
}
.point03::before{
  height:90%;
}
.point03 figure{
 width: 87vw;
 margin:50px auto 0;
}
}/*-SP only-*/


/*---point04---*/
.point04{
 width: 87vw;
 max-width: 1100px;
 padding: 118px 0 ;
 margin: 0 auto;
}
.point04Img{
 margin: 44px auto 0;
  flex-wrap:wrap
}
@media screen and (min-width: 769px) {
 .point04Img li{
  width: 50%;
 }
 .point04Img li + li{
  margin-top: 130px;
 }
  .point04Img li.rbtm{
    margin-top: -130px;
  }  
}/*-PC only-*/
@media screen and (max-width: 768px) {
.point04{
 padding: 96px 0 ;
}
 .point04Img{
  margin-top: 36px;
 }
 .point04Img li + li{
  margin-top: 14px;
 }
}/*-SP only-*/


/*---point05---*/
.point05{
 position: relative;
 padding: 76px 6.5% 0;
 margin:0 auto 162px;
 align-items: flex-end;
}
.point05::before{
 content: "";
 display: block;
 background: url("../img/party/bg_green.png") no-repeat center top /cover;
 width:1705px; 
 height: 1137px;
 position: absolute;
 left: 4.76%;
 top: 0;
 z-index: -1;
}
.point05Img{
 max-width: 1100px;
 margin: 70px auto 0;
 flex-wrap: wrap;
 justify-content: flex-start;
}

@media screen and (min-width: 769px) {
 .point05Img li{
  width: 35.6%;
 }
 .point05Img li:first-of-type{
  width: 84%;
  max-width: 924px;
  margin: 0 0 0 auto;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
.point05{
 padding: 65px 6.5% 0;
 margin: 0 auto 90px;
}
.point05::before{
 width:305.06vw; 
 height: 203.46vw;
 left: -152.53vw;
}
 .point05Img{
  margin-top: 50px;
 }
 .point05Img li + li{
  margin-top: 14px;
 }
}/*-SP only-*/

/*--- spec---*/
.spec{
 padding: 0 0 140px;
}
.specImg{
 margin: 94px auto 0;
 flex-wrap: wrap;
 justify-content: flex-end;
}
@media screen and (min-width: 769px) {
 .specImg li{
  width: 35.6%;
 }
 .specImg li:last-of-type{
  width: 84%;
  max-width: 924px;
  margin: 0 auto 0 0;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
 .spec{
 padding: 0 0 96px;
}
 .specImg{
  margin-top: 52px;
 }
.specImg li + li{
  margin-top: 13px;
 }
}/*-SP only-*/

/*--- movie---*/
.movie{
 background: url("../img/party/bg_green.png") no-repeat center top / cover;
 padding: 152px 6.5% 143px;
}
.movie h2{
 margin-bottom: 47px;
}
.moviebox{
 position: relative;
 width: 100%;
 max-width: 900px;
 padding-top: 506px;
 margin: 0 auto;
}
.moviebox iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
@media screen and (max-width: 768px) {
.movie{
 padding: 84px 6.5% 75px;
}
.movie h2{
 margin-bottom:38px;
}
 .moviebox{
 padding-top: 56.22%;
}
}/*-SP only-*/


/*--- facility ---*/
.facility{
 padding: 117px 0 210px;
}
.facility .box figure img{
 max-width: none;
 width: 100%;
}
.facility .box h3{
 margin-bottom: 30px;
 text-align: left;
 line-height: 1.3;
}
@media screen and (min-width: 769px) {
 .facility .box{
  align-items: center;
 }
 .facility .box:first-of-type{
  margin-top: 82px;
 }
.facility .box:nth-of-type(odd){
 flex-flow: row-reverse;
}
 .facility .box figure{
  width: 50%;
 }
 .facility .box .text{
  width: 50%;
  padding: 0 0 0 7.47%;
 }
 .facility .box:nth-of-type(odd) .text{
  width: 50%;
  padding: 0 0 0 10.2%; 
 }
 .facility .box .text p{
  font-size: 26px;
 }
 /* 240319 */
 .cmnLeadtext{
  width: 87vw;
    max-width: 900px;
    margin: 54px auto 0;
    text-align: center;
  }
  .point02 figure {
    width: 87vw;
    max-width: 900px;
    margin: 54px auto 0;
    text-align: center;
  }
  .point04 figure {
    width: 87vw;
    max-width: 900px;
    margin: 54px auto 0;
    text-align: center;
  }
  .point05 figure {
    width: 87vw;
    max-width: 900px;
    margin: 54px auto 0;
    text-align: center;
  }
  .point05::before {
    content: "";
    display: block;
    background: url(https://seasons-kobe.com/system/wp-content/themes/seasons_kobe/img/party/bg_green.png) no-repeat center top / cover;
    width: 100%;
    height: 95.2%;
    max-height: 911px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}/*-PC only-*/
@media screen and (max-width: 768px) {
.facility{
 padding: 78px 6.5% 180px;
}
 .facility .box:first-of-type{
  margin-top: 53px;
 }
 .facility .box + .box{
  margin-top: 92px;
 }
 .facility .box figure{
  margin-bottom: 28px;
 }
.facility .box h3{
 margin-bottom: 19px;
}
 .facility .box .text p{
  font-size: 22px;
 }
 /* 240319 */
 .cmnLeadtext{
    width: 87vw;
    margin: 50px auto 0;
  }
  .point02 figure {
    width: 87vw;
    margin: 50px auto 0;
  }
  .point04 figure {
    width: 87vw;
    margin: 50px auto 0;
  }
  .point05 figure {
    width: 87vw;
    margin: 50px auto 0;
  }
}/*-SP only-*/