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

body {
  font-family: 'Noto Sans JP', sans-serif;
}
.gradient-bg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.gradient-orange {
  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
}
.hero-bg {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%), url('https://panerou.com/wp-content/themes/original_20250724/soelc_lp/images/advertise_top_bg.jpg');
  background-size: cover;
  background-position: center;
}
.pulse-animation {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .8;
    }
}
.floating {
  animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
  0% { transform: translate(0, 0px); }
  50% { transform: translate(0, -10px); }
  100% { transform: translate(0, -0px); }
}
.feature-card {
  transition: all 0.3s ease;
}
.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.cta-button {
  position: relative;
  overflow: hidden;
}
.cta-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s;
}
.cta-button:hover::before {
  left: 100%;
}
.comparison-table {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.check-icon {
  color: #10b981;
}
.x-icon {
  color: #ef4444;
}
.logo {
  width: 160px;
}
.logo_foot {
  width: 160px;
  margin: 1em auto;
}
.head_box {
  display: flex;
  column-gap: 1em;
}
header h1 {
  line-height: 1.3;
}
.contact_btn_head {
  background: linear-gradient(180deg, #f28e26 0%, #fd644f 100%);
  display: block;
  border-radius: 10px;
  padding: 1em;
  line-height: 1;
  margin-left: auto;
}
iframe {
  height: 970px;
}
.shadow-strong {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}