/************************************************************************************
larger than 980
*************************************************************************************/

#main {
	float:left;
	width:670px;
}


/*--------company----------*/
.company {
	text-align:center;
	line-height:180%;
}
.company img {
	margin-bottom:30px;
}


/*--------data----------*/
.data table {
	width:100%;
}
.data table th,
.data table td {
	border-bottom:1px dotted #bdbdbd;
	padding:20px;
}
.data table th {
	border-right:1px dotted #bdbdbd;
	width: 28%;
}
.data table td {
	font-size:14px;
}
.data iframe {
	border:none;
	margin-top:20px;
}

.data__link {
	margin-right: 1px;
	margin-left: 1px;
	color: #ea0000;
	text-decoration: underline;
}


/*--------standard----------*/
.standard li {
	background-color:#f9f9f8;
	padding: 25px 10px;
	width:44%;
	height:70px;
	float:left;
	margin-bottom:30px;
}
.standard li:nth-child(odd) {
	margin-right:30px;
}
.standard .icon {
	float:left;
	width:80px;
	text-align:center;
	margin-right:10px;
}
.standard .one {
	margin-top:25px;
}
.standard .two {
	margin-top:10px;
}


/*--------vision----------*/
.vision h2 {
	font-size:23px;
	background:none;
	letter-spacing:0.1em;
	padding-bottom:0;
}
.vision h3 {
	line-height:40px;
	font-weight:normal;
	margin-bottom:30px;
}
.vision p {
	line-height:30px;
	font-size:14px;
}



/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {

#main {
	float:none;
	width:90%;
	margin:0 auto;
	margin-bottom:40px;
}

#side {
	float:none;
	width:100%;
}

#side .btn a {
	padding:20px 0;
	font-size:14px;
}

/*--------standard----------*/
.standard ul {
	width:90%;
	margin:0 auto;
}


}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

#side {
	float:none;
	width:90%;
	margin:0 auto;
}

/*--------company----------*/
.company {
	text-align:left;
}
.company img {
	margin-bottom:10px;
}

/*--------data----------*/
.data table tr {
	display:block;
	margin-bottom:1.5em;
	padding-bottom:1em;
	border-bottom:1px dotted #bdbdbd;
}
.data table th,
.data table td {
	display:list-item;
	border:none;
	list-style:none;
	text-align:left;
	padding:0;
}


/*--------standard----------*/
.standard li {
	float:none;
	clear:both;
	width:100%;
	margin:0 auto 30px;
}
.standard li:nth-child(odd) {
	margin-right:0;
}
.standard .icon {
	width:20%;
}
.standard .icon img {
	width:auto;
}

/*--------vision----------*/
.vision h3 {
	line-height:30px;
	font-size:15px;
}
.vision p {
	font-size:14px;
}


}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}





}