@charset "UTF-8";
/* CSS Document */

h1 {
  visibility: hidden;
  height: 0;
}

.background {
  position: fixed;
  width: 100%;
  height: 100lvh;
  background-image: url(../images/common/bg.jpg);
  background-size: cover;
  background-position: center;
}

.background__contents {
  display: none;
}

@media (min-width: 1024px) {
  .background__contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1480px;
    height: 100lvh;
    margin: 0 auto;
  }

  .background__contents__left {
    width: calc(100% / 2 - 285px);
    height: 90lvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5%;
  }

  .background__contents__left__top {
    display: block;
    width: 60%;
    margin: 0 auto;
  }

  .background__contents__left__top__ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .background__contents__center {
    width: 570px;
  }

  .background__contents__right {
    width: calc(100% / 2 - 285px);
    height: 90lvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 2%;
  }

  .background__contents__right a {
    display: block;
    width: 60%;
    width: 200px;
    margin: 0 auto;
  }

}

.contents {
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  background: #FFFFFF;
  z-index: 99999;
}

.sec2 ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec2 ul li {
  width: 48%;
  margin-bottom: 3%;
}

.sec2 ul li:nth-child(5),
.sec2 ul li:nth-child(6) {
  margin-bottom: 0;
}

.sec3 {
  position: relative;
}

.sec3 a {
  display: block;
  position: absolute;
  width: 90%;
  height: 50%;
  transform: translate(-50%, -50%);
  top: 58%;
  left: 50%;
  border-radius: 3%;
}


.sec4 {
  background: #FF8A07;
}

.sec4__ul__li__contents1 {
  position: relative;
}

.sec4__ul__li__contents1 a {
  position: absolute;
  bottom: 13%;
  left: 50%;
  width: 82.5%;
  transform: translateX(-50%);
}

.sec4__ul__li__contents2 {
  position: relative;
}

.sec4__ul__li__contents2 a {
  position: absolute;
  display: block;
  bottom: 8%;
  left: 50%;
  width: 60%;
  height: 4%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}


.sec5__p {
  position: relative;
}

.sec5__p__a1 {
  position: absolute;
  width: 81%;
  bottom: 33%;
  left: 50%;
  transform: translateX(-50%);
}

.sec5__p__a2 {
  position: absolute;
  width: 81%;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
}

.sec5__ul__li__p1 {
  position: relative;
}

.sec5__ul__li__p1 a {
  position: absolute;
  left: 50%;
  bottom: 57%;
  width: 80%;
  transform: translateX(-50%);
}

.sec5__ul__li__p1 a:nth-of-type(2) {
  bottom: 10%;
}

.sec5__ul__li__p2 {
  position: relative;
}

.sec5__ul__li__p2 a {
  position: absolute;
  left: 50%;
  bottom: 28%;
  width: 80%;
  transform: translateX(-50%);
}


.sec6 p {
  position: relative;
}

.sec6 p a {
  position: absolute;
  left: 50%;
  bottom: 11%;
  width: 82%;
  transform: translateX(-50%);
}


.sec7__ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec7__ul__li {
  width: 48%;
  margin-bottom: 3%;
}

.sec7__ul__li:nth-child(5),
.sec7__ul__li:nth-child(6) {
  margin-bottom: 0;
}

.slider1 {
  background: #FFECDD;
}

.slider1 picture {
  display: block;
  margin: 0 10px;
}

.sec7__contents__li1__p {
  position: relative;
}

.sec7__contents__li1__p a {
  position: absolute;
  left: 50%;
  bottom: 9%;
  width: 82%;
  transform: translateX(-50%);
}

.sec7__contents__li2__p {
  position: relative;
}

.sec7__contents__li2__p a {
  position: absolute;
  left: 50%;
  bottom: 12%;
  width: 82%;
  transform: translateX(-50%);
}

.sec7__contents__li3__p {
  position: relative;
}

.sec7__contents__li3__p a {
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 82%;
  transform: translateX(-50%);
}

.slider2 {
  background: #FFECDD;
}

.slider2 picture {
  display: block;
  margin: 0 10px;
}

.slick-prev {
  left: 5%;
  z-index: 100;
}

.slick-next {
  right: 5%;
  z-index: 100;
}

.slick-prev,
.slick-next {
  top: 25%;
  width: 50px;
  height: 50px;
  background: #FF8A07;
  border-radius: 50%;
  border: solid 5px #FFFFFF;
}

.slick-next:before {
  content: "";
  position: absolute;
  top: 12.5px;
  left: 10px;
  display: block;
  width: 15px;
  height: 15px;
  rotate: -45deg;
  border-right: solid 4px #FFFFFE;
  border-bottom: solid 4px #FFFFFF;
  opacity: 1;
}

.slick-prev:before {
  content: "";
  position: absolute;
  top: 12.5px;
  right: 10px;
  display: block;
  width: 15px;
  height: 15px;
  rotate: 45deg;
  border-left: solid 4px #FFFFFE;
  border-bottom: solid 4px #FFFFFF;
  opacity: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: #FF8A07;
}

.sec8__list {
  background: #FF8A07;
  width: 100%;
}

.sec8__ul {
  width: 90%;
  margin: 0 auto;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.accordion-header {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.accordion-header::before {
  content: "";
  width: 25px;
  height: 3px;
  background: #FFFFFF;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.accordion-header::after {
  content: "";
  width: 3px;
  height: 25px;
  background: #FFFFFF;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  transform-origin: center;
  transition: 0.4s;
  transition-timing-function: ease-out;
}

.accordion-header.active::after {
  transform: translateY(-50%) rotate(90deg);
}


.accordion-content {
  display: none;
}

.sec9 .slider2 {
  background: #FF8A07;
}

.sec10 {
  position: relative;
}

.sec10 div {
  position: relative;
}

.sec10 div iframe {
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 85%;
  aspect-ratio: 16 / 9;
  transform: translateX(-50%);
  border: solid 1px #d8d8d8;
}

.sec10 div a {
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 85%;
  transform: translateX(-50%);
}

.sec11__contents {
  position: relative;
}

.sec11__contents a {
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 85%;
  transform: translateX(-50%);
}

.slider3 {
  background-color: #FF8A07;
  background-image: url(../images/sec11/bg.svg);
  background-position: center;
  background-size: 90%;
  background-repeat: no-repeat;
}

.slider3__nth2 {
  background-image: none;
}

.slider3 picture {
  display: block;
  margin: 0 15px;
}

.slider3 .slick-prev,
.slider3 .slick-next {
  top: 50%;
}

.sec11__contents__p {
  position: relative;
}

.sec11__contents__p a {
  position: absolute;
  left: 50%;
  bottom: 25%;
  width: 85%;
  transform: translateX(-50%);
}

.sec12 ul li {
  position: relative;
}

.sec12 ul li a {
  position: absolute;
  left: 50%;
  bottom: 9%;
  width: 81%;
  transform: translateX(-50%);
}

.sec12 ul li:nth-child(2) a {
  bottom: 24%;
}

.sec12 ul li:nth-child(2) a:nth-of-type(2) {
  bottom: 7%;
  width: 82%;
  height: 15%;
}


.sec13 {
  background: #FFF3C6;
  padding-bottom: 50px;
}

.sec13__ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec13__ul__li .accordion-content {
  position: relative;
}

.faq13 .accordion-content a {
  position: absolute;
  left: 9%;
  bottom: 12%;
  width: 73%;
  height: 22%;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 46% 50%, 46% 100%, 0 100%);
}

.accordion-content .button1 {
  position: absolute;
  left: 50%;
  bottom: 37%;
  width: 81%;
  transform: translateX(-50%);
}

.accordion-content .button2 {
  position: absolute;
  left: 50%;
  bottom: 5%;
  width: 81%;
  transform: translateX(-50%);
}


.sec14 {
  background: #FF8A07;
}

.sec14 ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.sec14 ul li {
  width: calc(100% / 2 - 10px);
}

.videoarea {
  position: relative;
}

.videoarea iframe {
  position: absolute;
  top: 0.5%;
  left: 49.5%;
  transform: translateX(-50%);
  width: 92%;
  object-fit: cover;
  height: 49%;
  border-radius: 4% 4% 0 0;
}