@charset "utf-8";

/*--------------------------------------------------
  = senior column
--------------------------------------------------*/

/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	.ly_column-senior{
		display: flex;
		justify-content:space-between;
	}

	.col2-senior{
		width: calc(100% / 2 - 2rem);
		margin-bottom: 30px;
		padding: 20px;
		background-color: #f6f5f4;
	}
}


/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.ly_column-senior{
		display: block;
	}

	.col2-senior{
		width: 100%;
		margin-bottom: 15px;
		padding: 15px;
		background-color: #f6f5f4;
	}
	
}


/*--------------------------------------------------
  = ly_column
--------------------------------------------------*/

/* bl_btnUnits */
.bl_btnUnits {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	.ly_column.__row {
		display: flex;
		flex-wrap: nowrap;
		align-items:flex-end;
	}
			
	/* __7col（member一覧）*/
	.ly_column.__7col .ly_column_item {
		width: calc(100% / 7);
	}
	.ly_column.__7col .ly_column_item:not(:nth-child(7n)) {
		margin-right: 3rem;
	}
	.ly_column.__7col .ly_column_item:nth-child(n+8) {
		margin-top: 5.5rem;
	}
	.ly_column_item img{
	}
	
	.ly_column_item_w30{
		width:30%!important;
	}
	
	.ly_column_item_w70{
		width:65%!important;
	}
	
	/* __3col*/

	.bl_btnUnits.__3col .bl_btn {
		width: calc(100% / 3 - 1.45rem);
		min-width: 17rem;
		margin-bottom: 1rem;
	}
	.bl_btnUnits.__3col .bl_btn:not(:nth-child(3n)) {
		margin-right: 1.9rem;
	}

		
}
/* = PC (1300px以下 768px以上)
----------------------------------------------- */
@media print, screen and (max-width: 1299px) and (min-width: 768px) {


}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	
	.ly_column.__row {
		display: flex;
		flex-wrap:wrap; 
		align-items:flex-end;
	}
	
	/* bl_btnUnits */
	.bl_btnUnits {
		justify-content: space-between;
	}
	/* bl_btnUnits --- 3col */
	.bl_btnUnits.__3col .bl_btn {
		width: calc(100% / 2 - .45rem);
	}
	.bl_btnUnits.__3col .bl_btn:nth-child(n+3) {
		margin-top: 1.1rem;
	}
	
	/* __7col */
	.ly_column.__7col .ly_column_item {
		width: calc(100% / 3);
		padding: 0;
		margin: 0;
	}
	
	.ly_column_item_w30{
		width:100%!important;
	}
	
	.ly_column_item_w70{
		width:100%!important;
	}
	
}



/*--------------------------------------------------
  = bl_float
--------------------------------------------------*/
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	.bl_float .el_imgWpr {
		margin: .8rem 0 .5rem;
	}
	.bl_float.__imgR .el_imgWpr {
		float: right;
		margin-left: 3rem;
		margin-bottom: 2rem;
	}
	
	.bl_float.__imgL .el_imgWpr {
		float: left;
		margin-right: 3rem;
		margin-bottom: 2rem;
	}
	
	
	
	.el_imgWpr.__wid120 {
		width: 12rem;
	}
	
	.el_imgWpr.__wid350 {
		width: 35rem;
	}
	
	.el_imgWpr.__wid400 {
		width: 40rem;
	}
	
	.el_imgWpr.__wid500 {
		width: 50rem;
	}
	
	.img_border{
		border: 5px #fff solid;
	}
	
	/*senior*/
	
	.bl_float-senior .el_imgWpr {
		margin: .8rem 0 .5rem;
	}
	
	.bl_float-senior.__imgL-senior .el_imgWpr {
		float: left;
		margin-right: 3rem;
	}
	
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.bl_float {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 3rem;
	}
	.img_border{
		border: 5px #fff solid;
	}
	
	/*senior*/
	
	.bl_float-senior.__imgL-senior .el_imgWpr {
		float: left;
		margin-right: 3rem;
		width:8rem;
	}
}

/*--------------------------------------------------
  = 座談会
--------------------------------------------------*/

/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {

p.matome{
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
	
}

/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	
p.matome{
	text-align: left;
	font-weight: bold;
}	
	
}