@charset "utf-8";

/* トップのボックス
*****************************************************/
#top-box-links{
	clear:both;
	margin:0;
	padding:40px 4% 40px 4%;
	position:relative;
	text-align:left;
	background-image:url(../Resources/bg-craft-10-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	color:#f5f0e8;
	}

#top-box-links.flex-links { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px; }

#top-box-links.flex-links .left-fixed-270 { width: 270px; }
#top-box-links.flex-links .right-fluid { flex-grow: 1; }

#top-box-links.flex-links .left-fixed-270 img.top-ikuji-hoiku-logo-250{ width:250px; height:auto; margin-top: 8px; }
#top-box-links.flex-links .right-fluid h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:4px 0 0 18px; margin-top:0; border-left: 1px solid #f5f0e8; }

/* ボックス
*****************************************************/

.box-links-info { display: flex; flex-wrap: wrap; width: 100%; margin: 0; border-top: 1px solid #b39c7d; }

.links-header { width:22%; margin-right: 0%; padding: 20px 3% 20px 0; background-color:#fdf6ed; }
.links-header h4 { text-align:right; font-weight: 500; }
.links-note { width:70%; padding: 20px 0 20px 4%; }


/* タイポグラフィ
*****************************************************/


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

}

@media only screen and (max-width:640px){
	
	#top-box-links{ padding:25px 5px 25px 5px; text-align:center; }

	#top-box-links.flex-links .left-fixed-270 { width: 100%; }
	#top-box-links.flex-links .right-fluid { width: 100%; }
	
	#top-box-links.flex-links .left-fixed-270 img.top-ikuji-hoiku-logo-250{ width:250px; margin-top: 5px; }
	#top-box-links.flex-links .right-fluid h1.heading { padding:0; border-left: none; }
	
	.box-links-info { width: 100%; }

	.links-header { width:100%; margin-right: 0; padding: 10px 0% 10px 0; border-bottom: 1px solid #b39c7d;}
	.links-header h4{ text-align:left; margin-left: 2%}
	.links-note { width:96%; padding: 20px 2% 22px 2%; }

}

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

}