.sub-title-box{
	display : flex;
	align-items : end;
	width : 100%;
	height : 419px;
	position : relative;
	padding : 0 0 85px 349px;
}
.sub-title-bg{
	width : 100%;
	height : 100%;
	position : absolute;
	background : url(/assets/images/sub/sub-title-bg.png)no-repeat;
	background-size : cover;
	background-position : center;
	z-index : -1;
	left : 0;
	top : 0;
}
.sub-title{
	font-size : 48px;
	font-weight : 700;
	letter-spacing : -0.04em;
	position : relative;
	color : #fff;
	transform : translateY(-50px);
	opacity : 0;
	animation : sub-title 1s both;
}
@keyframes sub-title{
	0%{
		transform : translateY(-50px);
		opacity : 0;
	}
	100%{
		transform : translateY(0px);
		opacity : 1;	
	}
}
.sub-title::after{
	content : '';
	position : absolute;
	left : 0;
	top : -18px;
	width : 55px;
	height : 2px;
	background : #fff;
}
.scroll-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 12.5px;
    position : absolute;
    z-index: 1;
    left : 25px;
    bottom : 25px;
}
.scroll-icon > span{
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    font-size: 13px;
    font-weight: 700;
    font-family: Montserrat;
    color : #fff;
}
.scroll-icon .mouse{
    display: flex;
    justify-content: center;
    width : 24px;
    height : 44px;
    border-radius: 100px;
    border : 1px solid #fff;
    padding-top : 13px; 
}
.scroll-icon .mouse > .dot{
    width : 4px;
    height : 4px;
    border-radius: 50%;
    background : #fff;
    animation : mouse-dot 1.5s infinite;
}
@keyframes mouse-dot {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(12px);
    }
}
.sub-menu-bar{
	display : flex;
	justify-content : center;
	width : 100%;
	height : 71px;
	background : #FAFAFA;
}
.sub-menu-inner{
	display : flex;
	justify-content : end;
	width : 1200px;
}
.sub-menu{
	display : flex;
	align-items : center;
	height : 100%;
	padding : 0 50px 0 22px;;
	position : relative;
	color : #111111;
}
.sub-menu:not(:last-child)::after{
	position : absolute;
	content : '';
	width : 1px;
	height : 16px;
	background : rgba(51,51,51,0.35);
	right : 0;
	top : 50%;
	transform : translateY(-50%);
}
.sub-menu .sub-arrow{
	position : absolute;
	right : 11px;
	transition : .5s;
	transform-origin : 50% 70%;
}
.sub-menu > a.home{
	display : flex;
	align-items : center;
	gap : 13px;
	width : 100%;
	font-family : Montserrat;
	font-weight : 500;
	color : #111111;
	height : 100%;
}
.sub-menu > ul{
	display : none;
	position : absolute;
	min-width : 100%;
	top : 0;
	left : 0;
	z-index : 1;
	transform : translateY(71px);
	padding : 10px 10px 0;
	background : #fff;
	border : 1px solid #ddd;
	border-radius : 10px;
}
.sub-menu:hover > ul{
	display : block;
}
.sub-menu:hover .sub-arrow{
	transform : rotate(-180deg);
}
.sub-menu > ul > li{
}
.sub-menu > ul > li > a{
	display : flex;
	justify-content : center;
	width : 100%;
	padding : 10px 0;
}
.sub-menu > ul > li:not(:last-child) > a{
	border-bottom : 1px solid #ddd;
}
.sub-content{
	padding : 100px 0;;
	max-width : 1200px;
	margin : 0 auto;
}
.sub-content-img{
	display : block;
	margin : 0 auto;
	width : 100%;
	max-width : 1200px;
}
.page_info {
  width: 100%;
  color: #888;
  padding: 1rem 2rem;
  border: 1px solid #d1d1d1;
  margin: 50px auto 0;
  letter-spacing: -.04rem;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page_info li {
	position: relative;
  font-size: 14px;
  color: #878787;
  line-height: 1.1rem;
	padding-left: 15px;
}
.page_info li + li {
  margin-top: 5px;
}

.page_info LI:before {
  content: "※";
	position: absolute;
	left: 0;
  display: inline-block;
  margin-right: .1rem;
  color: #878787;
  font-size: 14px;
}