@charset "utf-8";

#gnb {max-width:800px; left:auto !important; right:50% !important;margin-left:0px !important; margin-right:-470px !important;}
#gnb > ul {display:flex; flex-wrap:nowrap;justify-content:flex-end;}
#gnb > ul > li.dep_tit > a { font-size: 1.1rem !important;white-space:nowrap !important; }
#gnb > ul.depth {display:inline-block;}

@media all and (max-width:1299px) {
	#gnb {max-width:calc(100% - 430px); right:160px !important; margin:0px !important;}
	#gnb > ul > li.dep_tit {margin: 0 25px !important;}
	#gnb > ul > li.dep_tit > a { font-size: 1.05rem !important;}
}


#visual .text_area {display:none !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:cover !important; background-position:center center !important;}


.intro h3.title {font-size:28px !important; line-height:1.5 !important; margin-bottom:60px !important;}
.intro h4 {font-size:24px !important; color:#000 !important; margin-bottom:30px !important; text-align:center !important;}
.intro_img {box-sizing:border-box !important; padding:60px !important;background:#f8f8f8 !important; border-radius:20px; text-align:center;margin-bottom:60px;}
.intro_img img {max-width:100% !important;}
@media all and (max-width:980px) {
	.intro h3.title {font-size:22px !important;}
	.intro h4 {font-size:20px !important;}
	.intro_img {padding:40px !important; }
}
@media all and (max-width:680px) {
	.intro h3.title {font-size:18px !important; margin-bottom:50px !important;}
	.intro h3.title br {display:none !important;}
	.intro h4 {font-size:16px !important; margin-bottom:20px !important;}
	.intro_img {padding:30px 20px !important;}
}