/* ==================== ABOUT INNER ==================== */
#about_inner{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f5f9fc 100%);padding: 0;}
#about_inner:before{content:"";position:absolute;left:-320px;top:240px;width:780px;height:780px;border:1px solid rgba(var(--primary-rgb),.045);border-radius:50%;box-shadow:0 0 0 80px rgba(var(--primary-rgb),.01),0 0 0 160px rgba(var(--primary-rgb),.005);pointer-events:none;}
#about_inner:after{content:"ABOUT";position:absolute;right:-20px;top:0;font-size:clamp(130px,14vw,260px);line-height:1;font-weight:900;letter-spacing:-.06em;color:rgba(var(--secondary-rgb),.018);pointer-events:none;}
#about_inner .comm_inner{position:relative;z-index:2;}
#about_inner .about_intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:80px;margin-bottom:70px;}
#about_inner .about_intro_text{padding:5px 0 4px 30px;border-left:1px solid rgba(var(--primary-rgb),.22);}
#about_inner .about_intro_text p{margin:0;font-size:16px;line-height:2;color:var(--info);}

/* ==================== ABOUT MAIN ==================== */
#about_inner .about_main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(60px,7vw,110px);align-items:stretch;}
#about_inner .about_visual{position: relative;min-height:570px;border:1px solid #174c76;background:linear-gradient(135deg,#061c35 0%,#082e50 55%,#07568c 100%);overflow:hidden;color:#fff;}
#about_inner .about_visual:before{content:"";position:absolute;right:-150px;top:-180px;width:500px;height:500px;border:1px solid rgba(105,213,255,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(105,213,255,.018),0 0 0 110px rgba(105,213,255,.008);}
#about_inner .about_visual_grid{position:absolute;inset:0;background-image:linear-gradient(rgba(117,205,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(117,205,244,.055) 1px,transparent 1px);background-size:50px 50px;}
#about_inner .about_visual_circle{position:absolute;border:1px solid rgba(105,213,255,.14);border-radius:50%;}
#about_inner .about_visual_circle.circle_01{right:9%;top:13%;width:350px;height:350px;}
#about_inner .about_visual_circle.circle_02{right:15%;top:20%;width:250px;height:250px;border-style:dashed;animation:aboutInnerCircle 24s linear infinite;}
#about_inner .about_visual_circle.circle_02:after{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#7de0ff;box-shadow:0 0 9px rgba(91,211,255,.8);}
#about_inner .about_visual_top{position:absolute;left:40px;right:40px;top:34px;z-index:3;display:flex;align-items:center;gap:12px;}
#about_inner .about_visual_top span{font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.18em;color:#73d7ff;}
#about_inner .about_visual_top i{width:30px;height:1px;background:rgba(115,215,255,.45);}
#about_inner .about_visual_top font{font-size:8px;line-height:1.4;font-weight:700;letter-spacing:.15em;color:#6e9bb8;}
#about_inner .about_visual_content{position:absolute;left:48px;right:48px;top:50%;z-index:3;transform:translateY(-45%);}
#about_inner .about_visual_year{font-size:clamp(90px,9vw,150px);line-height:.85;font-weight:900;letter-spacing:-.06em;color:#fff;}
#about_inner .about_visual_label{margin-top:12px;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.25em;color:#6fdcff;}
#about_inner .about_visual_line{width:100%;height:1px;margin:35px 0 24px;background:linear-gradient(90deg,rgba(104,216,255,.55),rgba(104,216,255,.06));}
#about_inner .about_visual_words{display:flex;gap:24px;flex-wrap:wrap;}
#about_inner .about_visual_words span{font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.15em;color:#a9c8db;}
#about_inner .about_visual-bottom{display:none;}
#about_inner .about_visual_bottom{position:absolute;left:40px;right:40px;bottom:30px;z-index:3;display:flex;align-items:center;gap:11px;}
#about_inner .about_visual_bottom span,#about_inner .about_visual_bottom font{font-size:8px;line-height:1.4;font-weight:700;letter-spacing:.15em;color:#6c97b1;}
#about_inner .about_visual_bottom i{flex:1;height:1px;background:linear-gradient(90deg,rgba(108,177,211,.25),transparent);}
@keyframes aboutInnerCircle{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

/* ==================== ABOUT CONTENT ==================== */
#about_inner .about_content{padding:48px 0;display:flex;flex-direction:column;justify-content:center;}
#about_inner .about_content_head>span{display:block;margin-bottom:15px;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.2em;color:var(--primary);}
#about_inner .about_content_title{font-size:clamp(32px,3vw,46px);line-height:1.25;font-weight:900;letter-spacing:-.035em;color:var(--secondary);}
#about_inner .about_content_desc{margin-top:35px;}
#about_inner .about_content_desc p{margin:0 0 16px;font-size:16px;line-height:2;color:var(--info);}
#about_inner .about_path{margin-top:42px;padding-top:27px;border-top:1px solid #dbe7ef;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px;}
#about_inner .path_item{display:flex;align-items:center;gap:12px;}
#about_inner .path_item>span{width: 34px;height: 34px;flex-shrink:0;border:1px solid #cfdeea;display:flex;align-items:center;justify-content:center;font-size: 12px;line-height:1;color:var(--primary);}
#about_inner .path_item font{display:block;font-size:7px;line-height:1.3;font-weight:800;letter-spacing:.14em;color:#97a9b7;}
#about_inner .path_item p{margin:3px 0 0;font-size: 16px;line-height:1.5;font-weight:700;color:#355775;}
#about_inner .path_arrow{font-size:14px;color:#9eb7c9;}

/* ==================== CAPABILITY ==================== */
#about_inner .about_capability{margin-top:120px;}
#about_inner .capability_head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:end;gap:60px;margin-bottom:42px;}
#about_inner .capability_head>div>span{display:block;margin-bottom:10px;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.19em;color:var(--primary);}
#about_inner .capability_title{font-size:34px;line-height:1.3;font-weight:850;color:var(--secondary);}
#about_inner .capability_head>p{margin:0;padding-left:25px;border-left:1px solid #d3e2ec;font-size:14px;line-height:1.9;color:#748b9d;}
#about_inner .capability_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
#about_inner .capability_item{position:relative;min-height:245px;padding:27px 27px 24px;border:1px solid #dce7ef;background:rgba(255,255,255,.88);overflow:hidden;transition:.4s ease;}
#about_inner .capability_item:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(180deg,var(--primary),var(--complement));transition:height .4s ease;}
#about_inner .capability_item:after{content:"";position:absolute;right:-65px;bottom:-65px;width:160px;height:160px;border:1px solid rgba(var(--primary-rgb),.06);border-radius:50%;box-shadow:0 0 0 25px rgba(var(--primary-rgb),.01);}
#about_inner .capability_no{font-size:9px;line-height:1;font-weight:800;color:var(--primary);}
#about_inner .capability_en{margin-top:26px;font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.17em;color:#9aabb8;}
#about_inner .capability_name{margin-top:7px;font-size:23px;line-height:1.35;font-weight:850;color:#173f63;transition:.3s ease;}
#about_inner .capability_item p{max-width:330px;margin:13px 0 0;font-size:14px;line-height:1.8;color:#7a8fa0;}
#about_inner .capability_item:hover{border-color:#a8cfe5;background:#fafdff;transform:translateY(-4px);}
#about_inner .capability_item:hover:before{height:100%;}
#about_inner .capability_item:hover .capability_name{color:var(--primary);}

/* ==================== STATEMENT ==================== */
#about_inner .about_statement{position:relative;margin-top:110px;padding:55px 55px 48px;background:linear-gradient(110deg,#071f39 0%,#083e68 100%);overflow:hidden;}
#about_inner .about_statement:before{content:"";position:absolute;right:-130px;top:-190px;width:440px;height:440px;border:1px solid rgba(103,210,255,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(103,210,255,.015),0 0 0 120px rgba(103,210,255,.007);}
#about_inner .statement_line{position:absolute;left:0;top:0;width:120px;height:3px;background:linear-gradient(90deg,var(--primary),var(--complement));}
#about_inner .statement_text{position:relative;z-index:2;}
#about_inner .statement_text>span{display:block;margin-bottom:15px;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.2em;color:#69d7ff;}
#about_inner .statement_text>div{font-size:clamp(30px,3vw,45px);line-height:1.3;font-weight:850;color:#fff;}
#about_inner .statement_tag{position:relative;z-index:2;margin-top:35px;display:flex;align-items:center;gap:12px;}
#about_inner .statement_tag i{width:7px;height:7px;border-radius:50%;background:#6bddff;box-shadow:0 0 9px rgba(107,221,255,.7);}
#about_inner .statement_tag span{font-size:8px;line-height:1.4;font-weight:700;letter-spacing:.17em;color:#8abbd3;}

/* ==================== RWD ==================== */
@media screen and (max-width:1200px) {
  #about_inner .about_intro { gap: 45px; }
  #about_inner .about_main { gap: 50px; }
  #about_inner .about_visual { min-height: 520px; }
  #about_inner .about_path { grid-template-columns: 1fr; }
  #about_inner .path_arrow { display: none; }
  #about_inner .capability_list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width:900px) {
  #about_inner .about_intro { grid-template-columns: 1fr; gap: 24px; }
  #about_inner .about_intro_text { max-width: 720px; padding-left: 20px; }
  #about_inner .about_main { grid-template-columns: 1fr; }
  #about_inner .about_visual { min-height: 500px; }
  #about_inner .about_content { padding: 10px 0 0; }
  #about_inner .capability_head { grid-template-columns: 1fr; gap: 20px; }
  #about_inner .capability_head>p { max-width: 700px; }
}
@media screen and (max-width:767px) {
  #about_inner .about_intro { margin-bottom: 45px; }
  #about_inner .about_intro_text p,#about_inner .about_content_desc p { font-size: 15px; }
  #about_inner .about_visual { min-height: 430px; }
  #about_inner .about_visual_top { left: 25px; right: 25px; top: 24px; }
  #about_inner .about_visual_content { left: 28px; right: 28px; }
  #about_inner .about_visual_year { font-size: 90px; }
  #about_inner .about_visual_bottom { left: 25px; right: 25px; bottom: 22px; }
  #about_inner .about_content_title { font-size: 31px; }
  #about_inner .about_capability { margin-top: 80px; }
  #about_inner .capability_title { font-size: 27px; }
  #about_inner .capability_list { grid-template-columns: 1fr; }
  #about_inner .capability_item { min-height: auto; padding: 24px; }
  #about_inner .about_statement { margin-top: 75px; padding: 42px 28px 38px; }
  #about_inner .statement_text>div {font-size: 23px;}
}