@charset "utf-8";

@media screen and (max-width:1800px) {
    .rnd_pager { display: none; }
    .main_tit_wrap { padding: 0 5%; }
    .mboard_wrap { max-width: 90%; }
    .main .sec_tit10 { font-size: 48px; }
    .main-01-section-wrap .tit img { width: 300px; }
    .main_sec_in { padding: 0 5%; }
    .main_tit_wrap .gap { height: 20px;}
    .m_b_ns_box { padding: 32px; }
    .dx_media { aspect-ratio: 10 / 3; }

}
@media screen and (max-width:1600px) {
	.top_nav .menu { width: 130px; }
	.main-01-section-wrap .tit { font-size: clamp(30px, 6vw, 80px); }
	.pdt_img_wrap { left: 55%; }
	.main-01-section-wrap .right_wrap .tit { position: relative; margin-top: auto; top: 50%; transform: translateY(-90%); }
	.mockup_wrap { transform: scale(0.8); }
	.mockup_wrap img:first-child { left: 29%; bottom: -22%; }
	.mockup_wrap img:nth-child(2) { left: 49.5%; bottom: 18%; }
	.mockup_wrap img:nth-child(3) { left: 70%; top: 15%; }
	.mockup_wrap img:last-child { left: 70%; top: 57%; }
}
@media screen and (max-width:1400px) {

	.main_tit_wrap .tit:first-child { height: 80vh; justify-content: flex-start; white-space: nowrap; }
	.main_tit_wrap .tit:last-child { height: 64vh; justify-content: flex-end; }
	.main_tit_wrap .sec_tit10 { font-size: 58px; }
	.main-01-section-wrap .tit img { width: 300px; }
	.header_wrap { padding: 7px 5%; }
	.sec_tit8 { font-size: 48px; }

	.org_grid { padding: 50px 0 100px; }
	.biz_head { padding: clamp(120px, 16vw, 210px) 5% clamp(30px, 5vw, 60px) !important; }

	.rnd_exhi { padding: 80px 5% clamp(90px,8vw,140px); }
	.rnd_uwb_visual { padding: clamp(20px, 3vw, 30px) 5% clamp(60px, 6vw, 100px); }
	.uwb_apps { padding-bottom: clamp(90px, 8vw, 140px); }
	.sol_feature { padding: clamp(40px, 10vw, 80px) 5%; gap: clamp(40px, 10vw, 80px); }
	.sol2_intro { padding: 150px 0; }
	.sol2_feature_tit { padding-bottom: 80px; }
	.sol3_rev { padding: clamp(60px, 7vw, 110px) 5%; }

  
}
@media screen and (max-width:1260px) {
	.top_nav { display: none; }
	.footer-comp { width: 50%; padding: 30px 5%; }
	.footer-comp.fcombox01,.footer-comp.fcombox02 { border-bottom: 1px solid #3b3b3b; width: 50%; padding: 30px 5%; }
	.footer-comp.fcombox03 { border-left: inherit}
	.footer-top,.footer-btm { padding: 20px 5%; }
	.footer-mid { flex-wrap: wrap; }
	.pdt_img_wrap { top: 40%; }
	.main-01-section-wrap .left_wrap { align-items: flex-start; justify-content: flex-start; }
	.main-01-section-wrap .right_wrap .tit { margin-top: auto; top: 65%; transform: inherit; }
	.mboard_wrap { position: absolute; z-index: 9999; left: 0; right: 0; width: 90%; bottom: 5%; margin: 0 5%; transform: inherit; max-width: 100%; }
	.main_tit_wrap { padding: 0 5%; }
	.quick_hex { top: 30%; }
	.mockup_wrap { transform: scale(0.7); }
	.mockup_wrap img:first-child { left: 19%; bottom: -15%; }
	.mockup_wrap img:nth-child(2) { left: 44.5%; bottom: -2%; }
	.mockup_wrap img:nth-child(3) { left: 70%; top: 5%; }
	.mockup_wrap img:last-child { left: 70%; top: 44%; }
	.main_vis_03 .main_sec_wrap { flex-direction: column; gap: 80px; }
	.mainProject_list { width: 100%; }
	.hist_tabs_in { width: 100%; max-width: 550px; }
	.do-overview__desc { font-size: 16px; }
	.sec_tit10 { font-size: 60px; }
	.cert_grid { grid-template-columns: repeat(4,minmax(0,1fr))}
    .header_wrap .m_menu_btn_wrap .m_menu_btn {top: 4px; }
}
@media screen and (max-width:1024px) {
    .header_wrap .m_menu_btn_wrap .m_menu_btn {top:-5px; }
    
	.logo_wrap { max-width: 65px; }
	.lang_all_wrap { top: 12px}
	.fp-viewing-3 .lang_box a { color: #222; }
	.fp-viewing-3 .m_menu_btn .path { background-color: #222; }
	.mFooter { display: none !important; }
	.sol2_visual_inner { flex-direction: column; }
	.sol2_visual_obj img { width: 300px; }
	.map_info_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
	.info_list { flex-direction: column; gap: 10px; }
	.hist_body { grid-template-columns: 1fr }
	.hist_mid { display: none }
	.hist_left { order: 1 }
	.hist_right { order: 2 }
	.hist_left_sticky { position: relative; top: auto }
	.org2_orbit { width: min(78vw,520px); margin-left: auto; margin-right: auto}
	.org2_leader { left: 0; top: auto; width: min(30vw, 240px); }
	.org2_side { left: 54%}
	.org2_depts { width: min(92vw,720px); margin-left: auto; margin-right: auto; grid-template-columns: 1fr 1fr}
	.org2_dept:not(:first-child):before { display: none}
	.org2_ring--1 { width: min(35vw, 300px); }
	.org2_ring--2 { opacity: .55; width: min(42vw, 420px); }
	.biz_feature { grid-template-columns: 1fr}
	.biz_grid4 { grid-template-columns: 1fr}
	.biz_tabs { flex-wrap: wrap}
	.dx_txt { grid-template-columns: 1fr; gap: 20px; }
	.dx_media3 { grid-template-columns: 1fr}
	.dx_gallery { grid-template-columns: 1fr}
	.rnd_top { grid-template-columns: 1fr}
	.rnd_pager { flex-direction: row; flex-wrap: wrap}
	.rnd_pitem { width: auto}
	.rnd_cards { grid-template-columns: 1fr}
	.rnd_prev { left: 10px}
	.rnd_next { right: 10px}
	.uwb_visual_box { flex-direction: column; text-align: center}
	.uwb_visual_img { width: 100%}
	.uwb_grid { grid-template-columns: 1fr}
	.sol3_visual_inner { flex-direction: column; align-items: flex-start}
	.sol3_visual_obj { width: min(560px,100%)}
	.sol3_rev_grid { grid-template-columns: repeat(2,minmax(0,1fr))}
	.sol_visual_inner { flex-direction: column; text-align: center}

	.sol_item { grid-template-columns: 1fr; gap: clamp(0px, 4vw, 30px); }
	.org_grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.sol_item--reverse .sol_txt { order: -1; }
	.mockup_wrap img:first-child { left: 0; bottom: -15%; }
	.mockup_wrap img:nth-child(2) { left: 34.5%; bottom: -2%; }
	.mockup_wrap img:nth-child(3) { left: 70%; top: 5%; }
	.mockup_wrap img:last-child { left: 70%; top: 44%; }
}
@media screen and (max-width:768px) {
	.main_tit_wrap { top: 40%; flex-direction: column; justify-content: space-between; height: 80vh; padding: 0 5%; }
	.main_tit_wrap .tit:first-child { height: auto; justify-content: flex-start; white-space: nowrap; }
	.main_tit_wrap .tit:last-child { height: auto; justify-content: flex-end; }
	.main-01-section-wrap.con { position: relative; width: 100%; height: 140vh; display: grid; grid-template-columns: 1fr; }
	.main-01-section-wrap .left_wrap { border-radius: 0; padding: 0; }
	.pdt_img_wrap { top: 45%; left: 50%; transform: translate(-50%,-50%); }
	.main_tit_wrap .sec_tit10 { font-size: 32px; }
	.main-01-section-wrap .tit img { width: 190px; }
	.pdt_img_wrap img { width: 70vw; }
	.quick_hex { top: 20%; scale: 0.7; }
	.mboard_wrap { max-width: 100%; bottom: 60px; margin: 0 5%; }
	#moveDown { display: none; }
	.main_sec_in { padding: 0 5%; }
	.dp_logo img { width: 120px; }
	.main_sec_02_text_wrap { height: 80vh; flex-direction: column; justify-content: space-between; }
	.main_sec02_obj { width: 100%; position: absolute; }
	.main_vis_03 .main_sec_in { padding: 60px 5%; }
	.mainProject_item_a .tit { font-size: 20px; }
	.mainProject_item_a { height: 230px; }
	.sec_tit10 { font-size: 30px; }
	.sec_tit, .sec_tit2, .sec_tit3 { line-height: 1.35}
	.sec_tit4, .sec_tit5, .sec_tit6 { line-height: 1.25}
	.sec_tit7, .sec_tit8, .sec_tit9, .sec_tit10, .sec_tit11 { line-height: 1.15}
	.sec_txt, .sec_txt2, .sec_txt3, .sec_txt4 { line-height: 1.5}
    .c_list01 > li { font-size: 15px; }
	.do-hero__inner { flex-direction: column; align-items: flex-start}
	.do-hero__circle { margin-left: 120px; margin-top: 0px; }
	.do-value__txt { max-width: 80%}
	.do-hero__right { position: relative; display: flex; justify-content: center; margin: 0 auto; }
	.do-hero__ring--1 { left: 10%; bottom: 0; }
	.hist_tabs { top: var(--sticky-top, 40px); padding: clamp(0px, 2vw, 28px) 0; }
	.do-overview__desc { position: relative; color: #666; line-height: 1.7; padding-left: 0%; font-size: 15px; padding-top: 30px; margin-top: 30px; }
	.hist_tabs_in { width: fit-content; max-width: 420px; }
	.hist_tab { height: 40px; }
	.footer_right_upper_wrap { display: none; }
	.cert_tabs { width: 100%; justify-content: space-between}
	.cert_tab { flex: 1; padding: 0 ; }
	.cert_grid { grid-template-columns: repeat(2,minmax(0,1fr))}
	.biz_feature_txt { grid-template-columns: 100%; gap: 20px}
	.sol2_feature_item { grid-template-columns: 1fr; }
	.sol2_cta { padding: 80px 5%; margin: 80px 5%; }
	.sol_nav { gap: 20px; }
	.sol_nav a { font-size: 16px; }
	.mainProject_list { grid-template-columns: repeat(1, 1fr); }
	.more_btn_wrap { flex-direction: column; }
	.mockup_wrap img:first-child { left: -10%; bottom: -25%; }
	.mockup_wrap img:nth-child(2) { left: 34.5%; bottom: -12%; }
	.mockup_wrap img:nth-child(3) { left: 70%; top: 5%; }
	.mockup_wrap img:last-child { left: 80%; top: 44%; }


    .hist_yearsec { padding: 0; width: 100%; margin: 0 auto 80px auto; max-width: 90vw; }
    .hist_body { width: 100% ; padding: 0 5%; }

    .org_img { display: none; }
    .org_img_mo { display: block; }

    .biz_card { padding: 16px; }
    .dx_media { aspect-ratio: 10 / 8; }


    .biz_tab { font-size: 15px; }
    .biz_tabs {gap: 0;}
    .locCard_right {display: none;}
    .locCard_address {
    font-size: 16px;
  
}
}
@media screen and (max-width:650px) {
	.footer-comp { width: 100%; }
	.footer-comp.fcombox01, .footer-comp.fcombox02,.footer-comp.fcombox03,.footer-comp.fcombox04 { width: 100%; border-bottom: 1px solid #3b3b3b; padding: 30px 5%; }
	.footer-btm { gap: 10px; flex-direction: column; text-align: left; align-items: flex-start; align-content: flex-start; }
	.sol3_rev_grid { grid-template-columns: 1fr}
	.dx_txt { gap: 10px; }
	.dx_txt br { display: none; }
	.sol_visual_obj { width: 100%; height: 300px; }
	.mapDetail .add { font-size: 18px; line-height: 1.4}
	.mapDetail .info_list .txt { font-size: 16px; }
	.goto_map_a .ico { width: 50px; height: 50px; padding: 15px; }
	a.goto_map_a { flex-direction: row; }
	.goto_map_a .txt { font-size: 14px}
}
@media screen and (max-width:520px) {
	.org2_side { margin: clamp(16px,3vw,24px) auto 0; width: min(92vw,420px); top: 24%; left: 42%; }
	.org2_orbit { aspect-ratio: auto}
	.rnd_stage figure { max-width: 240px; }
	.sol_txt h4 { font-size: 30px; }
	.sol_cta h3 { font-size: 30px; }
	.sol_txt p { font-size: 16px; }
	.sol_img { width: 60vw; margin: 0 auto}
	.more_btn_a { font-size: 14px; }
    .org_quote_txt br {display: none;}

}
@media screen and (max-width:480px) {}