@import url('sub.css');

.almond_nav {position:fixed; left:19px; top:50%; transform:translateY(-50%); z-index:90; display:flex; flex-direction:column; gap:20px; margin:0; padding:0; list-style:none;}
.almond_nav::before {content:''; position:absolute; left:10px; top:11px; bottom:11px; width:1px; background:var(--border);}
.almond_nav li {position:relative;}
.almond_nav li a {display:flex; align-items:center; gap:10px; font-size:0; font-weight:700; line-height:1.714; letter-spacing:-0.03em; color:var(--main2); white-space:nowrap; transition:font-size 0.3s;}
.almond_nav li a i {display:block; position:relative; width:21px; height:21px; flex-shrink:0;}
.almond_nav li a i::before {content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3.5px 0 0 -3.5px; border-radius:50%; background:var(--border); z-index:2; transition:all 0.3s;}
.almond_nav li a i::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; background:var(--main2); opacity:0; z-index:1; transition:opacity 0.3s;}
.almond_nav li.active a {font-size:0.778rem;}
.almond_nav li.active a i::before {background:var(--main2);}
.almond_nav li.active a i::after {opacity:0.2;}

.tit_wrap{text-align:center; margin:0 0 80px;}
.tit_wrap .num{display:flex; align-items:center; justify-content:center; width:100px; height:100px; margin:0 auto 30px; color:var(--white); font-family:var(--jump); font-size:1.111rem; font-weight:800; position:relative; z-index:10;}
.tit_wrap .num::after{content:''; width:100%; height:100%; background:url("/img/number.svg") no-repeat center / 100% auto; position:absolute; top:0; left:0; z-index:-1;}
.tit_wrap .fs24{margin:30px 0 0; font-weight:600; color:var(--black);}
.tit_wrap .fs18{color:var(--basic); line-height:1.667; margin:15px 0 0;}
.tit_wrap .subpoint {font-weight:inherit;}

/*** branch top ***/
#branch_top {position:relative; background:url("/almond/img/branch_subtop.jpg")no-repeat center / cover; overflow:hidden;}
#branch_top .basic_in {position:relative; z-index:1; padding:120px 0; max-width:1560px; margin:0 auto;}
#branch_top .top_txt {text-align:center; max-width:100%;}
#branch_top .top_txt .fs40 {font-family:var(--blackHan); color:#674e38; line-height:1; letter-spacing:-0.05em;}
#branch_top .top_txt .fs100 {margin:30px 0 25px;}
#branch_top .top_txt .fs24 {font-weight:600; color:var(--black); line-height:1.417; letter-spacing:-0.05em;}
#branch_top .branch_diagram {display:grid; grid-template-columns:26% 1fr 26%; grid-template-rows:auto auto; gap:66px; margin:80px 0 0; align-items:start;}
#branch_top .branch_diagram dl:nth-of-type(1) {grid-column:1; grid-row:1;}
#branch_top .branch_diagram figure {grid-column:2; grid-row:1 / span 2; align-self:start; position:relative; display:block; overflow:hidden; width:100%; aspect-ratio:700 / 454; position:relative; top:6%;}
#branch_top .branch_diagram figure > img {width:100%; height:100%; object-fit:contain; display:block;}
#branch_top .branch_diagram figure i {position:absolute; width:8.57%; aspect-ratio:1 / 1; display:block; overflow:hidden;}
#branch_top .branch_diagram figure i img {width:100%; height:100%; object-fit:contain; display:block;}
#branch_top .branch_diagram figure i:nth-of-type(1) {left:33.88%; top:17.44%;}
#branch_top .branch_diagram figure i:nth-of-type(2) {left:64.54%; top:29.11%;}
#branch_top .branch_diagram figure i:nth-of-type(3) {left:55%; top:72.73%;}
#branch_top .branch_diagram figure i:nth-of-type(4) {left:28%; top:61.17%;}
#branch_top .branch_diagram dl:nth-of-type(2) {grid-column:3; grid-row:1;}
#branch_top .branch_diagram dl:nth-of-type(3) {grid-column:1; grid-row:2;}
#branch_top .branch_diagram dl:nth-of-type(4) {grid-column:3; grid-row:2;}
#branch_top .branch_diagram dl dt {display:flex; align-items:center; gap:8px;}
#branch_top .branch_diagram dl dt span {display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:var(--white); font-family:var(--jump); font-size:0.667rem; font-weight:800; flex-shrink:0; background:url("/almond/img/number_sm.svg") no-repeat center / 100% auto;}
#branch_top .branch_diagram dl dt .fs30 {font-family:var(--blackHan); color:var(--black); font-weight:400; line-height:1;}
#branch_top .branch_diagram dl dd:nth-of-type(1) {font-weight:600; line-height:1.667; margin:6px 0 0; padding:0 0 15px; position:relative; border-bottom:1px solid var(--border);}
#branch_top .branch_diagram dl dd:nth-of-type(1)::before {content:''; width:3px; height:3px; border-radius:50%; background:var(--sub); position:absolute; left:0; bottom:0; transform:translateY(50%); z-index:2;}
#branch_top .branch_diagram dl dd:nth-of-type(1)::after {content:''; width:3px; height:3px; border-radius:50%; background:var(--sub); position:absolute; right:0; bottom:0; transform:translateY(50%); z-index:2;}
#branch_top .branch_diagram dl dd ul {display:flex; flex-direction:column; gap:3px; padding:15px 0 0;}
#branch_top .branch_diagram dl dd ul li {display:flex; align-items:flex-start; gap:8px; color:var(--basic); line-height:1.667;}
#branch_top .branch_diagram dl dd ul li::before {content:''; width:20px; height:20px; flex-shrink:0; background:url('/almond/img/check_sub.svg') center/contain no-repeat; position:relative; top:5px;}
#branch_top .branch_diagram dl:nth-of-type(1) dd:nth-of-type(1), #branch_top .branch_diagram dl:nth-of-type(4) dd:nth-of-type(1) {color:var(--sub);}
#branch_top .branch_diagram dl:nth-of-type(2) dt span, #branch_top .branch_diagram dl:nth-of-type(3) dt span {background-image:url("/almond/img/number_main.svg");}
#branch_top .branch_diagram dl:nth-of-type(2) dd:nth-of-type(1), #branch_top .branch_diagram dl:nth-of-type(3) dd:nth-of-type(1) {color:var(--main2);}
#branch_top .branch_diagram dl:nth-of-type(2) dd:nth-of-type(1)::before, #branch_top .branch_diagram dl:nth-of-type(2) dd:nth-of-type(1)::after, #branch_top .branch_diagram dl:nth-of-type(3) dd:nth-of-type(1)::before, #branch_top .branch_diagram dl:nth-of-type(3) dd:nth-of-type(1)::after {background:var(--main2);}
#branch_top .branch_diagram dl:nth-of-type(2) dd ul li::before, #branch_top .branch_diagram dl:nth-of-type(3) dd ul li::before {background-image:url('/almond/img/check_main.svg');}

/*** intro top ***/
#intro_top{position:relative; background:url('/almond/img/introduction_bg01.jpg')no-repeat center / cover; overflow:visible;}
#intro_top .basic_in{position:relative; z-index:1;  padding:120px 0; max-width: 1360px; margin:0 auto;}
#intro_top .top_txt{max-width:702px; width:55%;}
#intro_top .top_txt .fs40{font-family:var(--blackHan); color:#674e38; line-height:1; letter-spacing:-0.05em;}
#intro_top .top_txt .fs100{margin:30px 0 25px;}
#intro_top .top_txt .fs24{font-weight:600; color:var(--black); line-height:1.417; letter-spacing:-0.05em;}
#intro_top .top_txt .fs18{margin:10px 0 0; color:var(--basic); line-height:1.667;}
#intro_top figure{position:absolute; right:calc((100% - 1360px) / 2); bottom:-43px; max-width:492px; width:36%; z-index:2; pointer-events:none;}
#intro_top figure img{width:100%; display:block;}

/*** intro change ***/
#intro_change{position:relative; background:linear-gradient(180deg, var(--white) 0%, #e5e6ed 100%); overflow:hidden;}
#intro_change .book_wrap{display:flex; align-items:center; justify-content:center; margin:0 0 80px; position:relative;}
#intro_change .book_wrap figure{display:block; overflow:hidden; flex-shrink:0; position:relative;}
#intro_change .book_wrap figure img{width:100%; height:100%; object-fit:cover; display:block;}
#intro_change ul{display:flex; align-items:stretch; justify-content:space-between; gap:clamp(12px, 1.563vw, 30px); position:relative;}
#intro_change ul li{flex:1; min-width:0; aspect-ratio:1 / 1; background:var(--white); border-radius:100%; padding:clamp(18px, 2.083vw, 40px); text-align:center; display:flex; flex-direction:column; align-items:center; position:relative; justify-content:center; overflow:visible; box-sizing: border-box;}
#intro_change ul li:nth-child(1){z-index:3;}
#intro_change ul li:nth-child(2){z-index:2;}
#intro_change ul li:nth-child(3){z-index:1;}
#intro_change ul li figure{display:flex; align-items:center; justify-content:center; width:clamp(48px, 4.167vw, 80px); height:clamp(48px, 4.167vw, 80px); overflow:hidden; position:relative; flex-shrink:0;}
#intro_change ul li figure img{width:100%; height:100%; object-fit:contain; display:block;}
#intro_change ul li .fs30{font-family:var(--blackHan); color:var(--black); line-height:1.1; font-weight:400; font-size:clamp(18px, 1.563vw, 30px); margin:clamp(16px, 1.563vw, 30px) 0 clamp(12px, 1.042vw, 20px);}
#intro_change ul li .fs18{color:var(--basic); line-height:1.667; font-size:clamp(14px, 0.938vw, 18px);}
#intro_change ul li .add_ico{width:clamp(40px, 3.125vw, 60px); aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; border-radius:100%; background:var(--sub); position:absolute; top:50%; right:clamp(-8px, -0.781vw, -15px); transform:translate(50%,-50%); z-index:10; box-shadow:0 clamp(6px, 0.521vw, 10px) clamp(6px, 0.521vw, 10px) 0 rgba(23,50,24,0.2);}
#intro_change ul li .add_ico::before{content:'add'; font-family:var(--icon); font-size:clamp(26px, 2.083vw, 40px); line-height:1; color:var(--white); font-style:normal; position:relative; z-index:2;}
#intro_change ul li .add_ico span{position:absolute; left:50%; top:50%; border-radius:50%; border:1px solid var(--sub); background:transparent; transform:translate(-50%,-50%); pointer-events:none;}
#intro_change ul li .add_ico span:nth-child(1){width:calc(100% + clamp(10px, 1.042vw, 20px)); height:calc(100% + clamp(10px, 1.042vw, 20px)); opacity:0.2;}
#intro_change ul li .add_ico span:nth-child(2){width:calc(100% + clamp(20px, 2.083vw, 40px)); height:calc(100% + clamp(20px, 2.083vw, 40px)); opacity:0.1;}
#intro_change ul li:nth-child(3) .add_ico{display:none;}

/*** intro why ***/
#intro_why{position:relative; background:var(--sub); overflow:hidden;}
#intro_why::before{content:""; position:absolute; inset:0; opacity:0.1; background-image:linear-gradient(var(--white) 1px, transparent 1px), linear-gradient(90deg, var(--white) 1px, transparent 1px); background-size:100px 100px; pointer-events:none;}
#intro_why .basic_in{position:relative; z-index:1;}
#intro_why .why_in{display:flex; align-items:flex-end; justify-content:space-between; gap:60px; }
#intro_why .why_in figure{width:45%; max-width:680px; flex-shrink:0; margin: 0 0 -84px; position: relative; z-index: 10;}
#intro_why .why_in figure img{width:100%; display:block;}
#intro_why .why_in .tit_wrap {width:50%; max-width:780px; text-align:left; margin:0; padding:0 0 80px;}
#intro_why .why_in .tit_wrap .num {margin-left: 0; margin-right: 0;}
#intro_why .why_in .tit_wrap .fs56,#intro_why .why_in .tit_wrap .fs24,#intro_why .why_in .tit_wrap .fs18{color:var(--white);}
#intro_why .why_in .tit_wrap .fs18{opacity:0.9;}
#intro_why .note{display:flex; gap:20px; position:relative;}
#intro_why .note dl{width:calc(50% - 10px); background:var(--white); border-radius:20px; padding:60px 50px; text-align:center; position:relative; position:relative;}
#intro_why .note dl::after { content:""; position:absolute; top:6%; right:-35px; width:50px; height:88%; background:url('/almond/img/ring.svg') center top / 50px 31px round; pointer-events:none; z-index:99; }
#intro_why .note dl:last-of-type::after {display:none;}
#intro_why .note dl dt{font-family:var(--blackHan); color:var(--black); line-height:1; display:inline-block; font-weight: 400; line-height:100%;}
#intro_why .note dl dt em{color:var(--sub); font-style:normal; position:relative; z-index: 10; font-family: inherit;}
#intro_why .note dl dt em::after{content:""; position:absolute; left:0; bottom:2px; width:100%; height:12px; background:var(--sub); opacity:0.3; z-index:-1;}
#intro_why .note dl dd{margin:10px 0 0; color:var(--basic); line-height:1.667;}

/*** intro academy ***/
#intro_academy{background:var(--white);}
#intro_academy .academy_in{display:flex; flex-wrap:wrap; align-items:center; }
#intro_academy .academy_in ul{display:flex; flex-direction:column; gap:60px 0; position:relative; z-index:2; flex:1;}
#intro_academy .academy_in ul li{display:flex; align-items:center; gap:30px; position:relative;}
#intro_academy .academy_in ul li span{display:none;}
#intro_academy .academy_in ul li figure{width:147px; flex-shrink:0; }
#intro_academy .academy_in ul li figure img{width:100%; display:block;}
#intro_academy .academy_in ul li div {flex:1;}
#intro_academy .academy_in ul li strong{display:block; margin:0 0 10px; font-weight:600; color:var(--black); line-height:1.417;}
#intro_academy .academy_in ul li p{color:var(--basic); line-height:1.667;}
#intro_academy .academy_in ul:nth-child(1) li{justify-content:flex-end;}
#intro_academy .academy_in ul:nth-child(1) li div{text-align:right;}
#intro_academy .academy_in ul:nth-child(1) li:nth-child(2){padding-right:80px;}
#intro_academy .academy_in ul:nth-child(3) li:nth-child(2){padding-left:80px;}
#intro_academy .symbol {position:relative; width:433px;  flex-shrink: 0; aspect-ratio: 433 / 430; z-index:10; padding:65px 0 0; box-sizing:border-box;}
#intro_academy .symbol::after {content:''; width:calc(100% + 130px);  height:calc(100% + 130px); background:url("/almond/img/symbol_bg.png")no-repeat center / 100% auto; position:absolute; top:-65px; left:-65px; z-index:-1;}
#intro_academy .symbol span{position:absolute; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:100%; color:var(--white); font-size:14px; font-weight:700; line-height:1.714; z-index:3;}
#intro_academy .symbol span:nth-child(1){left:50px; top:-20px; background:var(--sub);}
#intro_academy .symbol span:nth-child(2){left:-65px; top:200px; background:var(--main2);}
#intro_academy .symbol span:nth-child(3){left:50px; bottom:-20px; background:var(--sub);}
#intro_academy .symbol span:nth-child(4){right:50px; bottom:-20px; background:var(--main2);}
#intro_academy .symbol span:nth-child(5){right:-65px; top:200px; background:var(--sub);}
#intro_academy .symbol span:nth-child(6){right:50px; top:-20px; background:var(--main2);}
#intro_academy .symbol .core{position:relative; text-align:center; display:flex; flex-wrap:wrap;  flex-direction:column; width:100%; height:100%;}
#intro_academy .symbol .core figure:nth-child(1){width:100%; margin:0 0 15px;}
#intro_academy .symbol .core .fs20{font-weight:600; color:var(--black); line-height:1.6;}
#intro_academy .symbol .core .fs30{margin:5px 0 0; font-weight:700; color:var(--sub); line-height:1.333;}
#intro_academy .symbol .core figure:nth-child(4) {bottom:8px; text-align:center; position:absolute; left:0; width:100%;}
#intro_academy .symbol .core figure:nth-child(4) img {max-width:100%;}

/*** intro benefit ***/
#intro_benefit{position:relative; background:url("/almond/img/introduction_bg02.jpg")no-repeat center / cover; overflow:hidden;}
#intro_benefit .basic_in{position:relative; z-index:1;}
#intro_benefit .tit_wrap{margin-bottom:60px;}
#intro_benefit .benefit_in{position:relative; display:flex; align-items:center; justify-content:center; width:600px; margin:0 auto; padding-bottom:250px;}
#intro_benefit .benefit_in figure{}
#intro_benefit .benefit_in figure img{width:100%; display:block;}
#intro_benefit .benefit_in .oper {position:absolute; left:-30px; top:112px; text-align:right; transform:translateX(-100%);}
#intro_benefit .benefit_in .sales{position:absolute; left:50%; bottom:0; transform:translateX(-50%); text-align:left; min-width: 305px;}
#intro_benefit .benefit_in .growth{position:absolute; right:-30px; top:112px; text-align:left;  transform:translateX(100%); }
#intro_benefit .benefit_in .oper .fs30,#intro_benefit .benefit_in .sales .fs30,#intro_benefit .benefit_in .growth .fs30{font-weight:700; color:var(--black); line-height:1.333; margin:0 0 20px;}
#intro_benefit .benefit_in ul{display:flex; flex-direction:column; gap:3px;}
#intro_benefit .benefit_in .oper ul{align-items:flex-end;}
#intro_benefit .benefit_in .growth ul{align-items:flex-start;}
#intro_benefit .benefit_in .sales ul {}
#intro_benefit .benefit_in ul li{display:flex;  gap:8px; color:var(--basic); line-height:1.667;}
/* #intro_benefit .benefit_in .oper ul li{flex-direction:row-reverse;} */
#intro_benefit .benefit_in .oper ul li::after,#intro_benefit .benefit_in .sales ul li::before{content:""; width:20px; height:20px; flex-shrink:0; background:url('/almond/img/check_main.svg') center/contain no-repeat; position: relative; top: 5px;}
#intro_benefit .benefit_in .growth ul li::before{content:""; width:20px; height:20px; flex-shrink:0; background:url('/almond/img/check_sub.svg') center/contain no-repeat;   position: relative; top: 5px;}



/*** intro step ***/
#intro_step{position:relative; background:var(--sub); overflow:hidden;}
#intro_step::before{content:""; position:absolute; inset:0; opacity:0.1; background-image:linear-gradient(var(--white) 1px, transparent 1px), linear-gradient(90deg, var(--white) 1px, transparent 1px); background-size:100px 100px; pointer-events:none;}
#intro_step .basic_in{position:relative; z-index:1;}
#intro_step .tit_wrap .fs100,#intro_step .tit_wrap .fs24,#intro_step .tit_wrap .fs18{color:var(--white);}
#intro_step .tit_wrap .fs24{margin-bottom:10px;}
#intro_step .tit_wrap .fs18{opacity:0.9;}
#intro_step .step_in{position:relative; min-height:547px; max-width:1537px; margin:0 auto;}
#intro_step .step_in figure{position:absolute; left:50%; top:50%; width:800px; margin:-273px 0 0 -400px; z-index:1; pointer-events:none;}
#intro_step .step_in figure img{width:100%; display:block;}
#intro_step .step_in ul{position:relative; z-index:2; width:100%; height:547px;}
#intro_step .step_in ul li {position:absolute; width:355px; background:var(--white); border-radius:20px; padding:20px 30px 20px 90px; box-shadow:0 4px 20px rgba(0,0,0,0.08); box-sizing:border-box;}
#intro_step .step_in ul li::after {content:''; width:26px; height:18px; background:url("/almond/img/tail.png")no-repeat center / 100% auto; position:absolute; bottom:-16px; left:20px;}
#intro_step .step_in ul li span{position:absolute; top:50%; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:url("/almond/img/number_main.svg")no-repeat center / 100% auto; color:var(--white); font-family:var(--jump); font-size:0.667rem; font-weight:800; margin-top:-25px;}
#intro_step .step_in ul li strong{display:block; margin:0 0 3px; font-weight:600; color:var(--black); line-height:141.667%;}
#intro_step .step_in ul li p{color:var(--basic); line-height:1.667;}
#intro_step .step_in ul li:nth-child(1){left:45px; top:-36px; width:453px; padding-left:30px; padding-right:90px; text-align:right;}
#intro_step .step_in ul li:nth-child(1) span{right:30px; left:auto;}
#intro_step .step_in ul li:nth-child(2){right:148px; top:-6px; padding-left:90px; width:329px;}
#intro_step .step_in ul li:nth-child(2) span{left:30px;}
#intro_step .step_in ul li:nth-child(3){left:70px; top:131px; width:331px; padding-left:30px; padding-right:90px;  text-align:right;}
#intro_step .step_in ul li:nth-child(3) span{right:30px; left:auto;}
#intro_step .step_in ul li:nth-child(4){right:52px; top:161px;}
#intro_step .step_in ul li:nth-child(4) span{left:30px;}
#intro_step .step_in ul li:nth-child(5){left:0; top:298px; width:355px; padding-left:30px; padding-right:90px; text-align:right;}
#intro_step .step_in ul li:nth-child(5) span{right:30px; left:auto;}
#intro_step .step_in ul li:nth-child(6){right:0; top:328px; width:347px;}
#intro_step .step_in ul li:nth-child(6) span{left:30px;}
#intro_step .step_in ul li:nth-child(1)::after, #intro_step .step_in ul li:nth-child(3)::after, #intro_step .step_in ul li:nth-child(5)::after {left:auto; right:20px; transform: scaleX(-1);}







#branch {background:var(--grayBg);}
#branch .branch_list {}
#branch .branch_list ul {counter-reset: branch-num; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:30px; position:relative;}
#branch .branch_list ul::before {content:''; width:400px; overflow: hidden; aspect-ratio: 1 / 1; border-radius:100%; background:url("/almond/img/branch_role_ico.png")no-repeat center / 100% auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#branch .branch_list ul li {counter-increment: branch-num; border-radius: 20px; border: 3px solid var(--sub); background: var(--white); box-sizing:border-box; padding:50px;}
#branch .branch_list ul li:nth-of-type(2n) {padding-left:212px;}
#branch .branch_list ul li:nth-of-type(2n-1) {padding-right: 250px; }
#branch .branch_list ul li .fs30 {font-family: var(--blackHan); line-height:1; color:var(--sub); font-weight:400; margin:0 0 18px; padding-left:60px; box-sizing:border-box; position:relative;}
#branch .branch_list ul li .fs30::before {content: counter(branch-num, decimal-leading-zero); display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:var(--white); font-family:var(--jump); font-size:12px; font-weight:800; position:relative; z-index:10; background:url("/almond/img/number_sm.svg") no-repeat center / 100% auto; position:absolute; top:-12px; left:0; letter-spacing:0;}
#branch .branch_list ul li .dots {padding-left:10px; box-sizing:border-box; position:relative; margin-left:60px;}
#branch .branch_list ul li .dots+.dots {margin-top:3px;}
#branch .branch_list ul li .dots::before {content:''; width:3px; aspect-ratio: 1 / 1; border-radius:100%; position:absolute; top:13px; left:0; background:var(--black);}

#inquiry {background: linear-gradient(180deg, #FFF 0%, #E5E6ED 100%);}
.inquiry_list {background:url("/almond/img/inquiry_dia.png") no-repeat center / 100% auto; max-width:1350px; margin:0 auto; aspect-ratio: 1350 / 350;}
.inquiry_list ul {display:flex; padding:60px; box-sizing:border-box;}
.inquiry_list ul li {position:relative; flex:1; aspect-ratio: 1 / 1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column;}
.inquiry_list ul li:last-of-type .arrow {display:none;}
.inquiry_list ul li .step {display:none;}
.inquiry_list ul li .fs20 {margin:14px 0 0;}



.arrow{display: flex; align-items: center; justify-content: center; width:40px; aspect-ratio: 1 / 1; box-shadow:0 0 20px rgba(0, 0, 0, 0.25);  border-radius:100%; background:var(--white); position:absolute; top:50%; right:0; transform:translate(50%,-50%);}
.arrow .m_scroll_arrows{width:5px; height:10px; background:url('/img/pro_arr.svg') center center/100% no-repeat; opacity:1; float:left; margin-left: 4px; }
.arrow .m_scroll_arrows:first-child {margin-left:0;}
.arrow .doi {opacity:0.6;}
.arrow .trei {opacity:0.4;}



.unu, .doi, .trei {-webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite;}
.unu {-webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate;}
.doi {-webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate;}
.trei {-webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate;}

@-webkit-keyframes mouse-scroll {
	0%   { opacity: 0;}
	50%  { opacity: .5;}
	100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}


.apply_form_wrap {display:flex; flex-wrap:wrap; align-items:center; gap:0 100px;}
.apply_form_wrap .form_map {max-width:680px; width:45%;}
.apply_form_wrap .form_map img {max-width:100%;}
.apply_form_wrap .form_cont {flex:1;}
.apply_form_wrap .form_cont .top_label {border-radius: var(--borderR20)  var(--borderR20) 0 0; padding:23px 30px; box-sizing:border-box; display:inline-flex; background:var(--sub); color:var(--white); line-height:1; font-family: var(--blackHan); font-weight:400;}
.apply_form_wrap .form_cont .form_input_wrap {padding:60px; box-sizing:border-box; background:var(--white); border-radius:0 var(--borderR20) var(--borderR20) var(--borderR20);}


/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1700px) { 

	
#intro_why .why_in figure{margin: 0 0 -4.9vw;}
#intro_academy .academy_in ul br {display:none;}


/*** intro step ***/
#intro_step .step_in .fs24 { font-size:calc(24vw / 16.5); }
#intro_step .step_in .fs18 { font-size:calc(18vw / 16.5); }
#intro_step .step_in { min-height:calc(547vw / 16.5); max-width:100%; }
#intro_step .step_in figure { width:calc(800vw / 16.5); margin:calc(-273vw / 16.5) 0 0 calc(-400vw / 16.5); }
#intro_step .step_in ul { height:calc(547vw / 16.5); }
#intro_step .step_in ul li { width:calc(355vw / 16.5); border-radius:calc(20vw / 16.5); padding:calc(20vw / 16.5) calc(30vw / 16.5) calc(20vw / 16.5) calc(90vw / 16.5); box-shadow:0 calc(4vw / 16.5) calc(20vw / 16.5) rgba(0,0,0,0.08); }
#intro_step .step_in ul li span { width:calc(50vw / 16.5); height:calc(50vw / 16.5); margin-top:calc(-25vw / 16.5); font-size:calc(11vw / 16.5); }
#intro_step .step_in ul li strong { margin:0 0 calc(3vw / 16.5); }
#intro_step .step_in ul li:nth-child(1) { left:calc(45vw / 16.5); top:calc(-36vw / 16.5); width:calc(453vw / 16.5); padding-left:calc(30vw / 16.5); padding-right:calc(90vw / 16.5); }
#intro_step .step_in ul li:nth-child(1) span { right:calc(30vw / 16.5); left:auto; }
#intro_step .step_in ul li:nth-child(2) { right:calc(148vw / 16.5); top:calc(-6vw / 16.5); width:calc(329vw / 16.5); padding-left:calc(90vw / 16.5); }
#intro_step .step_in ul li:nth-child(2) span { left:calc(30vw / 16.5); }
#intro_step .step_in ul li:nth-child(3) { left:calc(70vw / 16.5); top:calc(131vw / 16.5); width:calc(331vw / 16.5); padding-left:calc(30vw / 16.5); padding-right:calc(90vw / 16.5); }
#intro_step .step_in ul li:nth-child(3) span { right:calc(30vw / 16.5); left:auto; }
#intro_step .step_in ul li:nth-child(4) { right:calc(52vw / 16.5); top:calc(161vw / 16.5); width:calc(355vw / 16.5); }
#intro_step .step_in ul li:nth-child(4) span { left:calc(30vw / 16.5); }
#intro_step .step_in ul li:nth-child(5) { left:0; top:calc(298vw / 16.5); width:calc(355vw / 16.5); padding-left:calc(30vw / 16.5); padding-right:calc(90vw / 16.5); }
#intro_step .step_in ul li:nth-child(5) span { right:calc(30vw / 16.5); left:auto; }
#intro_step .step_in ul li:nth-child(6) { right:0; top:calc(328vw / 16.5); width:calc(347vw / 16.5); }
#intro_step .step_in ul li:nth-child(6) span { left:calc(30vw / 16.5); }
#intro_step .step_in ul li::after { width:calc(26vw / 16.5); height:calc(18vw / 16.5); bottom:calc(-16vw / 16.5); left:calc(20vw / 16.5); }
#intro_step .step_in ul li:nth-child(1)::after, #intro_step .step_in ul li:nth-child(3)::after, #intro_step .step_in ul li:nth-child(5)::after { left:auto; right:calc(20vw / 16.5);}
/*** intro step ***/


/*** intro academy ***/
#intro_academy .academy_in .fs30 { font-size:calc(30vw / 15); }
#intro_academy .academy_in .fs24 { font-size:calc(24vw / 15); }
#intro_academy .academy_in .fs20 { font-size:calc(20vw / 15); }
#intro_academy .academy_in .fs18 { font-size:calc(22vw / 15); }

#intro_academy .academy_in ul { gap:calc(60vw / 15) 0; }
#intro_academy .academy_in ul li { gap:calc(30vw / 15); }
#intro_academy .academy_in ul li figure { width:calc(147vw / 15); }
#intro_academy .academy_in ul li strong { margin:0 0 calc(10vw / 15); }
#intro_academy .academy_in ul:nth-child(1) li:nth-child(2) { padding-right:calc(80vw / 15); }
#intro_academy .academy_in ul:nth-child(3) li:nth-child(2) { padding-left:calc(80vw / 15); }

#intro_academy .symbol { width:calc(433vw / 15); padding:calc(65vw / 15) 0 0; }
#intro_academy .symbol::after { width:calc(100% + (130vw / 15)); height:calc(100% + (130vw / 15)); top:calc(-65vw / 15); left:calc(-65vw / 15); }

#intro_academy .symbol span { width:calc(30vw / 15); height:calc(30vw / 15); font-size:calc(14vw / 15); }
#intro_academy .symbol span:nth-child(1) { left:calc(50vw / 15); top:calc(-20vw / 15); }
#intro_academy .symbol span:nth-child(2) { left:calc(-65vw / 15); top:calc(200vw / 15); }
#intro_academy .symbol span:nth-child(3) { left:calc(50vw / 15); bottom:calc(-20vw / 15); }
#intro_academy .symbol span:nth-child(4) { right:calc(50vw / 15); bottom:calc(-20vw / 15); }
#intro_academy .symbol span:nth-child(5) { right:calc(-65vw / 15); top:calc(200vw / 15); }
#intro_academy .symbol span:nth-child(6) { right:calc(50vw / 15); top:calc(-20vw / 15); }

#intro_academy .symbol .core figure:nth-child(1) { margin:0 0 calc(15vw / 15); }
#intro_academy .symbol .core .fs30 { margin:calc(5vw / 15) 0 0; }
#intro_academy .symbol .core figure:nth-child(4) { bottom:calc(-11vw / 15); }
#intro_academy .symbol .core figure:nth-child(4) img {max-width:55%;}
/*** intro academy ***/



/*** intro benefit ***/
#intro_benefit .benefit_in { width:calc(600vw / 15); padding-bottom:calc(250vw / 15); }
#intro_benefit .benefit_in .oper { left:calc(-30vw / 15); top:calc(112vw / 15); }
#intro_benefit .benefit_in .sales { min-width:calc(305vw / 15); }
#intro_benefit .benefit_in .growth { right:calc(-30vw / 15); top:calc(112vw / 15); }
#intro_benefit .benefit_in .fs30 { font-size:calc(30vw / 15); margin:0 0 calc(20vw / 15); }
#intro_benefit .benefit_in .fs18 { font-size:calc(18vw / 15); }
#intro_benefit .benefit_in ul { gap:calc(3vw / 15); }
#intro_benefit .benefit_in ul li { gap:calc(8vw / 15); }
#intro_benefit .benefit_in .oper ul li::after,
#intro_benefit .benefit_in .sales ul li::before,
#intro_benefit .benefit_in .growth ul li::before { width:calc(20vw / 15); height:calc(20vw / 15);  top:calc(5vw / 15); }
/*** intro benefit ***/
	


#branch_top .basic_in {padding: 7.05vw 5vw;}
#branch_top .top_txt .fs100 {font-size: 5.88vw; margin: 1.76vw 0 1.47vw;}
#branch_top .top_txt .fs40 {font-size: 2.35vw;}
#branch_top .top_txt .fs24 {font-size: 1.41vw;}
#branch_top .branch_diagram {align-items: center; gap: 3.88vw 2vw; margin: 4.7vw 0 0; grid-template-columns: 32% 1fr 32%;}
#branch_top .branch_diagram figure {align-self: center; top:0; width: 100%; aspect-ratio: 527 / 454; background:url("/almond/img/branch_diagram_nover.png")no-repeat center / cover;}
#branch_top .branch_diagram figure i {width:12.57%;}
#branch_top .branch_diagram figure img {display:none;}
#branch_top .branch_diagram dl dt {gap: 0.47vw;}
#branch_top .branch_diagram dl dt span {width: 2.94vw; height: 2.94vw; font-size: 0.75vw;}
#branch_top .branch_diagram dl dt .fs30 {font-size: 1.9vw;}
#branch_top .branch_diagram dl dd:nth-of-type(1) {margin: 0.35vw 0 0; padding: 0 0 0.88vw;}
#branch_top .branch_diagram dl dd.fs18 {font-size: 1.15vw;}
#branch_top .branch_diagram dl dd:nth-of-type(1)::before, #branch_top .branch_diagram dl dd:nth-of-type(1)::after {width: 0.17vw; height: 0.17vw;}
#branch_top .branch_diagram dl dd ul {gap: 0.17vw; padding: 0.88vw 0 0;}
#branch_top .branch_diagram dl dd ul li {gap: 0.47vw; font-size: 1.15vw;}
#branch_top .branch_diagram dl dd ul li::before {width: 1.17vw; height: 1.17vw; top: 0.29vw;}
	
#branch_top .branch_diagram figure i:nth-of-type(1) {left:27.88%;}
#branch_top .branch_diagram figure i:nth-of-type(2) {left:67.54%;}
#branch_top .branch_diagram figure i:nth-of-type(3) {left:57%;}
#branch_top .branch_diagram figure i:nth-of-type(4) {left:23%;}
	
	
#branch .branch_list ul { grid-gap: 1.76vw; }
#branch .branch_list ul::before { width: 23.53vw; }
#branch .branch_list ul li { border-radius: 1.18vw; border-width: 0.18vw; padding: 2.94vw; }
#branch .branch_list ul li:nth-of-type(2n) { padding-left: 12.47vw; }
#branch .branch_list ul li:nth-of-type(2n-1) { padding-right: 14.71vw; }
#branch .branch_list ul li .fs30 { font-size: 1.76vw; margin: 0 0 1.35vw; padding-left: 3.53vw; }
#branch .branch_list ul li .fs30::before { width: 2.94vw; height: 2.94vw; font-size: 0.71vw; top: -0.71vw; }
#branch .branch_list ul li .dots { font-size: 1.06vw; padding-left: 0.59vw; margin-left: 3.53vw; }
#branch .branch_list ul li .dots+.dots { margin-top: 0.18vw; }
#branch .branch_list ul li .dots::before { width: 0.18vw; top: 0.76vw; }
.inquiry_list { max-width: 79.41vw; }
.inquiry_list ul { padding: 3.53vw; }
.inquiry_list ul li i img { width: 4.7vw; }
.inquiry_list ul li .fs20 { font-size: 1.18vw; margin: 0.82vw 0 0; }
.arrow { width: 2.35vw; }
.arrow .m_scroll_arrows { width: 0.29vw; height: 0.59vw; margin-left: 0.24vw; }




	
	
}
/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 



#intro_top .basic_in{padding:100px 0;}
#intro_top .top_txt{width:50%;}
#intro_top .top_txt .fs18 br {display: none;}
#intro_top figure{width:34%; bottom:-40px;}
#intro_why .why_in figure{width:45%;}
#intro_why .why_in .tit_wrap {width:50%; padding:0 0 50px;}
#intro_why .why_in .tit_wrap .fs18 br {display: none;}


#intro_benefit .benefit_in .growth {top:0; right:70px;}
#intro_benefit .benefit_in .oper {top:0; left:70px;}






}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 




#intro_top .basic_in{text-align:center;}
#intro_top .top_txt{width:100%; max-width:702px; margin:0 auto;}
#intro_top figure{position:relative; right:auto; bottom:auto; margin:40px auto -38px; pointer-events:auto; max-width:100%; width:445px;}

#intro_benefit .benefit_in {width:460px;}
#intro_benefit .benefit_in .growth {top:0; right:50px;}
#intro_benefit .benefit_in .oper {top:0; left:50px;}


#intro_why .why_in {flex-wrap:wrap;}
#intro_why .why_in figure {width:100%; order:2; max-width: 100%; margin: 0 0 -6.5vw;}
#intro_why .why_in figure img {width:60%; display:block; margin:0 auto;}
#intro_why .why_in .tit_wrap {width:100%; order:1; text-align: center;  max-width: 100%; padding:0;}
#intro_why .why_in .tit_wrap .num {margin-left:auto; margin-right:auto;}


#intro_benefit .benefit_in .fs18 {font-size:calc(22vw / 15);}
#intro_benefit .benefit_in .sales {min-width: calc(410vw / 15);}
#intro_benefit .benefit_in .oper ul li::after, #intro_benefit .benefit_in .sales ul li::before, #intro_benefit .benefit_in .growth ul li::before {top: calc(6vw / 15);}

.apply_form_wrap {gap:0 50px;}
.apply_form_wrap .form_cont .form_input_wrap {padding:40px 30px;}


/* #branch_top .basic_in {padding:100px 0 80px;}
#branch_top .top_txt br {display:none;}
#branch_top .branch_diagram {grid-template-columns:1fr; grid-template-rows:auto; row-gap:40px; margin-top:50px;}
#branch_top .branch_diagram figure {grid-column:1; grid-row:1; margin:0 0 10px;}
#branch_top .branch_diagram dl:nth-of-type(1), #branch_top .branch_diagram dl:nth-of-type(2), #branch_top .branch_diagram dl:nth-of-type(3), #branch_top .branch_diagram dl:nth-of-type(4) {grid-column:1; grid-row:auto;}
#branch_top .branch_diagram dl dt .fs30 {font-size:1.667rem;} */


#branch_top .basic_in { padding: 80px 20px; }
#branch_top .top_txt .fs100 { font-size: 3.5rem; margin: 15px 0; word-break: keep-all; }
#branch_top .top_txt .fs40 { font-size: 1.5rem; }
#branch_top .top_txt .fs24 { font-size: 1.1rem; word-break: keep-all; }
#branch_top .branch_diagram { display: flex; flex-direction: column; gap: 20px; margin: 50px 0 0; }
#branch_top .branch_diagram figure { order:-1;  max-width:400px; margin:0 auto; width:80%;}
#branch_top .branch_diagram dl { position: relative; background: #fff; padding: 30px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); width: 100%; box-sizing: border-box; }
#branch_top .branch_diagram dl::before { content: ''; position: absolute; top: 28px; right: 30px; width: 50px; height: 50px; -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; mask-size: contain; mask-position: center; mask-repeat: no-repeat; }
#branch_top .branch_diagram dl:nth-of-type(1)::before { -webkit-mask-image: url('/almond/img/branch_ico01.svg'); mask-image: url('/almond/img/branch_ico01.svg'); background-color: var(--sub); }
#branch_top .branch_diagram dl:nth-of-type(2)::before { -webkit-mask-image: url('/almond/img/branch_ico02.svg'); mask-image: url('/almond/img/branch_ico02.svg'); background-color: var(--main2); }
#branch_top .branch_diagram dl:nth-of-type(3)::before { -webkit-mask-image: url('/almond/img/branch_ico03.svg'); mask-image: url('/almond/img/branch_ico03.svg'); background-color: var(--sub); }
#branch_top .branch_diagram dl:nth-of-type(3) dt span { background-image: url('/almond/img/number_sm.svg'); }
#branch_top .branch_diagram dl:nth-of-type(3) dd:nth-of-type(1) { color: var(--sub); }
#branch_top .branch_diagram dl:nth-of-type(3) dd:nth-of-type(1)::before, #branch_top .branch_diagram dl:nth-of-type(3) dd:nth-of-type(1)::after { background: var(--sub); }
#branch_top .branch_diagram dl:nth-of-type(3) dd ul li::before { background-image: url('/almond/img/check_sub.svg'); }
#branch_top .branch_diagram dl:nth-of-type(4)::before { -webkit-mask-image: url('/almond/img/branch_ico04.svg'); mask-image: url('/almond/img/branch_ico04.svg'); background-color: var(--main2); }
#branch_top .branch_diagram dl:nth-of-type(4) dt span { background-image: url('/almond/img/number_main.svg'); }
#branch_top .branch_diagram dl:nth-of-type(4) dd:nth-of-type(1) { color: var(--main2); }
#branch_top .branch_diagram dl:nth-of-type(4) dd:nth-of-type(1)::before, #branch_top .branch_diagram dl:nth-of-type(4) dd:nth-of-type(1)::after { background: var(--main2); }
#branch_top .branch_diagram dl:nth-of-type(4) dd ul li::before { background-image: url('/almond/img/check_main.svg'); }
#branch_top .branch_diagram dl dt { gap: 10px; position: relative; z-index: 1; padding-right: 60px; }
#branch_top .branch_diagram dl dt span { width: 45px; height: 45px; font-size: 10px; }
#branch_top .branch_diagram dl dt .fs30 { font-size: 1.5rem; }
#branch_top .branch_diagram dl dd.fs18 { font-size: 1rem; position: relative; z-index: 1; }
#branch_top .branch_diagram dl dd:nth-of-type(1) { margin: 12px 0 0; padding: 0 0 15px; }
#branch_top .branch_diagram dl dd:nth-of-type(1)::before, #branch_top .branch_diagram dl dd:nth-of-type(1)::after { width: 4px; height: 4px; }
#branch_top .branch_diagram dl dd ul { gap: 6px; padding: 15px 0 0; position: relative; z-index: 1; }
#branch_top .branch_diagram dl dd ul li { gap: 8px; font-size: 1rem; }
#branch_top .branch_diagram dl dd ul li br {display:none;}
#branch_top .branch_diagram dl dd ul li::before { width: 18px; height: 18px; top: 4px; }


#branch .branch_list::before {content: ''; max-width: 300px; width:70%; overflow: hidden; aspect-ratio: 1 / 1; border-radius: 100%; background: url(/almond/img/branch_role_ico.png) no-repeat center / 100% auto; position:relative; display:block; margin:0 auto 30px;}
#branch .branch_list ul::before {display:none;}
#branch .branch_list ul li {padding:30px !important;}
#branch .branch_list ul li .fs30 { font-size: 22.88px; margin: 0 0 17.55px; padding-left: 45.89px; }
#branch .branch_list ul li .fs30::before { width: 38.22px; height: 38.22px; font-size: 9.23px; top: -9.23px; }
#branch .branch_list ul li .dots { font-size: 1rem; padding-left: 10px; margin-left: 45.89px; }
#branch .branch_list ul li .dots+.dots { margin-top: 2.34px; }
#branch .branch_list ul li .dots::before { width: 3px; top: 10px; }



}
/*******************************************************************************
	@media 769~980px 
*******************************************************************************/
@media all and (max-width:980px) { 

.almond_nav {display:none;}



.fs56{font-size:2.222rem; line-height:1.2;}
/* #intro_top br{display:none;} */
#intro_top .basic_in{padding:100px 0 0;}
#intro_top figure{width:300px; margin:50px auto -25px;}




#intro_benefit .benefit_in {width:340px; padding-bottom: 195px;;}
#intro_benefit .benefit_in .growth {top:0; right:30px; width:60%;}
#intro_benefit .benefit_in .oper {top:0; left:10px; width:52%;}
#intro_benefit .benefit_in .sales {min-width: 275px;; }
#intro_benefit .benefit_in .oper .fs30, #intro_benefit .benefit_in .sales .fs30, #intro_benefit .benefit_in .growth .fs30 {margin:0 0 10px;}
#intro_benefit .benefit_in .growth ul li::before {top:3px;}
#intro_benefit .benefit_in .oper ul li::after, #intro_benefit .benefit_in .sales ul li::before {top:3px;}


#intro_change .book_wrap{margin:0 0 50px;}
#intro_change .book_wrap figure{width:90%; max-width:100%;}
#intro_change ul{flex-wrap:wrap; flex-direction:column; align-items:center; gap:24px;}
#intro_change ul li {flex:none; width:100%; max-width:100%; aspect-ratio:auto; padding:35px 28px; border-radius:var(--borderR30);}
/* #intro_change ul li br {display:none;} */
#intro_change ul li figure{width:72px; height:72px;}
#intro_change ul li .fs30{font-size:1.667rem; margin:24px 0 16px;}
#intro_change ul li .fs18{font-size:1rem;}
#intro_change ul li:nth-child(1),#intro_change ul li:nth-child(2){z-index:auto;}
#intro_change ul li .add_ico{top:auto; bottom:-15px; left:50%; right:auto; transform:translate(-50%, 50%); width:52px; box-shadow:0 10px 10px 0 rgba(23,50,24,0.2);}
#intro_change ul li .add_ico::before{font-size:34px;}
#intro_change ul li .add_ico span:nth-child(1){width:calc(100% + 20px); height:calc(100% + 20px);}
#intro_change ul li .add_ico span:nth-child(2){width:calc(100% + 40px); height:calc(100% + 40px);}
#intro_why .note dl{padding:40px 30px;}
#intro_benefit .tit_wrap .fs100{font-size:2.778rem;}
#intro_step .tit_wrap .fs100{font-size:2.778rem;}






#intro_benefit .tit_wrap .fs24 { font-size:18px; word-break:keep-all; }
#intro_benefit .benefit_in .fs30 { font-size:22px !important; margin:0 0 10px !important; }
#intro_benefit .benefit_in .fs18 { font-size:14px !important; line-height:1.4; word-break:keep-all; }
#intro_benefit .benefit_in ul { gap:5px !important; }
#intro_benefit .benefit_in ul li { gap:6px !important; }
#intro_benefit .benefit_in .oper ul li::after,
#intro_benefit .benefit_in .sales ul li::before,
#intro_benefit .benefit_in .growth ul li::before { width:16px !important; height:16px !important; top:1px !important; }




.apply_form_wrap {flex-direction:column; gap:30px 50px;}
.apply_form_wrap .form_cont .top_label {padding:15px 20px;}
.apply_form_wrap .form_cont .form_input_wrap {padding:40px 30px;}
.apply_form_wrap .form_map {width:80%; background:url("/almond/img/branch_map_m.png")no-repeat center / 100% auto; aspect-ratio: 680 / 1026; margin:0 auto; max-width:500px;}
.apply_form_wrap .form_map img {display:none;}



#intro_academy .symbol{order:-1; padding:75px 0 0; margin:0 0 100px;}
#intro_academy .symbol .core figure:nth-child(4) img {max-width:160px;}
#intro_academy .symbol span {display:none;}

#intro_academy .symbol { order:-1; width:100%; max-width:100%; padding:30px 20px 100px; margin:0 auto 60px; aspect-ratio:auto; border:6px solid var(--border); box-sizing:border-box; border-radius:var(--borderR20);}
#intro_academy .symbol+ul {margin-top:20px;}
#intro_academy .symbol br {display:none;}
#intro_academy .symbol::after { top:-20px; left:-20px; width:calc(100% + 40px); height:calc(100% + 40px); background-size:100% auto;  display:none;}
#intro_academy .symbol > span { display:none !important; } 

#intro_academy .symbol .core .fs20 { font-size:16px !important; }
#intro_academy .symbol .core .fs30 { font-size:22px !important; margin-top:5px; }
#intro_academy .symbol .core figure:nth-child(4) { position:absolute; bottom:-125px;}

#intro_academy .academy_in ul { width:100%; gap:20px; flex:none;}
#intro_academy .academy_in ul li { flex-direction:row; justify-content:flex-start !important; align-items:center; gap:20px; padding:0 !important;;}
#intro_academy .academy_in ul li figure { width:80px; order:-1; flex-shrink:0; } /* 아이콘을 무조건 왼쪽으로 고정 */
#intro_academy .academy_in ul li div { text-align:left !important; flex:1; }

#intro_academy .academy_in ul:nth-child(1) li:nth-child(2) { padding-right:0; }
#intro_academy .academy_in ul:nth-child(3) li:nth-child(2) { padding-left:0; }

#intro_academy .academy_in ul li strong { font-size:18px !important; margin-bottom:5px; }
#intro_academy .academy_in ul li p { font-size:1rem !important; line-height:1.5; }
#intro_academy .academy_in ul li p br { display:none; }


#intro_benefit .tit_wrap {margin-bottom:30px;}
#intro_benefit .benefit_in { display:flex; flex-direction:column; gap:20px; width:100%; padding-bottom:0; }
#intro_benefit .benefit_in figure { order:-1; }
#intro_benefit .benefit_in figure img {max-width:400px; width:80%; display:block; margin:0 auto;}
#intro_benefit .benefit_in .oper, #intro_benefit .benefit_in .sales, #intro_benefit .benefit_in .growth { position:relative; transform:none; width:100%; left:auto; right:auto; top:auto; bottom:auto; text-align:left !important; background:var(--white); padding:30px 25px; box-sizing:border-box; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,0.06); border:none; }
#intro_benefit .benefit_in .oper { border-top:5px solid var(--sub); }
#intro_benefit .benefit_in .sales { border-top:5px solid var(--main2); }
#intro_benefit .benefit_in .growth { border-top:5px solid var(--sub); }
#intro_benefit .benefit_in .fs30 { font-size:20px !important; margin:0 0 15px !important; padding-bottom:12px; border-bottom:1px solid #f0f0f0; display:block; }
#intro_benefit .benefit_in .oper .fs30, #intro_benefit .benefit_in .growth .fs30 { color:var(--sub); font-weight:800; }
#intro_benefit .benefit_in .sales .fs30 { color:var(--main2); font-weight:800; }
#intro_benefit .benefit_in ul { align-items:flex-start !important; gap:10px !important; }
#intro_benefit .benefit_in ul li { gap:10px !important; align-items:flex-start; }
#intro_benefit .benefit_in .oper ul li::after { display:none; }
#intro_benefit .benefit_in .oper ul li::before, #intro_benefit .benefit_in .sales ul li::before, #intro_benefit .benefit_in .growth ul li::before { content:""; display:block; width:18px !important; height:18px !important; flex-shrink:0; top:1px !important; }
#intro_benefit .benefit_in .oper ul li::before { background:url('/almond/img/check_sub.svg') center / contain no-repeat; }
#intro_benefit .benefit_in .sales ul li::before { background:url('/almond/img/check_main.svg') center / contain no-repeat; }
#intro_benefit .benefit_in .growth ul li::before { background:url('/almond/img/check_sub.svg') center / contain no-repeat; }



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

#branch_top .basic_in {padding:50px 0 60px;}
#branch_top .top_txt .fs40 {font-size:1.556rem;}
#branch_top .top_txt .fs100 {margin:15px 0;}
#branch_top .branch_diagram {margin-top:40px; row-gap:30px;}
#branch_top .branch_diagram dl dt span {width:40px; height:40px; font-size:9px;}
#branch_top .branch_diagram dl dt .fs30 {font-size:1.444rem;}

.fs56{font-size:1.889rem;}

.tit_wrap {margin:0 0 40px;}
/* .tit_wrap br {display:none;} */
.tit_wrap .num{width:70px; height:70px; font-size:12px; margin-bottom: 20px;}
.tit_wrap .fs24 {margin:15px 0 0;}
.tit_wrap .fs18 {margin:10px 0 0;}

#intro_top .basic_in{padding:50px 0 0;}
#intro_top figure{width:260px; margin: 30px auto -22px;}
#intro_top .top_txt .fs40{font-size:1.556rem;}
#intro_top .top_txt .fs100 {margin:15px 0;}



#intro_why .why_in {gap:30px;}
#intro_why .why_in figure {width:100%; order:2; max-width: 100%; margin: 0 0 -8.5vw;}
#intro_why .why_in figure img {width:80%; display:block; margin:0 auto;}

/* #intro_academy .symbol {width:90%; padding: 18vw 0 0; margin: 0 0 40px;}
#intro_academy .symbol::after {width:110%; height:110%; top: 50%; left: 50%; transform:translate(-50%,-50%); background-size:100% auto}
#intro_academy .symbol .core figure:nth-child(1) img {max-width:25%;}
#intro_academy .symbol .core figure:nth-child(4) img {max-width:46%;}
#intro_academy .academy_in ul li {gap:15px; padding:15px !important; border-radius:10px;}
#intro_academy .academy_in ul li figure {width:85px;}
#intro_academy .academy_in ul li strong {margin:0 0 5px;} */


#intro_change ul{gap:20px;}
#intro_change ul li{padding:28px 20px;}
#intro_change ul li figure{width:64px; height:64px;}
#intro_change ul li .fs30{font-size:1.556rem; margin:20px 0 14px;}
#intro_change ul li .fs18{font-size:0.944rem;}
#intro_change ul li .add_ico{width:38px; bottom:-11px;}
#intro_change ul li .add_ico::before{font-size:20px;}
#intro_change ul li .add_ico span:nth-child(1){width:calc(100% + 10px); height:calc(100% + 10px);}
#intro_change ul li .add_ico span:nth-child(2){width:calc(100% + 20px); height:calc(100% + 20px);}
#intro_why .note dl{padding:30px 20px;}



#intro_step .tit_wrap { padding:0 20px; text-align:center; margin-bottom:40px; }
#intro_step .step_in .fs24 { font-size:18px !important; margin-bottom:5px !important; word-break:keep-all; }
#intro_step .step_in .fs18 { font-size:14px !important; word-break:keep-all; line-height:1.4; }
#intro_step .step_in { display:flex; flex-direction:column; min-height:auto; padding:0 0 60px; }
#intro_step .step_in figure { position:relative; top:auto; left:auto; width:100%; max-width:90%; margin:0 auto 0 !important; order:-1; }
#intro_step .step_in ul { height:auto; display:flex; flex-direction:column; gap:15px; }
#intro_step .step_in ul li { position:relative !important; top:auto !important; left:auto !important; right:auto !important; width:100% !important; padding:20px 20px 20px 70px !important; box-sizing:border-box; border-radius:15px !important; text-align:left !important; }
#intro_step .step_in ul li::after { display:none; }
#intro_step .step_in ul li span { width:40px !important; height:40px !important; margin-top:-20px !important; left:20px !important; right:auto !important; font-size:10px !important; }
#intro_step .step_in ul li strong { font-size:18px !important; margin-bottom:5px !important; }
#intro_step .step_in ul li p { font-size:15px !important; }







	
	



#branch_top .basic_in { padding: 60px 20px; }
#branch_top .top_txt .fs100 { font-size: 2.5rem; }
#branch_top .top_txt .fs40 { font-size: 1.2rem; }
#branch_top .branch_diagram {row-gap:15px;}
#branch_top .branch_diagram dl { padding: 25px 20px; border-radius:10px;}
#branch_top .branch_diagram dl::before { top: 25px; right: 20px; width: 40px; height: 40px; }
#branch_top .branch_diagram dl dt { padding-right: 50px; }




#branch .branch_list ul { display: flex; flex-direction: column; gap: 10px; }
#branch .branch_list ul::before {}
#branch .branch_list ul li:nth-of-type(n) { padding:  20px !important; border-radius: 10px; border-width: 2px; }
#branch .branch_list ul li .fs30 {margin:0 0 10px;}



.inquiry_list { background: none; max-width: 100%; aspect-ratio: auto; }
.inquiry_list ul { display: grid; grid-template-columns: repeat(2, 1fr); padding: 10px 0; gap: 30px 20px; }
.inquiry_list ul li { display: flex; align-items: center; gap: 20px; padding: 20px 25px 20px 20px; background: var(--white); border-radius: 10px; box-shadow: 0 12px 30px rgba(103, 78, 56, 0.08); aspect-ratio: auto; border: 1px solid rgba(0,0,0,0.04); position: relative;  text-align:center;}
.inquiry_list ul li:last-child { grid-column: span 2; }
.inquiry_list ul li i { display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: var(--white); border-radius: 50%; box-shadow: inset 0 0 0 8px var(--main2), 0 4px 15px rgba(0,0,0,0.05); flex-shrink: 0; position: relative; }
.inquiry_list ul li:last-child i { box-shadow: inset 0 0 0 8px var(--sub), 0 4px 15px rgba(0,0,0,0.05); }
.inquiry_list ul li i img { width: 36px; height: 36px; object-fit: contain; }
.inquiry_list ul li > div:not(.arrow) { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.inquiry_list ul li .step { display: block; font-size: 1rem; color: var(--main2); font-family: var(--blackHan); font-weight: 400; letter-spacing: 0.05em; line-height: 1; text-transform: uppercase; opacity: 0.8; }
.inquiry_list ul li:last-child .step { color: var(--sub); }
.inquiry_list ul li .fs20 { font-size: 1.25rem; margin: 0; font-family: var(--blackHan); font-weight: 400; color: var(--black); line-height: 1.2; }
.arrow { position: absolute; background: var(--white); z-index: 10; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0,0,0,0.05); width: 28px; height: 28px; }
.arrow .m_scroll_arrows { width: 4px; height: 8px; margin-left: 2px; }
.inquiry_list ul li:nth-child(2) .arrow { display: none; }
.inquiry_list ul li:nth-child(1) .arrow { top: 50%; right: -24px; transform: translate(0, -50%) rotate(0deg);  display:none;}
.inquiry_list ul li:nth-child(3) .arrow { top: 50%; right: -24px; transform: translate(0, -50%) rotate(0deg);  display:none;}
.inquiry_list ul li:nth-child(4) .arrow {top:auto;  bottom: -29px; left: 3px; transform: translate(-100%, 0) rotate(90deg); }


.apply_form_wrap .form_cont .form_input_wrap {padding:20px;}


}