@charset "utf-8";

/*etc_attention.html css
------------------------*/
.attention-box {
	background-color: #00a0e2;
	margin:0;
	padding:10px;
}


.attention {
	display:block;
	background-color:#e60012;
	font-weight:bold;
	color:#fff;
	padding:8px;
	white-space:nowrap;
}
.text-box {
	border-radius:8px;
	background-color:#fff;
	padding:0.8em;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.4);
}

.text-box h3 {
	color:#014099;
	font-weight:bold;
	font-size:120%;
	margin-bottom:8px;
}

div.img-left {
	float:left;
	padding-right:8px;
}
div.img-right {
	float:right;
	padding-left:8px;
}

div.table2 {
	display:table;
}
div.table2 div.td2 {
	display:table-cell;
	vertical-align:middle;
}

@media screen and (max-width:480px) {

div.table2, div.table2 .td2 {
	display:block !important;
}
.arrow img {
	transform: rotate(90deg);
}

}