.fit {
	max-width:100%;
	}
	
.tableLayout {
	table-layout:fixed;
	display:table;
	width:100%;
	}
.tableLayout > * {
	display:table-cell;
	vertical-align:top;
	}
	
#stepTbl th:first-child > div {
	text-align:center;
	padding:10px;
	border-radius:8px;
	background:#ffcc00;
	width:192px;
	}

#stepTbl tr > * {vertical-align:top;}
#stepTbl thead th {padding-bottom:10px;}
#stepTbl thead th div {font-weight:bold;text-align:center;}
#stepTbl thead th div.tableLayout {
	border-collapse:separate;
	border-spacing:5px 0;
	}
#stepTbl thead th div.tableLayout > * {vertical-align:middle;font-size:16px;border-radius:8px;}
#stepTbl thead th div.tableLayout > *:first-child {
	background:#99ccff;
	}
#stepTbl thead th div.tableLayout > *:last-child {
	background:#ff9999;
	}
#stepTbl thead .tableLayout > * {padding:10px;}


#stepTbl tbody .tableLayout > * {padding:20px;}
#stepTbl tbody .tableLayout > *:first-child {
	background:#f0f8ff;
	}
#stepTbl tbody .tableLayout > *:last-child {
	background:#fff0f0;
	}
#stepTbl tbody th {
	padding-bottom:35px;
	background:url(/international/theme/switzerland_ryuugaku/step/image/2017/161208/icon_arrow.png) no-repeat center bottom 5px;
	background:url(/international/theme/switzerland_ryuugaku/step/image/2017/161208/icon_arrow.png) no-repeat center bottom\9;/*IE8*/
	}
#stepTbl tbody tr:last-child th {background-image:none;}

#stepTbl tbody tr td h4 {
	font-size: 18px;
	font-weight:bold;
}

#stepTbl tbody tr td p {margin-bottom:1em;}
#stepTbl tbody tr td > div ul {
	padding:0 0 1em 1.6em;
	}
#stepTbl tbody tr td > div ul span.list-no {
	text-indent:-1.3em;
	display:inline-block;
	}
#stepTbl tbody tr td .tableLayout > div:first-child h4,
#stepTbl tbody tr td .tableLayout > div:first-child ul span.list-no {
	color:#3333cc;
	}
#stepTbl tbody tr td .tableLayout > div:last-child h4,
#stepTbl tbody tr td .tableLayout > div:last-child ul span.list-no {
	color:#cc2233;
	}
#stepTbl tbody tr td > div .clearFix > div.fleft {
	width:60%;
	}
#stepTbl tbody tr td > div .clearFix > div.fright {
	width:40%;
	}
	
	
@media (max-width:640px) {
#stepTbl thead {display:none;}
#stepTbl tbody .tableLayout, #stepTbl tbody .tableLayout > * {display:block;}
#stepTbl th:first-child > div {width:auto;}
#stepTbl tbody th {
	background:#ffcc00;
	width:25%;
	}
#stepTbl tbody tr {
	display:block;
	padding-bottom:40px;
	}

#stepTbl tbody tr td .bg-normal > div:first-child::before {
	display:inline-block;
	content:"ANAのサポート";
	background:#99ccff;
	border-radius:100px;
	line-height:1em;
	padding:5px 10px 2px;
	margin-bottom:5px;
	}
#stepTbl tbody tr td .bg-normal > div:last-child::before {
	display:inline-block;
	content:"お客様にご準備頂くこと";
	background:#fd9a9b;
	border-radius:100px;
	line-height:1em;
	padding:5px 10px 2px;
	margin-bottom:5px;
	}
	
#stepTbl tbody tr td > div .clearFix > div.fleft,
#stepTbl tbody tr td > div .clearFix > div.fright {
	float:none !important;
	width:auto;
	}

#stepTbl tbody tr {
	padding-bottom:35px;
	background:url(/international/theme/switzerland_ryuugaku/step/image/2017/161208/icon_arrow.png) no-repeat center bottom 5px;
	}

#stepTbl tbody tr:last-child {background-image:none;}

#stepTbl tbody .bg-ana > div:last-child::before {
	display:inline-block;
	content:"ANAのサポート";
	background:#99ccff;
	border-radius:100px;
	line-height:1em;
	padding:5px 10px 2px;
	margin-bottom:5px;
	}
}


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

	▼追加分

========================================*/
/*
.marker,
.marker a:link {
	background-color:#FFFF99;
	color:#990000;
	font-weight:bold;
}
*/
.marker-b {
	background-color:#FFFF99;
	color: #000099;
	font-weight:bold;
}

#stepTbl tbody .bg-ana > *:first-child {
	background:#f0f8ff !important;
}

#stepTbl tbody .tx-ana {
	color:#3333cc !important;
}

