@charset "utf-8";

/*----　タイトル　----*/
.top_title{
	background-color: #00c6c9;
	width: 100%;
	height: 170px;	
}
.top_title p{
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 30px
}
@media screen and (max-width: 950px){
  /*--ここにスマホに適したCSSを記述します*/
.top_title p{
	font-size: 50px
}
}

/*----　TOPイメージ　----*/
.r_haba{
	text-align: justify;
	width: 80%;
	max-width: 1000px;
	margin:-35px auto 0 auto;
	line-height: 50px;
	font-size: 30px;
}
.company_icon img{
	max-width: 330px;
	width: 30%;
	margin: 20px 10px;
}
.company_text{
	line-height: 80px;
	font-size: 50px;
	color: #00c6c9;
	font-weight: bold;
}
@media screen and (max-width: 950px){
  /*--ここにスマホに適したCSSを記述します*/
	.r_haba{
		margin:50px auto 0 auto;
	}
	.company_icon img{
	max-width: 439px;
	width: 100%;
}
	.company_text{
	line-height: 90px;
	font-size: 60px;
}
}

/*----　運営会社　----*/
.company_title{
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	background-color: #00c6c9;
	padding: 8px 0 5px 0;
	border-radius: 60px;
	letter-spacing: 3px
}
@media screen and (max-width: 950px){
  /*--ここにスマホに適したCSSを記述します*/
	.company_title{
		font-size: 50px;
		padding: 16px 0 13px 0;
	}
}