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

body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.7;
}
.gradient-bg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.gradient-orange {
  background: linear-gradient(135deg, #ff6b6b 0%, #ffa726 100%);
}
.gradient-green {
  background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}
.shadow-strong {
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.bg-orange-50 {
  background-color: #fdefec;
}
.bg-orange-200 {
  background-color: #FEF3C6;
}
.text-orange-700 {
  color: #F59D0B;
}
.text-orange-800 {
  color: #EE7A09;
}
.space-y-4 {
  width: max-content;
  margin: auto;
}
.pulse-animation {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.hover-lift:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}
.section-spacing {
  padding: 4rem 0;
}
.head_box {
  display: flex;
  column-gap: 1em;
}
header h1 {
  line-height: 1.3;
}
.fv_bg {
  background: url('https://panerou.com/wp-content/themes/original_20250724/soelc_lp/images/fv_bg.jpg') center/cover no-repeat;

}
.fv_box {
  display: flex;
  width: 100%;
  column-gap: 2em;
}
.fv_catch {
  width: 65%;
}
.fv_image {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fv_man {
  position: absolute;
}

.fv.contact{
  position: absolute;
  top:90%;
}
.contact_btn {
  background: linear-gradient(180deg, #3aca2f 0%, #31ab28 100%);
  display: block;
  border-radius: 10px;
  padding: 1em;
  line-height: 1;
  font-size: 1.8em;
}
.contact_btn_head {
  background: linear-gradient(180deg, #f28e26 0%, #fd644f 100%);
  display: block;
  border-radius: 10px;
  padding: 1em;
  line-height: 1;
  margin-left: auto;
  font-size: 1.3em;
}
.bnr_wrap {
  display: flex;
  width: 100%;
  column-gap: 3em;
  row-gap: 1em;
  margin: 1em 0;
}
.bnr {
  width: 16.66%;
  height: 50px;
  display: flex;
  align-items: center;
}
.bg_pink {
  background: rgba(255,144,144,0.25);
}
.what_box {
  display: flex;
  width: 100%;
  align-items: center;
}
.what_inner {
  width: 70%;
}
.what_inner_image {
  width: 30%;
  margin-left: auto;
}
.final_CTA_bg {
  background: url('https://panerou.com/wp-content/themes/original_20250724/soelc_lp/images/Final_CTA.jpg') center/cover no-repeat;
}
.final_CTA_image {

}
.logo {
  width: 160px;
}
.logo_foot {
  width: 160px;
  margin: 1em auto;
}
iframe {
  height: 1612px;
}
.pc_only {
  display: block;
}
.sp_only {
  display: none;
}
@media (max-width: 768px) {
    .section-spacing {
        padding: 2.5rem 0;
    }
}
@media (max-width: 480px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
  header h1 {
    display: none;
  }
  .fv_box {
    flex-direction: column;
  }
  .fv_catch {
    width: 100%;
  }
  .fv_image {
    width: 100%;
    align-items: center;
  }
  .py-20 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .fv_man {
    width: 65%;
    position: relative;
  }
  .fv.contact {
    top:80%;
  }
  .contact_btn {
    font-size: 1.45em;
  }
  a.px-10 {
    padding-left: 1rem;
    padding-right: 1rem; 
  }
  .what_box {
    flex-direction: column;
  }
  .what_inner {
    width: 100%;
  }
  .bnr_wrap {
    flex-wrap: wrap;
    column-gap: 1rem;
  }
  .bnr {
    width: 47%;
  }
  .text-3xl {
    font-size: 1.7rem;
  }
  .form.p-10 {
    padding: 1.5rem;
  }
}