@charset "utf-8";
/* CSS Document */
#sec_intro .blk_ttl_left{
	transform: translateY(-50%);
	margin-top: 11em;
}
#sec_intro .blk_cnt{
	margin-top: -110px;
}
#sec_intro .box_cnt{
	max-width: 397px;
	width: 49%;
	padding: 15px;
}
#sec_intro .box_cnt .area_num{
	width: 95px;
	font-size: 100px;
	line-height: 1;
	margin-bottom: 0;
}
#sec_intro .box_cnt .area_txt{
	width: calc(100% - 95px);
	padding-left: 5px;
}

#sec_tgc h4{
	align-items: center;
}

#sec_tgc h4 .font_roboto{
	font-size: 6.66em;
	vertical-align: -10px;
}
#sec_tgc .area_icon [class^="icon-"]{
	font-size: 80px;
}
#sec_tgc .area_cont{
	padding: 25px 0 25px 30px;
}
.area_trackman div:first-child {
	width: 25%;
}
.area_trackman div:last-child{
	width: 75%;
}
#sec_facility .flex_space .area_img{
	width:34%;
}
#sec_facility .flex_space .area_txt{
	width: 60%;
}
#sec_facility .flex_space .area_img img{
	transform: translateY(-5em);
	z-index: -1;
    position: relative;
}
/*===============================================
●smart.css  画面の横幅が999pxまで
===============================================*/
@media screen and (max-width: 999px) {
	#sec_intro .box_cnt .br{
		display: none;
	}	
}
/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width: 767px) {
	#sec_intro .blk_cnt .content_inner{
		width: 100%;
	}
	#sec_intro .blk_cnt .flex_space,#sec_intro .flex_center{
		display: block;
	}
	#sec_intro .box_cnt{
		width: 100%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#sec_tgc h4{
		align-items: flex-start;
	}
	#sec_tgc h4 .font_roboto{
		font-size: 25vw;
	}
}
/*===============================================
●smart.css  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px) {
	#sec_intro .box_cnt{
		max-width: 397px;
	}
	#sec_intro .box_cnt .area_num{
		font-size: 21.5vw;
	}
	#sec_intro .box_cnt .area_txt{
		width: 100%;
	}
	#sec_tgc .area_icon [class^="icon-"]{
		font-size: 16.5vw;
	}
	#sec_tgc .area_cont{
		padding-top: 4vw;
	}
	.blk_facility .flex_row_2 > div:first-child{
		margin-bottom:1em;
	}
}