@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : agreement.css
 author     : Ability Consultant
 style info : 約款
=================================================================== */
.con_intro, .con_agreement {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.con_intro, .con_agreement {
		width: 95%;
	}
}

@media print {
	.con_intro, .con_agreement {
		width: 95%;
	}
}

.ie8 .con_intro, .ie8 .con_agreement {
	width: 95%;
}

#bg_page {
	background-image: url(../agreement/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../agreement/images/bg_title-sp.jpg);
	}
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 5em;
	text-align: center;
}

/* -----------------------------------------------------------
	.con_agreement
----------------------------------------------------------- */
.con_agreement .box_agreement {
	overflow: hidden;
	margin-bottom: 5em;
}

.con_agreement .box_agreement .btn {
	font-size: 93%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_agreement .box_agreement .btn {
		font-size: 93%;
	}
}

@media only screen and (max-width: 767px) {
	.con_agreement .box_agreement .btn {
		font-size: 93%;
	}
}

.con_agreement .box_agreement .btn a {
	width: 33%;
	padding: .5em 0;
	float: left;
	margin-bottom: .5em;
	margin-left: 0.5%;
}

.con_agreement .box_agreement .btn a.first {
	margin-left: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_agreement .box_agreement .btn a {
		min-width: initial;
	}
}

@media only screen and (max-width: 767px) {
	.con_agreement .box_agreement .btn a {
		float: none;
		margin-left: 0;
		width: 100%;
	}
}

.con_agreement .box_agreement a {
	text-decoration: none;
}

.con_agreement .box_agreement a:after {
	content: "\f103";
}

.con_agreement .box_agreement a:hover {
	text-decoration: underline;
}

.con_agreement .box_agreement a i {
	padding-left: 0.5em;
}

.con_agreement .box_agreement .txt_ar {
	text-align: right;
	margin-bottom: 2em;
}

.con_agreement .box_agreement .section {
	margin-bottom: 4em;
}

/* -----------------------------------------------------------
	.scroller
----------------------------------------------------------- */
.scroller {
	margin-bottom: 1.5em;
}

.scroller th, .scroller td {
	font-weight: normal;
	text-align: left;
	padding: 10px;
}

.scroller .pink {
	background: #f0d9d9;
}

.scroller .white {
	background: #fff;
}

@media only screen and (max-width: 767px) {
	.scroller {
		overflow: auto;
	}
	.scroller .tbl_primary_fix {
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}

/* -----------------------------------------------------------
	.tbl_primary_fix
----------------------------------------------------------- */
.tbl_primary_fix th {
	width: auto;
}

.tbl_primary_fix .percent {
	width: 100px;
}

/*# sourceMappingURL=../maps/agreement.css.map */