@charset "utf-8";

/* ===================================================
	Policy CSS
====================================================== */
/* ---------------------------------------------------
#sec01
------------------------------------------------------ */
#sec01 {
	padding: 85px 0;
	counter-reset: num;
}
#sec01 .cmn_tit01 {
	margin: 0 0 30px;
}
#sec01 h3 {
	margin: 40px 0 15px;
	font-size: 22px;
}
#sec01 h3::before {
	content: counter(num) ".";
	counter-increment: num;
}
#sec01 a img {
	vertical-align: top;
}

@media screen and (max-width: 600px) {
	#sec01 {
		padding: 60px 0;
	}
	#sec01 .cmn_tit01 {
		margin-bottom: 20px;
	}
	#sec01 h3 {
		margin: 25px 0 10px;
		font-size: 18px;
	}
}

/* ---------------------------------------------------
#sec02
------------------------------------------------------ */
#sec02 {
	padding: 85px 0;
	border-image-source: linear-gradient(#f4f4f4, #f4f4f4); /* 色 */
	border-image-slice: 0 fill; /* 変更しない */
	border-image-outset: 0 100vw; /* どれだけはみ出すか上下左右 */
}
#sec02 .cmn_tit01 {
	margin: 0 0 30px;
}
#sec02 .flex_box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 30px 0 60px;
}
#sec02 .flex_box table {
	width: calc((100% - 50px) / 2);
	font-size: 14px;
	border: 1px solid #e1e1e1;
}
#sec02 .flex_box caption {
	margin: 0 0 10px;
	font-weight: bold;
	text-align: left;
}
#sec02 .flex_box th,
#sec02 .flex_box td {
	padding: 15px;
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
}
#sec02 .flex_box th {
	font-weight: normal;
	color: rgba(35, 35, 35, 0.7);
	background: #fff;
}
#sec02 .flex_box thead th {
	color: #fff;
	background: #969696;
	border: 1px solid #e1e1e1;
}
#sec02 .attention {
	padding: 50px;
	background: #fff;
}
#sec02 .attention dt {
	margin: 0 0 20px;
	font-size: 26px;
	color: rgba(35, 35, 35, 0.7);
	text-align: center;
}

@media screen and (max-width: 600px) {
	#sec02 {
		padding: 60px 0;
	}
	#sec02 .cmn_tit01 {
		margin-bottom: 20px;
	}
	#sec02 .flex_box {
		display: block;
		margin: 25px 0 40px;
	}
	#sec02 .flex_box table {
		width: 100%;
		font-size: 13px;
	}
	#sec02 .flex_box table + table {
		margin: 30px 0 0;
	}
	#sec02 .flex_box caption {
		margin-bottom: 5px;
	}
	#sec02 .flex_box th,
	#sec02 .flex_box td {
		padding: 10px;
	}
	#sec02 .attention {
		padding: 10%;
	}
	#sec02 .attention dt {
		margin-bottom: 15px;
		font-size: 18px;
	}
}

/* ---------------------------------------------------
#sec03
------------------------------------------------------ */
#sec03 {
	padding: 85px 0;
}
#sec03 .cmn_tit01 {
	margin: 0 0 30px;
}
#sec03 p + p,
#sec03 .cmn_list_dot_01 {
	margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
	#sec03 {
		padding: 60px 0;
	}
}