@charset "utf-8";

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

.tbmo_none {display:none; margin:0; padding:0;}

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

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


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

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


/*==========================================
 Header
===========================================*/
header .section_eria-l {float: none; width: auto;}
header .section_eria-r {float: none; width: auto;}
header p {display: none;}
header img {max-width: 70%; height: auto;}
/* トグルボタン */
#menubtn {padding: 4px 18px;
border: solid 1px #aaaaaa;
border-radius: 3px;
background-color: #ffffff;
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;}
#menubtn:hover{background-color: #eeeeee;}
#menubtn:focus{outline: none;}
#menubtn i{color: #888888; font-size: 1.8em;}

#menubtn span{display: inline-block;
text-indent: -9999px;}


/* ナビゲーション */
.menu {display: none;}
.menu ul {margin: 2px 0; padding: 0; list-style: none;}
.menu li a {display: block;
color: #333333;
background-color: #ffffff;
border-top:solid 1px #cccccc;
padding: 8px;
font-size: 1.08em;
font-weight:normal;
text-decoration:none;}

.menu li a:hover,
.menu li a:active{color: #000000; background-color: #eeeeee;}


/*==========================================
 Mainvisual
===========================================*/
#mainvisual {overflow: hidden;
background-image: url(../images-top/bkg/codropsheader_tb_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center bottom;}

/*==========================================
 Contentstop
===========================================*/
#contentstop .contents_left_eria {width: 50%; float:left; margin:0 auto 0; padding:0px;}
#contentstop .contents_right_eria {width: 50%; float:right; margin:0 auto 0; padding:0px;}

/*==========================================
 title_con
===========================================*/
#title_cont {margin: 80px auto 0; padding: 0;}
#title_cont h2 {color: #af1d20; font-size:1.18em; margin:0; padding:0; letter-spacing:0px;}


/*==========================================
 Contents
===========================================*/
#contents .main {width: 100%; float:none; margin:0 auto 0; padding:18px 0 18px;}
#contents .menubar {display:none; margin:0; padding:0; width: 0;}
#contents .contents_left_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}
#contents .contents_right_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}


/*==========================================
 Contents-2col
===========================================*/
#contents-2col section#contents-2col_left_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}
#contents-2col section#contents-2col_right_eria {width: 100%; float:none; margin:0 auto 0; padding:0px;}

/*==========================================
 top_menu
===========================================*/
.top_menu{padding: 8px 0;}
.top_menu ul,
.top_menu ol{display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
font-size: 1.18em; font-weight:normal;
line-height: 1.4;
list-style: none;}

.top_menu li{display: table-cell;
text-align: center;
/*float: left;*/}

.top_menu li a	{display: block;
padding: 18px 5px 18px 5px;
color: #ffffff;
text-decoration: none;}

.top_menu li a:hover{background-color: #eeeeee; color: #333333;}
.top_menu li span{display: block; font-size: 0.8em;}
.top_menu li a	{padding: 2px 15px; border-right: solid 1px #ffffff; }
.top_menu li:first-child a	{padding: 2px 15px; border-left: solid 1px #ffffff;}



/*==========================================
 Footer
===========================================*/
#footer {padding:0 0 70px; }
.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: #297987; color: #ffffff;}
#footer hr {display: none;}
.company {overflow: hidden; width: 100%; float: none;}
.company ul{margin: 0; padding: 0; list-style: none}
.company li {float: left; width: 50%; margin:0 auto; padding: 8px 0; background: none;}
.company li a {display: block; padding: 8px 0; border-bottom: 1px solid #ffffff;}
.company li a:hover{background-color: #297987; color: #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;
}











}