@charset "utf-8";

@media screen and (min-width:769px) and (max-width:1024px) {
html {font-size: 14px;}

/*==========================================
 inner
===========================================*/
.inner {width: 98%;
margin: 0 auto 0;
padding: 0.5%;}
.inner:after{content: "";
display: block;
clear: both}
/*==========================================
===========================================*/
header .section_eria-l {float: left; width: auto;}
header .section_eria-r {float: right; width: auto; padding-top: 14px;}
header img {max-width: 80%; height: auto;}
/*==========================================
===========================================*/
#header_menu {font-size: 0.8em;}
/*==========================================
 Contents-hed 
===========================================*/
/*==========================================
 Contents 
===========================================*/
/*==========================================
 Contents-2col
===========================================*/
#contents-2col .eria_l {width: 48%; float:left; margin:0 auto 0; padding:0.5%;}
#contents-2col .eria_r {width: 48%; float:right; margin:0 auto 0; padding:0.5%;}
#contents-2col .eria_l-border {width: 48%; float:left; margin:8px auto; padding:0.5%; border:solid 1px #cccccc;}
#contents-2col .eria_r-border {width: 48%; float:right; margin:8px auto; padding:0.5%; border:solid 1px #cccccc;}
#contents-3col .eria {width: 48%; float:left; margin:0 auto 0; padding:0.5%;}
#contents-3col .eria_border {width: 48%; float:left; margin:0 auto 0; padding:0.5%; border:solid 1px #cccccc;}
#contents-2col .eria_0 {width: 50%; float:left; margin:0 auto 0; padding:0;}
#contents-3col .eria66 {width: 66%; float:left; margin:0 auto 0; padding:0.5%;}
#contents-4col .eria {width: 24%; float:left; margin:0 auto 0; padding:0.5%;}
#contents-4col .eria_border {width: 24%; float:left; margin:0 auto 0; padding:0.5%; border:solid 1px #cccccc;}
/*==========================================
===========================================*/
#contents-2col-real-estate .eria_l {width: 30%; float:left; margin:0 auto 0; padding:1%;}
#contents-2col-real-estate .eria_r {width: 70%; float:right; margin:0 auto 0; padding:1%;}
/*==========================================
===========================================*/
#contents-4colwrrap .eria_wrrap {width: 50%; float:left; margin:0 auto 0; padding:0;}
#contents-4colwrrap .eria_wrrap_in {width: 50%; float:left; margin:0 auto 0; padding:0;}
/*==========================================
===========================================*/
#footer {padding: 48px 0;}
.inner hr {
overflow: hidden;
width: 100%;
border-top: 1px solid #ffffff;
margin: 20px 0;}
/*==========================================
===========================================*/
#subContainer {display: none;}
/*==========================================
 map google
===========================================*/
#map {width: 100vw; margin: 18px auto; height: 580px;}
.zoomer_wrapper {border: 1px solid #dddddd; border-radius: 3px; height: 380px; margin: 10px 0; overflow: hidden; width: auto; }
}/*** media screen ****************************************/