@charset "utf-8";


.bg-gray{
  padding:5rem 0 100px;
  background:#E6E6E6;
}

.onayami{
  margin-bottom:140px;
  text-align:center;
}

.onayami .container{
  max-width:1080px;
}

.onayami h2,
.omakase h2{
  margin-bottom:2.5rem;
  color:#007934;
  text-align:center;
  font-size:clamp(1.25rem, 0.833rem + 1.39vw, 2.5rem);
}

.onayami-wrap{
  display: flex;
  align-items: center;
}

.onayami-wrap > img{
  width:25%;
}

.onayami-txt{
  width:75%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.onayami-txt p{
  width:calc((100% - 2rem ) / 3);
  aspect-ratio:255/152;
  font-size:clamp(0.875rem, 0.792rem + 0.28vw, 1.125rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
  position:relative;
  z-index:1;
}

.onayami-txt p::before{
  content:"";
  position:absolute;
  width:105%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index:-1;
  aspect-ratio:255/152;
  background:url(https://kadomabiso.jp/system_panel/uploads/images/20260723155115669250.png) no-repeat center/contain;
}

.onayami-txt p:first-child::after{
  content:"";
  position:absolute;
  width: 27%;
  bottom: 0;
  left: -19%;
  z-index:-1;
  aspect-ratio:144/92;
  background:url( https://kadomabiso.jp/system_panel/uploads/images/20260723155956784546.png) no-repeat center/contain;
}

.onayami-txt p:nth-child(2)::before{
  background:url(https://kadomabiso.jp/system_panel/uploads/images/20260723155415465392.png) no-repeat center/contain;
}

.onayami-txt p:nth-child(3)::before{
  background:url(https://kadomabiso.jp/system_panel/uploads/images/20260723155448849341.png) no-repeat center/contain;
}

.onayami-txt p:nth-child(4)::before{
  top: 42%;
  left: 47%;
  width: 108%;
  background:url(https://kadomabiso.jp/system_panel/uploads/images/20260723155506355142.png) no-repeat center/contain;
}

.onayami-txt p:nth-child(5)::before{
  background:url(https://kadomabiso.jp/system_panel/uploads/images/20260723155554178300.png) no-repeat center/contain;
}

.omakase .container{
  max-width:1280px;
}

.omakase-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
}

.omakase-wrap > img{
  width:33%;
}

.omakase-txt{
  width:62%;
}

.omakase-txt h3{
  font-size:clamp(1.125rem, 0.833rem + 0.97vw, 2rem);
  line-height: 1;
  background: linear-gradient(transparent 60%, #C7E2C2 60%);
  padding: 0 0 0.75rem;
  width: fit-content;
  margin: 0 0 1rem;
}

.voice{
  margin-top:180px;
}

.voice .container{
  max-width:1380px;
}

.voice-wrap{
  margin-top:2rem;
  display:flex;
  gap:2rem;
}

.voice-item{
  width:calc((100% - 4rem ) / 3 ) ;
  border-radius:10px;
  padding:1.5rem;
  background:#3BA066;
  color:#fff;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
}

.voice-txt{
  margin-top:14px;
  font-size:14px;
}

.voice-txt h3{
  font-size:clamp(1rem, 0.917rem + 0.28vw, 1.25rem);
}

.voice-txt img{
  width:145px;
  margin:14px 0 20px;
}

.check{
  margin-top:7.5rem;
}

.check .container{
  max-width:1500px;
}

.check-wrap{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
}

.check-item{
  width:calc((100% - 1rem ) / 2);
  display: flex;
  align-items: center;
  gap: 5%;
  padding:2rem 2.5rem;
  background:#3BA066;
  border-radius:20px;
}

.check-item:first-child{
  width:100%;
  justify-content: center;
  padding:2rem 15%;
}

.check-item img{
  width:17%;
}

.check-item:first-child img{
  width: 13%;
}

.check-txt{
  width:78%;
  color:#fff;
}

.check-item:first-child .check-txt{
  width: 82%;
}

.check-item h3{
  font-size:clamp(1.125rem, 0.833rem + 0.97vw, 2rem);
  margin-bottom:1rem;
}

.faq{
  margin:180px 0 ;
}

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

@media screen and (max-width: 1279px) {
  .check-item{
    width:100%;
    justify-content: center;
  }
  .check-item img{
    width:13%;
  }
  .check-txt{
    width:82%;
  }
  .check-item,
  .check-item:first-child{
    padding: 2rem 5%;
  }
  .check-item h3{
    margin-bottom:0.5rem;
  }
  .voice-wrap{
    gap: 2rem 5%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .voice-item {
    width: calc((100% - 5%) / 2);
  }
}

@media screen and (max-width: 1024px) {
  .onayami-txt {
    width: 100%;
  }
  .onayami-wrap{
    flex-direction: column;
    gap: 2rem;
  }
  .onayami-txt p:first-child::after{
    display:none;
  }
  .omakase-wrap{
    flex-direction: column;
    gap: 2rem;
    margin-top: 4rem;
  }
  .omakase-wrap > img {
    width: 100%;
    max-width: 450px;
  }
  .omakase-txt {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .bg-gray {
    padding: 3rem 0;
  }
  .onayami-txt p{
    width: calc((100% - 1rem) / 2);
    font-size: 12px;
    padding-bottom: 0.5rem;
  }
  .onayami-wrap > img {
    width: 8rem;
  }
  .onayami {
    margin-bottom: 5rem;
  }
  .onayami h2, .omakase h2 {
    margin-bottom: 1.5rem;
  }
  .omakase-wrap{
    margin-top:2.5rem;
  }
  .omakase-txt h3{
    padding: 0 0 0.5rem;
    margin: 0 0 0.5rem;
  }
  .voice-item{
    width:100%;
  }
  .voice{
    margin-top: 5rem;
  }
  .check {
    margin-top: 5rem;
  }
  .check-item{
    flex-direction: column;
    gap: 1.5rem;
  }
  .check-item:first-child img,
  .check-item img{
    width: 6rem;
  }
  .check-item:first-child .check-txt,
  .check-txt{
    width: 100%;
  }
  .check-item h3 {
    text-align: center;
  }
  .faq {
    margin: 5rem 0;
  }
}