@charset "UTF-8";

/*-----共通----------------------------------*/


/*-----about----------------------------------*/

#about .wrap{
	padding: 83px 0 84px;
}
#about .main_txt{
	font-size: 2.8rem;
	color: #80b4e6;
	line-height: 1.78;
	text-align: center;
	letter-spacing: 0.12em;
}
.ie11 #about .main_txt .ul{
	display: none;
}
.ie11 #about .main_txt .ie11_only{
	max-width: 720px;
	margin: auto;
}
#about .main_txt .ul{
	border-bottom: 2px solid #80b4e6;
}
#about .txt{
	font-size: 1.5rem;
	line-height: 3;
	text-align: center;
	margin-top: 50px;
	letter-spacing: 0.08em;
}


/*-----office----------------------------------*/

#office {
	background: #e9f7fd;
}
#office .wrap{
	max-width: 1000px;
	padding: 80px 0;
}
#office .box + .box{
	margin-top: 80px;
}
#office .name{
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	color: #80b4e6;
	text-align: center;
	font-weight: bold;
	margin: 25px 0 25px;
}
#office .name .ul{
	border-bottom: 2px solid #80b4e6;
	padding-bottom: 2px;
}
#office .txt{
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.93;
	letter-spacing: 0.08em;
}
#office .btn{
	margin: 30px auto 0;
	max-width: 360px;
}
#office .btn a{
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 5px;
	padding: 18px 0;
}



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

	/*-----visual----------------------------------*/

	#visual{
		background: url(../img/common/ttl_bg01.jpg) no-repeat center;
		background-size: cover;
	}


	/*-----about----------------------------------*/

	#about .wrap{
		padding: 11% 0 12%;
	}
	#about .main_txt{
		font-size: 1.8rem;
	}
	#about .main_txt .ul{
		border-bottom-width: 1px;
	}
	#about .txt{
		font-size: 1.3rem;
		line-height: 2.5;
		margin-top: 7%;
	}


	/*-----office----------------------------------*/

	#office .wrap{
		width: 100%;
		padding: 0 0 10%;
	}
	#office .box + .box{
		margin-top: 10%;
	}
	#office .name{
		font-size: 1.6rem;
		line-height: 1.38;
		margin: 5% 0 3.5%;
	}
	#office .name .ul{
		border-bottom: 0;
	}
	#office .txt{
		font-size: 1.2rem;
	}
	#office .btn{
		width: 88%;
		margin: 4% auto 0;
	}
	#office .btn a{
		padding: 5.5% 0;
		font-size: 1.3rem;
	}




}


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

	#about .txt{
		font-size: 1.2rem;
	}

}


@media screen and (max-width: 999px) and (orientation: landscape) {


}