@charset "utf-8";

.home_logo{
	display:none;
}

.sub_vi_bg{
	background:url(../image/common/sub_page_main@2x.png)no-repeat center center;
	background-size:cover;
}

.sub_vi_bg .sub_vi{
	max-width:980px;
	margin:auto;
/*
	justify-content:flex-start;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
*/
	padding-top:110px;
	min-height:440px;
}

.sub_vi_bg .sub_vi .sub_vi_title{
	font-size: 100px;
	line-height:1;
}

.sub_vi_bg .sub_vi .sub_vi_title span{
	display:block;
	font-weight: bold;
	font-size: 26px;
	text-shadow: 0px 4px 13px rgba(0, 0, 0, 0.25);
	margin-top:15px;
}

.sub_logo{
	display:none;
}

@media only screen and (min-width: 1300px) {

	nav .g_navi_area ul.g_navi{
/*
		max-width:970px;
		margin:auto;
		padding-left:0 !important;
*/
	}

}

@media only screen and (min-width: 769px) {

	nav .logo{
		position:fixed;
		top:20px;
		left:35px;
		z-index:99999;
	}

	nav .logo img {
		width: 306px;
		transition:all 0.4s;
	}

	nav.on .logo img {
		width: 157px;
	}
/*
	nav .logo img{
		width:157px;
	}
*/

	nav .g_navi_area{
		position:fixed;
		top:20px;
		left:0;
		width:100%;
		z-index:99998;
	}

	nav .g_navi_area ul.g_navi{
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
		padding-left:400px;
		transition:all 0.4s;
	}

	nav.on .g_navi_area ul.g_navi{
		padding-left:220px;
	}

	nav .g_navi_area ul.g_navi li{
		margin-right:35px;
		position:relative;
	}

	nav .g_navi_area ul.g_navi li.child img{
		position: absolute;
		left: 38px;
		top: 21px;
		transform: rotate(90deg);
	}

	nav .g_navi_area ul.g_navi li.child ul{
		background: rgba(20, 20, 20, 0.59);
		border-radius: 10px;
		padding:0 7px 10px 7px;
		position: absolute;
		box-sizing: border-box;
		width: 190px;
		margin-top:10px;
		display:none;
	}

	nav .g_navi_area ul.g_navi li.child ul li{
		margin-top:15px;
	}


	nav ul.sns_area{
		position:fixed;
		top:15px;
		right:35px;
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		z-index:99999;
	}

	nav ul.sns_area li.mypage_link a{
		margin-right:15px;
	}

	nav ul.sns_area li.mypage_link a:first-child{
		color:#35E3E3;
	}

	nav ul.sns_area li.sns_list{
		margin-right:15px;
	}

	nav ul.sns_area li.sns_list a{
		margin-right:10px;
	}

	nav ul.sns_area li.sns_list a img{
		width:15px;
	}


}

@media (max-width: 768px) {

	.sub_vi_bg .sub_vi .sub_vi_title{
		padding:0 20px;
	}


}


@media (max-width: 767px) {

	.sub_vi_bg{
		background:url(../image/common/sp_sub_page_main@2x.png)no-repeat center center;
		background-size:cover;
	}

	.sub_vi_bg .sub_vi .sub_vi_title{
		font-size: 50px;
	}

	.sub_vi_bg .sub_vi .sub_vi_title span{
		font-size:16px;
		margin-top:5px;
	}


}