@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------------------------------
	#content
/*-----------------------------------------------------------------------*/
#content{
/*	width:980px;*/
	}
#sideWrap{
/*	margin:0 0 0 20px;*/
	}
#sideWrap #side{
	margin:0 0 20px 0;
	}

/*flex*/
#main .f-container {
	display: flex;
	justify-content: space-between;
}

#main {
/*	width:720px;
	padding-left:20px;*/
	}
#main .apealttl {
	margin:0 0 30px auto;
	padding-top: 18px;
	background:none;
	padding-bottom:0;
	background: url("../img/index/bgMain.png") repeat;
}
#main .apealttl h4 {
	width: 422px;
	margin: 0 auto;
	padding-bottom: 18px;
	background: none;
}
#main #Familyship {
	overflow:hidden;
	margin:0 0 50px 0;
	}
#main #Familyship h5 {
	margin: 0 0 10px 0;
	border-bottom:solid 1px #005ac8;
	}
#main #Familyship .content {
	width:335px;
/*	float:left;*/
	}
#main #Familyship .Fimg{
/*	float:right;*/
	}
#main #Canteen{
	overflow:hidden;
	margin-bottom: 50px;
	}
#main #Canteen h5 {
	margin:0 0 10px 0;
	border-bottom:solid 1px #005ac8;
	}
#main .Cimg{
/*	float:left;*/
	}
#main #Canteen .content {
	width:335px;
	margin:0 0 0 0;
/*	float:right;*/
	}
#main #Meeting{
	overflow:hidden;
	margin-bottom: 50px;
	}
#main #Meeting h5 {
	margin:0 0 10px 0;
	border-bottom:solid 1px #005ac8;
	}
#main #Meeting .content {
	margin:0 0 0 0;
	width: 335px;
	}
#main #Meeting .Mimg{
/*	float:right;*/
	margin:0 0 0 20px;
	}
#main .btn {
	width:280px;
	margin:0 auto 0 auto;
	}


#main #Training{
	overflow:hidden;
	margin-bottom: 50px;
}
#main #Training .content {
	width: 335px;
}
#main #Training h5 {
	margin:0 0px 10px 0;
	border-bottom:solid 1px #005ac8;
}

#main #Training .Timg{
/*	height: 335px;*/
/*	float:left;*/
	margin:0 20px 0 0;
}


/*-------------------------------------------------------------------------
  ------------------------------------------------------------------------
	ブレイクポイント
	940px未満 @media screen and (max-width: 939px) {...}
	560px未満 @media screen and (max-width: 559px) {...}
  ------------------------------------------------------------------------
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 939px) {
	#main {
		width: 100%;
		padding-left:10px;
	}
	#main .f-container {
		display: block;
	}
	#main .apealttl {
		margin-right: 0;
	}
	#main .apealttl h4 {
		width: 338px;
	}
	#main #Familyship .content  {
		width: 100%
	}
	#main #Canteen .content {
		width: 100%;
	}
	#main #Meeting .content {
		width: 100%;
	}
	#main #Training .content {
		width: 100%;
	}
	#main #Familyship h5 {
		margin-right: 0;
	}
	#main #Canteen h5 {
		margin-right: 0;
	}
	#main #Meeting {
		margin-right: 0;
	}
	#main #Familyship .Fimg {
		text-align: center;
	}
	#main .Cimg {
		text-align: center;
	}
	#main #Meeting .Mimg {
		text-align: center;
	}
	#main #Training .Timg {
		text-align: center;
		margin-bottom: 10px;
	}

}