@charset "utf-8";

/* s_visual */
.s_visual{height: 720px; width: 100%; position: relative; background-size: cover; background-position: center center;}
.s_visual .sv_tit{height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff;}
.s_visual .sv_tit span{font-size: 72px; font-weight: 700;}
.s_visual .sv_tit p{font-size: 22px; font-weight: 500; margin-top: 30px; text-align: center; word-break: keep-all; width: 85%; margin-left: auto; margin-right: auto; line-height: 1.6em;}
.s_visual .sub_menu_wrap{position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; background-color: rgba(0,0,0,0.5); padding: 20px 60px; border-radius: 60px; width: max-content;}
.s_visual .sub_menu_wrap .in{}
.s_visual .sub_menu_wrap .in .m_1dep_box{display: none;}
.s_visual .sub_menu_wrap .in .m_2dep_box{display: flex; justify-content: center;}
.s_visual .sub_menu_wrap .in .m_dep_box .m_dep_tit{display: none;}
.s_visual .sub_menu_wrap .in .m_dep_box .m_dep_tit span{}
.s_visual .sub_menu_wrap .in .m_dep_box > ul{display: flex; align-items: center; gap:70px;}
.s_visual .sub_menu_wrap .in .m_dep_box > ul > li{}
.s_visual .sub_menu_wrap .in .m_dep_box > ul > li > a{font-size: 20px; color: #fff; font-weight: 600; opacity: 0.5;}
.s_visual .sub_menu_wrap .in .m_dep_box > ul > li > a.on{opacity: 1;}

@media all and (max-width:1280px){
	.s_visual{height: 640px;}
	.s_visual .sv_tit span{font-size: 60px;}
	.s_visual .sv_tit p{font-size: 20px; margin-top: 27px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 520px;}
	.s_visual .sv_tit span{font-size: 52px;}
	.s_visual .sv_tit p{font-size: 19px; margin-top: 25px;}
	.s_visual .sub_menu_wrap{display: none;}
}
@media all and (max-width:768px){
	.s_visual{height: 480px;}
	.s_visual .sv_tit span{font-size: 46px;}
	.s_visual .sv_tit p{font-size: 18px; margin-top: 22px;}
}
@media all and (max-width:500px){
	.s_visual{height: 400px;}
	.s_visual .sv_tit span{font-size: 38px;}
	.s_visual .sv_tit p{font-size: 17px; margin-top: 18px;}
}


/* subContent */
#subContent{padding: 100px 0 200px;}

@media all and (max-width:1280px){
	#subContent{padding: 90px 0 170px;}
}
@media all and (max-width:1024px){
	#subContent{padding: 80px 0 150px;}
}
@media all and (max-width:768px){
	#subContent{padding: 75px 0 130px;}
}
@media all and (max-width:500px){
	#subContent{padding: 70px 0 110px;}
}


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

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


#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;}