/* 追加CSS・共通 */

#news{
	width:100%;
	height:208px;
	overflow:auto;
	padding:15px;
	border:1px solid #BBBBBB;
	box-sizing:border-box;
	text-align:left;
}

.news_data{
	border-bottom: 1px dotted #BBBBBB;
	padding:12px 0 10px 0;
}

footer{
	background:#333333;
	color:#FFF;
}

/* フォーム設定：開始 */
/*------------------------------------------------------*/

form input {
	padding:5px;
	border:1px solid #999;
}

form input[type="submit"]{
	width:200px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae7521+0,e5c46f+50,ae7521+100 */
	background: #ae7521; /* Old browsers */
	background: -moz-linear-gradient(top,  #ae7521 0%, #e5c46f 50%, #ae7521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7521), color-stop(50%,#e5c46f), color-stop(100%,#ae7521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7521', endColorstr='#ae7521',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #AE7521;
}

form input[type="button"]{
	width:200px;
	background:#7F7F7F;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #7F7F7F;
}

form input[type="submit"]:hover{
	width:200px;
	background:#FFF;
	color:#AE7521;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #AE7521;
	cursor:pointer;
}

form input[type="button"]:hover{
	width:200px;
	background:#FFF;
	color:#7F7F7F;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #7F7F7F;
	cursor:pointer;
}

form textarea{
	width:90%;
	padding:5px;
	border:1px solid #999;
}

.form_w20 {
	width:20%;
}

.form_w30 {
	width:30%;
}

.form_w90 {
	width:90%;
}

.zip {
	width:80px;
}

#formbtn_area{
	text-align:center;
	margin:auto;
	margin-top:40px;
	margin-bottom:40px;
}

/*#formbtn_area a{
	border:2px solid #666;
	padding:20px;
	background-color:#FFF;
	color: #666;
	text-decoration:none;
	font-weight:bold;
	transition:all 0.5s;
}

#formbtn_area a:hover{
	background-color:#666;
	color:#FFFFFF;
}*/

b{
	font-weight:bold;
	color:#F00;
	font-size:18px;
}

.f_red{
	color:#F00;
	font-weight:bold;
}

.sample_text{
	font-size:12px;
	font-weight:bold;
}

.err{
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
}

#send_ok{
	text-align:center;
	border:3px solid #06F;
	color: #06F;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
}

#send_ng{
	text-align:center;
	border:3px solid #F00;
	color: #F00;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
}

/*------------------------------------------------------*/
/* フォーム設定：終了 */



/* コンサルティング：開始 */
/*------------------------------------------------------*/

.photo_area{
	width:49%;
	float:left;
}
	
.photo_area img{
	width:100%;
}
	
.text_area{
	width:49%;
	float:right;
}

@media (max-width:992px){
	.photo_area{
		width:100%;
		float:none;
	}
	
	.photo_area img{
		width:100%;
	}
	
	.text_area{
		width:100%;
		float:none;
	}
}

/*------------------------------------------------------*/
/* コンサルティング：終了 */



/* その他設定：開始 */
/*------------------------------------------------------*/

.mt_5{
	margin-top:5px;
}


.mt_30{
	margin-top:30px;
}

.mt_50{
	margin-top:50px;
}

.mb_30{
	margin-bottom:30px;
}

.mb_50{
	margin-bottom:50px;
}

.mb_100{
	margin-bottom:100px;
}

.h50{
	height:50px;
}

.h100{
	height:100px;
}

.h200{
	height:200px;
}

.w_60{
	width:60%;
}


.menu_font{
	font-size:16px;
}

.clear_both{
	clear:both;
}

@media (min-width:768px){
	.menu_font{
		font-size:13px;
	}
}

@media (max-width:768px){
	h1{
		font-size:32px;
	}
	
	h2{
		font-size:28px;
	}
}

.font_14{
	font-size:14px;
}

.center{
	text-align:center;
}

/*------------------------------------------------------*/
/* その他設定：終了 */



/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------*/
@media screen and (min-width:1280px) {
	.material-icons.large-size {
		font-size:38px;
	}
	
	.tm_title_area{
		background:#333333;
		color:#FFFFFF;
		font-size:32px;
		padding:15px 0;
		margin-top:100px;
		text-align:center;
	}
	
	.telarea{
		border-right:1px solid #BBBBBB;
		border-left:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.telarea a{
		font-size:50px;
	}
	
	.tel_annotation{
		
	}
	
	.mailarea{
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.mailarea a{
		background:#0865B2;
		color:#FFF;
		width:400px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	.mailarea a:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	/* メニューボタン */
	.consulting_area{
		border:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.consulting_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.management_area{
		border-top:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.management_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.title_text{
		font-size:20px;
		font-weight:bold;
	}
	
	.material-icons.big-size {
		font-size:150px;
	}
	
	
	/* 追加項目：フォームのボタン */
	#formbtn_area a.ok{
		padding:15px 40px;
		background-color:#0865B2;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
		margin-left:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	#formbtn_area a.ng{
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}
/*------------------------------------------------------*/


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------*/
@media screen and (min-width:960px) and (max-width:1279px) {
	.material-icons.large-size {
		font-size:38px;
	}
	
	.tm_title_area{
		background:#333333;
		color:#FFFFFF;
		font-size:32px;
		padding:15px 0;
		margin-top:100px;
		text-align:center;
	}
	
	.telarea{
		border-right:1px solid #BBBBBB;
		border-left:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.telarea a{
		font-size:50px;
	}
	
	.tel_annotation{
		
	}
	
	.mailarea{
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.mailarea a{
		background:#0865B2;
		color:#FFF;
		width:400px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	.mailarea a:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	/* メニューボタン */
	.consulting_area{
		border:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.consulting_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.management_area{
		border-top:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.management_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.title_text{
		font-size:20px;
		font-weight:bold;
	}
	
	.material-icons.big-size {
		font-size:150px;
	}
	
	
	/* 追加項目：フォームのボタン */
	#formbtn_area a.ok{
		padding:15px 40px;
		background-color:#0865B2;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
		margin-left:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	#formbtn_area a.ng{
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}
/*------------------------------------------------------*/



/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:959px) {
	.material-icons.large-size {
		font-size:38px;
	}
	
	.tm_title_area{
		background:#333333;
		color:#FFFFFF;
		font-size:24px;
		padding:15px 0;
		margin-top:100px;
		text-align:center;
	}
	
	.telarea{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:150px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.telarea a{
		font-size:40px;
	}
	
	.tel_annotation{
		font-size:14px;
	}
	
	.mailarea{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:150px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.mailarea a{
		background:#0865B2;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	.mailarea a:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	/* メニューボタン */
	.consulting_area{
		border:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.consulting_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.management_area{
		border-top:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.management_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.title_text{
		font-size:18px;
		font-weight:bold;
	}
	
	.material-icons.big-size {
		font-size:100px;
	}
	
	
	/* 追加項目：フォームのボタン */
	#formbtn_area a.ok{
		padding:15px 40px;
		background-color:#0865B2;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	#formbtn_area a.ng{
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}
/*------------------------------------------------------*/


/*CSS 480px～599px（スマートフォン横）　スタート */
/*------------------------------------------------------*/
@media screen and (min-width:480px) and (max-width:599px) {
	.material-icons.large-size {
		font-size:38px;
	}
	
	.tm_title_area{
		background:#333333;
		color:#FFFFFF;
		font-size:24px;
		padding:15px 0;
		margin-top:100px;
		text-align:center;
	}
	
	.telarea{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:150px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.telarea a{
		font-size:40px;
	}
	
	.tel_annotation{
		font-size:14px;
	}
	
	.mailarea{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:150px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.mailarea a{
		background:#0865B2;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	.mailarea a:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	/* メニューボタン */
	.consulting_area{
		border:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.consulting_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.management_area{
		border-top:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:left;
		width:50%;
		height:250px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.management_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.title_text{
		font-size:18px;
		font-weight:bold;
	}
	
	.material-icons.big-size {
		font-size:100px;
	}
	
	/* 追加項目：フォームのボタン */
	#formbtn_area a.ok{
		padding:15px 40px;
		background-color:#0865B2;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	#formbtn_area a.ng{
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}
/*------------------------------------------------------*/

/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------*/
@media screen and (max-width:479px) {
	.material-icons.large-size {
		font-size:32px;
	}
	
	.tm_title_area{
		background:#333333;
		color:#FFFFFF;
		font-size:24px;
		padding:15px 0;
		margin-top:100px;
		text-align:center;
	}
	
	.telarea{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:150px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.telarea a{
		font-size:40px;
	}
	
	.tel_annotation{
		font-size:14px;
	}
	
	.mailarea{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:150px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.mailarea a{
		background:#0865B2;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	.mailarea a:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	
	
	
	/* メニューボタン */
	.consulting_area{
		border:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:180px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.consulting_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.management_area{
		border-left:1px solid #BBBBBB;
		border-right:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB;
		float:none;
		width:100%;
		height:180px;
		box-sizing: border-box;
		text-align:center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a:hover.management_area{
		background:#043B71;
		color:#FFFFFF;
		transition:all 0.5s;
	}
	
	.title_text{
		font-size:18px;
		font-weight:bold;
	}
	
	.material-icons.big-size {
		font-size:100px;
	}
	
	
	/* 追加項目：フォームのボタン */
	#formbtn_area a.ok{
		padding:15px 40px;
		background-color:#0865B2;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#FFF;
		background-color:#043B71;
	}
	
	#formbtn_area a.ng{
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}
/*------------------------------------------------------*/