@charset "utf-8";

@media screen and (min-width:481px) and (max-width:768px) {
html {font-size: 12px;}

/*==========================================
 inner
===========================================*/
.inner {width: 88%;
margin: 0 auto 0;
padding: 0;}

.inner:after{content: "";
display: block;
clear: both}


/*==========================================
 item
===========================================*/
#item {padding:0;}
#item .item_l_eria {width: 100%; height: 60vh; float:none; margin:0 auto 0; padding:0px;}
#item .item_r_eria {width: 100%; float:none; margin:0 auto 0; padding:8px 0;}
#item h2 {margin:0 auto; padding: 0;}
#item p {margin:0 auto; padding: 18px 8px; text-align:left;}


/*==========================================
 allocation
===========================================*/
#allocation .item_l_eria {width: 100%; float:none; margin:0 auto 0; padding:0px; text-align:center;}
#allocation .item_r_eria {width: 100%; float:none; margin:0 auto 0; padding:0px; text-align:center;}

/*==========================================
 sub_Contentsコンテンツページ
===========================================*/
#sub_contents {padding: 0; font-size: 1.28em;}

/*==========================================
 top_Contents
===========================================*/
#top_contents_nest {text-align:left; width: 100vw; margin: 18px auto; padding: 28px 0;}
#top_contents_nest p {margin: 0 auto 18px;}
#top_contents_nest .tc_l_eria {width: 100%; float: none; margin:18px auto; padding:0;}
#top_contents_nest .tc_r_eria {width: 100%; float: none; margin:38px auto; padding:0; border-top: 1px solid #cccccc;}


/*==========================================
 footer
===========================================*/
#footer {padding: 18px 0 48px; }

.footer_nav {overflow: hidden; width: 100%; float: none;}
.footer_nav ul{margin: 0; padding: 0; list-style: none}
.footer_nav li {float: left; margin:0 auto; padding: 8px 0; width: 100%; border-bottom: 1px solid #ffffff;}
.footer_nav li a {display: block; padding: 8px 0;}
.footer_nav li a:hover{background-color: #cccccc;}


#footer .inner hr {display: none;}


.company {overflow: hidden; width: 100%; float: none;}
.company ul{margin: 0; padding: 0; list-style: none}
.company li {float: left; width: 48%; margin:0 1%; padding: 8px 0; background: none;}
.company li a {display: block; padding: 8px 0; border: 1px solid #ffffff;}
/*.company li:nth-child(odd) a {border-right: 1px solid #ffffff;}*/

address {
overflow: hidden;
font-size: 0.8em;
float: none;
text-align: center;
margin-top: 10px;
}


/*=========================================
 Style_design css
===========================================*/

/**--table_design001 ---------------------------------------------**/
.table_design001{display: block; width: 98%;}
.table_design001 thead{display: none;}
.table_design001 tbody{display: block;}
.table_design001 tbody tr{display: block;}

.table_design001 tbody td,
.table_design001 tbody th{display:list-item; border: none;}

.table_design001 tbody td{margin: 4px; padding:8px; text-align: left;
list-style-type: none;}

.table_design001 tbody th{margin: 4px; padding:8px; text-align: left;
list-style-type: none;
background: #e4e4e4;}


/* img-left --------------------------------------------*/
.img-left img{max-width: 50%;}








}