@charset "utf-8";
#cont {
	color:#494b48;
}
section {
	margin:0;
	padding:0;
	line-height:0;
}
/*------------------------------------------------------------------------------ staff --*/
#staff #main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/about/staff/pc/main.png) center center no-repeat;
	background-size:cover;*/
}

#staff #main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}
#staff #set {
	position:relative;
	width:940px;
	margin:60px auto 20px;
	zoom:1;
	overflow:hidden;
}
#staff #set li {
	float:left;
	width:33.33%;
	position:relative;
	text-align:center;
	padding:0 0 40px;
}
#staff #set li img{
	width:220px;
	height:220px;
}
#staff #set li span {
	display:block;
	font-size:14px;
	line-height:32px;
	padding:10px 0 0 0;
}
#staff #set li p {
	font-size:20px;
	line-height:32px;
	padding:0;
}
 @media screen and (max-width:750px) {
#staff #main_v {
	position:relative;
	width:100%;
	height:auto;
	background:url(/common/img/about/sp_main.png) center center no-repeat;
	background-size:cover;
}
#staff #main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#staff #set {
	position:relative;
	margin:40px auto 30px;
	width:100%;
	zoom:1;
	overflow:hidden;
}
#staff #set li {
	float:left;
	width:50%;
	position:relative;
	padding:0 0 30px;
}
#staff #set li img {
	width:80%;
	height:auto;
}
#staff #set li span {
	display:block;
	font-size:12px;
	line-height:24px;
	padding:10px 0 0 0;
}
#staff #set li p {
	font-size:16px;
	line-height:24px;
	padding:0;
}
}

/*------------------------------------------------------------------------------ facilities --*/
#facilities #main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/about/facilities/pc/main.png) center center no-repeat;
	background-size:cover;*/
}
#facilities #main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}
#facilities #set {
	position:relative;
	margin:60px 0;
	width:100%;
	zoom:1;
	overflow:hidden;
}
#facilities #set li {
	float:left;
	width:33.33%;
	position:relative;
}
#facilities #set li img {
	width:100%;
	height:auto;
}
#facilities #set li span {
	position:absolute;
	bottom:0;
	left:0;
	font-size:14px;
	line-height:15px;
	color:#fff;
	padding:5px 10px;
	background:url(/common/img/about/facilities/bg.png) 0 0 repeat;
}
 @media screen and (max-width:750px) {
#facilities #main_v {
	position:relative;
	width:100%;
	height:auto;
	background:url(/common/img/about/sp_main.png) center center no-repeat;
	background-size:cover;
}
#facilities #main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#facilities #set {
	position:relative;
	margin:40px 0 60px;
	width:100%;
	zoom:1;
	overflow:hidden;
}
#facilities #set li {
	float:left;
	width:100%;
	position:relative;
}
#facilities #set li img {
	width:100%;
	height:auto;
}
#facilities #set li span {
	position:absolute;
	bottom:0;
	left:0;
	font-size:14px;
	line-height:15px;
	color:#fff;
	padding:5px 10px;
	background:url(/common/img/about/facilities/bg.png) 0 0 repeat;
}
}
/*------------------------------------------------------------------------------ about --*/
#about #addNav{
	display:none;
	}
#about #main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/about/main.png) center center no-repeat;
	background-size:cover;*/
}
#about #main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}
#about #sec1{
	position:relative;
	width:100%;
	margin-top:90px;
	padding:180px 0;
	text-align:center;
	background:url(/common/img/about/sec1_bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#about #sec2{
	position:relative;
	width:100%;
	padding:180px 0;
	text-align:center;
}
#about #sec3{
	position:relative;
	width:100%;
	padding:180px 0;
	text-align:center;
	background:url(/common/img/about/sec3_bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#about .sec .sub{
	padding:15px 0 30px;
	font-size:24px;
	line-height:24px;
	font-family: 'Roboto', sans-serif;
}
#about .sec .txt{
	font-size:16px;
	line-height:32px;	
}
#about #sec4{
	position:relative;
	width:940px;
	margin:150px auto 0;
	padding:0;
	text-align:center;
}
#about #sec4 .ttl{
	font-size:36px;
	line-height:38px;	
}
#about #sec4 .txt{
	margin-top:30px;
	font-size:16px;
	line-height:32px;
	text-align:left;
}
#about #sec4 ul{
	margin-top:50px;
	position:relative;
	text-align:center;
}
#about #sec4 ul li{
	display:inline-block;
	width:300px;
	margin:0 40px;
}
#about #sec4 ul li span{
	display:block;
	padding:20px 0 5px;
	text-align:center;
	font-size:14px;
	line-height:16px;	
}
#about #sec4 ul li p{
	text-align:center;
	font-size:20px;
	line-height:32px;	
}
#about #sec5{
	position:relative;
	width:940px;
	margin:0 auto 60px;
	padding:0;
	text-align:center;
}
#about #sec5 .ttl{
	margin:150px 0 20px;
	font-size:36px;
	line-height:38px;	
}
#about #sec5 dl{
	position:relative;
	display:table;
	width:940px;
	padding:20px 0;
	border-bottom:#ccc 1px solid;
}
#about #sec5 dt{
	display:table-cell;
	width:160px;
	padding:0 20px 0 0;
	font-size:16px;
	line-height:30px;
	text-align:left;
}
#about #sec5 dd{
	display:table-cell;
	font-size:16px;
	line-height:30px;
	text-align:left;
}
#about #sec5 ul{
	margin-top:20px;
	position:relative;
	text-align:center;
}
#about #sec5 ul li{
	display:inline-block;
	font-size:16px;
	line-height:30px;
	margin:0 20px;
}
 @media screen and (max-width:750px) {
#about #addNav{
	display:block;
	padding:40px 0 20px;
	}
#about #addNav nav{
	position:relative;
	text-align:center;
	width:100%;
	}
#about #addNav nav a{
	display:inline-block;
	width:27%;
	padding:40px 0 20px;
	background:#007bd0 url(../img/about/arrow.png) center 13px no-repeat;
	background-size:10px auto;
	margin:0 1%;
	color:#fff;
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	white-space:nowrap;
}
#about #addNav nav a:nth-child(3){
	margin-right:5%;
}
#about #addNav nav a:nth-child(1){
	margin-left:5%;
}
#about #main_v {
	position:relative;
	width:100%;
	height:auto;
	background:url(/common/img/about/sp_main.png) center center no-repeat;
	background-size:cover;
}
#about #main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#about #sec1{
	position:relative;
	width:100%;
	margin-top:40px;
	padding:60px 0;
	text-align:center;
	background:url(/common/img/about/sec1_bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#about #sec2{
	position:relative;
	width:100%;
	padding:60px 0;
	text-align:center;
}
#about #sec3{
	position:relative;
	width:100%;
	padding:60px 0;
	text-align:center;
	background:url(/common/img/about/sec3_bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#about .sec .ttl{
	width:80%;
	margin:0 auto;
	
}
#about .sec .sub{
	padding:10px 0 20px;
	font-size:20px;
	line-height:24px;
}
#about .sec .txt{
	margin:0 auto;
	width:90%;
	text-align:left;
	font-size:14px;
	line-height:26px;	
}
#about #sec4{
	position:relative;
	width:90%;
	margin:60px auto 0;
	padding:0;
	text-align:center;
}
#about #sec4 .ttl{
	font-size:18px;
	line-height:25px;
}
#about #sec4 .txt{
	margin-top:20px;
	font-size:14px;
	line-height:26px;	
	text-align:left;
}
#about #sec4 ul{
	width:100%;
	margin-top:40px;
	position:relative;
	text-align:center;
}
#about #sec4 ul li{
	display:block;
	width:100%;
	margin: 0 0 20px;
}
#about #sec4 ul li span{
	display:block;
	padding:10px 0 5px;
	text-align:center;
	font-size:12px;
	line-height:16px;	
}
#about #sec4 ul li p{
	text-align:center;
	font-size:16px;
	line-height:28px;
}
#about #sec5{
	position:relative;
	width:90%;
	margin:0 auto 40px;
	padding:0;
	text-align:center;
}
#about #sec5 .ttl{
	margin:60px 0 10px;
	font-size:18px;
	line-height:25px;
}
#about #sec5 dl{
	position:relative;
	display:table;
	width:100%;
	padding:10px 0;
	border-bottom:#ccc 1px solid;
}
#about #sec5 dt{
	display:table-cell;
	width:30%;
	font-size:14px;
	line-height:28px;
	text-align:left;
	padding:0 10px 0 0;
}
#about #sec5 dd{
	display:table-cell;
	font-size:14px;
	line-height:28px;
	text-align:left;
}
#about #sec5 ul{
	margin-top:10px;
	position:relative;
	text-align:left;
}
#about #sec5 ul li{
	display:block;
	font-size:14px;
	line-height:28px;
	margin:0 0;
}

}

/*------------------------------------------------------------------------------ why --*/
#why #main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/why/main.png) center center no-repeat;
	background-size:cover;*/
}
#why #main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}
#why #sec1{
	position:relative;
	width:100%;
	height:600px;
	margin-top:90px;
	padding:0;
	text-align:center;
	background:url(/common/img/about/why/bg1.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#why #sec2{
	position:relative;
	width:100%;
	height:600px;
	margin-top:0;
	padding:0;
	text-align:center;
	background:#fff;
}
#why #sec3{
	position:relative;
	width:100%;
	height:600px;
	margin-top:0;
	padding:0;
	text-align:center;
	background:url(/common/img/about/why/bg2.png) 0 0 repeat;
	background-size:40px auto;
	color:#fff;
}
#why #sec4{
	position:relative;
	width:100%;
	height:600px;
	margin-top:0;
	padding:0;
	text-align:center;
	background:#fff;
}
#why .sec>div{
	width:940px;
	height:600px;
	margin:0 auto;
	}
#why #sec1>div{
	background:url(/common/img/about/why/s.png) center center no-repeat;
	background-size:cover;
}
#why #sec2>div{
	background:url(/common/img/about/why/a.png) center center no-repeat;
	background-size:cover;
}
#why #sec3>div{
	background:url(/common/img/about/why/m.png) center center no-repeat;
	background-size:cover;
}
#why #sec4>div{
	background:url(/common/img/about/why/u.png) center center no-repeat;
	background-size:cover;
}
#why .sec .ttl{
	padding:190px 0 30px;
	font-size:80px;
	line-height:80px;
	font-family: 'Roboto', sans-serif;
}
#why #sec2 .ttl,
#why #sec4 .ttl{
	color:#007bd0;
}
#why .sec .txt{
	font-size:16px;
	line-height:32px;	
}

 @media screen and (max-width:750px) {
#why #main_v {
	position:relative;
	width:100%;
	height:auto;
	background:url(/common/img/about/sp_main.png) center center no-repeat;
	background-size:cover;
}
#why #main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#why #sec1{
	position:relative;
	width:100%;
	height:auto;
	margin-top:40px;
	padding:0;
	text-align:center;
	background:url(/common/img/about/why/bg1.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#why #sec2{
	position:relative;
	width:100%;
	height:auto;
	margin-top:0;
	padding:0;
	text-align:center;
	background:#fff;
}
#why #sec3{
	position:relative;
	width:100%;
	height:auto;
	margin-top:0;
	padding:0;
	text-align:center;
	background:url(/common/img/about/why/bg2.png) 0 0 repeat;
	background-size:40px auto;
	color:#fff;
}
#why #sec4{
	position:relative;
	width:100%;
	height:auto;
	margin-top:0;
	padding:0;
	text-align:center;
	background:#fff;
}
#why .sec>div{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:60px 0;
	}
#why #sec1>div{
	background:url(/common/img/about/why/s.png) center center no-repeat;
	background-size:cover;
}
#why #sec2>div{
	background:url(/common/img/about/why/a.png) center center no-repeat;
	background-size:cover;
}
#why #sec3>div{
	background:url(/common/img/about/why/m.png) center center no-repeat;
	background-size:cover;
}
#why #sec4>div{
	background:url(/common/img/about/why/u.png) center center no-repeat;
	background-size:cover;
}
#why .sec .ttl{
	padding:0 0 30px;
	font-size:24px;
	line-height:36px;
	font-family: 'Roboto', sans-serif;
}
#why #sec2 .ttl,
#why #sec4 .ttl{
	color:#007bd0;
}

#why .sec .txt{
	text-align:left;
	font-size:14px;
	line-height:26px;	
}

}