/* CSS Document */

header { background-position: left; }

div.intro-text { width: 80%; margin: 0 auto; text-align: center; }

main h3 { color: #1B3466; font-weight: 600; font-size: 20px; margin-top: 3rem; }
table.cancellation-schedule { width: 70%; margin: 0 auto; border-collapse: collapse; }
table.cancellation-schedule thead {  }
table.cancellation-schedule thead tr {  }
table.cancellation-schedule thead tr th { background: #E8D9EC; text-align: center; padding: 30px; font-weight: 500; font-size: 16px; }
table.cancellation-schedule thead tr th:first-child { width: 55%; border-right: 1px solid #bbb; border-radius: 20px 0 0 0; }
table.cancellation-schedule thead tr th:last-child { width: 45%; border-radius: 0 20px 0 0; }
table.cancellation-schedule tbody tr { height: 50px; }
table.cancellation-schedule tbody tr td { text-align: center; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
table.cancellation-schedule tbody tr td:last-child { font-size: 14px; line-height: 1; }
table.cancellation-schedule tbody tr td small { font-size: 16px; }
table.cancellation-schedule + p { width: 70%; margin: 30px auto; }

ol { list-style: none; }

ol { counter-reset: cancellation-process-counter; }
ol li { position: relative; z-index: 0; padding-top: 100px; }
ol li:after { content: counter(cancellation-process-counter); counter-increment: cancellation-process-counter; font-size: 250px; font-weight: bold; color: #ecdced; position: absolute; top: -50px; z-index: -1; left: -50px; }
ol li h3 { margin-bottom: 40px; }
ol h2 { margin-top: 80px; }

@media ( max-width: 991px ) {
	table.cancellation-schedule,
	table.cancellation-schedule + p { width: 90%; }
}
@media ( max-width: 767px ) {
	main h2 { font-size: 32px; }
	div.intro-text { text-align: left; width: 100%; }
	table.cancellation-schedule,
	table.cancellation-schedule + p { width: 100%; }
	table.cancellation-schedule thead tr th { line-height: 1.2; padding: 20px 10px; }
}
@media ( max-width: 575px ) {
	table.cancellation-schedule thead tr th:first-child { width: 40%; }
	table.cancellation-schedule thead tr th:last-child { width: 60%; }
	table.cancellation-schedule tbody tr td small { display: block; font-size: 12px; line-height: 0.8; }
	
	ol { padding-left: 0; }
	ol li { padding-top: 30px; }
	ol li:after { font-size: 100px; top: 0; left: 0; }
	ol li h3 { padding-left: 20px; }
	
}