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

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:480px){

p.osumai, #navback{ display:none;}
	
/*-------------------------------------ヘッダーここから*/

#head{width:100%;max-width:320px;}

.logo{
	width:100%;
	float:none;
	text-align:center;
	margin:auto;
	}
	
.head_r{
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}
	
.lang{ text-align:center;}

/*-------------------------------------ヘッダーここまで*/


/*-------------------------------------ナビここから*/

label {
	padding-bottom:10px;
	padding-top:20px;
	text-align: center;
	display: block;
	position: relative;
	cursor:pointer;
	background-color:#fff;
	}

.sma_nav ul {
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	list-style-type: none;
	width: 100%;
	padding:0;
	margin:0;
	}

.sma_nav li {
	line-height:40px;
	text-align:left;
	background-color:#f9f8fd;
	}

.sma_nav li a {
	border-top:2px solid #0e1c7f;
	padding-left:3.33333333333%;
	display: block;
	color:#0e1c7f;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.sma_nav li a:active{ background-color:#0e1c7f; color:#fff; border-top:2px solid #FFF;}

input[type="checkbox"].on-off{display: none;}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
	}

input[type="checkbox"].on-off:checked + ul{height:252px;}

/*-------------------------------------ナビここまで*/

/*-------------------------------------メインここから*/
#main{
	width:93.75%;
	margin-left:3.125%;
	margin-right:3.125%;
	float:none;
	}

.top_txt{
	font-size:12px;
	line-height:150%;
	}	

.t_terms img{ width:100%;}

.btn_cba img, .btn_vtn img{ width:100%;}

hr.visit{
	border:none;
	border-top:dashed 1px #444;
	height:1px;
	}

/*-------------------------------------テーブルここから*/
#company #table tbody th{
	background-color:#e1f2fd;
	border-bottom:solid 3px #11a8e0;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type: none;
	margin-bottom:3px;
	}

#company #table tbody td{
	list-style:none;
	padding:0;
	}

#table{display: block;}

#table tbody{display: block;}

#table tbody tr{
	display: block;
	margin-bottom:1em;
	}

#table tbody th, #table tbody td{
	display: list-item;
	border: none;
	}	

#otoiawase table{ width:100%;}

#otoiawase #table tbody th{
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type: none;
	margin-bottom:3px;
	}
	
#otoiawase #table tbody td{
	list-style:none;
	padding:0;
	}
	
#vietnam #table tbody th{
	background-color:#a2e0f8;
	border-bottom:solid 3px #11a8e0;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type: none;
	margin-bottom:3px;
	}

#vietnam #table tbody td{
	list-style:none;
	padding:0;
	}	
/*-------------------------------------テーブルここまで*/

/*-------------------------------------アクセスここから*/		
.map iframe{height:300px;}	

#map1{margin-bottom:10px;}	
/*-------------------------------------アクセスここまで*/

/*-------------------------------------メインここまで*/

/*-------------------------------------フッターここから*/
.ft_wrap{width:100%;}

footer{ padding-top:10px;}

.ft_l, .ft_r{float:none; text-align:center;}

.ft_l img{ width:90%;}

.cpy_bx{text-align:center;}
/*-------------------------------------フッターここまで*/

}