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

/*==========================================================================
メリット01
============================================================================*/
.merit01wap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 30px auto;
}
.merit01wap .box1,
.merit01wap .box2,
.merit01wap .arrow {
	width: 100%;
	box-sizing: border-box;
}
.merit01wap .box1,
.merit01wap .box2 {
	background-color: #FFF;
	border-radius: 10px;
	padding: 20px;
}
.merit01wap .arrow {
	font-size: 56px;
	color: #6B4FCB;
}
.merit01wap .box1 h3 {
	padding: 5px;
	color: #FFF;
	background-color: #666;
	text-align: center;
	margin-bottom: 20px;
}
.merit01wap .box2 h3 {
	padding: 5px;
	color: #FFF;
	background-color: #174489;
	text-align: center;
	margin-bottom: 20px;
}

/*****************************************************
	320px以下【iphone5】
******************************************************/
@media print, screen and (max-width: 320px) {

}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.merit01wap .box1,
	.merit01wap .box2 {
		width: 45%;
	}
	.merit01wap .arrow {
		width: 10%;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
}
/*==========================================================================
メリット01 リスト
============================================================================*/
.merit01List {
	display: flex;
	flex-wrap: wrap;
  	justify-content: space-between;
	list-style: none;
}
.merit01List .box {
	width: 100%;
	box-shadow: 0px 2px 6px rgba(0,0,0,.2);
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	text-align: left;
	background-color: #FFF;
}
.merit01List .box:first-child {
	background-color: #D9D9D9;
}
.merit01List .box h3 {
	color:#174489;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.4;
}
.merit01List .box .wap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.merit01List .box .wap .pic {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.merit01List .box .wap ul {
	width: 100%;
	font-size: 14px;
	line-height: 1.4;
}

/*****************************************************
	320px以下【iphone5】
******************************************************/
@media print, screen and (max-width: 320px) {

}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.merit01List .box {
		width: 48.5%;
		margin-bottom: 15px;
		padding: 20px;
	}
	.merit01List .box h3 {
		text-align: left;
	}
	.merit01List .box .wap .pic {
		width: 20%;
		text-align: left;
	}
	.merit01List .box .wap ul {
		width: 78%;
		font-size: 14px;
	}

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.merit01List .box {
		width: 32%;
		margin-bottom: 15px;
		padding: 25px;
	}
}



/*==========================================================================
メリット05
============================================================================*/
.merit05List {
	display: flex;
	flex-wrap: wrap;
  	justify-content: space-between;
	list-style: none;
}
.merit05List li {
	width: 100%;
	box-shadow: 0px 2px 6px rgba(0,0,0,.2);
	border-radius: 8px;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
	background-color: #FFF;
}
.merit05List li:first-child {
	color: #FFF;
	background-color: #174489;
}
/*****************************************************
	320px以下【iphone5】
******************************************************/
@media print, screen and (max-width: 320px) {

}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.merit05List li {
		width: 48.5%;
		margin-bottom: 20px;
		padding: 20px;
	}

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.merit05List li {
		width: 23.5%;
		margin-bottom: 20px;
		padding: 25px;
	}
}