@charset "utf-8";

*{box-sizing:border-box}

.etoile-index-hero .etoile-page-hero-layout{display:block}

.etoile-index-feature{display:flex}

.etoile-index-actions{display:flex}

.etoile-index-company{display:flex}

.etoile-index-aside{display:flex}

.etoile-index-hero::before{position:absolute;background-image:linear-gradient(90deg,rgba(18,18,17,0.96) 0%,rgba(18,18,17,0.82) 48%,rgba(18,18,17,0.34) 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(90deg,rgba(18,18,17,0.96) 0%,rgba(18,18,17,0.82) 48%,rgba(18,18,17,0.34) 100%)}

.etoile-index-hero h1{overflow-wrap:normal;word-break:keep-all}

.etoile-index-cta{background-image:url(https://etoile-archi.jp/system_panel/uploads/images/20260810195626601018.jpg)}

.etoile-index-hero{position:relative;isolation:isolate;display:flex;min-height:clamp(600px,82vh,860px);align-items:center;overflow:hidden;padding-top:clamp(72px,10vw,120px);padding-bottom:clamp(72px,10vw,120px)}

.etoile-index-hero::before{z-index:-1;inset:0;content:""}

.etoile-index-hero .etoile-page-hero-copy{z-index:2;width:min(100%,760px)}

.etoile-index-hero .etoile-page-hero-media{z-index:-2;inset:0}

.etoile-index-hero .etoile-page-hero-media img{width:100%;border-radius:0;aspect-ratio:auto;clip-path:none;object-position:center}

.etoile-index-actions .df-button{width:100%}

.etoile-index-feature{flex-direction:column;gap:32px}

.etoile-index-feature img{width:100%;aspect-ratio:16/10;border-radius:var(--df-radius-panel);object-fit:cover}

.etoile-index-actions{flex-wrap:wrap;gap:12px}

.etoile-index-company{display:grid;gap:40px}

.etoile-index-company-item{min-width:0}

.etoile-index-company-image{display:block}

.etoile-index-company-image:focus-visible{outline:2px solid var(--df-color-accent);outline-offset:4px}

.etoile-index-company-item img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--df-radius-panel)}

.etoile-index-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding-bottom:8px;border-bottom:1px solid var(--df-color-line);color:var(--df-color-primary);font-weight:600;text-decoration:none;transition:border-color .2s ease-out,color .2s ease-out}

.etoile-index-text-link:hover{border-color:var(--df-color-primary)}

.etoile-index-text-link:focus-visible{outline:2px solid var(--df-color-accent);outline-offset:4px}

.etoile-index-flow{background-color:var(--df-color-surface);background-image:linear-gradient(rgba(28,28,26,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,26,0.05) 1px,transparent 1px);background-size:48px 48px}

.etoile-index-aside{flex-direction:column;gap:32px}

.etoile-index-aside-copy{min-width:0}

.etoile-index-aside-media{width:100%;overflow:hidden;border-radius:var(--df-radius-panel);aspect-ratio:16/10}

.etoile-index-aside-media img{width:100%;object-fit:cover}

@media (min-width:769px){.etoile-index-feature{flex-direction:row;align-items:center;gap:48px}.etoile-index-feature>*{flex:1 1 0;min-width:0}.etoile-index-actions .df-button{width:auto}.etoile-index-company{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.etoile-index-aside{flex-direction:row;align-items:stretch;gap:48px}.etoile-index-aside-copy{flex:1 1 0}.etoile-index-aside-media{flex:0 1 40%;width:40%;aspect-ratio:auto}}