@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/
/*ボックス共通設定*/

.content .box1{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}
.content .box2 {
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding-top: 2.5%;		/*ボックス内の余白*/
	padding-left: 2.5%;		/*ボックス内の余白*/
	padding-right: 2.5%;		/*ボックス内の余白*/
	padding-bottom: 2.5%;		/*ボックス内の余白*/
	border: 1px solid #e0e0e0;	/*枠線の幅線種、色*/
	border-radius: 10px;	/*角丸のサイズ*/
	margin-bottom: 15px;	/*ボックスの下に空ける余白*/
}
/*ボックス内のh4タグ共通設定*/
.content .box2 t h {
	color: #abd0a2;	/*文字色*/
	margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}

/*ボックス内の写真共通設定*/
.content .box2  figure img {
	float: left;	/*画像を左へ回り込み（※横長タイプ用）*/
	width: 20%;		/*写真の幅（※横長タイプ用）*/
}
/*コンパクトタイプのボックス追加設定*/
.content .box2 .compact {
	width: 23%;		/*compactタイプの幅*/
	height: 220px;	/*compactタイプの高さ*/
	float: left;	/*ボックスを左に回り込み*/
	margin-left: 2.5%;	/*ボックス間の余白*/
}
.c1 .content .box2 .compact {
	height: 250px;	/*１カラムの時の高さ*/
}
/*コンパクトタイプのh4タグ追加設定*/
.content .box2 .compact h4 {
	margin-left: 0;
}
/*コンパクトタイプの段落タグ追加設定*/
.content .box2 .compact p {
	margin-left: 0;
	font-size: 11px;	/*compactタイプの文字サイズ*/
	line-height: 1.4;
	margin-bottom: 5px;
}
/*コンパクトタイプの写真追加設定*/
.content .box2 .compact figure img {
	float: none;
	width: auto;
	margin: 0;
}
/*circleブロック*/
.content .circle img {
	border-radius: 200px;
	border: 10px solid #ececec;
	width: 130px;
	height: 130px;
	float: left;
	margin-left: 2.5%;	/*ボックス間の余白*/
	margin-bottom: 15px;	/*ボックスの下に空ける余白*/
}