@charset "utf-8";

/*----- header -----*/
#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 101;
  padding: 1rem 0;
  width: 75rem;
  margin: 0 auto;
  background: #FFF;
  box-shadow: 0 3px 6px #00000015;
}
#c_logo {width:18.3rem;}
#c_tel {width:23.2rem;}
#c_btn {width:26.4rem;}

/*----- conversion -----*/
#conversion {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 75rem;
  height: 15.2rem;
  margin: 0 auto;
}
.c_btn {
  width: 65rem;
  margin: -1.7rem auto 0 auto;
  display: block;
  position: relative;
}
/*----- mi -----*/
#mi {
  /* background: url(../img/mi/bg.webp) no-repeat center top; */
  background-size: cover;
}
#mi .box {
  height: 71.7rem;
  padding-top: 57.3rem;
}
#mi_txt01 {
  width: 47rem;
  position: absolute;
  left: 2rem;
  top: 1.2rem;
}
#mi_txt02 {
  width: 16.9rem;
  position: absolute;
  right: 2rem;
  top: 1.7rem;
}
#mi_ttl01 {
  width: 22.6rem;
  position: absolute;
  right: 23.5rem;
  top: 12.6rem;
}
#mi_ttl02 {
  width: 47.4rem;
  position: absolute;
  right: 0;
  top: 18.2rem;
}
#mi_ttl03 {
  width: 44rem;
  position: absolute;
  right: 1.6rem;
  top: 48.3rem;
}
#mi_benefit li {
  margin: 0 0 0 -0.6rem;
}
#mi_benefit li:first-child {
  margin: 0;
}
#mi_benefit img {
  width: 24.1rem;
}

/*----- lead -----*/
#l_txt01 {
  width: 32.5rem;
  margin-left: 1rem;

}
#l_arw {
  width: 2.1rem;
}
#l_txt02 {
  width: 29rem;
  margin-right: 1rem;

}
.l_ttl {
  width: 43.6rem;
}
.l_btn {
  width: 71rem;
  animation: buttonMove 0.5s ease infinite alternate;
}
@keyframes buttonMove {
  0% {
    transform: scale(0.8, 0.8) translateY(0);
  }
  100% {
    transform: scale(0.9, 0.9) translateY(-1.5rem);
  }
}
/*----- form -----*/

/*アコーディオンタイトル*/
.notes_ttl {
  cursor: pointer;
  padding: 2rem 0;
  position: relative;
  border: 1px solid #FFF;
  text-align: center;
}
/*アイコンの＋と×*/
.notes_ttl::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/campaign/arw.webp) no-repeat center top;
  background-size: 1.5rem;
  margin: 0 0 0 1rem;
}
.notes_ttl.active::after {
  transform: rotate(90deg);
}
/*アコーディオンで現れるエリア*/
.notes_info {
  display: none;/*はじめは非表示*/
  padding: 3rem;
  background: #FFFFFF33;
  position: relative;
}