/* TOP */
.mvimg {
  width: 100%;
}
.mvimg img { 
  width: 100%;
}
.pconly {
  display: block;
}
.sponly {
  display: none;
}
[data-element-id].sponly {
  display: block;
  width: 400px;
}
.top-menu ul {
  background: #fff;
  padding: 2%;
}
.top-menu ul li h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.top-menu ul li .img {
  margin-bottom: 10px;
}
.btn_02.f-line a {
  background: #00ba00;
  border: 1px solid #00ba00;
  color: #fff;
}
.icon-line::before {
  content: "\f3c0";
}
.btn_02.f-line a:hover {
  background: #fff;
  color: #00ba00;
} 
.ma-0a {
  margin: 0 auto;
}
.mat-10a {
  margin: 10px auto;
}
.top-faq {
  background: #fff;
  padding: 2%;
}
.top-faq .accordion-003 {
    width: 100%;
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
}

.top-faq .accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.top-faq .accordion-003 summary::-webkit-details-marker {
    display: none;
}

.top-faq .accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.top-faq .accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.top-faq .accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.top-faq .accordion-003[open] p {
    transform: none;
    opacity: 1;
}

@media (max-width: 1024px){
  .mat-10sp {
    margin-top: 10px;
  }
}


/*recell */
.top-recell {
  position: relative;
}
.top-recell .pic {
  opacity: 0.5;
  border-radius: 100px;
  border: 10px solid #007c05;
}
.top-recell .text01 {
  position: absolute;
  width: 100%;
  top: 10%;
  text-align: center;
  font-size: 44px;
  color: #fff;
  -webkit-text-stroke: 10px #66b069;
  paint-order: stroke;
  z-index: 10;
}
.top-recell .text02 {
  position: absolute;
  width: 100%;
  top: 30%;
  text-align: center;
  font-size: 22px;
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .index .mainimg {
    margin: 0;
  }
  .top-recell .text01 {
    font-size: 34px;
  }
  .top-recell .text02 {
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  .pconly {
    display: none;
  }
  .sponly {
    display: block;
  }
  .top-recell .pic {
    border: 5px solid #007c05;
  }
  .top-recell .text01 {
    font-size: 18px;
    -webkit-text-stroke: 6px #66b069;
  }
  .top-recell .text02 {
    font-size: 12px;
    width: 98%;
    margin-left: 2%;
  }
}