@charset "UTF-8";

/*==============================
		content設定
==============================*/

#contents h3{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

#contents h4{
	font-weight: bold;
}

#contents p{
	font-size: 16px;
	line-height: 30px;
}

/*-----titleImage-----*/

#contents #titleImg{
	background-image: url(/img/company/titleimg_pc.jpg);
}


/*----- あいさつ -----*/

#greeting .greeting_txt{
-webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;	
}

#greeting .greeting_txt .img{
	flex: 0 1 46%;
	width:46%;
}

#greeting .greeting_txt p{
	overflow: hidden;
	flex: 0 1 50%;
	width:50%;
}

#greeting .greeting_txt p span{
	display: block;
	float: right;
	margin-top: 40px;
	font-size: 20px;
	font-weight: bold;
}

/*----- 会社概要 -----*/

#company table{
	border:1px solid;
}

#company table tr{
	border-bottom: 1px solid;
}

#company table tr th{
	padding: 15px;
	width: 20%;
	background: #f2f2f2;
}

#company table tr td{
	padding: 15px;
	width: 80%;
}

/*----- 沿革 -----*/

#history table tr{
	border-bottom: 1px solid #ccc;
}

#history table tr th{
	padding: 15px;
	width: 20%;

}

#history table tr td{
	padding: 15px;
	width: 80%;
}

/*----- マップ -----*/

#access  address{
	flex:0 0 40%;
	-ms-flex:0 0 40%;
}

#access address p{
	font-size: 16px;
	padding: 20px 10px;
	border-bottom: 1px dotted;
	line-height: 15px;
}

#access .map {
	flex:0 0 55%;
	-ms-flex:0 0 55%;	
}

#access .map a{
    display: block;
	text-align: right;
}

#access .map .map_canvas{
    height: 300px;
    width: 100%;
	margin-bottom: 10px;
}



/*------------------------------
	タブレットの設定
------------------------------*/

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

	
	
}



/*------------------------------
	スマホの設定
------------------------------*/

@media screen and (max-width:600px){
	
	#contents p{
		font-size: 14px;
	}

	/*-----titleImage-----*/
	
	#contents #titleImg{
		background-image: url(/img/company/titleimg_sp.jpg);
	}
	
	
	/*----- あいさつ -----*/

	#greeting .greeting_txt .img{
		flex: 0 1 100%;
		width:100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#greeting .greeting_txt p{
		flex: 0 1 100%;
		width:100%;
	}

	#greeting .greeting_txt p span{
		margin-top: 20px;
		font-size: 16px;
	}
	
	/*----- 企業理念 -----*/


	#policy .policy .policy_list ul{
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}

	#policy .policy .policy_list ul li{
		font-size: 14px;
	}

	
	
	/*-----お知らせ-----*/
	#news .title_box , #news .news_list{
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
	}
	
	#news .news_list{
		margin-bottom:40px;
	}

	#news .btn.sp_only{
		display:block;
	}
	
	/*----- マップ -----*/

	#access address{
		flex:0 0 100%;
		-ms-flex:0 0 100%;
		margin-bottom: 20px;
	}
	#access .map {
		flex:0 0 100%;
		-ms-flex:0 0 100%;	
	}

}