@charset "UTF-8";
/* FREESTYLE 自社EC事業 — first-view image & headline only. */
.ec-biz-hero .d-hero-grid {
  grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
  align-items:center;
  gap:clamp(18px,2.5vw,36px);
}
.ec-biz-hero .d-hero-text,
.ec-biz-hero .d-hero-media {min-width:0;}
.ec-biz-hero .d-hero-text {padding-right:0;}
.ec-biz-hero .d-hero-text h1 {
  font-size:clamp(30px,3.65vw,55px);
  line-height:1.38;
  letter-spacing:-.06em;
  overflow-wrap:normal;
  word-break:keep-all;
}
.ec-biz-hero .d-hero-text h1 em {display:inline-block;white-space:nowrap;}
.fs-ec-mobile-lead-break {display:none;}
.ec-biz-hero .fs-ec-clean-visual {
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  margin:0;
  overflow:visible;
}
.ec-biz-hero .fs-ec-clean-photo {
  display:block;
  position:relative;
  width:100%;
  margin:0;
  isolation:isolate;
  background:#f0f9ff;
  border:1px solid rgba(195,224,247,.8);
  border-radius:25px;
  overflow:hidden;
  box-shadow:0 20px 42px rgba(30,92,146,.12);
}
.ec-biz-hero .fs-ec-clean-photo > img {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1672/941;
  object-fit:contain;
  object-position:center;
}
.ec-biz-hero .fs-ec-clean-copy {
  position:absolute;
  z-index:2;
  top:11%;left:6%;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  color:#0d3b6d;
  pointer-events:none;
  text-shadow:0 1px 9px rgba(255,255,255,.88);
}
.ec-biz-hero .fs-ec-clean-en {
  font-size:clamp(11px,1.16vw,17px);
  font-weight:900;
  line-height:1.3;
  letter-spacing:.12em;
}
.ec-biz-hero .fs-ec-clean-ja {
  color:#3b769e;
  font-size:clamp(10px,.9vw,14px);
  font-weight:750;
  letter-spacing:.06em;
  line-height:1.5;
}
@media(max-width:1000px) and (min-width:761px){
  .ec-biz-hero .d-hero-grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:16px;}
  .ec-biz-hero .d-hero-text h1 {font-size:clamp(26px,3.13vw,34px);}
  .ec-biz-hero .fs-ec-clean-copy{top:10%;left:5%;gap:4px;}
}
@media(min-width:761px) and (max-width:900px){
  .ec-biz-hero .d-hero-grid {grid-template-columns:minmax(0,1fr);gap:24px;}
  .ec-biz-hero .d-hero-text h1 {font-size:clamp(31px,5.0vw,41px);}
  .ec-biz-hero .fs-ec-clean-visual {max-width:690px;margin:0 auto;}
}
@media(max-width:900px){
  .ec-biz-hero .fs-ec-mobile-lead-break {display:inline;}
}
@media(max-width:760px){
  .ec-biz-hero .d-hero-grid {grid-template-columns:minmax(0,1fr);gap:25px;}
  .ec-biz-hero .fs-ec-mobile-lead-break {display:inline;}
  .ec-biz-hero .d-hero-text h1 {font-size:clamp(24px,6.95vw,36px);line-height:1.42;}
  .ec-biz-hero .fs-ec-clean-visual {margin:0;}
  .ec-biz-hero .fs-ec-clean-photo {border-radius:19px;}
  .ec-biz-hero .fs-ec-clean-copy{top:9%;left:6%;gap:4px;}
  .ec-biz-hero .fs-ec-clean-en{font-size:clamp(10px,2.6vw,15px);}
  .ec-biz-hero .fs-ec-clean-ja{font-size:clamp(9px,2.2vw,12px);}
}
@media(max-width:350px){
  .ec-biz-hero .d-hero-text h1{font-size:23px;}
  .ec-biz-hero .fs-ec-clean-copy{top:8%;}
}