@charset "utf-8";

#subVisual {display:flex; align-items: center; justify-content: center; height:400px; background-color:#000; background-image:url('../img/sub/sub01Bg.jpg'); background-size:cover; background-position:center; color:#fff;}
#subVisual h2 {font-size:36px; font-weight:600; letter-spacing:-0.025em;}
#subVisual.sub01 {background-image:url('../img/sub/sub01Bg.jpg');}
#subVisual.sub02 {background-image:url('../img/sub/sub02Bg.jpg');}
#subVisual.sub03 {background-image:url('../img/sub/sub03Bg.jpg');}
#subVisual.sub04 {background-image:url('../img/sub/sub04Bg.jpg');}
#subVisual.sub05 {background-image:url('../img/sub/sub05Bg.jpg');}
#subVisual.sub06 {background-image:url('../img/sub/sub06Bg.jpg');}

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

	@media screen and (max-width:999px){
		#subVisual {height:300px;}
		#subVisual h2 {font-size:220%;}
	}

	@media screen and (max-width:799px){
		#subVisual {height:250px;}
		#subVisual h2 {font-size:200%;}
	}

	@media screen and (max-width:499px){
		#subVisual h2 {font-size:160%;}
	}


#subVisual .locationBox {}
#subVisual .locationUl {display:block; text-align:center; color:#fff; margin-top:20px;}
#subVisual .locationUl li {display:inline-block; position:relative;margin-right:22px;vertical-align:top; line-height:1.5;font-size:15px; vertical-align:top;}
#subVisual .locationUl li:last-child {margin:0;}
/*#subVisual .locationUl li:after {display:block;position:absolute;top:3px;right:-12px;content:'';width:1px;height:15px; background:#fff; transform:rotate(15deg);-webkit-transform:rotate(15deg);}*/
#subVisual .locationUl li:after {display:block;position:absolute;top:6px;right:-12px;content:'';width:8px;height:8px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#subVisual .locationUl li:last-child:after {display:none;}
#subVisual .locationUl li a {display:block; color:inherit;}

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

	@media screen and (max-width:999px){
		#subVisual .locationUl li {font-size:95%;}
	}

	@media screen and (max-width:799px){
		#subVisual .locationUl {margin-top:10px;}
		#subVisual .locationUl li {font-size:80%;}
	}

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



#subTabBox.container {width:1600px;}
#subTabBox .subTab {display:flex; justify-content: flex-end; flex-wrap: wrap; margin:40px 0;}
#subTabBox .subTab li {position:relative; display:flex; margin-left:40px; font-size:18px; font-weight:600;}
#subTabBox .subTab li.home {color:rgba(0,0,0,0.5);}
#subTabBox .subTab li.home:before {position:relative; display:inline-block; margin-right:10px; content:url('../img/sub/min_logo.png');}
#subTabBox .subTab li.on:after {position:absolute; display:block; width:4px; height:4px; left:calc(50% - 2px); bottom:0; background:#000; border-radius:50%; content:'';}

	@media screen and (max-width:1619px){
		#subTabBox.container {width:100%; padding:0 2%;}
	}

	@media screen and (max-width:1299px) {
		#subTabBox .subTab li {font-size:16px; margin-left:2%;}
	}

	@media screen and (max-width:999px){
		#subTabBox .subTab {justify-content: center;}
		#subTabBox .subTab li {font-size:100%; height:24px; margin:0 3%;}
		#subTabBox .subTab li a {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:break-all;}
		#subTabBox .subTab li.on:after {bottom:-4px;}
		#subTabBox .subTab li.home {display:none; justify-content: center; margin-bottom: 20px;}
	}

	@media screen and (max-width:799px){
		#subTabBox .subTab {margin:30px 0;}
		#subTabBox .subTab li {font-size:85%; margin:0 3% 10px;}
		#subTabBox .subTab li a {min-width:20px;}
	}

	@media screen and (max-width:499px){
		#subTabBox .subTab li {font-size:80%;}
	}


#subContent {padding:88px 0;}
#subContent h3#contentTitle {position:relative; font-size:30px; font-weight:800; letter-spacing:-0.02em; text-align:center; margin-bottom:47px; text-transform:capitalize;}
#subContent h3#contentTitle:after {position:absolute; width:0; height:0; border-left:5px solid transparent; border-right: 5px solid transparent; border-top:6px solid #06326A; left:calc(50% - 5px); bottom:-20px; content:'';}
#subContent .contentWrap {}

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

	@media screen and (max-width:999px){
		#subContent {padding:77px 0;}
		#subContent h3#contentTitle {font-size:180%;}
	}

	@media screen and (max-width:799px){
		#subContent {padding:66px 0;}
		#subContent h3#contentTitle {font-size:150%;}
	}

	@media screen and (max-width:499px){
		#subContent h3#contentTitle {font-size:130%;}
	}



.subTabUl {display:flex; justify-content: center; border-bottom:1px solid #ddd; margin-bottom:60px;}
.subTabUl li {margin:0 11px;}
.subTabUl li a {display:block; padding:16px 15px;}

.subTabUl li.on {position:relative;}
.subTabUl li.on:after {position:absolute; display:block; width:100%; height:4px; bottom:-1px; background:#06326a; content:'';}
.subTabUl li.on a {color:#06326a; font-weight:800;}

	@media screen and (max-width:999px){
		.subTabUl li {min-width:150px; font-size:100%; margin:0 1%; text-align:center;}
		.subTabUl li a {padding:10px 2%; line-height:140%;}
	}

	@media screen and (max-width:799px){
		.subTabUl li {min-width:inherit; font-size:90%;}
	}

	@media screen and (max-width:499px){
		.subTabUl li {font-size:80%;}
	}

.sec-footer {margin-top:0;}