.summer-kikanko-pattern{
  --sk-navy:#0e315b;
  --sk-blue:#174e85;
  --sk-blue-soft:#eef7ff;
  --sk-orange:#ef6c1a;
  --sk-orange-soft:#fff6e8;
  --sk-green:#2f8b57;
  --sk-green-soft:#eef9f2;
  --sk-ink:#172231;
  color:var(--sk-ink);
}
.summer-kikanko-pattern,
.summer-kikanko-pattern *{
  box-sizing:border-box;
}
.summer-kikanko-pattern .sk-hero{
  min-height:430px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(17,49,89,.14);
}
.summer-kikanko-pattern .sk-hero .wp-block-cover__background{
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 45%,rgba(255,255,255,.08) 76%) !important;
  opacity:1 !important;
}
.summer-kikanko-pattern .sk-hero .wp-block-cover__inner-container{
  width:100%;
  padding:26px;
}
.summer-kikanko-pattern .sk-kicker{
  display:inline-block;
  background:var(--sk-navy);
  color:#fff;
  border-radius:7px;
  padding:8px 14px;
  font-weight:800;
  line-height:1.2;
}
.summer-kikanko-pattern .sk-main-title{
  margin:14px 0 8px;
  color:var(--sk-orange);
  font-size:clamp(44px,7vw,74px);
  line-height:1.03;
  letter-spacing:-.04em;
}
.summer-kikanko-pattern .sk-main-title strong{
  color:#d83c21;
}
.summer-kikanko-pattern .sk-subtitle{
  display:inline-block;
  margin-top:10px;
  background:var(--sk-navy);
  color:#fff;
  padding:10px 16px;
  border-radius:7px;
  font-size:clamp(17px,2.4vw,25px);
  font-weight:800;
}
.summer-kikanko-pattern .sk-badge{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(14,49,91,.12);
  border-radius:16px;
  padding:13px 15px;
  box-shadow:0 7px 20px rgba(0,0,0,.08);
}
.summer-kikanko-pattern .sk-badge p{
  margin:0;
  color:var(--sk-navy);
  font-weight:800;
  font-size:18px;
}
.summer-kikanko-pattern .sk-note{
  border-left:4px solid var(--sk-blue);
  background:#f6f9fc;
  padding:12px 15px;
  color:#5d6978;
  font-size:14px;
}
.summer-kikanko-pattern h2.wp-block-heading{
  margin-top:44px;
  padding-bottom:8px;
  border-bottom:3px solid var(--sk-ink);
  font-size:clamp(25px,3vw,34px);
  line-height:1.35;
}
.summer-kikanko-pattern h3.wp-block-heading{
  margin-top:25px;
  font-size:22px;
}
.summer-kikanko-pattern .wp-block-image img{
  border-radius:11px;
  box-shadow:0 8px 24px rgba(18,47,78,.11);
}
.summer-kikanko-pattern .summer-info-box,
.summer-kikanko-pattern .summer-warning-box,
.summer-kikanko-pattern .summer-benefit-box,
.summer-kikanko-pattern .summer-summary-box{
  border-radius:12px;
  padding:20px 22px;
}
.summer-kikanko-pattern .summer-info-box{
  background:var(--sk-blue-soft);
  border:1px solid #8bb8e2;
}
.summer-kikanko-pattern .summer-warning-box{
  background:var(--sk-orange-soft);
  border:1px solid #e3b860;
}
.summer-kikanko-pattern .summer-benefit-box{
  background:var(--sk-green-soft);
  border:1px solid #8ac59c;
}
.summer-kikanko-pattern .summer-summary-box{
  background:linear-gradient(135deg,#fffaf1,#fff);
  border:1px solid #e5bd7c;
}
.summer-kikanko-pattern .summer-info-box h3,
.summer-kikanko-pattern .summer-warning-box h3,
.summer-kikanko-pattern .summer-benefit-box h3,
.summer-kikanko-pattern .summer-summary-box h3{
  margin-top:0;
}
.summer-kikanko-pattern .summer-info-box h3{color:var(--sk-blue)}
.summer-kikanko-pattern .summer-warning-box h3{color:#ae6c00}
.summer-kikanko-pattern .summer-benefit-box h3{color:var(--sk-green)}
.summer-kikanko-pattern .wp-block-list{
  padding-left:1.35em;
}
.summer-kikanko-pattern .wp-block-list li{
  margin:.35em 0;
}
.summer-kikanko-pattern .sk-cta{
  margin-top:38px;
  border-radius:13px;
  background:var(--sk-navy);
  color:#fff;
  padding:26px;
  text-align:center;
}
.summer-kikanko-pattern .sk-cta h3{
  margin-top:0;
  color:#fff;
}
.summer-kikanko-pattern .sk-cta p{
  color:#dce9f7;
}
.summer-kikanko-pattern .sk-cta .wp-block-button__link{
  background:var(--sk-orange);
  color:#fff;
  font-weight:800;
  border-radius:999px;
  padding:13px 25px;
}
@media(max-width:781px){
  .summer-kikanko-pattern .sk-hero{
    min-height:600px;
  }
  .summer-kikanko-pattern .sk-hero .wp-block-cover__background{
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.08) 78%) !important;
  }
  .summer-kikanko-pattern .sk-main-title{
    font-size:44px;
  }
}