@charset "UTF-8";

/*=================================================================
*==================================================================
page style setting
==================================================================*
==================================================================*/
/* ===============================================
Modal
=============================================== */
/* -----------------------------------------------
container base
----------------------------------------------- */
.remodal {
	max-width: 940px;
	margin: 0;
	padding: 0 0 70px 0;
	background-color: #ffffff;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.remodal .remodal-close {
	position: absolute;
	top: auto;
	bottom: 30px;
	left: 0;
	right: 0;
	display: none;
	overflow: visible;
	width: 76px;
	height: 20px;
	margin: auto;
	padding: 6px 0 6px 0;
	background: url(../../../img/module/modal/sct/bt_close.png) no-repeat 0 0;
	font-size: 0;
	text-align: center;
}

.remodal .remodal-close.on {
	display: block;
}

.remodal .remodal-close:before {
	display: none;
}

.remodal .remodal-close:hover {
	opacity: 0.7;
}

/* ===============================================
card_modal
----------------------------------------------- */
[data-remodal-id="modal_sct"] {
	padding: 30px 30px 80px 30px;
	background-color: #ffffff;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.remodal .wr_modal_sct .sct_range {
	padding: 0 0 0 0;
}

.remodal .wr_modal_sct .sct_range .ttl_mass {
	margin: 0 0 25px 0;
	font-size: 24px;
}

.remodal .wr_modal_sct .sct_range .table_mass {
	padding: 2px;
	border: 1px solid #000000;
}

.remodal .wr_modal_sct .sct_range .table_mass table {
	width: 860px;
	border-collapse: collapse;
}

.remodal .wr_modal_sct .sct_range .table_mass th,
.remodal .wr_modal_sct .sct_range .table_mass td {
	border: 1px solid #000000;
}

.remodal .wr_modal_sct .sct_range .table_mass th {
	width: 25%;
	padding: 10px 20px 10px 20px;
	background-color: #f5f3ec;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	word-break: break-all;
}

.remodal .wr_modal_sct .sct_range .table_mass td {
	width: 75%;
	padding: 10px 20px 10px 20px;
	background-color: #ffffff;
	color: #000000;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
}

.remodal .wr_modal_sct .sct_range .table_mass td li {
	margin: 6px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.remodal .wr_modal_sct .sct_range .table_mass td li:first-child {
	margin: 0 0 0 0;
}

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
	/* -----------------------------------------------
	container base
	----------------------------------------------- */
	.remodal {
		max-width: 720px;
		margin: 0;
		padding: 0 0 50px 0;
		background-color: #f2f8fc;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.remodal .remodal-close {
		position: absolute;
		top: auto;
		bottom: 20px;
		left: 0;
		right: 0;
		display: none;
		overflow: visible;
		width: 66px;
		height: 17px;
		margin: auto;
		padding: 6px 0 6px 0;
		background-size: contain;
		font-size: 0;
		text-align: center;
	}

	.remodal .remodal-close.on {
		display: block;
	}

	.remodal-close:before {
		display: none;
	}

	.remodal .remodal-close:hover {
		opacity: 0.7;
	}

	/* ===============================================
	card_modal
	----------------------------------------------- */
	[data-remodal-id="modal_sct"] {
		padding: 20px 10px 60px 10px;
		background-color: #ffffff;
		/* box-sizing */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.remodal .wr_modal_sct .sct_range {
		padding: 0 0 0 0;
	}

	.remodal .wr_modal_sct .sct_range .ttl_mass {
		margin: 0 0 15px 0;
		font-size: 18px;
	}

	.remodal .wr_modal_sct .sct_range .table_mass {
		padding: 2px;
		border: 1px solid #000000;
	}

	.remodal .wr_modal_sct .sct_range .table_mass table {
		width: 100%;
		border-collapse: collapse;
	}

	.remodal .wr_modal_sct .sct_range .table_mass th,
	.remodal .wr_modal_sct .sct_range .table_mass td {
		border: 1px solid #000000;
	}

	.remodal .wr_modal_sct .sct_range .table_mass th {
		width: 25%;
		padding: 6px 4px 5px 4px;
		background-color: #f5f3ec;
		color: #000000;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
		word-break: break-all;
	}

	.remodal .wr_modal_sct .sct_range .table_mass td {
		width: 75%;
		padding: 6px 4px 5px 4px;
		background-color: #ffffff;
		color: #000000;
		font-size: 13px;
		text-align: left;
		word-break: break-all;
	}

	.remodal .wr_modal_sct .sct_range .table_mass td li {
		margin: 6px 0 0 0;
		padding: 0 0 0 1em;
		text-indent: -1em;
	}

	.remodal .wr_modal_sct .sct_range .table_mass td li:first-child {
		margin: 0 0 0 0;
	}

}/* End SP----------------------------------------------------*/