@charset "utf-8";

.subtitleTop { position:relative; height:800px; overflow:hidden; }
.subtitleTop .innerP100 { position:absolute; top:0; left:0; padding-bottom:120px; z-index:1; width:100%; height:100%; display:flex; justify-content:space-between; align-items:flex-end; }
.subtitleTop .top-box {}
.subtitleTop .top-box .location dl { display:flex; align-items:center; gap:5px 23px; }
.subtitleTop .top-box .location dt { width:24px; height:24px; background:url(/img/svg/location_h.svg) center center no-repeat; text-indent:-9999em; overflow:hidden; }
.subtitleTop .top-box .location dd { display:flex; align-items:center; gap:5px 23px; }
.subtitleTop .top-box .location dd span { color:rgba(255, 255, 255, 0.50); font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.subtitleTop .top-box .location dd strong { color:#fff; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.subtitleTop .top-box .location dd span,
.subtitleTop .top-box .location dd strong { position:relative; }
.subtitleTop .top-box .location dd span:before,
.subtitleTop .top-box .location dd strong:before { content:""; display:block; width:3px; height:3px; position:absolute; left:-12px; top:50%; transform:translateY(-50%); background:rgba(255, 255, 255, 0.50); }
.subtitleTop h2.tit,
.subtitleTop h2.tit-d { margin-top:40px; color:#fff; font-size:var(--font100); font-weight:600; line-height:1.3; letter-spacing:-0.09em; }
.subtitleTop h2.tit span,
.subtitleTop h2.tit-d span { font-weight:600; }

.subTop { transform:scale(1.10); height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#111; }
.subTop_Bg1 { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTop_Bg2 { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTop_Bg3 { background-image:url(/img/sub/visualsub_bg3.jpg); }
.subTop_Bg4 { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTop_Bg5 { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTop_Bg6 { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTop_Bg7 { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTop_Bg10 { background-image:url(/img/sub/visualsub_bg10.jpg); }
.subTop_Bg11 { background-image:url(/img/sub/visualsub_bg11.jpg); }
@media screen and (max-width:1440px){
	.subtitleTop { height:650px; }
	.subtitleTop .innerP100 { padding-bottom:100px; }
}
@media screen and (max-width:1280px){
	.subtitleTop { height:580px; }
}
@media screen and (max-width:1024px){
	.subtitleTop { height:480px; }
	.subtitleTop .innerP100 { padding-bottom:80px; }
	.subtitleTop h2.tit,
	.subtitleTop h2.tit-d { margin-top:20px; }
	.subtitleTop .depthMenu { bottom:20px; }
	.subtitleTop .depthMenu ul li a { height:40px; }
}
@media screen and (max-width:760px){
	.subtitleTop .depthMenu ul { flex-wrap:wrap; }
	.subtitleTop .depthMenu ul.m2 li,
	.subtitleTop .depthMenu ul.m3 li,
	.subtitleTop .depthMenu ul.m4 li,
	.subtitleTop .depthMenu ul.m5 li,
	.subtitleTop .depthMenu ul.m6 li,
	.subtitleTop .depthMenu ul.m7 li { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:640px){
	.subtitleTop { height:300px; }
	.subtitleTop .innerP100 { padding-bottom:20px; justify-content:center; }
	.subtitleTop .top-box { position:absolute; top:55%; left:0; transform:translate(0, -50%); width:100%; }
	.subtitleTop .top-box .location dl { justify-content:center; }
	.subtitleTop h2.tit,
	.subtitleTop h2.tit-d { margin-top:10px; text-align:center; }
	.subtitleTop .depthMenu { bottom:10px; }
	.subtitleTop .depthMenu ul li a { height:35px; }
}

/* animation */
.subTop { animation:subTbg 1.0s 0.2s; animation-fill-mode:both;}
.subtitleTop h2.tit { overflow:hidden }
.subtitleTop h2.tit span { display:block; opacity:0; }
.subtitleTop h2.tit span { animation:ani_3 0.6s 0.2s; animation-fill-mode:both;}


@keyframes subTbg {
    0% { transform:scale(1.10); }
    100% { transform:scale(1.0); }
}

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

.subtitleTop .depthMenu .submenu-box ul { display:flex; gap:10px; justify-content:flex-end; }
.subtitleTop .depthMenu .submenu-box ul li a { min-width:140px; height:60px; padding:0 60px; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; border-radius:70px; border:2px solid #FFF; }
.subtitleTop .depthMenu .submenu-box ul li.on a { border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1280px){
	.subtitleTop .depthMenu .submenu-box ul li a { min-width:120px; height:50px; padding:0 50px; }
}
@media screen and (max-width:1024px){
	.subtitleTop .depthMenu .submenu-box ul { gap:5px; }
	.subtitleTop .depthMenu .submenu-box ul li a { min-width:100px; height:45px; padding:0 40px; border-width:1px; }
}
@media screen and (max-width:640px){
	.subtitleTop .depthMenu .submenu-box ul li a { min-width:70px; height:35px; padding:0 30px; }
}

/* animation */
.subtitleTop .depthMenu .submenu-box ul { opacity:0; }
.subtitleTop .depthMenu .submenu-box ul { animation:bgs3 0.6s 0.3s; animation-fill-mode:both;}


#subContents > article { padding:160px 0 200px; min-height:300px; }
#subContents > article.subContT { padding-top:0; }
#subContents > article.subContB { padding-bottom:0; }
@media screen and (max-width:1024px){
	#subContents > article { padding:80px 0 100px; }
}
@media screen and (max-width:640px){
	#subContents > article { padding:40px 0 100px; }
}

.sub_bg { background:#f8f8f8; }

.box-txt { overflow:hidden; }
.box-txt > dl { display:flex; flex-wrap:wrap; }
.box-txt > dl > dt { width:410px; padding-top:5px; }
.box-txt > dl > dt h4 { position:relative; color:#111; font-size:var(--font28); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.box-txt > dl > dt h4:before { content:""; display:block; position:absolute; left:0; bottom:-15px; width:40px; height:3px; background:var(--mainColor); }
.box-txt > dl > dt h4.line { padding-top:20px; font-size:var(--font20); }
.box-txt > dl > dt h4.line:before { content:""; display:block; position:absolute; left:0; top:0; width:300px; height:1px; background:#000; }
.box-txt > dl > dd { width:calc(100% - 410px); }
.box-txt > dl.full > dt,
.box-txt > dl.full > dd { width:100%; }
.box-txt > dl.full > dd { margin-top:80px; }
.box-txt > dl > dd > .txt-1 { color:#111; font-size:var(--font48); font-weight:300; line-height:1.5; letter-spacing:-0.045em; }
.box-txt > dl > dd > .txt-1 strong { font-weight:600; }
.box-txt > dl > dd > .txt-2 { margin-top:40px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }
.box-txt > dl > dd > .txt-2.txt-2-1 { margin:0 0 20px; }
.box-txt > dl > dd > .txt-2 strong { font-weight:600; }
.box-txt > dl > dd > .txt-2 p:not(:last-child) { margin-bottom:20px; }
.box-txt > dl > dd > .txt-2 p { color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }
@media screen and (max-width:1440px){
	.box-txt > dl > dt { width:360px; }
	.box-txt > dl > dt h4.line:before { width:280px; }
	.box-txt > dl > dd { width:calc(100% - 360px); }
}
@media screen and (max-width:1280px){
	.box-txt > dl > dt { width:300px; }
	.box-txt > dl > dt h4.line:before { width:200px; }
	.box-txt > dl > dd { width:calc(100% - 300px); }
}
@media screen and (max-width:1024px){
	.box-txt > dl > dt { width:260px; }
	.box-txt > dl > dt h4.line { padding-top:15px; }
	.box-txt > dl > dt h4.line:before { width:180px; }
	.box-txt > dl > dt h4:before { bottom:-10px; width:25px; height:2px; }
	.box-txt > dl > dd { width:calc(100% - 260px); }
	.box-txt > dl > dd > .txt-2 { margin-top:20px; }
	.box-txt > dl > dd > .txt-2.txt-2-1 { margin:0 0 10px; }
	.box-txt > dl > dd > .txt-2 p:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:960px){
	.box-txt > dl > dt { width:100%; }
	.box-txt > dl > dt h4.line:before { width:100%; }
	.box-txt > dl > dd { width:100%; margin-top:40px; }
	.box-txt > dl.full > dd { margin-top:40px; }
	.box-txt > dl > dd > .txt-1 br { display:none }
	.box-txt > dl > dd > .txt-1 span.m_br { display:block }
	.box-txt > dl > dd > .txt-2 br { display:none }
	.box-txt > dl > dd > .txt-2 span.m_br { display:block }
}
@media screen and (max-width:640px){
	.box-txt > dl > dt h4.line { padding-top:10px; }
	.box-txt > dl > dt h4:before { bottom:-3px; width:20px; height:2px; }
	.box-txt > dl > dd,
	.box-txt > dl.full > dd { margin-top:20px; }
	.box-txt > dl > dd > .txt-2 { margin-top:10px; }
	.box-txt > dl > dd > .txt-2.txt-2-1 { margin:0 0 5px; }
}

/* animation 
.box-txt > dl > dt { overflow:hidden }
.box-txt > dl > dt h4 { opacity:0; }
.box-txt.subOn > dl > dt h4 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.box-txt > dl > dd { opacity:0; }
.box-txt.subOn > dl > dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.box-txt.subOn > dl.full > dd { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.box-txt.noAni > dl > dd { animation:none; opacity:1; }
.box-txt.subOn.noAni > dl > dd { animation:none; }
@media screen and (max-width:960px){
	.box-txt.subOn > dl > dt h4 { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
	.box-txt.subOn > dl > dd { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}
*/

/* company */
.overview-box .vision-box { position:relative; overflow:hidden; }
.overview-box .vision-box:before { content:""; display:block; position:absolute; left:42%; top:50%; width:calc(100% - 42%); height:1px; background:#eee; }
.overview-box .vision-box .circle-box { display:flex; margin:0 60px; }
.overview-box .vision-box .circle-box .circle { position:relative; width:calc(calc(100% + 200px) / 5); flex-shrink:0; margin:0 -20px; }
.overview-box .vision-box .circle-box .circle:before { content:""; display:block; padding-bottom:100%; }
.overview-box .vision-box .circle-box .circle .cbox { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:25px; border-radius:350px; }
.overview-box .vision-box .circle-box .circle.c1 .cbox { background:rgba(124, 240, 221, 0.3); z-index:2; }
.overview-box .vision-box .circle-box .circle.c2 .cbox { background:rgba(179, 134, 255, 0.3); z-index:3; }
.overview-box .vision-box .circle-box .circle.c2 .cbox:after { content:""; display:block; position:absolute; right:0; top:0; width:50%; height:100%; background:#e9dbff; border-radius:0 350px 350px 0; }
.overview-box .vision-box .circle-box .circle.c3 .cbox { border:1px solid #eee; }
.overview-box .vision-box .circle-box .circle.c5 .cbox { background:var(--mainColor); z-index:5; }
.overview-box .vision-box .circle-box .circle .txt-1 { position:relative; z-index:2; color:var(--mainColor1); font-size:var(--font46); font-weight:600; line-height:1.3; letter-spacing:-0.045em; }
.overview-box .vision-box .circle-box .circle .txt-2 { position:relative; z-index:2; color:#333; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.overview-box .vision-box .circle-box .circle.c2 .txt-1 { color:var(--mainColor); }
.overview-box .vision-box .circle-box .circle.c5 .txt-1,
.overview-box .vision-box .circle-box .circle.c5 .txt-2 { color:#fff; }
.overview-box .vision-box .circle-box .circle.c1:after { content:""; display:block; position:absolute; left:-500%; top:50%; width:500%; height:1px; background:#eee; }
.overview-box .cont1 { height:300px; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid #ddd; background:url(/img/sub/company/vision_bg.png) center center repeat;}
.overview-box .cont1 .txt-1 { color:#111; font-size:var(--font60); font-weight:500; line-height:1.3; letter-spacing:-0.045em; }
.overview-box .cont1 .txt-2 { margin-top:25px; color:var(--mainColor); font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.040em; }
.overview-box .cont2 .top { position:relative; }
.overview-box .cont2 .top h5 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.3; letter-spacing:-0.050em; }
.overview-box .cont2 .top .txt-1 { margin-top:40px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.030em; }
.overview-box .cont2 .top .txt-2 { position:absolute; right:0; top:0; text-align:right; color:#333; font-size:var(--font20); font-weight:500; line-height:1.6; letter-spacing:-0.030em; }
.overview-box .cont2 .top .txt-2 strong { display:block; margin-top:10px; font-weight:500; }
.overview-box .cont2 .listbox { border-top:2px solid #111; }
.overview-box .cont2 .listbox li { display:flex; border-bottom:1px solid #ddd; padding:60px 0; }
.overview-box .cont2 .listbox li figure { width:200px; flex-shrink:0; }
.overview-box .cont2 .listbox li .txtbox dt { color:#111; font-size:var(--font40); font-weight:400; line-height:1.3; letter-spacing:-0.040em; }
.overview-box .cont2 .listbox li .txtbox dt span { display:block; margin-top:15px; color:var(--mainColor); font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.030em }
.overview-box .cont2 .listbox li .txtbox dd { margin-top:25px; color:#777; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.030em }
.overview-box .cont3 .top { height:300px; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid #ddd; background:url(/img/sub/company/vision_bg.png) center center repeat;}
.overview-box .cont3 .list .box { position:relative; margin-top:20px; }
.overview-box .cont3 .list .box .bg { position:relative; overflow:hidden; }
.overview-box .cont3 .list .box .bg:before {content:""; display:block; padding-bottom:35.3%; }
.overview-box .cont3 .list .box .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.overview-box .cont3 .list .box .txtbox { position:absolute; left:0; bottom:0; color:#fff; padding:60px; font-size:var(--font40); font-weight:600; line-height:1.5; letter-spacing:-0.04em; }
.overview-box .cont3 .list .box:nth-child(2) .txtbox { left:unset; right:0; text-align:right; }
.overview-box .media { position:relative; }
.overview-box .media .mov { position:relative; width:100%; }
.overview-box .media .mov:before { content:''; display:block; padding-bottom:56.25%; }
.overview-box .media .mov video,
.overview-box .media .mov iframe { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.overview-box .media .mov img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; z-index:2; }
.overview-box .media .playButton { position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); cursor:pointer; z-index:5; }
.overview-box .media .playButton.on { background:url(/img/sub/company/play_btn.png) center center no-repeat; }
@media screen and (max-width:1440px){
	.overview-box .vision-box .circle-box { margin:0 20px; }
	.overview-box .vision-box .circle-box .circle .cbox { gap:20px; }
}
@media screen and (max-width:1280px){
	.overview-box .vision-box .circle-box .circle .cbox { gap:15px; }
	.overview-box .cont1 { height:250px; }
	.overview-box .cont1 .txt-2 { margin-top:20px; }
	.overview-box .cont2 .top .txt-1 { margin-top:30px; }
	.overview-box .cont2 .listbox li { padding:50px 0; }
	.overview-box .cont2 .listbox li figure { width:180px; }
	.overview-box .cont2 .listbox li .txtbox dd { margin-top:20px; }
	.overview-box .cont3 .top { height:250px; }
	.overview-box .cont3 .list .box .txtbox { padding:45px; }
}
@media screen and (max-width:1024px){
	.overview-box .vision-box .circle-box .circle { width:calc(calc(100% + 100px) / 5); margin:0 -10px; }
	.overview-box .vision-box .circle-box .circle .cbox { gap:10px; }
	.overview-box .cont1 { height:200px; }
	.overview-box .cont1 .txt-2 { margin-top:15px; }
	.overview-box .cont2 .top .txt-1 { margin-top:20px; }
	.overview-box .cont2 .top .txt-2 strong { margin-top:0; }
	.overview-box .cont2 .listbox li { padding:30px 0; }
	.overview-box .cont2 .listbox li figure { width:140px; }
	.overview-box .cont2 .listbox li figure img { width:80px; }
	.overview-box .cont2 .listbox li .txtbox dt span { margin-top:10px; }
	.overview-box .cont2 .listbox li .txtbox dd { margin-top:15px; }
	.overview-box .cont3 .top { height:200px; }
	.overview-box .cont3 .top img { height:80px; }
	.overview-box .cont3 .list .box { margin-top:10px; }
	.overview-box .cont3 .list .box .txtbox { padding:30px; }
	.overview-box .media .playButton.on { background-size:70px auto; }
}
@media screen and (max-width:860px){
	.overview-box .cont2 .top .txt-1 br { display:none; }
}
@media screen and (max-width:640px){
	.overview-box .vision-box:before { left:50%; width:1px; height:100%; top:30%;}
	.overview-box .vision-box .circle-box { flex-direction:column; padding:20px 0; }
	.overview-box .vision-box .circle-box .circle { width:200px; margin:-20px auto; }
	.overview-box .vision-box .circle-box .circle .cbox { gap:5px; }
	.overview-box .vision-box .circle-box .circle.c1:after { display:none; }
	.overview-box .vision-box .circle-box .circle.c2 .cbox:after { left:0; top:unset; bottom:0; width:100%; height:50%; border-radius:0 0 350px 350px; }
	.overview-box .cont1 { height:140px; }
	.overview-box .cont1 .txt-2 { margin-top:10px; }
	.overview-box .cont2 .listbox li { padding:20px 0; }
	.overview-box .cont2 .listbox li figure { width:80px; }
	.overview-box .cont2 .listbox li figure img { width:60px; }
	.overview-box .cont2 .listbox li .txtbox dt span { margin-top:5px; }
	.overview-box .cont2 .listbox li .txtbox dd { margin-top:10px; }
	.overview-box .cont3 .top { height:160px; }
	.overview-box .cont3 .top img { height:60px; }
	.overview-box .cont3 .list .box { margin-top:5px; }
	.overview-box .cont3 .list .box .bg:before { padding-bottom:45%; }
	.overview-box .cont3 .list .box .txtbox { padding:15px; font-size:var(--font30); }
	.overview-box .media .playButton.on { background-size:40px auto; }
}

/* animation
.overview-box .cont2 .listbox li { opacity:0; }
.overview-box .cont2 .listbox.subOn li { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.overview-box .cont2 .listbox.subOn li { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}
*/

.history-list { margin-top:80px; }
.history-list .img-list { position:relative; padding-bottom:40px; }
.history-list .img-list .swiper-container { overflow:hidden; }
.history-list .img-list .imgbox { position:relative; }
.history-list .img-list .imgbox:before { content:''; display:block; padding-bottom:49.15%; }
.history-list .img-list .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.history-list .img-list .imgbox strong { position:absolute; right:30px; bottom:30px; z-index:2; color:#fff; font-size:var(--font36); font-weight:600; line-height:1.3; }
.history-list .img-list .control_box { position:absolute; left:50%; padding:0; top:unset; bottom:0; transform:translate(-50%, 0); z-index:5; display:flex; align-items:center; justify-content:center; gap:15px; }
.history-list .img-list .swiper-pagination { position:relative; display:flex; align-items:center; justify-content:center; gap:0 15px; position:relative; left:unset; top:unset; right:unset; bottom:unset;}
.history-list .img-list .swiper-pagination .swiper-pagination-bullet { opacity:1; display:block; width:8px; height:8px; background:#ccc; border-radius:5px; margin:0; outline:none; padding:0; overflow:hidden; }
.history-list .img-list .swiper-pagination .swiper-pagination-bullet-active { opacity:1; background:var(--mainColor); }
.history-list .img-list .swiper-btn { width:12px; height:12px; display:flex; align-items:center; position:relative; left:unset; top:unset; right:unset; bottom:unset; transform:translate(0); margin:0; outline:none; padding:0; }
.history-list .img-list .swiper-button-next { transform:rotate(180deg); }
.history-list .listbox { margin-top:100px; border-top:2px solid #000;}
.history-list .listbox dl { display:flex; align-items:center; border-bottom:1px solid #ddd; padding:40px 0; }
.history-list .listbox dt { flex-shrink:0; width:200px; color:#111; font-size:var(--font36); font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.history-list .listbox dd li:not(:last-child) { margin-bottom:15px; }
.history-list .listbox dd li { position:relative; padding-left:34px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.history-list .listbox dd li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:var(--mainColor); }
.history-list .b-img { display:flex; gap:10px; margin-top:100px; }
.history-list .b-img .box img { width:100%; }
@media screen and (max-width:1440px){
	.history-list .listbox dt { width:180px; }
	.history-list .listbox dd li { padding-left:28px; }
	.history-list .listbox dd li:before { top:10px; }
}
@media screen and (max-width:1280px){
	.history-list .listbox dt { width:160px; }
	.history-list .listbox dd li { padding-left:24px; }
}
@media screen and (max-width:1024px){
	.history-list { margin-top:40px; }
	.history-list .img-list { padding-bottom:30px; }
	.history-list .img-list .control_box,
	.history-list .img-list .swiper-pagination { gap:10px; }
	.history-list .img-list .imgbox strong { right:15px; bottom:15px; }
	.history-list .listbox dl { padding:20px 0; }
	.history-list .listbox dt { width:120px; }
	.history-list .listbox dd li { padding-left:18px; }
	.history-list .listbox dd li:before { top:9px; width:3px; height:3px; }
	.history-list .listbox,
	.history-list .b-img { margin-top:50px; }
}
@media screen and (max-width:640px){
	.history-list { margin-top:20px; }
	.history-list .img-list .imgbox:before { padding-bottom:45.5%; }
	.history-list .listbox dl { padding:15px 0; }
	.history-list .listbox dt { width:80px; }
	.history-list .listbox dd li { padding-left:13px; }
	.history-list .listbox dd li:before { top:8px; }
	.history-list .listbox,
	.history-list .b-img { margin-top:30px; }
}

/* animation
.history-list .img-list:after { content:''; display:block; background:#fff; position:absolute; right:0; top:0; width:100%; height:100%; transition:all 1.2s 0.7s; z-index:2 }
.history-list .img-list.subOn:after { width:0; }
.history-list .listbox { opacity:0; }
.history-list .listbox.subOn { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.history-list .b-img .box { opacity:0; }  
.history-list .b-img.subOn .box { animation:bgs3 0.8s 0.7s; animation-fill-mode:both; }
 */
 
.rnd-box .mov-box { margin-top:40px; display:flex; flex-direction:column; gap:20px; }
.rnd-box .media { position:relative; }
.rnd-box .media .mov { position:relative; width:100%; }
.rnd-box .media .mov:before { content:''; display:block; padding-bottom:56.28%; }
.rnd-box .media .mov video,
.rnd-box .media .mov iframe { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 2px); height:calc(100% - 2px); object-fit:cover; -o-object-fit:cover; }
.rnd-box .media .mov img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; z-index:2; }
.rnd-box .media .playButton { position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); cursor:pointer; z-index:5; }
.rnd-box .media .playButton.on { background:url(/img/sub/company/play_btn.png) center center no-repeat; }
.rnd-box .listbox { margin-top:40px; border-top:2px solid #000; }
.rnd-box .listbox > ul > li { padding:60px 0; border-bottom:1px solid #ddd; }
.rnd-box .cont2 .listbox > ul > li { padding:60px 0 20px;}
.rnd-box .listbox > ul > li .imgbox { display:flex; align-items:center; gap:0 100px; }
.rnd-box .listbox > ul > li .imgbox figure { flex-shrink:0; }
.rnd-box .listbox li .imgbox h5 { color:#111; font-size:var(--font30); font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.rnd-box .listbox li .imgbox h5 strong { font-weight:600; }
.rnd-box .listbox li .imgbox .txt { margin-top:20px; color:#555; font-size:var(--font20); font-weight:300; line-height:1.3; }
.rnd-box .listbox li .list { margin-top:40px; border:1px solid #eee; padding:40px; }
.rnd-box .listbox li .list ul { display:flex; flex-wrap:wrap; gap:10px; }
.rnd-box .listbox li .list ul li { position:relative; padding-left:34px; width:calc((100% - 10px) / 2); color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.rnd-box .listbox li .list ul li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:#333; }
@media screen and (max-width:1560px){
	.rnd-box .box-txt .txt-1 br,
	.rnd-box .box-txt .txt-2 br{ display:none; }
	.rnd-box .box-txt .txt-1 span.m_br,
	.rnd-box .box-txt .txt-2 span.m_br { display:block; }
}
@media screen and (max-width:1440px){
	.rnd-box .listbox > ul > li .imgbox { gap:0 80px; }
	.rnd-box .listbox li .list ul li:before { top:10px; }
}
@media screen and (max-width:1280px){
	.rnd-box .listbox > ul > li .imgbox { gap:0 60px; }
} 
@media screen and (max-width:1024px){
	.rnd-box .mov-box { margin-top:20px; gap:10px; }
	.rnd-box .media .playButton.on { background-size:70px auto; }
	.rnd-box .listbox { margin-top:20px; }
	.rnd-box .listbox > ul > li { padding:30px 0; }
	.rnd-box .cont2 .listbox > ul > li { padding:30px 0 10px;}
	.rnd-box .listbox > ul > li .imgbox { gap:20px; }
	.rnd-box .listbox > ul > li .imgbox figure img { height:80px; }
	.rnd-box .cont2 .listbox > ul > li .imgbox figure img { height:110px; }
	.rnd-box .listbox li .imgbox .txt { margin-top:10px; }
	.rnd-box .listbox li .list { margin-top:20px; padding:20px; }
	.rnd-box .listbox li .list ul li { padding-left:18px; }
	.rnd-box .listbox li .list ul li:before { top:9px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.rnd-box .mov-box { margin-top:10px; }
	.rnd-box .media .playButton.on { background-size:40px auto; }
	.rnd-box .listbox { margin-top:10px; }
	.rnd-box .listbox > ul > li { padding:20px 0; }
	.rnd-box .cont2 .listbox > ul > li { padding:20px 0 10px;}
	.rnd-box .listbox > ul > li .imgbox { gap:20px; }
	.rnd-box .listbox > ul > li .imgbox figure img { height:60px; }
	.rnd-box .cont2 .listbox > ul > li .imgbox figure img { height:90px; }
	.rnd-box .listbox li .imgbox .txt { margin-top:5px; }
	.rnd-box .listbox li .list { margin-top:10px; padding:15px; }
	.rnd-box .listbox li .list ul { gap:5px; }
	.rnd-box .listbox li .list ul li { padding-left:13px; width:100%; }
	.rnd-box .listbox li .list ul li:before { top:8px; }
}


/* animation
.rnd-box .listbox li { opacity:0; }
.rnd-box .listbox.subOn li { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.rnd-box .listbox.subOn li { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}
*/
 
.affiliate-box .cont1 { text-align:center; padding:0 20px; }
.affiliate-box .cont1 .over { cursor:pointer; transition:all 0.2s; }
.affiliate-box .cont1 .over1.on,
.affiliate-box .cont1 .over2.on,
.affiliate-box .cont1 .over3.on { opacity:0.3; }
.affiliate-box .cont1 .logo-box.on { opacity:0; transition:all 0.2s; }
.affiliate-box .cont1 .logo-box { opacity:1; } 
.affiliate-box .cont1 .logo-box.ov { opacity:1; } 
.affiliate-box .cont2 .txt-1 { display:flex; justify-content:space-between; margin-bottom:80px; }
.affiliate-box .cont2 .txt-1 h5 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.5; letter-spacing:-0.045em; }
.affiliate-box .cont2 .txt-1 span { color:#333; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.affiliate-box .cont2 .listbox:nth-child(2) { border-top:2px solid #000; }
.affiliate-box .cont2 .listbox { display:flex; flex-wrap:wrap; padding:30px 0; border-bottom:1px solid #ddd;}
.affiliate-box .cont2 .listbox h5 { width:160px; flex-shrink:0; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.affiliate-box .cont2 .listbox .cbox { width:calc(100% - 160px); }
.affiliate-box .cont2 .listbox .list ul { display:flex; flex-wrap:wrap; gap:15px; }
.affiliate-box .cont2 .listbox .list li { position:relative; padding-left:19px; width:calc((100% - 30px) / 3); color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.affiliate-box .cont2 .listbox .list li strong { font-weight:500; }
.affiliate-box .cont2 .listbox .list li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:#333; }
.affiliate-box .cont2 .listbox .list li .nop { display:block; margin-top:5px; margin-left:-19px;}
.affiliate-box .cont2 .listbox .list-1 { margin-top:30px; }
.affiliate-box .cont2 .listbox .list-1 li { width:100%; }
.affiliate-box .cont2 .listbox .imglist ul { display:flex; flex-wrap:wrap; gap:30px; }
.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 90px) / 4); }
.affiliate-box .cont2 .listbox .imglist li img { width:100%; }
.affiliate-box .cont2 .listbox .line_box { margin-top:30px; padding:30px; border:1px solid #ddd; }
.affiliate-box .cont2 .listbox .line_box .list-1 { margin-top:0; }
@media screen and (max-width:1440px){
	.affiliate-box .cont2 .listbox h5 { width:140px; }
	.affiliate-box .cont2 .listbox .cbox { width:calc(100% - 140px); }
}
@media screen and (max-width:1280px){
	.affiliate-box .cont1 svg { width:100%; max-width:750px; height:auto; }
	.affiliate-box .cont2 .listbox { padding:25px 0; }
	.affiliate-box .cont2 .listbox h5 { width:120px; }
	.affiliate-box .cont2 .listbox .cbox { width:calc(100% - 120px); }
	.affiliate-box .cont2 .listbox .list-1 { margin-top:25px; }
	.affiliate-box .cont2 .listbox .imglist ul { gap:25px; }
	.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 50px) / 3); }
	.affiliate-box .cont2 .listbox .line_box { margin-top:25px; padding:25px; }
}
@media screen and (max-width:1024px){
	.affiliate-box .cont1 .circle { margin:0 auto; text-align:center; }
	.affiliate-box .cont1 svg { max-width:680px; }
	.affiliate-box .cont2 .txt-1 { margin-bottom:40px; }
	.affiliate-box .cont2 .listbox { padding:20px 0; }
	.affiliate-box .cont2 .listbox .list ul { gap:10px; }
	.affiliate-box .cont2 .listbox .list li { padding-left:16px; width:calc((100% - 10px) / 2); }
	.affiliate-box .cont2 .listbox .list li:before { top:9px; width:3px; height:3px; }
	.affiliate-box .cont2 .listbox .list li .nop { margin-left:-16px;}
	.affiliate-box .cont2 .listbox .list-1 { margin-top:20px; }
	.affiliate-box .cont2 .listbox .imglist ul { gap:20px; }
	.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 40px) / 3); }
	.affiliate-box .cont2 .listbox .line_box { margin-top:20px; padding:20px; }
}
@media screen and (max-width:640px){
	.affiliate-box .cont2 .txt-1 { margin-bottom:20px; }
	.affiliate-box .cont2 .listbox { flex-wrap:wrap; }
	.affiliate-box .cont2 .listbox h5 { width:100%; }
	.affiliate-box .cont2 .listbox .cbox { width:100%; margin-top:20px; }
	.affiliate-box .cont2 .listbox .list ul { gap:10px; }
	.affiliate-box .cont2 .listbox .list li { padding-left:11px; }
	.affiliate-box .cont2 .listbox .list li:before { top:8px; }
	.affiliate-box .cont2 .listbox .list li .nop { margin-left:-11px;}
	.affiliate-box .cont2 .listbox .list-1 { margin-top:20px; }
	.affiliate-box .cont2 .listbox .imglist ul { gap:5px; }
	.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 5px) / 2); }
}

/* animation
.affiliate-box .cont1 { opacity:0; }
.affiliate-box .cont1.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
*/

.network-box .top dt { display:flex; align-items:center; gap:30px; color:#111; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.network-box .top dd { margin-top:40px; }
.network-box .top dd ul { display:flex; flex-wrap:wrap; gap:10px 60px; }
.network-box .top dd ul li { display:flex; align-items:center; gap:30px; color:#111; font-size:var(--font24); font-weight:300; line-height:1.3; letter-spacing:-0.025em; } 
.network-box .top .mapbox { margin-top:40px; }
.network-box .top .mapbox > div { width:100%; border:none !important; }
.network-box .top .mapbox > div > div,
.network-box .top .mapbox > div > div > div { border:none !important; }
.network-box .top .mapbox.google-map { position:relative; overflow:hidden;  }
.network-box .top .mapbox.google-map:after { content:''; display:block; padding-bottom:520px; }
.network-box .top .mapbox.google-map iframe { position:absolute; top:0; left:0; top:-140px; width:100%; height:calc(100% + 280px); }
.network-box .listbox { padding:100px 0 200px; display:flex; flex-wrap:wrap; gap:20px; }
.network-box .listbox .box { width:calc((100% - 60px) / 4); padding:35px; display:flex; flex-direction:column; justify-content:space-between; gap:70px; background:#fff; }
.network-box .listbox .box dt { display:flex; align-items:center; color:#111; font-size:var(--font26); font-weight:500; line-height:1.3; letter-spacing:-0.025em; } 
.network-box .listbox .box dd { margin-top:75px; display:flex; align-items:flex-start; color:#333; font-size:var(--font22); font-weight:300; line-height:1.3; letter-spacing:-0.035em; } 
.network-box .listbox .box .icon { display:flex; flex-shrink:0; width:40px; margin-top:5px; }
.network-box .listbox .box .btn a { display:flex; gap:10px; align-items:center; justify-content:center; height:60px; border:1px solid #333; }
.network-box .listbox .box .btn a span { color:#333; font-size:var(--font18); font-weight:700; line-height:1.3; }
@media screen and (max-width:1280px){
	.network-box .top .mapbox > div,
	.network-box .top .mapbox > div > div { height:400px !important; }
	.network-box .top .mapbox.google-map:after { padding-bottom:400px; }
	.network-box .listbox .box { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.network-box .top dt { gap:20px; }
	.network-box .top dt img { width:28px; }
	.network-box .top dd { margin-top:20px; }
	.network-box .top dd ul { gap:10px 50px; }
	.network-box .top dd ul li { gap:20px; }
	.network-box .top dd ul li img { width:18px; }
	.network-box .top .mapbox { margin-top:20px; }
	.network-box .listbox { padding:50px 0 100px; gap:10px; }
	.network-box .listbox .box { width:calc((100% - 20px) / 3); padding:20px; gap:35px; }
	.network-box .listbox .box dd { margin-top:35px; }
	.network-box .listbox .box .btn a { height:55px; }
}
@media screen and (max-width:640px){
	.network-box .top dt { gap:15px; }
	.network-box .top dt img { width:24px; }
	.network-box .top dd { margin-top:10px; }
	.network-box .top dd ul { gap:8px 30px; }
	.network-box .top dd ul li { gap:15px; }
	.network-box .top dd ul li img { width:16px; }
	.network-box .top .mapbox { margin-top:10px; }
	.network-box .top .mapbox > div,
	.network-box .top .mapbox > div > div { height:280px !important; }
	.network-box .top .mapbox.google-map:after { padding-bottom:280px; }
	.network-box .listbox { padding:25px 0 50px; gap:5px; }
	.network-box .listbox .box { width:calc((100% - 5px) / 2); gap:30px; }
	.network-box .listbox .box dd { margin-top:30px; }
	.network-box .listbox .box .btn a { gap:8px; height:45px; }
}

/* animation 
.network-box .top .mapbox { opacity:0;  }
.network-box .top .mapbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.network-box .listbox .box { opacity:0;  }
.network-box .listbox.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
*/

.tabmenu ul { display:flex; flex-wrap:wrap; gap:20px; }
.tabmenu ul li { width:calc((100% - (20px * (var(--tab-count) - 1))) / var(--tab-count)); }
.tabmenu ul li a { transition:all 0.4s; color:#999; font-size:var(--font20); font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; height:60px; border-radius:70px; border:1px solid #bbb; }
.tabmenu ul li.on a { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1024px){
	.tabmenu ul { gap:10px; }
	.tabmenu ul li { width:calc((100% - (10px * (var(--tab-count) - 1))) / var(--tab-count)); }
	.tabmenu ul li a { height:55px; }
}
@media screen and (max-width:640px){
	.tabmenu ul { gap:5px; }
	.tabmenu ul li { width:calc((100% - (5px * (var(--tab-count) - 1))) / var(--tab-count)); }
	.tabmenu ul li a { height:45px; }
}

.business-box .toplist { margin-top:80px; display:flex; flex-wrap:wrap; gap:10px; } 
.business-box .toplist .box { width:calc((100% - 20px) / 3); padding:30px; background:#f8f8f8; text-align:center; }
.business-box .toplist .box dt { color:#333; font-size:var(--font26); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.business-box .toplist .box dd { margin-top:10px; color:#000; font-size:var(--font17); font-weight:300; line-height:1.6; }
.business-box .toplist .box dd h5 { color:#999; font-size:var(--font16); font-weight:600; line-height:1.3; margin-bottom:20px; }
.business-box .topimgbox { margin-top:80px; position:relative; }
.business-box .topimgbox:before { content:''; display:block; padding-bottom:24%; }
.business-box .topimgbox img { position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); object-fit:cover; -o-object-fit:cover; }
.business-box .topimgbox h4 { position:absolute; right:35px; bottom:40px; z-index:4; color:#fff; font-size:var(--font80); font-weight:600; line-height:1.3; letter-spacing:-0.045em; text-align:right; }
.business-box .topimgbox h4.st { font-size:var(--font60); }
.business-box h3.stit { color:#111; font-size:var(--font52); font-weight:600; line-height:1.3; letter-spacing:-0.040em; }
.business-box .cont1 h5 { margin-top:10px; color:#999; font-size:var(--font20); font-weight:500; line-height:1.3; }
.business-box .cont1 .toptxt { margin-top:30px; }
.business-box .cont1 .toptxt p:not(:last-child) { margin-bottom:20px; }
.business-box .cont1 .toptxt p { color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }	
.business-box .cont1 .btn { margin-top:60px; }
.business-box .cont1 .btn a { transition:all 0.4s; position:relative; display:flex; align-items:center; justify-content:center; width:240px; height:60px; border:1px solid #333; overflow:hidden; }
.business-box .cont1 .btn a span { position:relative; z-index:5; color:#333; font-size:var(--font20); font-weight:600; line-height:1.3; }
.business-box .cont1 .btn a img { transition:all 0.4s; }
.business-box .cont1 .btn a:hover { border-color:var(--mainColor); }
.business-box .cont1 .btn a:hover span { color:#fff; }
.business-box .cont1 .btn a:before { transition:all 0.6s; content:''; display:block; opacity:0.4; background:var(--mainColor); width:0; height:0; border-radius:100%;  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.business-box .cont1 .btn a:hover:before { transition:all 0.8s; width:500px; height:500px; opacity:1; } 
.business-box .cont1 .btn a:hover img { filter:brightness(0) invert(1); }
.business-box .cont2 h4 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.business-box .cont2 .txt1 { margin-top:20px; color:#333; font-size:var(--font30); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.business-box .cont2 .txt2 { margin-top:20px; }
.business-box .cont2 .txt2 .txt { color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.02em; }
.business-box .tab_box .tabCont { display:none; }
.business-box .tab_box .tabCont.on { display:block; }
@media screen and (max-width:1720px){
	.business-box .box-txt > dl > dd > .txt-2 br,
	.business-box .cont1 .toptxt p br,
	.business-box .cont2 .txt2 .txt br { display:none; }
	.business-box .box-txt > dl > dd > .txt-2 span.m_br,
	.business-box .cont1 .toptxt p span.m_br,
	.business-box .cont2 .txt2 .txt span.m_br { display:block; }
}
@media screen and (max-width:1280px){
	.business-box .toplist .box { padding:25px; }
	.business-box .toplist .box dd br { display:none; }
	.business-box .toplist .box dd span.m_br { display:block; }
	.business-box .topimgbox h4 { right:30px; bottom:30px; }
}
@media screen and (max-width:1024px){
	.business-box .toplist,
	.business-box .topimgbox { margin-top:40px; }
	.business-box .topimgbox:before { padding-bottom:35%; }
	.business-box .topimgbox h4 { right:15px; bottom:20px; }
	.business-box .toplist .box { padding:20px; }
	.business-box .toplist .box dd { margin-top:5px; }
	.business-box .toplist .box dd h5 { margin-bottom:10px; }
	.business-box .cont1 h5 { margin-top:5px; }
	.business-box .cont1 .toptxt { margin-top:15px; }
	.business-box .cont1 .toptxt p:not(:last-child) { margin-bottom:10px; }
	.business-box .cont1 .btn { margin-top:30px; }
	.business-box .cont1 .btn a { width:200px; height:55px; }
	.business-box .cont2 .txt1,
	.business-box .cont2 .txt2 { margin-top:10px; }
}
@media screen and (max-width:640px){
	.business-box .toplist,
	.business-box .topimgbox { margin-top:20px; }
	.business-box .topimgbox:before { padding-bottom:40%; }
	.business-box .topimgbox h4 { right:10px; bottom:10px; font-size:var(--font60); }
	.business-box .topimgbox h4.st { font-size:var(--font48); }
	.business-box .toplist { gap:5px; }
	.business-box .toplist .box { width:100%; }
	.business-box .toplist .box dd h5 { margin-bottom:5px; }
	.business-box .cont1 .toptxt { margin-top:8px; }
	.business-box .cont1 .btn { margin-top:15px; }
	.business-box .cont1 .btn a { width:160px; height:45px; }
	.business-box .cont2 .txt1,
	.business-box .cont2 .txt2 { margin-top:8px; }
}


/* animation 
.business-box .toplist .box { opacity:0;  }
.business-box .toplist.subOn .box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.business-box .topimgbox:after { content:''; display:block; background:#fff; position:absolute; right:0; top:0; width:100%; height:100%; transition:all 1.0s 0.7s; }
.business-box .topimgbox.subOn:after { width:0; }
.business-box .topimgbox h4 { opacity:0; }
.business-box .topimgbox.subOn h4 { animation:bgs3 0.8s 1.4s; animation-fill-mode:both; }
*/

h3.subTitle { color:#111; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.04em; }

.finance-box .chart-box { margin-top:80px; display:flex; gap:50px; }
.finance-box .chart-box .box { width:calc((100% - 100px) / 3); padding-bottom:44px; }
.finance-box .chart-box h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.finance-box .chart-box .rtxt { margin-top:20px; text-align:right; color:#aaa; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.finance-box .chart-box .chart { position:relative; margin-top:20px; height:324px; }
.finance-box .chart-box .chart .standard { display:none; }
.finance-box .chart-box .chart .linebox { position:absolute; left:0; top:0; width:100%; height:100%; border-top:1px solid #e5e5e5; }
.finance-box .chart-box .chart .linebox span { position:absolute; left:0; top:25%; width:100%; height:1px; background:#e5e5e5; display:block; }
.finance-box .chart-box .chart .linebox span:nth-child(2) { top:50%; }
.finance-box .chart-box .chart .linebox span:nth-child(3) { top:75%; }
.finance-box .chart-box .chart .linebox span:nth-child(4) { top:100%; background:#000; }
.finance-box .chart-box .chart .year { position:absolute; left:0; bottom:-44px; width:100%; padding:0 70px; display:flex; gap:0 60px; text-align:center; }
.finance-box .chart-box .chart .year strong { width:calc((100% - 120px) / 3); color:#333; font-size:var(--font18); font-weight:500; line-height:1.3; display:flex; text-align:center; justify-content:center; }
.finance-box .chart-box .chart .graph-box { position:absolute; left:0; bottom:0; width:100%; padding:0 70px; height:100%; display:flex; gap:0 60px; align-items:flex-end; text-align:center; }
.finance-box .chart-box .chart .graph-box .bar { position:relative; width:calc((100% - 120px) / 3); background:#f2f0f5;}
.finance-box .chart-box .chart .graph-box .bar span { color:#111; font-size:var(--font18); font-weight:400; line-height:1.3; display:block; position:absolute; top:-33px; left:50%; transform:translateX(-50%); }
.finance-box .chart-box .chart .graph-box .bar.on { background:var(--mainColor); }
.finance-box .chart-box .chart .graph-box .bar.on span { color:var(--mainColor); }
.finance-box .dataTable table { width:100%; text-align:center; border-top:2px solid #000;}
.finance-box .dataTable thead th { height:66px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 1px; background:#f8f8f8; }
.finance-box .dataTable thead th:first-child { border-left:none; }
.finance-box .dataTable tbody th { height:66px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 0; background:#fff; }
.finance-box .dataTable tbody td { color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 1px; background:#fff; }
.finance-box .dataTable tbody tr.bg th { font-weight:500; background:#eee; border-bottom:1px solid #fff; }
.finance-box .dataTable tbody tr.bg td { background:#eee; border-color:#fff; }
.finance-box .txt_b { margin-top:25px; color:#999; font-size:var(--font17); font-weight:400; line-height:1.3; }
.finance-box .list { margin-top:40px; }
.finance-box .list li { position:relative; padding-left:34px; width:calc((100% - 10px) / 2); color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.finance-box .list li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:#333; }
@media screen and (max-width:1440px){
	.finance-box .chart-box { gap:40px; }
	.finance-box .chart-box .box { width:calc((100% - 80px) / 3); }
	.finance-box .chart-box .chart { height:280px; }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 60px; }
	.finance-box .chart-box .chart .graph-box .bar span { top:-30px; }
	.finance-box .list li:before { top:10px; }
}
@media screen and (max-width:1280px){
	.finance-box .chart-box { gap:30px; }
	.finance-box .chart-box .box { width:calc((100% - 60px) / 3); }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 40px; gap:0 50px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 100px) / 3); }
	.finance-box .chart-box .chart .graph-box .bar span { top:-28px; }
} 
@media screen and (max-width:1024px){
	.finance-box .chart-box { margin-top:40px; gap:20px; }
	.finance-box .chart-box .box { width:calc((100% - 40px) / 3); }
	.finance-box .chart-box .chart { margin-top:10px; height:240px; }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 40px; gap:0 30px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 60px) / 3); }
	.finance-box .chart-box .chart .graph-box .bar span { top:-22px; }
	.finance-box .chart-box .chart .year { bottom:-35px; }
	.finance-box .dataTable thead th,
	.finance-box .dataTable tbody th { height:55px; }
	.finance-box .list { margin-top:20px; }
	.finance-box .list li { padding-left:18px; }
	.finance-box .list li:before { top:9px; width:3px; height:3px; }
}
@media screen and (max-width:860px){
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 20px; }
}
@media screen and (max-width:640px){
	.finance-box .chart-box { margin-top:20px; flex-wrap:wrap; }
	.finance-box .chart-box .box { width:100%; }
	.finance-box .chart-box .chart { margin-top:5px; height:200px; }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 60px; gap:30px 80px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 160px) / 3); }
	.finance-box .chart-box .chart .year { bottom:-28px; }
	.finance-box .dataTable thead th,
	.finance-box .dataTable tbody th { height:45px; }
	.finance-box .list { margin-top:5px; }
	.finance-box .list li { padding-left:13px; width:100%; }
	.finance-box .list li:before { top:8px; }
}
@media screen and (max-width:480px){
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 50px; gap:20px 40px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 80px) / 3); }
}

/* animation */
.finance-box .chart-box .box .chart .graph-box .bar { height:0; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar { transition:height 0.8s ease; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(1) { transition-delay:0.1s; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(2) { transition-delay:0.2s; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(3) { transition-delay:0.3s; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(4) { transition-delay:0.4s; }


.brand_identity {
  padding:0 15px;
}

.brand_identity img {
  max-width:100%;
}