@charset "utf-8";
/* main
================================================ */
.mv-list{
	background-image: url(/information/img/mv_info.jpg);
}
.box-wrap{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
}
.box-image, .box-txt{
	width: 50%;
}
.box-txt{
	padding: 3em;
}
.box-txt h4{
	margin-bottom: 0.8em;
	text-align: center;
}
.line_list{
	border-left: 5px solid #E5E5E5;
	padding-left: 1.5em;
}
.line_list + .line_list{
	margin-top: 3em;
}
.line_list dt{
	font-weight: bold;
	margin-bottom: 0.5em;
}
.box-payment{
	background-color: #fff;
	margin-top: 1em;
	padding: 2em;
}
.box-payment dt{
	margin-bottom: 0.4em;
}
.box-payment dd:first-letter{
	margin-left: 1em;
}
.box-payment dd + dt{
	border-top: 1px dotted #000;
	margin-top: 1em;
	padding-top: 1em;
}
.cancel_table{
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	margin-top: 1em;
}
.cancel_table th{
	background-color: #f2f2f2;
}
.cancel_table th, .cancel_table td{
	border: 1px solid #000;
	text-align: center;
	padding: 0.5em;
}
.payment_copy, .cancel_copy{
	margin-top: 1em;
}
.btn-receipt{
	margin-top: 1em;
}

/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.mv-txt_area::before{
	background-image: url(/information/img/mv_info.jpg);
}
.box-image{
	width: 40%;
	padding: 1.5em 0 1.5em 1.5em;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.box-txt{
	width: 60%;
	padding: 1.5em;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
.box-txt h4{
	margin-bottom: 0.5em;
}
.line_list{
	border-left: 4px solid #E5E5E5;
	padding-left: 1.2em;
}
.box-payment{
	padding: 1.5em;
}
}

@media screen and (max-width: 673px) {
.box-wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.box-image{
	width: 100%;
	padding: 0;
}
.box-txt{
	width: 100%;
	padding: 1em 1.5em 1.5em;
}
}


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