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


.pel_fbox {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	padding: 40px 50px 10px;
	background-color: #E3EFFF;
	box-sizing: border-box;
}
.pel_fbox .column {
	width: 100%;
}
.pel_fbox .column img{
	width: 100%;
}
/* = = = = = = = = */
.pel_fbox2 {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.pel_fbox2 .column {
	width: 32%;
}
.pel_fbox2 .column2:nth-of-type(1) {
	width: 32%;
}
.pel_fbox2 .column2:nth-of-type(2) {
	width: 66%;
}
.pel_fbox2 .column img, .pel_fbox2 .column2 img{
	width: 100%;
}



@media only screen and (min-width:1250px) { 
	.pel_fbox .column:nth-of-type(1) {
		max-width: 460px;
	}
}
@media only screen and (min-width: 769px) {
	.pel_fbox .column:nth-of-type(1) {
		width: 45%;
	}
	.pel_fbox .column:nth-of-type(2) {
		width: 53%;
	}
}
@media only screen and (max-width: 768px) {
	.pel_fbox {
		padding: 5%;
	}
	
	.pel_fbox2 .column, .pel_fbox2 .column2 {
		width: 49%;
	}
	.unit .column:nth-of-type(1) {
		margin-bottom: 30px;
	}
}


/* = = = = = = = = */
/* 表 */
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
th, td {
	vertical-align: middle;
}
.tablestyle1 th, .tablestyle1 td,
.tablestyle2 th, .tablestyle2 td {
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/* = = = = = = = = */
.tablestyle1 th {
	color: #fff;
	background-color: #5888F2;
}
.tablestyle1 td {
	background-color: #fff;
}
.tablestyle1 th:nth-of-type(1), .tablestyle1 td:nth-of-type(1) {
	width: 40%;
}

@media only screen and (max-width: 768px) {
	table {
		margin-bottom: 0;
	}
}