@charset "UTF-8";
/*
	Filename: funeral
	Version: 1.0.1
*/
/*-----------------------------------------------------
	#mv
------------------------------------------------------*/
#mv {
  background: url("../img/offering/mv.jpg") no-repeat top center;
  background-size: cover;
}
#mv .wrap {
  height: 362px;
}
@media screen and (max-width: 1920px) {
  #mv .wrap {
    height: 18.802vw;
  }
}
@media screen and (max-width: 1300px) {
  #mv .wrap {
    height: 18.846vw;
  }
}
@media screen and (max-width: 900px) {
  #mv .wrap {
    height: 20.222vw;
  }
}
@media screen and (max-width: 600px) {
  #mv .wrap {
    height: 25.167vw;
  }
}
/*-----------------------------------------------------
	#sec_01
------------------------------------------------------*/
#sec_01 p {
  margin-bottom: 50px;
  font-size: 32px;
  text-align: center;
}
#sec_01 .flex {
  margin-bottom: 80px;
}
@media screen and (max-width: 1920px) {
  #sec_01 p {
    margin-bottom: 2.604vw;
    font-size: 1.667vw;
  }
}
@media screen and (max-width: 900px) {
  #sec_01 .mv_inner {
    padding-top: 50px;
  }
  #sec_01 p {
    margin-bottom: 30px;
    font-size: 16px;
  }
}
/*-----------------------------------------------------
	#sec_02
------------------------------------------------------*/
#sec_02 {
  position: relative;
}
#sec_02 .inner {
  padding-top: 50px;
}
#sec_02 .flex {
  margin-bottom: 80px;
}
.sec_02_child {
  width: 32%;
}
.sec_02_child img {
  width: 100%;
  margin-bottom: 10px;
}
#sec_02 p {
  margin-bottom: 50px;
  font-size: 38px;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  #sec_02 p {
    margin-bottom: 2.604vw;
    font-size: 1.771vw;
  }
}
@media screen and (max-width: 900px) {
  #sec_02 .inner {
    padding-top: 110px;
  }
  #sec_02 .flex {
    margin-bottom: 50px;
  }
  .sec_02_child {
    width: 100%;
  }
  #sec_02 h2 {
    top: 1.667vw;
  }
  #sec_02 p {
    margin-bottom: 30px;
    font-size: 18px;
  }
  #sec_02 .sec_02_child:last-of-type p {
    margin-top: -11.111vw;
  }
}

/*-----------------------------------------------------
	#sec_03
------------------------------------------------------*/
#sec_03 {
  position: relative;
}
#sec_03 .inner {
  padding-top: 50px;
}
#sec_03 p {
  margin-bottom: 50px;
  font-size: 38px;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  #sec_03 p {
    margin-bottom: 2.604vw;
    font-size: 1.771vw;
  }
}
@media screen and (max-width: 900px) {
  #sec_03 .inner {
    padding-top: 110px;
  }
  #sec_03 h2 {
    top: 1.667vw;
  }
  #sec_03 p {
    margin-bottom: 30px;
    font-size: 18px;
  }
}