@charset "utf-8";
/* ===========================================================

	Title: contents.css
	Created: 2018-3-18

=========================================================== */
/*

	link-button
	img-parade
	mail-form


=========================================================== */
.table-responsive {
	display: block; padding: 0; margin: 0;
	width: 100%;
	overflow-x:auto;
	overflow-y:hidden; /*tableをスクロールさせる*/
	white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.table-responsive::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
	height: 5px;
}
.table-responsive::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
	background: #F1F1F1;
}
.table-responsive::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
	background: #BCBCBC;
}
.table-responsive table { width: 100%; }

@media print, screen and (min-width:768px) {
	.table-responsive {
		white-space: normal;
		overflow-x:auto;
		overflow-y:auto;
	}
}
/* ===========================================================

	link-button

=========================================================== */
/* link-button__a
........................................................... */
.link-button__a a {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
	position: relative;
    color: #fff;
	letter-spacing: 0.15em;
	background-color: #f29600;
	padding: 0 5em;
	border-radius: 5px;
}

@media screen and (max-width: 1200px) {
	.link-button__a a {
		letter-spacing: 0;
		padding: 0 2.5em;
	}
}
.link-button__a a:hover {
    opacity: 1;
	text-decoration: none;
    background-color: #111;
}
.link-button__a a:before {
	position: absolute;
	top: 50%;
	right: 20px;
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* ===========================================================

	img-parade

=========================================================== */
/* limg-parade
........................................................... */
.img-parade {
	display: flex;
	justify-content: space-between;
}
/* limg-parade--center
........................................................... */
.img-parade--center {
	display: flex;
	justify-content: center;
}
.img-parade--center li {
	padding: 0 1em;
}

/* ===========================================================

	mail-form

=========================================================== */
.mail-form {}
.mail-form dl {
	margin: 40px 0;
	padding: 10px 0 0;
	border-top: dotted 1px #ddd;
}
.mail-form dt.mfp {
	clear: both;
	float: left;
	margin: 0 0 10px;
	padding: 0 0 10px;
	width: 15em;
	position: relative;
}
.mail-form dd.mfp {
	margin: 0 0 10px;
	padding: 0 0 10px 18em;
	border-bottom: dotted 1px #ddd;
}
.mail-form .must {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 1px 5px;
	border-radius: 3px;
	color: #fff;
	background-color: #EC239E;
}
.mail-form ol {
	list-style: none;
}
.mail-form .agree {
	text-align: center;
	display: block;
	padding: 20px;
}
.mail-form .mfp_buttons {
	display: flex;
	justify-content: center;
}

.mail-form .mfp_buttons input {
	margin: 0; padding: 0; background: none; background-color: transparent; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1em; line-height: 28px; text-indent: .01px; text-overflow: ""; font-family: inherit; font-weight: inherit; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.mail-form .mfp_buttons input {
	justify-content: center;
	isplay: block; padding: 0.5em 1.0em; margin: 0 0.5em; border: solid 1px #ddd; border-radius: 4px; font-size: 1em; line-height: 28px; position: relative; overflow: hidden;
}
.mail-form .mfp_buttons input:disabled {
	opacity: 0.5;
}
@media screen and (max-width: 1200px) {
	.mail-form dt.mfp {
		clear: both;
		float: none;
		width: 100%;
	}
	.mail-form dd.mfp {
		padding: 0 0 10px;
	}
}