.sub-visual-box{position:relative;margin:0 auto;padding:93px 0 132px;max-width:1920px;background-image:url("../img/common/img-sub-vi01.gif");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.sub-visual-box p{margin:0 auto;max-width:1200px;font-weight:300;font-size:24px;line-height:32px;color:#fff;text-align:center;}
.sub-visual-box p span{display:block;font-weight:500;font-size:48px;line-height:56px;}

.sub-visual-wrap01 .sub-visual-box{background-image:url(../img/common/img-sub-vi01.gif);}
.sub-visual-wrap02 .sub-visual-box{background-image:url(../img/common/img-sub-vi02.gif);}
.sub-visual-wrap03 .sub-visual-box{background-image:url(../img/common/img-sub-vi03.gif);}
.sub-visual-wrap04 .sub-visual-box{background-image:url(../img/common/img-sub-vi04.gif);}
.sub-visual-wrap05 .sub-visual-box{background-image:url(../img/common/img-sub-vi05.gif);}
.sub-visual-wrap06 .sub-visual-box{background-image:url(../img/common/img-sub-vi06.gif);}
.sub-visual-wrap06 .sub-visual-box{background-image:url(../img/common/img-sub-vi07.gif);}

.path-wrap{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.5);}
.path-box{margin:0 auto;max-width:1200px;}
.path-box:after{content:'';display:block;clear:both;}
.path{float:left;}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding:23px 30px 23px 0;background:url(../img/common/ico-home.png) no-repeat left center;background-size:17px;box-sizing:border-box;}
.path-depth-wrap{float:left;}
.path-depth-wrap > ul{position:relative;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:174px;border-right:1px solid rgba(255,255,255,0.2);}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:13px 34px 13px 19px;background:url(../img/common/ico-path-open.png) no-repeat right 16px center;background-size:11px;font-size:14px;color:#fff;font-weight:400;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(../img/common/ico-path-close.png);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:100%;left:-1px;z-index:20;padding:18px 24px;width:calc(100% + 1px);background-color:rgba(0,0,0,0.9);box-sizing:border-box;}
.path-depth-wrap > ul > li > .path-depth > li{padding:0 0 9px 0;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{padding:0;}
.path-depth-wrap > ul > li > .path-depth > li > a{font-size:14px;color:#fff;font-weight:400;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#ff8a00;font-weight:500;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#ff8a00;}

@media screen and (max-width: 768px){
	.sub-visual-box{padding:50px 10px 60px;}
	.sub-visual-box p{font-size:15px;line-height:23px;}
	.sub-visual-box p span{font-size:20px;line-height:28px;}

	/* path */
	.path{float:none;}
	.path-home{display:none;}
	.path-depth-wrap{width:100%;}
	.path-depth-wrap > ul:before{top:9px;height:16px;}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:calc(100% / 3);font-size:13px;line-height:18px;box-sizing:border-box;}
	.path-depth-wrap > ul > li:after{top:9px;height:16px;}
	.path-depth-wrap > ul > li > .path-selected{padding:8px 25px 8px 12px;background-position:right 10px center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.path-depth-wrap > ul > li > .path-depth{padding:10px 9px;}
}