@charset "utf-8";

/*----------------------------
         ceremony
---------------------------*/
/* point
-----------------------------*/
.point{
 padding: 120px 0 0;
}
/*---point01---*/
.point01{
 position: relative;
 padding: 60px 0 0;
}
.point01Img{
 width: 87vw;
 max-width: 1224px;
 margin: 56px auto 0;
 flex-wrap: wrap;
 justify-content: center;
}
@media screen and (min-width: 769px) {
.point01::before{
 content: "";
 display: block;
 background: url("../img/ceremony/bg_green.png") no-repeat right top / auto 100%;
 position: absolute;
 left: 0;
 top: 0;
 width: 86.6%;
 height: 897px;
 z-index: -1;
}
 .point01Img li{
  width: 50%;
 }
 .point01Img li:nth-of-type(2){
  padding-right: 16.7%;
 }
 .point01Img li:nth-of-type(3){
  padding-left: 16.7%;}
}/*//pc*/
@media screen and (max-width: 768px) {
.point{
 overflow: hidden;
 padding: 116px 0 0;
}
/*---SP point01---*/
 .point01{
  background: url("../img/ceremony/bg_green.png") no-repeat center top /auto 200vw;
 }
 .point01Img li + li{
  margin-top: 15px;
 }

}/*//sp*/

/*---point02---*/
.point02{
 width: 87vw;
 max-width: 1162px;
 padding: 148px 0 125px;
 margin: 0 auto;
}
.point02Img{
 margin: 56px auto 0;
 flex-wrap: wrap;
 justify-content: flex-end;
}
@media screen and (min-width: 769px) {
 .point02Img li{
  width: 30%;
 }
 .point02Img li:first-of-type{
  width: 70%;
  max-width: 816px;
 }
 .point02Img li:nth-of-type(2){
  display: flex;
  align-items: flex-end;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
.point02{
 padding: 107px 0 100px;
}
.point02Img{
 margin: 46px auto 0;
}
 .point02Img li.spOnly{
  margin-top: -12.26vw;
 }
}/*-SP only-*/

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


/*---point04---*/
.point04{
 width: 87vw;
 max-width: 1100px;
 padding: 160px 0 0;
 margin: 0 auto;
 flex-flow: row-reverse;
 align-items: center;
}
.point04 p{
 text-align: left;
}
@media screen and (min-width: 769px) {
 .point04 .text{
  width: 40%;
  padding: 0 0 0 0;
 }
.point04 h3{
 text-align: left;
}
 .point04 figure{
  width: 50%;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
.point04{
 padding: 85px 0 92px;
}
.point04 h3{
 margin-left: -5vw;
 margin-right: -5vw;
}
 .point04 figure{
  margin: 46px auto 0;
  text-align: center;
 }
}/*-SP only-*/


/*---point05---*/
.point05{
 position: relative;
 width: 87vw;
 max-width: 1100px;
 padding:  0 0;
 margin: 112px auto 260px;
 align-items: flex-end;
}
.point05::before{
 content: "";
 display: block;
 background: url("../img/ceremony/bg_green.png") no-repeat center top /cover;
 width:77.8%;
 height: 571px;
 position: absolute;
 bottom: -112px;
 right: 34.2%;
 z-index: -1;
}
.point05 p{
 text-align: left;
}
.planBox, .step {
   background: url(../img/plan/bg@2x.png) no-repeat center top / cover;
   padding-top: 70px;
   padding-bottom: 120px;
}
.planTitle {
   font-size: 26px;
   text-align: center;
   margin-bottom: 0!important;
}
.planPrice {
   margin-top: 10px;
   font-size: 26px;
   text-align: center;
}
.planOverview {
   margin-top: 40px;
   background: #fff;
}
.planOverview figure {
   width: 50%;
}
.planOverview .benefits {
   width: 50%;
}
.benefits {
   padding: 45px 6.3% 30px;
}

.benefitsTitle {
   margin-bottom: 24px;
   padding-bottom: 10px;
   border-bottom: 1px solid #1B5010;
   font-size: 20px;
   color: #1B5010;
   text-align: center;
}
.benefitsList li {
   font-size: 18px;
}
.counseling {
  padding-top: 70px;
  padding-bottom: 120px;
}
.steplist {
  width: 800px;
    margin: 0 auto 20px;
    background: #fff;
    padding: 30px;
}
.steplist .catchcopy {
  font-size: 18px;
    border-bottom: #c1c1c1 1px solid;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.steplist .catchcopy span {
  width: auto;
    display: block;
    letter-spacing: 0.15em;
    position: absolute;
    font-weight: normal;
}
.tokuten_img {
    width: 900px;
    margin: 0 auto 20px;
}

@media screen and (min-width: 769px) {
 .point05 .text{
  width: 50%;
  padding: 0 0 0 11.6%;
 }
.point05 h3{
 text-align: left;
}
 .point05 figure{
  width: 50%;
 }
 .planBox .pcfair_btn, .counseling .pcfair_btn {
    display: inline-block;
    background: #AACCA3;
    width: 40%;
    padding: 14px 30px 14px 26px;
    margin: 42px auto 0;
    font-size: 18px;
 }

 .pcfair_btn::before{
   position: absolute;
     right: 25px;
     bottom: 0;
     top: 0;
     margin: auto;
     border-color: #000;
     width: 6px;
     height: 6px;
 }
 .planOverview figure img {
    object-fit: cover;
    height: 100%;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
.point05{
 padding: 65px 0 0;
 margin: 0 auto 90px;
}
.point05::before{
 width:226.6vw;
 height: 151.2vw;
 bottom: auto;
 right: auto;
 top: 0;
 left: -113.3vw;
 z-index: -1;
}
 .point05 figure{
  margin: 46px auto 0;
  text-align: center;
 }
 .planOverview figure {
    width: 100%;
}
.planOverview .benefits {
    width: 100%;
}
.counseling {
  padding-top: 70px;
  padding-bottom: 120px;
}
.planBox .cmnLink, .counseling .cmnLink {
   display: inline-block;
   background: #AACCA3;
   width: 82.4vw;
   padding: 14px 30px 14px 26px;
   margin: 42px auto 0;
   font-size: 18px;
}
.steplist {
  width: 90%;
}
.tokuten_img {
    width: 90%;
}
.step .leadtxt {
    margin-bottom: 10%;
}
}/*-SP only-*/

/* 20220513 */
.cmnLinkBox span.icTel::before {
    content: "";
    display: inline-block;
    margin-right: 19px;
    width: 26px;
    height: 33px;
    background: url(https://seasons-kobe.com/system/wp-content/themes/seasons_kobe/img/ic_tel.png) no-repeat center / cover;
    vertical-align: middle;
}
@media screen and (max-width: 768px)
.cmnLinkBox span.icTel::before {
    margin-right: 30px;
}
.cmnLinkBox .pcfaie_btn2 {
  padding: 20px 0;
}
.cmnLinkBox .pcfaie_btn3 {
  padding: 20px 28px;
}