.wrap{
	overflow : hidden;
}
.sub-title-box{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	height : 58.2667vw;
	background : url(/m/assets/images/sub/m_sub-title-bg-01.png)no-repeat;
	background-size : cover;
	background-position : center;
	position : relative;
}
.sub-title-box.overview{
	background : url(/m/assets/images/sub/m_sub-title-bg-01.png)no-repeat;
	background-size : cover;
	background-position : center;
}
.sub-title-box.environment{
	background : url(/m/assets/images/sub/m_sub-title-bg-02.png)no-repeat;
	background-size : cover;
	background-position : center;
}
.sub-title-box.subscription{
	background : url(/m/assets/images/sub/m_sub-title-bg-03.png)no-repeat;
	background-size : cover;
	background-position : center;
}
.sub-title-box.center{
	background : url(/m/assets/images/sub/m_sub-title-bg-04.png)no-repeat;
	background-size : cover;
	background-position : center;
}
.sub-title{
	display : flex;
	font-size : 7.0667vw;
	font-weight : 400;
	position : relative;
	color : #333333;
}
.sub-title > span{
	display : block;
	animation : sub-title 1s both;
	animation-delay : .5s;
	letter-spacing : -0.08em;
}
.sub-title::after{
	position : absolute;
	content : '';
	width : 115%;
	height : 1px;
	background : #333333;
	left : 50%;
	bottom : 0;
	transform : translateY(1.4667vw) translateX(-50%);
	animation : sub-title-line 1s both;
}
@keyframes sub-title{
	0%{
		opacity : 0;
		transform : translateY(50px)
	}
	100%{
		opacity : 1;
		transform : translateY(0);
	}
}
@keyframes sub-title-line{
	0%{
		width : 0;
	}
	100%{
		width : 115%;
	}
}

.sub-customer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap : 1.7333vw;
	width : 21.3333vw;
	max-width : 162px;
	height : 21.3333vw;
	max-height : 162px;
	background : #173560;
	border-radius: 50%;
	position : absolute;
	z-index : 1;
	bottom : 0;
	right : 5.3333vw;
	color : #fff;
	transform : translateY(6.2933vw);
}
.sub-customer::before{
	position : absolute;
	content : '';
	width : 25.2627vw;
	max-width : 189.47px;
	height : 25.2627vw;
	max-height : 189.47px;
	background : url(/assets/images/sub/sub-rotate-text.png)no-repeat;
	background-size : 100% 100%;
	animation : rotate-text 7s infinite linear;
}
@keyframes rotate-text {
	0%{
		transform : rotate(0)
	}
	100%{
		transform : rotate(360deg);
	}
}
.sub-customer > p{
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 3.3333vw;
	font-weight: 100;
	letter-spacing: -0.033em;
	line-height: 3.7333vw;
}
.sub-customer > p > span{
	font-weight: 700;
}
.sub-customer > img{
	transition: transform .5s;
	width : 3.2vw;
	max-width : 24px;
}
.sub-customer:hover > img{
	transform: rotate(180deg);
}
.sub-menu-box{
	display : flex;
	justify-content : start;
	align-items : center;
	width : 100%;
	height : 9.3333vw;
	max-height : 70px;
	padding : 0 5.3333vw;
	border-bottom : 1px solid #E8E8E8;
}
.sub-home{
	width : 4.6667vw;
	max-width : 35px;
}
.sub-arrow{
	width : 1.7333vw;
	max-width : 13px;
}
.sub-menu{
	display : flex;
	align-items : center;
	height : 100%;
	gap : 5.1467vw;
	padding-right : 30px;
	padding-left : 4vw;
	margin-right : 4vw;
	font-size : 2.2667vw;
	position : relative;
}
.sub-menu:not(:last-child)::after{
	position : absolute;
	content : '';
	right : 0;
	top : 50%;
	transform : translateY(-50%);
	width : 1px;
	height : 2.4vw;
	background : rgba(51,51,51,0.35);
}
.sub-menu > ul{
	display : none;
	position : absolute;
	top : 100%;
	z-index : 10;
	width : 100%;
	left : 0;
	background : #fff;
	border-left : 1px solid #ddd;
	border-right : 1px solid #ddd;
}
.sub-menu:hover > ul{
	display : block;
}
.sub-menu > ul > li > a{
	display : block;
	width : 100%;
	height : 100%;
	padding : 10px 0;
	text-align : center;
}
.sub-menu > ul > li > a:hover{
	font-weight : 500;
}
.sub-menu > ul > li:first-child > a{
	border-top : 1px solid #ddd;
}
.sub-menu > ul > li > a{
	border-bottom : 1px solid #ddd;
}
.sub-content-box{
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
	/* min-height : 100vh; */
	padding : 5.8667vw 0 17.7333vw;
}
.sub-arrow{
	transition : .5s;
}
.sub-menu:hover .sub-arrow{
	transform : rotate(180deg)
}
.sub-content-img{
	/* max-width : 1200px; */
	width : 100%;
	margin : 0 auto;
}
.page_info {
  width: 92vw;
	margin: auto;
  color: #888;
  padding: 1rem 1rem;
  border: 1px solid #d1d1d1;
  margin: 10vw 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 {
  font-size: 8px;
  color: #878787;
  line-height: 0.8rem;
}
.page_info li + li {
  margin-top: 10px;
}

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