@charset "utf-8";

.main{
  background:#002753;
  color:#fff;
  z-index: 0;
}



.pankuzu,
.pankuzu a{
  color:#fff;
}

.merit{
  overflow:hidden;
}


.merit .container{
  max-width:1345px;
}

.training-wrap{
  margin:1rem 0 0;
}

.training-txt h3{
  color:#fff;
}

.merit-list-wrap{
  background:rgba(255,255,255,0.2);
  padding:2.5rem 5% 5rem;
  margin-top:7.5rem;
}

.merit-list-wrap h3{
  font-size:clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
  margin-bottom:3rem;
  font-weight:400;
}

.merit-list{
  display:flex;
  align-items:flex-start;
  padding: 1.5rem ;
  border-bottom:1px solid ;
}

.merit-list p:first-child{
  width:25%;
  min-width: 200px;
}

.merit-list p:last-child{
  width:75%;
}

.faq{
  margin:10rem 0 2.5rem;
  position:relative;
}

.faq::before{
  content:"";
  position:absolute;
  width: 40%;
  aspect-ratio: 850 / 1848;
  background:url(https://sanei-construction.com/system_panel/uploads/images/20251106164910432577.png) no-repeat center/contain;
  right:0;
  top:-250%;
  z-index: -1;
}

.faq .container{
  max-width:1345px;
}

.accordion-content {
  display: none;
}

.accordion-header {
  padding: 0rem 2rem;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
}

.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top: 1rem;
  right:20px;
  width:12px;
  height:1px;
  margin:auto;
  background:#fff;
  z-index:2;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(45deg);}

.accordion-header.active::before{transform:rotate(-45deg);}

.accordion-header img{
  position:absolute;
  width:3.5rem;
  top: -1px;
  right: -2px;
}

.accordion-content {
  padding: 1rem 2rem 0;
}

.accordion-header:hover {
  opacity:0.7;
}

.accordion{
  padding:1rem 5%;
  background:rgba(255,255,255,0.2);
  margin-bottom: 1rem;
  font-size:clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
}

.accordion-header p{
  position:relative;
}

.accordion-header p::before{
  content:"Q";
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: -2rem;
  color: #fff;
  font-weight: 400;
}

.accordion-content p{
  position:relative;
  font-size:14px;
}

.accordion-content p::before {
  content: "A";
  position: absolute;
  top: 0;
  left: -2rem;
  color: #fff;
  font-weight: 400;
  font-size:clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
}


@media screen and (max-width: 767px) {
  .merit-list-wrap {
    padding: 2.5rem 5% 2.5rem;
    width: 95%;
    margin: 5rem auto;
  }
  .merit-list {
    padding: 1rem;
    flex-direction: column;
    gap: 0.5rem;
  }
  .merit-list-wrap h3 {
    margin-bottom: 1rem;
  }
  .merit-list p:first-child {
    width: 100%;
    font-size: 12px;
  }
  .merit-list p:last-child{
    width: 100%;
  }
  .accordion{
    margin: 0 5% 1rem;
  }
  .accordion-header img {
    width: 3rem;
    right: -6px;
    top: 2px;
  }
  .accordion-header::before, .accordion-header::after{
    right: 12px;
  }
  .accordion-header {
    padding: 0rem 3rem 0 2rem;
  }    
  .main::before {
    width: 150%;
  }
  .merit{
    position:relative;
  }
  .main::after{
    display:none;
  }
  .merit::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: -10%;
    left: 0;
    width: 100%;
    aspect-ratio: 960 / 1900;
    background: url(https://sanei-construction.com/system_panel/uploads/images/20251106153421716591.png) no-repeat center / cover;  
  }
  .faq::before{
    top: -150%;
    width:80%;
  }
  .main::before{
    aspect-ratio: 390 / 1138;
    background: url(https://sanei-construction.com/system_panel/uploads/images/20251106170022757252.png) no-repeat center / cover;  
    width: 100%;
    top: 0;
    min-height: auto;
    height: auto;
  }
}