#fview_about_us {
	height:100vh;
	max-height:1500px;
	min-height:900px;
	background:url(../img/about_us/bg_subf_about_us.jpg) no-repeat center / cover;
}

.subf_view .inner {
	height:100%;
}

.f_view_top,
.f_view_bottom {
	position:relative;
	height:50%;
}

.f_view_top {
	padding-top:14.5vh;
}

.f_view_bottom {
	padding-bottom:10vh;
	max-width:680px;
	margin:0 auto;
}

.f_view_top h3 {
	font-size:2rem;
	letter-spacing: 0.1em;
	font-weight:300;
	margin-bottom:2.5em;
}

.f_view_top h1 {
	font-size:2.2rem;
	margin-bottom:3em;
}

.f_view_top h1 span {
	font-size:4.8rem;
	display: block;
	text-align:center;
	letter-spacing: 0.1em;
	margin-bottom:0.75em;
}

/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
	.f_view_top h2 {
	  width:180px;
	  margin:0 auto;
	}
  }

  /* for IE 11 */
  @media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .f_view_top h2 {
		width:180px;
		margin:0 auto;
	  } 
  }


.f_view_bottom p {
	line-height:2.375em;
	margin-bottom:3em;
}

.f_view_bottom h3 {
	font-size:2.8rem;
	letter-spacing: 0.1em;
	font-weight:300;
}

.message {
	padding:80px 0 100px;
}

.ab_img {
	width:35%;
	max-width:421px;
	max-height:600px;
	margin-top:60px;
}

.ab_txt {
	width:65%;
	padding:0 8% 0 4%;
}

.ab_txt h2 {
	font-size:2rem;
	margin-bottom:2em;
	line-height:1.75em;
}

.ab_txt h2 strong {
	font-size:2.2rem;
	line-height:1.75em;
	padding:0 0.5em;
	letter-spacing: 0.1em;
}

.ab_txt h2 span {
	font-size:1.8rem;
	display: inline-block;
	padding-bottom:0.2em;
	line-height:1em;
	border-bottom:1px solid #f7ab00;
	letter-spacing: 0.1em;
	margin-bottom:2em;
}

.ab_txt p {
	margin-bottom:1.5em;
}

.ab_txt .ab_name {
	margin-top:4em;
}



/* --- ver sp --- */

@media screen and (max-width:768px){

	#fview_about_us {
		height:auto;
		max-height:100%;
		min-height:auto;
	}
	
	.subf_view .inner {
		height:auto
	}
	
	.f_view_top,
	.f_view_bottom {
		position:relative;
		height:auto;
	}
	
	.f_view_top {
		padding-top:15vw;
	}
	
	.f_view_bottom {
		padding-bottom:25vw;
		max-width:100%;
		margin:0 auto;
	}
	
	.f_view_top h3 {
		font-size:5vw;
		margin-bottom:1.5em;
	}
	
	.f_view_top h1 {
		font-size:4.5vw;
		line-height:1.75em;
		margin-bottom:2em;
	}
	
	.f_view_top h1 span {
		font-size:9vw;
	}

	.f_view_top .white_logo {
		margin-bottom:50vw;
	}

	.f_view_top .white_logo img {
		width:35vw;
		height:4.5vw;
	}
	
	.f_view_bottom p {
		line-height:2.375em;
		margin-bottom:3em;
		text-align:left;
	}
	
	.f_view_bottom h3 {
		font-size:7vw;
	}

	/* message */
	
	.message {
		padding:10vw 0 20vw;
	}
	
	.ab_img {
		width:100%;
		max-width:100%;
		max-height:100%;
		margin-top:0;
		margin-bottom:10vw;
		text-align:center;
	}

	.ab_img img {
		width:60vw;
		height:85.5vw;
	}
	
	.ab_txt {
		width:100%;
		padding:0 5vw;
	}
	
	.ab_txt h2 {
		font-size:4vw;
	}
	
	.ab_txt h2 strong {
		font-size:4.5vw;
	}
	
	.ab_txt h2 span {
		font-size:4.5vw;
		margin-bottom:1em;
	}

	.ab_txt .ab_name {
		font-size:4.5vw;
	}
	
	
	
}