@charset "UTF-8";

.article {
	margin-top: 30px;
}

.intro_list {
	background: #C2EFFF;
	padding: 10px 15px;
	margin-top: 30px;
}

.intro_list > li {
	text-indent: -0.7em;
	padding-left: 1em;
}

.intro_list > li:before {
	font-family: icomoon;
	content: "\e900";
	color: #1c92e4;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

.treat {
}

.treat_txt {
}

.material {
}

.material_subttl {
}

.material_subttl:before {
	font-family: icomoon;
	content: "\e900";
	color: #1c92e4;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

.material_cnt {
}

.material_item {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.material_item:first-child {
	border-bottom: 1px solid #ccc;
}

.material_list {
	list-style: none;
	font-size: 0;
}

.material_list > li {
	display: inline-block;
	position: relative;
}

.material_list > li:first-child {
	margin-right: 30px;
}

.material_list > li:first-child:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17.5px 0 17.5px 18px;
	border-color: transparent transparent transparent #50a9e3;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: -24px;
}

.presen {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.presen_ttl {
	background: #ededed;
	border-bottom: 1px solid #ccc;
	padding: 5px 15px;
}

.presen_wrap {
	padding: 20px;
}

.presen_img {
	position: relative;
	display: inline-block;
	width: 26.5%;
	float: left;
}

.presen_img .-btn {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.presen_cnt {
	width: 70%;
	float: right;
}

.presen_row {
	display: table;
	width: 100%;
}

.presen_col {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}

.presen_col.-merit {
	border-right: 1px solid #ccc;
	padding-right: 20px;
}

.presen_subttl {
	margin-bottom: 20px;
}

.presen_subttl:before {
	font-family: icomoon;
	content: "\e900";
	color: #1c92e4;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

.presen_list {
}

.presen_list > li {
	text-indent: -1em;
	padding-left: 1em;
}

.presen_list > li:before {
	content: "・";
}

.system {
}

.system_ttl {
}

.system_cnt {
}

.system_txt {
	width: 70%;
	float: left;
}

.system_img {
	width: 29.2%;
	float: right;
	position: relative;
}

.system_img .-btn {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.white {
}

.white_ttl {
}

.white_cnt {
	position: relative;
}

.white_txt {
}

.white_subttl {
	margin-top: 20px;
}

.white_subttl:before {
	font-family: icomoon;
	content: "\e900";
	color: #1c92e4;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

.white_list {
}

.white_list > li {
}

.white_caution {
	margin-top: 20px;
}

.white_subttl {
}

.white_flowlist {
	list-style: none;
}

.white_flowlist > li {
	width: 150px;
	float: left;
	margin-left: 30px;
}

.white_flowlist > li:first-child {
	margin-left: 0;
}

.white_flowlist > li:before {
}

.white_flowlist_img {
	position: relative;
}

.white_flowlist_img:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17.5px 0 17.5px 18px;
	border-color: transparent transparent transparent #50a9e3;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: -24px;
}

.white_flowlist > li:first-child .white_flowlist_img:before {
	display: none;
}

.white_flowlist_txt {
}

.white_img {
	position: absolute;
	top: 20px;
	right: 30px;
}

/* All SP */
@media screen and (max-width:980px) {
	.white_txt {
		max-width: 430px;
	}

}

/* All SP */
@media screen and (max-width:640px) {
	.material_list {
		max-width: 440px;
	}

	.material_list > li {
		width: 48%;
	}

	.material_list > li:first-child {
		margin-right: 4%;
	}

	.material_list > li:first-child:after {
		border-width: 8px 0 8px 6px;
		margin-top: -8px;
		right: -10px;
	}

	.presen_img {
		display: block;
		width: 100%;
		max-width: 225px;
		margin: 0 auto;
		float: none;
	}

	.presen_img .-btn {
	}

	.presen_cnt {
		width: 100%;
		float: none;
	}

	.presen_row {
		margin-top: 20px;
	}

	.presen_col {
		display: block;
		padding-left: 0;
	}

	.presen_col.-merit {
		border-right: 0px;
		padding-right: 0px;
		margin-bottom: 15px;
	}

	.presen_subttl {
		margin-bottom: 0;
	}

	.system_txt {
		width: 100%;
		float: none;
	}

	.system_img {
		width: 100%;
		max-width: 257px;
		float: none;
		margin: 20px auto 0;
	}

	.white_txt {
		max-width: 100%;
	}

	.white_flowlist {
		max-width: 306px;
	}

	.white_flowlist > li {
		width: 49%;
		max-width: 150px;
		margin-left: 2%;
		min-height: 170px;
		margin-bottom: 10px;
	}

	.white_flowlist > li:nth-child(2n+1) {
		margin-left: 0;
	}

	.white_flowlist_img:before {
		border-width: 8px 0 8px 6px;
		margin-top: -8px;
		left: -6px;
	}

	.white_flowlist > li:nth-child(2n+1) .white_flowlist_img:before {
		display: none;
	}

	.white_img {
		position: static;
		margin-top: 20px;
	}

}