@charset "UTF-8";

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

.midashi_tit p{
	margin		: 50px 0;
}


/* ■館林ロータリークラブの紹介■ */
.info_box{
	overflow	: hidden;
}

.info_box1{
	float		: left;
}

.info_box1 p{
	font-size	: 16px;
	line-height	: 24px;
	margin		: 0 0 20px;
}

.info_box1 span{
	font-size	: 16px;
	font-weight	: bold;
	line-height	: 36px;
}

.info_box2{
	width		: 200px;
}

.info_box2 p{
	font-size	: 16px;
	line-height	: 24px;
}

.info_box2 span{
	font-size	: 18px;
	font-weight	: bold;
	line-height	: 36px;
}

.info_box2 img{
	width		: 200px;
	margin		: 0 0 10px;
}


/* ■館林ロータリークラブ事務局■ */


.info_table{
	border-collapse	: separate;
	border-spacing	: 0;
	width		: 100%;
}


.info_table tr{

	height		: 50px;
}



.info_table td{
	border-bottom	: #189EDB solid 2px;

}

.td1{
	width		: 25%;
	padding		: 0 0 0 5%
}

.td2{
	width		: 70%;
}



/* ■ロータリーの目的■ */
.info_box3 p{
	overflow	: hidden;
	font-size	: 16px;
	line-height	: 24px;
	margin		: 0 0 20px;
}

.info_box3 p span {
	float		: left;
}

.sp01{
	width		: 13%;
	font-weight	: bold;
	padding		: 0 0 0 2%
}

.sp02{
	width		: 85%;
}







@media screen and (min-width: 768px) {
/* 768pxからの幅の場合に適応される */
.info_box1{
	width		: 550px;
}

.info_box2{
	float		: right;
}


.info_box2 p{
	text-align	: right;
}

}

@media screen and (max-width:767px) {
/*　画面サイズが767pxまではここを読み込む　*/
.info_box1{
	width		: 100%;
}

.info_box2{
	margin		: 0 auto;
}

.info_box2 p{
	text-align	: center;
}


.textlineheight{
	line-height	: 130%;
}

}