/* パソコン用のCSS */
@media(min-width:751px){

	.f-item03 {
		align-self:stretch;
	}

	.all-conne{
		margin:0 auto;
		width:1200px;
		height:auto;
		display:flex;
		flex-wrap:wrap;
		padding-top:20px;
	}
		
	.conne1 {
		width:auto;
		height:auto;
	}
	
	table.conne2 {
		width:300px;
		height:auto;
		border:none;
		border-collapse:collapse;
		border-spacing:0;
	}
	
	td.conne3 {
		width:300px;
		height:300px;
		text-align:center;
	}
	
	a.group {
		text-decoration-line:none;
		display:inline-block;
		transition:1s;
	}

	a:hover.group {
		transform:scale(1.1,1.1);
	}

	td.conne4 {
		font-size:17px;
		font-weight:bold;
		color:#CC00FF;
		text-align:center;
	}
	
	td.conne5 {
		font-size:11px;
		line-height:1.6em;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
}


/* スマホ用のCSS */
@media(max-width:750px){

	.f-item03 {
		align-self:stretch;
	}

	.all-conne{
		margin:0 auto;
		width:100%;
		height:auto;
		display:flex;
		flex-direction:column;
		align-items:center;
		flex-wrap:wrap;
		padding-top:20px;
	}
		
	.conne1 {
		width:auto;
		height:auto;
	}
	
	table.conne2 {
		width:300px;
		height:auto;
		border:none;
		border-collapse:collapse;
		border-spacing:0;
	}
	
	td.conne3 {
		width:300px;
		height:300px;
		text-align:center;
	}
	
	a.group {
		text-decoration-line:none;
		display:inline-block;
		transition:1s;
	}

	a:hover.group {
		transform:scale(1.2,1.2);
	}
	
	td.conne4 {
		font-size:17px;
		font-weight:bold;
		color:#CC00FF;
		text-align:center;
	}
	
	td.conne5 {
		font-size:11px;
		line-height:1.6em;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}

}