@charset "utf-8";

.s_visual{height: 840px; position: relative; background-size: cover; background-position: center center; transition: 1s;}
.s_visual.on{height: 600px;}
.s_visual .s-inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.s_visual .s-inner .sv_tit{display: flex; flex-direction: column; text-align: center;}
.s_visual .s-inner .sv_tit .vis_dep01{font-size: 64px; color: #fff; font-weight: 700;}
.s_visual .s-inner .path{margin-bottom:30px; display: flex; align-items: center; justify-content: center;}
.s_visual .s-inner .path > div{font-size: 17px; font-weight: 600; color: #fff;}
.s_visual .s-inner .path > div + div::before{content: '·'; margin: 0 8px;}

@media all and (max-width:1280px){
	.s_visual{height: 680px;}
	.s_visual.on{height: 520px;}
	.s_visual .s-inner .path{margin-bottom: 27px;}
	.s_visual .s-inner .path > div{font-size: 16px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 56px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 620px;}
	.s_visual.on{height: 460px;}
	.s_visual .s-inner .path{margin-bottom: 24px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 52px;}
}
@media all and (max-width:768px){
	.s_visual{height: 540px;}
	.s_visual.on{height: 420px;}
	.s_visual .s-inner .path{margin-bottom: 21px;}
	.s_visual .s-inner .path > div{font-size: 15px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 46px;}
}
@media all and (max-width:500px){
	.s_visual{height: 460px;}
	.s_visual.on{height: 340px;}
	.s_visual .s-inner .path{margin-bottom: 17px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 40px;}
}


/* sub_menu_wrap */
.sub_menu_wrap{position: absolute; width: max-content; bottom: 80px; left: 50%; transform: translateX(-50%); padding: 6px; border-radius: 50px; backdrop-filter:blur(8px);}
.sub_menu_wrap .in{}
.sub_menu_wrap .in .m_dep_box{}
.sub_menu_wrap .in .m_dep_box.m_1dep_box{display: none;}
.sub_menu_wrap .in .m_dep_box.m_2dep_box{}
.sub_menu_wrap .in .m_dep_box.m_2dep_box .m_dep_tit{display: none;}
.sub_menu_wrap .in .m_dep_box.m_2dep_box > ul{}
.sub_menu_wrap .in .m_dep_box.m_2dep_box > ul > li{}
.sub_menu_wrap .in .m_dep_box.m_2dep_box > ul > li > a{font-size: 16px; font-weight: 600; color: #fff; display: block; padding: 12px 14px; border-radius: 40px;}
.sub_menu_wrap .in .m_dep_box.m_2dep_box > ul > li.s_on > a{background-color: #093d83;}

@media all and (max-width:1280px){
	.sub_menu_wrap{bottom: 60px;}
}
@media all and (max-width:1024px){
	.sub_menu_wrap{bottom: 50px;}
}


/* pageCont */
#pageCont{padding: 120px 0 200px;}

@media all and (max-width:1280px){
	#pageCont{padding: 100px 0 170px}
}
@media all and (max-width:1024px){
	#pageCont{padding: 90px 0 150px}
}
@media all and (max-width:768px){
	#pageCont{padding: 85px 0 130px}
}
@media all and (max-width:500px){
	#pageCont{padding: 80px 0 110px}
}


/* subTitle */
#subTitle{text-align: center; margin-bottom: 110px;}
#subTitle span{font-size: 42px; color: #000; font-weight: 700;}

@media all and (max-width:1280px){
	#subTitle{margin-bottom: 90px;}
	#subTitle span{font-size: 38px;}
}
@media all and (max-width:1024px){
	#subTitle{margin-bottom: 80px;}
	#subTitle span{font-size: 35px;}
}
@media all and (max-width:768px){
	#subTitle{margin-bottom: 70px;}
	#subTitle span{font-size: 32px;}
}
@media all and (max-width:500px){
	#subTitle{margin-bottom: 60px;}
	#subTitle span{font-size: 30px;}
}


#privacy { padding: 5% 4%; background:#f8f8f8; overflow: hidden;  font-size: 1.6rem;}
#privacy h3 { margin: 5% 0 1.5%; font-size: 1.33em; color:#000; font-weight: 500;  }
#privacy h4 { margin: 5% 0 1.5%; font-size: 1.33em; color:#000; font-weight: 500;  }
#privacy h3:first-child { margin-top: 0; }
#privacy h4:first-child { margin-top: 0; }
#privacy p{line-height: 1.6em;}
#privacy dl{line-height: 1.6em;}