@charset "utf-8";

/* [s] hero */
.aeogeo_kv {position:fixed; overflow:hidden; background:#0d0d0f;}
.aeogeo_kv .kv_bg {position:absolute; inset:0; background:url(../img/aeogeo/kv_img.jpg) center top no-repeat; background-size:cover; animation:aeogeoKvZoom 14s linear infinite alternate;}
.aeogeo_kv:before {content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0.55) 100%); pointer-events:none;}

@keyframes aeogeoKvZoom {
  from {transform:scale(1) translateX(0);}
  to {transform:scale(1.25) translateX(-4%);}
}

@media (prefers-reduced-motion: reduce) {
  .aeogeo_kv .kv_bg {animation:none;}
}
.aeogeo_kv .hero_head {z-index:10; position:absolute; right:240px; bottom:160px; text-align:right;}
.aeogeo_kv .hero_head .eyebrow {position:static; color:rgba(255,255,255,0.6); font-family:'Montserrat-Medium'; font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:22px; opacity:0; animation:aeogeoFadeIn 1s ease forwards; animation-delay:0.2s;}
.aeogeo_kv h2 {position:static; right:auto; bottom:auto; margin:0; font-family:'NotoSansB'; font-size:88px; line-height:98px;}
.aeogeo_kv h2 .hero_accent {display:inline; background:linear-gradient(92deg, #14abfc, #8c6cf1); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.aeogeo_kv .hero_lead {margin-top:28px; color:rgba(255,255,255,0.72); font-family:'NotoSansR'; font-size:16px; line-height:28px; text-align:right; opacity:0; animation:aeogeoFadeIn 1s ease forwards; animation-delay:0.4s;}
.aeogeo_kv .hero_cta {display:inline-block; margin-top:28px; color:#fff; font-family:'NotoSansB'; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:4px; opacity:0; animation:aeogeoFadeIn 1s ease forwards; animation-delay:0.6s;}

@keyframes aeogeoFadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

@media (prefers-reduced-motion: reduce) {
  .aeogeo_kv .hero_head .eyebrow,
  .aeogeo_kv .hero_lead,
  .aeogeo_kv .hero_cta {opacity:1; animation:none;}
}
/* [e] hero */

.contents_aeogeo {position:relative;}

.contents_aeogeo .inner {width:960px; margin:0 auto;}

.contents_aeogeo .eyebrow {color:#8d8c8c; font-family:'Montserrat-Medium'; font-size:14px; letter-spacing:2px; text-transform:uppercase;}
.contents_aeogeo .eyebrow--light {color:rgba(255,255,255,0.55);}

/* [s] sec1 : intro */
.contents_aeogeo .sec1 {padding:110px 0 100px;}
.contents_aeogeo .section_label {display:flex; justify-content:space-between; align-items:baseline; color:#8d8c8c; font-family:'Montserrat-Medium'; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; padding-bottom:22px; border-bottom:1px solid #ddd;}
.contents_aeogeo .sec1 .statement {color:#191a1b; font-family:'NotoSansB'; font-size:44px; line-height:1.5; margin-top:56px;}
.contents_aeogeo .sec1 .statement em {color:#14abfc; font-style:normal;}
.contents_aeogeo .sec1 .copy {width:820px; color:#8d8c8c; font-family:'NotoSansR'; font-size:18px; line-height:34px; margin-top:40px;}
.contents_aeogeo .sec1 .copy p + p {margin-top:20px;}
/* [e] sec1 */

/* [s] sec2 : engine coverage */
.contents_aeogeo .sec2 {padding:90px 0; background:#191a1b;}
.contents_aeogeo .sec2 .tit {color:#fff; font-family:'NotoSansB'; font-size:40px; line-height:1.4; margin-top:26px;}
.contents_aeogeo .sec2 .desc {width:640px; color:rgba(255,255,255,0.55); font-family:'NotoSansR'; font-size:17px; line-height:30px; margin-top:28px;}
.contents_aeogeo .engine_grid {display:flex; flex-wrap:wrap; border-top:1px solid #343434; border-left:1px solid #343434; margin-top:80px;}
.contents_aeogeo .engine_grid li {box-sizing:border-box; width:16.6666%; min-height:160px; padding:28px 24px; border-right:1px solid #343434; border-bottom:1px solid #343434;}
.contents_aeogeo .engine_grid li span {display:block; color:#14abfc; font-family:'Montserrat-Bold'; font-size:26px; margin-bottom:22px;}
.contents_aeogeo .engine_grid li strong {display:block; color:#fff; font-family:'NotoSansM'; font-size:15px; letter-spacing:0.02em;}
/* [e] sec2 */

/* [s] sec3 : what we measure */
.contents_aeogeo .sec3 {padding:100px 0;}
.contents_aeogeo .sec3 .tit {color:#191a1b; font-family:'NotoSansB'; font-size:40px; line-height:1.4; margin:26px 0 100px;}
.contents_aeogeo .capability {display:flex; align-items:flex-start; gap:40px; padding:44px 0; border-top:1px solid #191a1b;}
.contents_aeogeo .capability:last-child {border-bottom:1px solid #191a1b;}
.contents_aeogeo .capability .num {flex:0 0 80px; color:#c9c9c9; font-family:'Montserrat-Medium'; font-size:20px;}
.contents_aeogeo .capability .head {flex:0 0 380px;}
.contents_aeogeo .capability .head .cate {display:block; color:#14abfc; font-family:'Montserrat-Bold'; font-size:13px; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:12px;}
.contents_aeogeo .capability .head h3 {color:#191a1b; font-family:'NotoSansB'; font-size:26px; line-height:1.4;}
.contents_aeogeo .capability .body {flex:1; color:#8d8c8c; font-family:'NotoSansR'; font-size:16px; line-height:28px;}
.contents_aeogeo .capability .body p {margin-bottom:18px;}
.contents_aeogeo .capability .body ul li {position:relative; padding-left:22px; border-top:1px solid #e8e8e8; padding-top:14px; padding-bottom:14px;}
.contents_aeogeo .capability .body ul li:first-child {border-top:0; padding-top:0;}
.contents_aeogeo .capability .body ul li:before {content:'—'; position:absolute; left:0; color:#14abfc;}
/* [e] sec3 */

/* [s] sec4 : how we work */
.contents_aeogeo .sec4 {padding:100px 0; background:#191a1b;}
.contents_aeogeo .sec4 .tit {color:#fff; font-family:'NotoSansB'; font-size:40px; line-height:1.4; margin:26px 0 90px;}
.contents_aeogeo .process_list {display:flex; border-top:1px solid #343434; border-left:1px solid #343434;}
.contents_aeogeo .process_list li {box-sizing:border-box; width:25%; min-height:280px; padding:32px; border-right:1px solid #343434; border-bottom:1px solid #343434;}
.contents_aeogeo .process_list li span {display:block; color:#14abfc; font-family:'Montserrat-Bold'; font-size:14px; margin-bottom:60px;}
.contents_aeogeo .process_list li strong {display:block; color:#fff; font-family:'NotoSansB'; font-size:24px; margin-bottom:16px;}
.contents_aeogeo .process_list li p {color:rgba(255,255,255,0.55); font-family:'NotoSansR'; font-size:15px; line-height:26px;}
/* [e] sec4 */

/* [s] sec5 : faq */
.contents_aeogeo .sec5 {padding:100px 0;}
.contents_aeogeo .sec5 .tit {color:#191a1b; font-family:'NotoSansB'; font-size:40px; line-height:1.4; margin:26px 0 80px;}
.contents_aeogeo .faq_list {border-top:1px solid #191a1b;}
.contents_aeogeo .faq_list details {border-bottom:1px solid #ddd;}
.contents_aeogeo .faq_list summary {position:relative; display:block; color:#191a1b; font-family:'NotoSansM'; font-size:19px; line-height:1.5; padding:32px 60px 32px 0; cursor:pointer;}
.contents_aeogeo .faq_list summary::-webkit-details-marker {display:none;}
.contents_aeogeo .faq_list summary span {display:inline-block; color:#14abfc; font-family:'Montserrat-Bold'; font-size:14px; margin-right:16px; vertical-align:middle;}
.contents_aeogeo .faq_list summary:before,
.contents_aeogeo .faq_list summary:after {content:''; position:absolute; right:4px; top:44px; display:block; width:16px; height:2px; background:#191a1b; transition:transform 0.25s ease;}
.contents_aeogeo .faq_list summary:after {transform:rotate(90deg);}
.contents_aeogeo .faq_list details[open] summary:after {transform:rotate(0deg);}
.contents_aeogeo .faq_list p {max-width:760px; color:#8d8c8c; font-family:'NotoSansR'; font-size:16px; line-height:28px; padding:0 60px 34px 0;}
/* [e] sec5 */

/* [s] sec6 : closing */
.contents_aeogeo .sec6 {padding:110px 0; text-align:center; background:#000;}
.contents_aeogeo .sec6 .tit {color:#fff; font-family:'NotoSansB'; font-size:48px; line-height:1.4;}
.contents_aeogeo .sec6 .desc {color:rgba(255,255,255,0.55); font-family:'NotoSansR'; font-size:17px; line-height:30px; margin:28px 0 56px;}
.contents_aeogeo .sec6 .btn_solid {display:inline-flex; align-items:center; justify-content:center; min-width:240px; height:65px; padding:0 40px; color:#191a1b; font-family:'NotoSansB'; font-size:18px; background:#fff; transition:opacity 0.25s ease;}
.contents_aeogeo .sec6 .btn_solid:hover {opacity:0.82;}
/* [e] sec6 */


/* tablet */
@media all and (max-width:1200px) {
  .aeogeo_kv .hero_head {right:120px; bottom:130px;}
  .aeogeo_kv h2 {font-size:64px; line-height:72px;}
  .aeogeo_kv .hero_lead {font-size:14px; line-height:24px;}

  .contents_aeogeo .inner {width:100%; padding:0 8%;}
  .contents_aeogeo .sec1 .copy {width:100%;}
  .contents_aeogeo .sec2 .desc {width:100%;}

  .contents_aeogeo .engine_grid li {width:33.3333%;}

  .contents_aeogeo .capability {flex-wrap:wrap;}
  .contents_aeogeo .capability .num {flex:0 0 100%; margin-bottom:10px;}
  .contents_aeogeo .capability .head {flex:0 0 100%;}
  .contents_aeogeo .capability .body {flex:0 0 100%; margin-top:20px;}

  .contents_aeogeo .process_list {flex-wrap:wrap;}
  .contents_aeogeo .process_list li {width:50%;}
}

/* mobile */
@media all and (max-width:720px) {
  .aeogeo_kv .hero_head {right:30px; left:30px; bottom:60px;}
  .aeogeo_kv .hero_head .eyebrow {font-size:12px; margin-bottom:14px;}
  .aeogeo_kv h2 {font-size:38px; line-height:44px;}
  .aeogeo_kv .hero_lead {max-width:none; font-size:13px; line-height:21px; margin-top:18px;}
  .aeogeo_kv .hero_cta {font-size:14px; margin-top:20px;}

  .contents_aeogeo .inner {padding:0 30px;}

  .contents_aeogeo .sec1 {padding:60px 0 40px;}
  .contents_aeogeo .section_label {flex-direction:column; gap:6px; font-size:11px; padding-bottom:16px;}
  .contents_aeogeo .sec1 .statement {font-size:28px; margin-top:24px;}
  .contents_aeogeo .sec1 .copy {font-size:14px; line-height:24px; margin-top:24px;}

  .contents_aeogeo .sec2 {padding:40px 0;}
  .contents_aeogeo .sec2 .tit {font-size:26px; margin-top:16px;}
  .contents_aeogeo .sec2 .desc {font-size:14px; line-height:22px; margin-top:16px;}
  .contents_aeogeo .engine_grid {margin-top:40px;}
  .contents_aeogeo .engine_grid li {width:50%; min-height:120px; padding:20px;}
  .contents_aeogeo .engine_grid li span {font-size:20px; margin-bottom:14px;}
  .contents_aeogeo .engine_grid li strong {font-size:13px;}

  .contents_aeogeo .sec3 {padding:40px 0;}
  .contents_aeogeo .sec3 .tit {font-size:26px; margin:16px 0 50px;}
  .contents_aeogeo .capability {padding:28px 0; gap:0;}
  .contents_aeogeo .capability .num {font-size:14px;}
  .contents_aeogeo .capability .head .cate {font-size:11px; margin-bottom:8px;}
  .contents_aeogeo .capability .head h3 {font-size:19px;}
  .contents_aeogeo .capability .body {font-size:13px; line-height:21px; margin-top:14px;}
  .contents_aeogeo .capability .body ul li {padding-top:10px; padding-bottom:10px;}

  .contents_aeogeo .sec4 {padding:40px 0;}
  .contents_aeogeo .sec4 .tit {font-size:26px; margin:16px 0 40px;}
  .contents_aeogeo .process_list li {width:100%; min-height:auto; padding:24px 0; border-left:0; border-right:0;}
  .contents_aeogeo .process_list li span {margin-bottom:20px;}
  .contents_aeogeo .process_list li strong {font-size:19px;}
  .contents_aeogeo .process_list li p {font-size:13px; line-height:21px;}

  .contents_aeogeo .sec5 {padding:40px 0;}
  .contents_aeogeo .sec5 .tit {font-size:26px; margin:16px 0 30px;}
  .contents_aeogeo .faq_list summary {font-size:15px; padding:22px 34px 22px 0;}
  .contents_aeogeo .faq_list summary:before,
  .contents_aeogeo .faq_list summary:after {top:32px;}
  .contents_aeogeo .faq_list p {font-size:13px; line-height:21px; padding:0 34px 24px 0;}

  .contents_aeogeo .sec6 {padding:50px 0;}
  .contents_aeogeo .sec6 .tit {font-size:28px;}
  .contents_aeogeo .sec6 .desc {font-size:14px; line-height:22px; margin:18px 0 36px;}
  .contents_aeogeo .sec6 .btn_solid {min-width:200px; height:56px; font-size:15px;}
}