@charset "utf-8";

/*item1 文章横1列
---------------------------------------------------------------------------*/
.item1 {
	overflow: hidden;
	padding: 20px;				/*ボックス内の余白*/
	border-radius: 10px;		/*角丸のサイズ。この１行を削除すれば角のとれた長方形になります。*/
	margin-bottom: 20px;		/*ボックスの下に空けるスペース*/
    min-height:15rem;
}

/*item2 文章横2列
---------------------------------------------------------------------------*/
.item2 {
	overflow: hidden;
	padding: 20px;				/*ボックス内の余白*/
	border-radius: 10px;		/*角丸のサイズ。この１行を削除すれば角のとれた長方形になります。*/
	margin: 0 1% 20px;		/*ボックスの上・左右・下に空けるスペース*/
    box-sizing: border-box;
    float:left;
    width:48%;
    min-height:15rem;
}

/*item3 文章縦2列
---------------------------------------------------------------------------*/
.item3 {
	overflow: hidden;
	width: 46%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
    min-height:48rem;
}

/*item4 文章縦3列
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.item4 {
	overflow: hidden;
	width: 31%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
    min-height:44rem;
}

/*item5 写真縦2列
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.item5 {
	overflow: hidden;
	width: 46%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
    min-height:15rem;
}

/*item6 写真縦3列
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.item6 {
	overflow: hidden;
	width: 26.4%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
    min-height:15rem;
}

/*item7 写真縦4列
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.item7 {
	overflow: hidden;
	width: 18.6%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
    min-height:15rem;
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*item2～item7
---------------------------------------------------------------------------*/
@media screen and (max-width:800px){
.item2, .item3, .item4, .item5, .item6, .item7 {
    width: 96%;
    float: none;
    margin: 0 2%;
}

}