@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;
}

@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%;
 }

}/*-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;
 }
}/*-SP only-*/


/* 240312 */
/*---title---*/
.point01-1{
  position: relative;
  padding: 0 6.5% 0;
 }

 .point01-1 figure{
  max-width: 900px;
  margin:56px auto 0;
  text-align: center;
 }
 @media screen and (max-width: 768px) {
 .point01-1{
  padding: 65px 6.5% 0;
 }
 .point01-1 figure{
  margin:46px auto 0;
 }
 }/*-SP only-*/

 .mt6p{
  margin-top: 6%;
 }
 @media screen and (max-width: 768px) {
  .mt6p{
margin-top: 16%;
  }
  .mbb{
    margin-bottom: 17%;
  }
}
.mbb{
  margin-bottom: 5%;
}