/*Content CSS*/
#c5_wrap{overflow: hidden; width: 100%; padding: 80px 0; margin: 0 auto; position: relative; z-index: 2;}
#c5_wrap::before{content: ''; display: block; width: calc(100% - 50px); height: 100%; max-width: 1870px; border-radius: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url('../img/c2_bg.jpg') 50% / cover no-repeat; z-index: -1;}
#c5_wrap .c_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#c5_wrap .fs_65{font-size: 65px; line-height: 1; letter-spacing: -1.3px;}
#c5_wrap .fs_45{font-size: 45px; line-height: 1; letter-spacing: -.9px;}
#c5_wrap .fs_30{font-size: 30px; line-height: 1.3; letter-spacing: -.6px;}
#c5_wrap .fs_25{font-size: 25px; line-height: 1.6; letter-spacing: -.5px;}
#c5_wrap .fs_20{font-size: 20px; line-height: 1.8; letter-spacing: -.4px;}
#c5_wrap .fs_16{font-size: 16px; line-height: 1; letter-spacing: -.32px;}
#c5_wrap .fs_15{font-size: 15px; line-height: 1;}

/* vm_btn */
#c5_wrap .vm_btn{display: flex; align-items: center; gap: 13px;}
#c5_wrap .vm_btn span{color: #fff; font-weight: 500; font-family: "Montserrat", sans-serif; }
#c5_wrap .vm_btn a{display: flex; align-items: center; justify-content: center; width: 60px; aspect-ratio: 1 / 1; background-color: rgba(0,0,0,.5); border-radius: 50%; transition: .3s;}
#c5_wrap .vm_btn a i{display: block; width: 9px; aspect-ratio: 9 / 14; background: url('../img/vm_btn.png') 50% / cover no-repeat;}
#c5_wrap .vm_btn a:hover{background-color: #16346d;}

/* top */
#c5_wrap .top{display: flex; justify-content: space-between; gap: 30px;}
#c5_wrap .top .vm_btn{flex-shrink: 0; margin-left: 30px;}

/* tit */
#c5_wrap .tit{display: flex; align-items: center; gap: 39px;  }
#c5_wrap .tit h3{font-weight: 700; color: #000;}
#c5_wrap .tit span{color: #fff;}

/* flex_wrap */
#c5_wrap .flex_wrap{display: flex; align-items: center; justify-content: space-between;}
#c5_wrap .flex_wrap .tit{flex-shrink: 0;}

/* logo_list */
#c5_wrap .logo_list{display: flex; gap: 23px; width: calc(74% + 20px);}
#c5_wrap .logo_list li{flex: 1; max-width: calc((100% - 70px) / 4); }
#c5_wrap .logo_list li a{display: flex; position: relative; border: solid 1px #ddd; border-radius: 20px; overflow: hidden;}
#c5_wrap .logo_list li a::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 20px; position: absolute; top: 0; left: 0; border: solid 2px #16346d; opacity: 0; transition: .3s;}
#c5_wrap .logo_list li a:hover{border-color: #16346d;}
#c5_wrap .logo_list li a:hover::before{opacity: 1;}