@charset "euc-jp";

.ticketguard-wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

.main-text-wrapper {
	padding: 12px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}

.accident-title {
	font-size: 3.2rem;
	font-weight: bold;
	color: #06c;
}

.accident-wrapper-title {
	padding: 15px 15px 15px 28px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #06c;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.accident-wrapper {
	padding: 18px;
	border: 2px solid #06c;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.accident-wrapper ul {
	font-size: 1.4rem;
	line-height: 1.4;
}
.accident-wrapper li {
	margin-top: 12px;
	padding-left: 2em;
	text-indent: -2em;
}

.section-title {
	padding: 3px 0px 6px 42px;
	font-size: 2.8rem;
	font-weight: bold;
	background: url('/img/ticketguard/pc-icon.png') no-repeat 4px 0;
}

.insurance-fee-tbl {
	width: 640px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #ccc;
	border-collapse: collapse;
}
.insurance-fee-tbl th {
	padding: 12px;
	font-size: 1.6rem;
	background-color: #e6e6e6;
}
.insurance-fee-tbl th.ticket,
.insurance-fee-tbl th.fee {
	width: 45%;
}
.insurance-fee-tbl td {
	padding: 18px;
	font-size: 2.8rem;
	border-bottom: 1px solid #ccc;
}
.insurance-fee-tbl td.ticket {
	color: #06c;
}
.insurance-fee-tbl td.fee {
	color: #c9161d;
}
.insurance-fee-tbl td.arrow {
	font-size: 2.2rem;
	color: #c9161d;
}

.step-title {
	position: relative;
	padding: 0 0 0 42px;
	color: #06c;
	font-size: 1.8rem;
	font-weight: bold;
}
.step-title::before {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	top: 3px;
	left: 20px;
	color: #fff;
	font-weight: bold;
	background-color: #06c;
	border-radius: 50%;
}

.step-sub-box {
	margin: 12px 0 0 42px;
}

.bottom-text-wrapper {
	padding: 18px;
	border: 1px solid #ccc;
}

.apply-btn {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 420px;
	height: 54px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #aa6717;
	text-align: right;
	text-decoration: none;
	border-radius: 6px;
	pointer-events: none;
}
.apply-btn:hover {
	color: #aa6717;
	background-color: #fff;
	border: 2px solid #aa6717;
}

hr {
	margin-top: 24px;
	border: 0;
	border-top: 1px solid #ccc;
}

.for-sp { display: none; }

.q-and-a-wrapper.ticketguard {
	max-width: 980px;
}

/* ---フッターのトップへ戻るボタン(SP版の物を流用)--- */
.js-top-btn {
	width: 54px;
	height: 54px;
	position: fixed;
	right: 10%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background-color: #333;
	border-radius: 32px;
	opacity: .8;
	z-index: 100;
	cursor: pointer;
}