@charset "UTF-8";
/* CSS Document */

h2 {
	padding: 5px 0;
	text-align: center;
	font-family: 'notoLight';
	font-weight:lighter;
	font-style: lighter;
	font-size: 24px;
	border-bottom: #264077 1px solid;
}

/* *****************  MESSAGE  RAYOUT  ****************** */

.message {
	width: 60%;
	float: left;
	margin: 0 30% 50px 10%;
}

.message h2 {
	width: 40%;
	margin: 50px 30% 20px;
}


.message .message {
	width: 80%;
	float: left;
	margin: 20px 10% 50px;
}

.message dl { float: right; }
.message dd { text-align: right; }

/* *****************  POLICY  RAYOUT  ****************** */

.policy {
	width: 50%;
	margin: 50px 10% 50px 40%;
	float: left;
}

.policy h2 {
	width: 50%;
	margin: 30px 25%;
}

.policy ul {
	width: 80%;
	margin: 20px 8% 50px 12%;
	float: left;
}

.policy li {
	list-style:decimal-leading-zero;
	list-style-position: outside;
	margin: 10px 0;
}

/* *****************  PROFILE  RAYOUT  ****************** */

.profile {
	width: 800px;
	margin: 50px auto;
}

.profile h2 {
	width: 50%;
	margin: 30px 25%;
}

.profile .tbl {
	margin: 0 0 50px;
	float: left;
}

.profile dl {
	width: 90%;
	float: left;
	margin: 0 5%;
	padding: 0;
	display: table;
	border-bottom: #264077 1px dashed;
}

.profile dt {
	width: 30%;
	float: left;
	margin: 0;
	padding: 10px 0;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}

.profile dd {
	width: 66%;
	float: left;
	margin: 0;
	padding: 10px 2%;
	display:table-cell;
	vertical-align: middle;
}

.profile dd li {
	float: left;
	margin: 0 1em 10px 0;
	padding-left: -10px;
}

.profile dd li.bank {
	width: 100%;
}

/* *****************  MAP  RAYOUT  ****************** */

.access {
	width: 100%;
	margin: 50px 0;
	float: left;
}

.access h2 {
	width: 40%;
	margin: 30px 30%;
}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1100px */
/* **************************************************************** */
@media only screen and (max-width:1100px){

.message { width: 80%;margin: 0 10% 50px; }
.message h2 { width: 50%;margin: 50px 25% 20px; }

.policy { width: 80%;margin: 50px 10% 50px; }

.profile { width: 80%;margin: 50px 10%; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 780px */
/* **************************************************************** */
@media only screen and (max-width:780px){

.message { width: 90%;margin: 0 5% 50px; }

.policy { width: 90%;margin: 50px 5% 50px; }

.profile { width: 90%;margin: 50px 5%; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 680px */
/* **************************************************************** */
@media only screen and (max-width:680px){

.profile dl { border-bottom: none; }
.profile dt { width: 100%;background-color: rgba(214,214,214,0.5);padding: 5px 0; }
.profile dd { width: 96%; }

}