@charset "utf-8";
/* main
================================================ */
.line_list{
	border-left: 5px solid #E5E5E5;
	padding-left: 1.5em;
}
.line_list + .line_list{
	margin-top: 3em;
}
.line_list dt{
	font-weight: bold;
}
.box-stipulation{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box-stipulation .stipulation_head{
	width: 15%;
	min-width: 5em;
}
.box-stipulation .stipulation_body{
	width: 85%;
}
.box-stipulation .stipulation_head, .box-stipulation .stipulation_body{
	text-align: left;
	padding-top: 1em;
}
.penalty_table{
	border-collapse: collapse;
	border: 1px solid #000;
	table-layout: fixed;
	width: 100%;
	margin-top: 1em;
}
.penalty_table th{
	background-color: #ddd;
}
.penalty_table td{
	vertical-align: middle;
}
.penalty_table th, .penalty_table td{
	border: 1px solid #000;
	text-align: center;
	padding: 0.5em;
}
.penalty_copy{
	margin-top: 1em;
}


/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.line_list{
	border-left: 4px solid #E5E5E5;
	padding-left: 1.2em;
}
}

@media screen and (max-width: 673px) {
.box-stipulation .stipulation_head{
	width: 100%;
	min-width: auto;
}
.box-stipulation .stipulation_body{
	width: 100%;
}
.penalty_table{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	border: none;
}
/* スマホスクロールバー常に表示 */
.penalty_table::-webkit-scrollbar {
	height: 5px;
}
.penalty_table::-webkit-scrollbar-track{
	border-radius: 5px;
	background: #ddd;
}
.penalty_table::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #777;
}
/* /スマホスクロールバー常に表示 */
.penalty_table th, .penalty_table td{
	width: 180px;
	min-width: 180px;
}
}


/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.line_list{
	border-left: 3px solid #E5E5E5;
	padding-left: 0.8em;
}
.line_list dt{
	margin-bottom: 0;
}
}