@charset "utf-8";


/*-----------------------------------------------------
大見出し
-------------------------------------------------------*/

/* 中見出し
------------------------------------------------*/

/* 小見出し/コメント */

/* 1400px以下 */
@media only screen and (max-width: 1399px) {
}

/* 1200px以下 */
@media only screen and (max-width: 1199px) {
}

/* タブレット以下 */
@media only screen and (max-width: 991px) {
}

/* スマホ */
@media only screen and (max-width: 767px) {
}

/*-----------------------------------------------------
共通
-------------------------------------------------------*/
section {
  padding: 100px 0;
}
a {
  text-decoration-line: none;
}

@media only screen and (max-width: 991px){
section {
  padding: 50px 0;
}}

@media only screen and (max-width: 767px){
section {
  padding: 50px 0;
}}

/*-----------------------------------------------------
フォント
-------------------------------------------------------*/
.text-orange-grada{
  display: inline-block;
  font-weight: 900;
  background: linear-gradient(to right,#ff4e00, #ffa200);
  -webkit-background-clip: text;
  color: transparent;
}
.text-bold{
  font-weight: bold;
}
.text-bold02{
  font-weight: 900;
}

.text-white{
  color: #fff;
}

/*-----------------------------------------------------
タイトル
-------------------------------------------------------*/
.ttl_box{
  text-align: center;
  padding-bottom: 50px;
}
.ttl-text{
  font-weight: 900;
  font-size: 2.3rem;
  padding-top: 0.5rem;
  font-weight: 900;
  background: linear-gradient(to top, #ff4e00, #ffa200);
  -webkit-background-clip: text;
  color: transparent;
}

@media only screen and (max-width: 767px) {
.ttl-text{
  font-size: 1.5rem;
}
.ttl_box{
  padding-bottom: 30px;
}}

/*-----------------------------------------------------
CTA
-------------------------------------------------------*/
.cta_box{
  background-color: #00b8b6;
  padding: 1rem;
  width: 80%;
}
.cta_border{
  border: 2px solid #fff;
  padding: 2rem 1rem;
}
.cta-ttl{
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}
.cta-ttl-small{
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
}
.cta-btn-ttl{
  color: #333;
  font-size: 2rem;
  font-weight: bold;
}
.cta-btn-small{
  font-size: 1.2rem;
}
@media only screen and (max-width: 991px){
.cta_box{
  width: 100%;
}}

@media only screen and (max-width: 767px){
.cta_box{
  width: 100%;
}
.cta-ttl{
  font-size: 1.6rem;
}
.cta-ttl-small{
  font-size: 1.15rem;
}
.cta-btn-ttl{
  font-size: 1.5rem;
}
.cta-btn-small{
  font-size: 1rem;
}}

/*------------CTAボタン-------------*/
a.btn-flat {
  overflow: hidden;
  padding: 0.8rem 6rem;
  border-radius: 0;
  background: #e6fa3f;
  margin-top: 2rem;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-50px);
  transform: translateX(-80%) translateY(-50px);
  border-radius: 50%;
  background: #ff8a00;
}

a.btn-flat:hover:before {
  width: 800px;
  height: 800px;
  -webkit-transform: translateX(-1%) translateY(-50%);
  transform: translateX(-1%) translateY(-50%);
}

@media only screen and (max-width: 767px){
  a.btn-flat {
  padding: 0.8rem 2rem;
  width: 100%;
}}

/*-----------------------------------------------------
header
-------------------------------------------------------*/
#Header{
  background-color: #fff;
}
#Header p{
  margin-bottom: 0;
}
.header-box{
  padding: 1em 0.5em 0.5em;
}
.h-logo{
  max-width: 20rem;
  padding-left: 3em;
}

@media only screen and (max-width: 1199px) {
.h-logo{
  max-width: 15rem;
  padding-left: 1em;
  padding-right: 1em;
}
.h-cta{
  width: 20rem;
}}
@media only screen and (max-width: 991px) {
.h-logo{
  max-width: 10rem;
  padding-left: 0.5em;
}}
@media only screen and (max-width: 767px) {
.h-logo_sp{
  max-width: 8rem; 
  padding: 0.5em;
  margin: 0 auto;
}}


/*------------CTAボタン-------------*/
a.btn-gradient {
  font-weight: normal;
  color: #fff;
  border-radius: 50px;
  background-image: -webkit-linear-gradient(left, #06d7ea 20%, #ffcc00 100%);
}

a.btn-gradient:after {
  position: absolute;
  border-radius: 50px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-image: -webkit-linear-gradient(left, #06d7ea 60%, #ffcc00 100%);
}

a.btn-gradient span {
  position: relative;
  z-index: 1;
}

a.btn-gradient:hover {
  color: #fff;
}

a.btn-gradient:hover:after {
  opacity: 0;
}
.h-cta-text{
  font-size: 1.5rem;
  font-weight: bold;
}
.h-cta-text_small{
  font-size: 1rem;
}

@media only screen and (max-width: 991px){
 #Header .btn{
  padding: 0.5rem 2rem;
}}

/*-----------------------------------------------------
FV
-------------------------------------------------------*/
.fv{
  padding: 0;
}


/*-----------------------------------------------------
ABOUT
-------------------------------------------------------*/
.about{
  padding-bottom: 0;
  padding-top: 0;
}
.about-box{
  min-height: 465px;
}
.about-text-box {
  display: flex;
  flex-direction: column; /* ← 縦並びにする */
  align-items: flex-start; /* ← 左揃えにする */
  position: absolute;
  z-index: 30;
  top: 5%;
}
.about-ttl {
  background-color: #e6fa3f;
  padding: 0.8rem;
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block; /* ← 文字幅に合わせる */
}
.about-ttl-text{
  font-size: 2.25rem;
}
.about-text{
  font-weight: bold;
  width: 50%;
  padding-top: 3rem;
}
.about-pic-box{
  position: absolute;
  z-index: 0;
  right: 0;
}

@media only screen and (max-width: 991px){
.about-box{
  min-height: 370px;
}
.about-ttl {
  font-size: 1rem;
}
.about-ttl-text{
  font-size: 1.5rem;
}
.about-pic-box{
  width: 60%;
}}

@media only screen and (max-width: 767px){
  .about-box{
  min-height: 525px;
}
.about-ttl {
  font-size: 1rem;
}
.about-ttl-text{
  font-size: 1.3rem;
}
.about-text-box {
  top: 30%;
}
.about-text{
  width: 100%;
  padding-top: 1rem;
}
.about-pic-box{
  width: 100%;
}}

/*パララックス
-------------------------------------------------------*/
.parallax-about{
  clip-path: inset(0);
  height: 100%;
}
.parallax-about::before{
  background: url(../images/about_bg.png) no-repeat center center;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;  
}
/*-----------------------------------------------------
対応可能なお仕事
-------------------------------------------------------*/
.work{
  background-color: #c7cf87;
  padding: 100px 0 50px;
}

.work-ttl {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 50rem;
    margin-bottom: 15px;
    padding: .8em 1.2em;
    border-radius: 30px;
    background-color: #ffffff;
    color: #333333;
}
.work-ttl::before {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background-color: #ffffff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}
.work-list{
  flex-wrap: wrap;
}
.work-contents{
  background-color: #fff;
  border: 5px solid #e6fa3f;
  border-radius: 12px;
  padding: 0.5rem;
  width: 30%;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.work-box-ttl{
  background-color: #fff;
  border: 5px solid #e6fa3f;
  border-radius: 30px;
  padding: 0.5rem 0.8rem;
  font-size: 1.5rem;
  width: 90%;
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  font-weight: bold;
}
.work-text{
  min-height: 12rem;
}
.work-price{
  position: absolute;
  bottom: 5px;
  padding: 0 0.5rem;
}
@media only screen and (max-width: 991px){
  .work-contents{
  width: 45%;
}}
@media only screen and (max-width: 767px){
  .work-contents{
  width: 100%;
}}
.work-closing {
  width: 80%;
  background: #fff;
  border-radius: 12px;
}
@media only screen and (max-width: 991px) {
  .work-closing {
    width: 100%;
}}

/*-----------------------------------------------------
えいようjoinの実績
-------------------------------------------------------*/
.zisseki{
  padding-top: 0;
}

@media only screen and (max-width: 991px){
.zisseki{
  padding-top: 50px;
}}

.zisseki ul{
  padding-inline-start: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.slide-items img{
  width: 90%;
}
.slick-prev {
    left: -50px !important;
    z-index: 2;
}
.slick-next {
    right: -15px !important;
    z-index: 3;
}
.slick-prev:before, .slick-next:before {
    color: #fff !important;/*ボタンの色*/
    opacity: 0.75 !important;/*ボタンの不透明度*/
    font-size: 20px !important;/*ボタンのサイズ*/
    background: #828282;
    border-radius: 50%;
    font-weight: bold;
    padding: 0.5em 0.8em;
}

.slick-dots li button:before{
  font-size:25px!important;/*ドットのサイズ*/
  padding-top: 15px;
}
.slick-dots {
  left: 50%;
  transform: translateX(-50%);
}

.slick-arrow:before{
    content:""!important;
    width: 35px !important;
    height: 35px !important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(../images/slick-next.png)!important;
    background-size: contain!important;
}

.slick-prev:before{
    background: url(../images/slick-prev.png)!important;
    background-size: contain!important;
}

@media (max-width:767px) {
.slide-items img{
  width: 100%;
}
.slick-prev {
    left: -35px !important;
    z-index: 2;
}
.slick-next {
    right: -22px !important;
    z-index: 3;
}
.slick-prev:before, .slick-next:before {
    color: #fff !important;/*ボタンの色*/
    opacity: 0.75 !important;/*ボタンの不透明度*/
    font-size: 10px !important;/*ボタンのサイズ*/
    background: #828282;
    border-radius: 50%;
    font-weight: bold;
    padding: 0.5em 0.8em;
}
.slick-dots li{
  width: 15px !important;
}
.slick-dots li button:before{
  font-size:15px!important;/*ドットのサイズ*/
  padding-top: 15px;
}
.slick-dots {
  left: 50%;
  transform: translateX(-50%);
}}

/*-----------------------------------------------------
えいようjoin3つの特徴
-------------------------------------------------------*/
.point{
  padding: 0;
}

.point-ttl-big{
  font-size: 3rem;
}
.point-text{
  line-height: 1.5em;
  font-size: 1.35rem;
}
.orange-border{
  background: linear-gradient(transparent 70%, #ffa800 50%);
}

@media only screen and (max-width: 991px){
.point-text{
  font-size: 1.5rem;
}}

/*パララックス
-------------------------------------------------------*/
.parallax-point{
  clip-path: inset(0);
  height: auto;
  padding: 100px 0;
}
.parallax-point::before{
  background: url(../images/point_bg.png) no-repeat center center;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;  
}


/*-----------------------------------------------------
 所属栄養管理士のご紹介
-------------------------------------------------------*/
.eiyoushi{
  padding-top: 0;
}
.eiyoushi-text{
  color: #444;
  font-size: 1.5rem;
}
.eiyoushi02 ul{
  padding-inline-start: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
.eiyoushi-text{
  font-size: 1.25rem;
}
.eiyoushi02{
  padding: 0;
}}

@media only screen and (max-width: 767px){
 .eiyoushi-text{
  font-size: 1rem;
}}

/*パララックス
-------------------------------------------------------*/
.parallax{
  clip-path: inset(0);
}
.parallax::before{
  background: url(../images/profile_bg.png) no-repeat center center;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;  
}

/*-----------------------------------------------------
納品までの流れ
-------------------------------------------------------*/
.step{
  background-color: #ecf888;
  padding: 0 0 50px;
}
.step-list{
  flex-wrap: wrap;
}
.step-contents{
  width: 30%;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 991px){
  .step-contents{
  width: 45%;
}}
@media only screen and (max-width: 767px){
  .step-contents{
  width: 100%;
}
.step_img{
  width: 80%;
}}
/*-----------------------------------------------------
よくある質問
-------------------------------------------------------*/
.question{
  background-color: #ecf1c2;
  padding-top: 0;
}
@media only screen and (max-width: 991px){
.question{
  padding-top: 50px;
}}

.q_text{
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 0;
}
.q_icon {
  display: inline-flex; /* 要素を中央揃え */
  justify-content: center;
  align-items: center;
  width: 2.5em; /* 円のサイズ */
  height: 2.5em; /* 円のサイズ */
  border-radius: 50%; /* 円形にする */
  background-color: #879513; /* 円の背景色 */
  color: #fff; /* テキストの色 */
  font-weight: bold;
  font-size: 1.15rem; /* フォントサイズ */
  text-align: center;
}
.fa-q{
  color: #fff;
  padding-left: 3.4em;
}
.a_text{
  font-size: 1.3rem;
  font-weight: bold;
}
.a_icon {
  display: inline-flex; /* 要素を中央揃え */
  justify-content: center;
  align-items: center;
  width: 2.5em; /* 円のサイズ */
  height: 2.5em; /* 円のサイズ */
  border-radius: 50%; /* 円形にする */
  background-color: #ffa200; /* 円の背景色 */
  color: #fff; /* テキストの色 */
  font-weight: bold;
  font-size: 1.15rem; /* フォントサイズ */
  text-align: center;
}
.fa-a{
  color: #fff;
  padding-left: 3.4em;
}
.indent-text {
  display: block;
  text-indent: -3em;
  padding-left: 3.5em;
}
@media only screen and (max-width: 991px){
.q_icon {
  width: 2em; 
  height: 2em; 
  font-size: 1rem; 
}
.a_icon {
  width: 2em; 
  height: 2em; 
  font-size: 1rem;  
}
.q_text{
  font-size: 1rem;
}
.a_text{
  font-size: 1rem;
}
  .fa-q{
  padding-left: 2.8em;
}  
  .fa-a{
  padding-left: 2.8em;
}}

.accordion {
  --bs-accordion-border-color: none;
  --bs-accordion-btn-focus-border-color: none;
  --bs-accordion-btn-focus-box-shadow:none;
  --bs-accordion-bg: #fff;
  --bs-accordion-active-bg: none;
  --bs-accordion-btn-padding-y: 1.5rem;
}

.accordion-item {
  border: 2px solid #00969b !important;
}
.accordion-body {
    padding-bottom: 1.5rem;

}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 20px;
}
.accordion-flush .accordion-item {
    border-radius: 20px;
}
.accordion-button:not(.collapsed) {
    color: #333 !important;
}
.accordion-button::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300969b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300969b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
@media only screen and (max-width: 991px){
.accordion-header {
    padding-left: 0em;
}
.accordion {
--bs-accordion-body-padding-x: 1.4rem;
}}


/*-----------------------------------------------------
form
-------------------------------------------------------*/
.form{
  background-color: #c7cf87;
}
.bg_white{
  background-color: #fff;
  padding: 50px 0 50px 0;
  border-radius: 30px;
}
.form-text{
  font-size: 1.2rem !important;
}
.p-privacy__list {
    list-style-type: none;
}
.form input{
  font-family: 'Noto Sans JP',"Noto Sans Japanese","メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;
}

.text-bg-danger{
  background-color: #12a39a !important;
}
.btn-primary{
  background-color: #12a39a !important;
  border: 2px solid #12a39a;
  color: #fff;
}
.form .btn {
    background-color: #12a39a;
    border-color: #12a39a;
}

.btn-lg{
   padding-left: 5rem;
   padding-right: 5rem;
   border-radius: 15px;
}
.form-check-input{
  border: var(--bs-border-width) solid #444;
}
.p-privacy__ttl{
  font-size: 1rem;
}
.p-privacy__item{
  font-size: 0.8rem;
}
.p-privacy__block-right-in{
  font-size: 0.8rem;
}
.p-privacy__text{
  font-size: 0.8rem;
}

@media only screen and (max-width: 991px) {
  .bg_white{
  padding: 2em;
}}
@media only screen and (max-width: 767px) {
  .bg_white{
  padding: 50px 10px 50px 10px;
  width: 90%;
}}

.wpcf7-spinner{
  display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
  display: none;
}

/*-----------------------------------------------------
footer
-------------------------------------------------------*/
#Footer{
  color: #fff;
  background-color: #12a39a;
  padding: 3em 2em 7em;
}
.company-box{
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
}
.f-text-small{
  font-size: 0.9rem;
}
@media only screen and (max-width: 767px){
  .company-box{
  display: block;
}}


/* 追従 */
.fix-navi p {
  margin-bottom: 0 !important;
}
.fix-navi{
  position: fixed;
  z-index: 9999;
  bottom: 2em;
  right: 5em;
  opacity: 0.8;
}
.fix_img{
  width: 100%;
}
@media only screen and (max-width: 767px){
.fix-navi{
  bottom: 1em;
  right: 3em;
  opacity: 0.8;
}
.fix_img{
  width: 80%;
}}

.navi_box{
  background: #ACC842;
  border: 3px solid #2F8600;
  width: 9rem;
  height: 9rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  border-radius: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.navi_icon{
  margin-bottom: 0.25rem;
  font-size:4rem;
}
@media only screen and (max-width: 767px) {
  .navi_box{
    width: 7rem;
    height: 7rem;
    font-size: 0.8rem;
  }
  .navi_icon{
    font-size:3rem;
  }
}

.scroll-up{
  bottom: 125px;
}

/*-----------------------------------------------------
サンクスページ
-------------------------------------------------------*/
#thks{
  background-color: #ececec;
  margin: 0;
}
.thanks-box{
  background-color: #fff;
  width: 80%;
  margin: 0 auto;
  padding: 1em;
  border-radius: 20px;
}
.thanks-ttl{
  text-align: center;
}
.thanks-text{
  text-align: center;
  font-size: 0.85rem;
}
.thanks-download{
padding-bottom: 2em;
}

a.btn_02 {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 20px;
  width: 50%;
  margin: auto;
  padding: 1rem 0.5rem;
  font-weight: bold;
  border: 2px solid #27acd9;
  background: #27acd9;
  color: #fff;
  transition: 0.5s;
}
a.btn_02:hover {
  color: #27acd9;
  background: #fff;
}
.thanks-btn{
  text-align: center;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 20px;
    margin: 0 auto;
}

/*-----------------------------------------------------
セクションの区切りの波
-------------------------------------------------------*/
.fv-wrapper,
section.work {
  position: relative;
  overflow: hidden;
}

/*FV
-------------------------------------------------------*/
/* fv-wave: 画像下の白波 */
#fv-wave {
  position: absolute;
  bottom: -1px; /* ←これ重要：画像の下端ぴったりに */
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  pointer-events: none;
}

/* fv-wave: 背景画像 */
.fv #bg-image {
  display: block;
  width: 100%;
  height: auto;
  content: url('../images/fv.png');
}
@media only screen and (max-width: 991px){
#fv-wave {
  height: 75px;
}}

@media only screen and (max-width: 767px){
 .fv #bg-image {
  content: url('../images/fv_sp.png');
}}

/*aboutの下
-------------------------------------------------------*/
/* 緑背景上部の波 */
section.work {
  position: relative;
  background-color: #c7cf87;
  overflow: visible; /* ← hiddenだと canvas が見えなくなるので注意！ */
}

#green-wave {
  position: absolute;
  top: -80px;  /* ← 上にずらす！ */
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  pointer-events: none;
}


/*CTA
-------------------------------------------------------*/
#Cta01 {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.top-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  background-color: #c7cf87;
  z-index: 0;
}

.bottom-bg {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 0;
}

#cta-wave {
  position: absolute;
  left: 0;
  bottom: 0; 
  width: 100%;
  z-index: 1;
  pointer-events: none;
  display: block;
}

#Cta01 .container {
  position: relative;
  z-index: 2;
}

/*CTA
-------------------------------------------------------*/
#Cta02 {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.top-bg02 {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  background-color: #fff; /* 上は白 */
  z-index: 0;
}

.bottom-bg02 {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%;
  background-color: #ecf888; /* 下は黄緑 */
  z-index: 0;
}

#cta-wave02 {
  position: absolute;
  left: 0;
  bottom: 0; 
  width: 100%;
  z-index: 1;
  pointer-events: none;
  display: block;
}

#Cta02 .container {
  position: relative;
  z-index: 2;
}

/*CTA
-------------------------------------------------------*/
#Cta03 {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.top-bg03 {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  background-color: #ecf888; /* 上は黄緑 */
  z-index: 0;
}

.bottom-bg03 {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%;
  background-color: #ecf1c2; /* 下は緑 */
  z-index: 0;
}

#cta-wave03 {
  position: absolute;
  left: 0;
  bottom: 0; 
  width: 100%;
  z-index: 1;
  pointer-events: none;
  display: block;
}

#Cta03 .container {
  position: relative;
  z-index: 2;
}