@charset "utf-8";

/*
************************************************************************
* box block ボックス　ブロック
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */


.flex-box {
	display: flex;
	flex-wrap: wrap;
	margin: 2em -2em;
}
.flex-box.flex-box-1 {
	flex-wrap: wrap;
	margin: 0;
}
.flex-box.flex-box-1 .flex-box-item {
	width: 100%;
	display: flex;
}

.flex-box.flex-box-2 .flex-box-item {
	margin: 0 2em;
	width: calc(50% - 4em);
	max-width: 600px;
}

.flex-box.flex-box-3 .flex-box-item {
	margin: 1em 2em;
	width: calc(33.3333% - 4em);
	max-width: 360px;
}

.box-shadow {
	/* box-shadow */
	box-shadow: 7px 13px 11px 0px rgba(0,0,0,0.1);
	border-radius: 3em;

	background-color: #fff;
}

.box-partner .box-shadow{
	border-radius: 0;
}

.box-text {
	padding: 0 2em 2em 2em;
}


@media screen and (max-width:640px) {
	.flex-box {
		flex-wrap: wrap;
		margin: 0em;
	}
	.flex-box.flex-box-2 .flex-box-item {
		margin: 0em 0 2em 0;
		width: 100%;
		max-width: 640px;
	}
	.flex-box.flex-box-3 .flex-box-item {
		margin: 1em 0em;
		width: calc(100% - 0em);
	}

}