@charset "UTF-8";
/* CSS Document */

/*--------------------------------
flexboxフォーマット　ECRIT追記
--------------------------------*/

/*スマフォ1カラム*/
.flex_box_wrap-1 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 1rem;
}

.flex_box_wrap-2 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 2rem;
}

/*スマフォ2カラム*/
.flex_box_wrap_sp2c {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	flex-wrap: wrap;
}

.col_flex_sp2c{
	width: calc(94% / 2);
}

	@media print, screen and (min-width:760px){
		
	.flex_box_wrap-1 {
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: row;
		gap: 1rem;
	}
	.flex_box_wrap-2, .flex_box_wrap_sp2c {
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: row;
		gap: 2rem;
	}

	.col_flex_2 {
		width: calc(96% / 2);
	}
		
	.col_flex_3 {
		width: calc(93% / 3);
	}
		
	.col_flex_4 {
		width: calc(90% / 4);
	}
		
	.col_flex_60 {
		width: 58%;
	}
		
	.col_flex_40 {
		width: 38%;
	}
		
	.col_flex_50 {
		width: 47%;
	}
		
	.col_flex_70 {
		width: 68%;
	}
		
	.col_flex_30 {
		width: 28%;
	}
		
	.col_flex_100 {
		width: 100%;
	}
				
	}