@charset "utf-8";

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

/*==========================================
 inner
===========================================*/
.inner {width: 98%;
margin: 0 auto 0;
padding: 0.5%;}
.inner:after{content: "";
display: block;
clear: both}
/*==========================================
 Header
===========================================*/
header .section_eria-l {float: none; width: 100%; text-align:center;}
header .section_eria-r {float: none; display: none;}
header img {max-width: 40%; height: auto;}
/*==========================================
 header_menu
===========================================*/
#header_menu {display: none;}
/*==========================================
 Contents-hed 
===========================================*/
#contents-hed {margin: 8px auto 0; padding:18px 0;}
#contents-hed h3 {font-size: 1.18em;}
.bread{ display: none;}
/*==========================================
 Contents 
===========================================*/
/*==========================================
 Contents-2col
===========================================*/
#contents-2col .eria_l {width: 100%; float:none; margin:0 auto 0; padding:0;}
#contents-2col .eria_r {width: 100%; float:none; margin:0 auto 0; padding:0;}
#contents-2col .eria_l-border {width: 100%; float:none; margin:0 auto 0; padding:0; border:solid 1px #cccccc;}
#contents-2col .eria_r-border {width: 100%; float:none; margin:0 auto 0; padding:0; border:solid 1px #cccccc;}
#contents-2col .eria_0 {width: 100%; float:left; margin:0 auto 0; padding:0;}
#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-3col .eria66 {width: 48%; float:left; margin:0 auto 0; padding:0.5%;}
#contents-4col .eria {width: 48%; float:left; margin:0 auto 0; padding:0.5%;}
#contents-4col .eria_border {width: 48%; float:left; margin:0 auto 0; padding:0.5%; border:solid 1px #cccccc;}
/*==========================================
 Contents-2col-real-estate
===========================================*/
#contents-2col-real-estate .eria_l {width: 100%; float:none; margin:0 auto 0; padding:1%;}
#contents-2col-real-estate .eria_r {width: 100%; float:none; margin:0 auto 0; padding:1%;}
/*==========================================
 Contents-4colwrrap 
===========================================*/
#contents-4colwrrap .eria_wrrap {width: 100%; float:none; margin:0 auto 18px; padding:0;}
#contents-4colwrrap .eria_wrrap:after{content: "";
display: block;
clear: both;}
#contents-4colwrrap .eria_wrrap_in {width: 50%; float:left; margin:0 auto 0; padding:0;}
#contents-4colwrrap .listmenu li a{display: block;
margin: 1px;
color: #23458d;
border: 1px solid #cccccc;
padding: 5px;
text-decoration: none}
/*==========================================
 footer
===========================================*/
#footer {padding: 48px 0; }
#footer hr {display: none;}
.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: 0; width: 100%; border-bottom: 1px solid #ffffff;}
.footer_nav li a {display: block; padding: 14px 0;}
.footer_nav li a:hover{background-color: #cccccc;}
.footer_nav li:first-child a {border-top: 1px solid #ffffff;}
.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: 0; background: none;}
.company li a {display: block; padding: 14px 0; border-bottom: 1px solid #ffffff;}
.company li a:hover{background-color: #cccccc;}
.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;}
/*==========================================
 subContainer
===========================================*/
#subContainer {position: fixed;
left: -250px;
top: 0;
z-index: 8889;
width: 250px;
height: 100%;
background-color: rgba( 204, 204, 204, 0.8);
-webkit-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
behavior: url(PIE.htc);}
#subContainer h1 {font-size: 1.48em;
font-weight:normal;
line-height: 1;
margin: 18px 0 0 20px;
padding: 0;
color: #000000;}
#subContainer .tel{margin: 4px 0 0 20px;
padding:0;
font-size: 1.38em;
font-weight: 700;
color: #0e6eb8;}
#subContainer .tel .fa{color: #0e6eb8; margin:0 8px 0 0;}
#subContainer.appeared {left: 0;}
#mainNavigation {position: relative; top:8px; border-top: 1px solid #ffffff;}
#mainNavigation li {padding-top: 1px; margin-bottom: 1px;
border-bottom: 1px solid #ffffff;}
#mainNavigation a {display: block;
padding: 18px 0 18px 8px;
overflow: hidden;
color: #003366;
border-left: 8px solid #ffffff;}
#mainNavigation .separate a {padding-top: 8px; padding-bottom: 8px;}
#mainNavigation i {display: inline-block;
width: 14%;
vertical-align: middle;
line-height: 1;
color: inherit;}
#mainNavigation span {display: inline-block;
font-size: 16px;
line-height: 1;
vertical-align: middle;
width: 70%;
color: inherit;}
#mainNavigation a,
#mainNavigation a:hover i,
#mainNavigation a:hover span {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;}
#mainNavigation .nav a {padding-left: 8px;}
#mainNavigation .nav a:hover {
border-color: #0e6eb8;
background-color: #F7FBFF;}
#mainNavigation .mainNavigation_trigger {position: absolute;
bottom: 148px;
right: -4em;
width: 4em;
border-radius: 0 8px 8px 0;
background-color: rgba( 204, 204, 204, 0.8);
behavior: url(PIE.htc);}
#mainNavigation .mainNavigation_trigger a {color:#003366;
border: none;
padding: 4px 4px 4px 8px;
cursor: pointer;}
#mainNavigation .mainNavigation_trigger i {width: auto; color:#003366;}
/*==========================================
 map google
===========================================*/
#map {width: 100vw; margin: 18px auto; height: 480px;}
.zoomer_wrapper {border: 1px solid #dddddd; border-radius: 2px; height: 280px; margin: 0; overflow: hidden; width: auto; }
/**--table_info ---------------------------------------------**/
.table_info{display: block; width: 98%;}
.table_info thead{display: none;}
.table_info tbody{display: block;}
.table_info tbody tr{display: block;}
.table_info tbody td,
.table_info tbody th{display:list-item; border: none; text-align: left;}
.table_info tbody th{margin: 0 auto 0; padding: 4px;
background: #f5f5f5;
border-top: 1px solid #cccccc;
list-style-type: none;}
.table_info tbody td{margin: 0 auto 0; padding: 2px 8px 18px;
list-style-type: none;}
/**--table_tmp001 ---------------------------------------------**/
.table_tmp001{display: block; width: 98%;}
.table_tmp001 thead{display: none;}
.table_tmp001 tbody{display: block;}
.table_tmp001 tbody tr{display: block;}
.table_tmp001 tbody td,
.table_tmp001 tbody th{display:list-item; border: none; text-align: left;}
.table_tmp001 tbody th{margin: 0 auto 0; padding: 0; list-style-type: none;}
.table_tmp001 tbody td{margin: 0 auto 0; padding: 0 0 18px 18px; list-style-type: none;}
.table_tmp001 td.half,
.table_tmp001 th.half {font-size:1em; width: 80%; vertical-align:middle;}
/*=========================================
===========================================*/
/* img-left --------------------------------------------*/
.img-left img{float:none; margin:auto;}
/* img-left_works --------------------------------------*/
.img-left_works img{float:none; margin:auto; max-width: 88%; height: auto;}
/* img-left_180 --------------------------------------------*/
.img-left_180 img{float:none; margin:auto; max-width: 88%; height: auto;}
/* img-left_company ------------------------------------*/
.img-left_company img{float:none; margin:auto; max-width: 80%; height: auto;}
.img-left_company h6{text-align: center;}
/* img-left_shadow -------------------------------------*/
.img-left_shadow img{float:none; margin:auto;}
/* img-right_shadow ------------------------------------*/
.img-right_shadow img{float:none; margin:auto;}
/* youtube-img2 ----------------------------------------*/
.youtube-img2 li{float: left; width: 48%;}
.youtube-img2 img{max-width: 100%; height: auto;}
/* ovlight-img 5 3c-------------------------------------*/
.ovlight-img li{float: left; width:32%; padding:0.5%;}
/* ovlight-img5 5 3c-------------------------------------*/
.ovlight-img5 li{float: left; width:32%; padding:0.5%;}
/* ovlight-img4 4 3c-------------------------------------*/
.ovlight-img4 li{float: left; width:32%; padding:0.5%;}
/* ovlight-img3 3 3c------------------------------------*/
.ovlight-img3 li{float: left; width:32%; padding:0.5%;}
/* ovlight-img2 3c--------------------------------------*/
.ovlight-img2 li{float: left; width:32%; padding:0.5%;}
/* ovlight-bn3c------------------------------------------------------------*/
.ovlight-bn3c li{float: none; width:100%; padding:1% 0;}

/**-- share-real-estate2col ------------------------------------------------------**/
.share-real-estate2col li{float: none; width:100%; padding:0.5%;}
.share-real-estate2col li a{padding: 8px; font-size: 1.08em; color:#ffffff;}



/*========================================== btn006===*/
a.btn006{font-size: 1.5em;}
/*==========================================
 pagetop
===========================================*/
#pagetop {position: fixed; bottom: 8px; right: 8px; z-index:9999;}
#pagetop .fa{color:#ffffff; font-size: 2em;}
#pagetop a {background: #24335e;/*24335e;*/border:solid 1px #ffffff;
box-shadow: 1px 1px 4px #000000;
text-decoration: none;
color: #ffffff;
height:4em;
width: 4em;
text-align: center;
margin: 0 auto 0 auto;
padding: 0.6em;
border-radius: 2em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;}
#pagetop a:hover {text-decoration: none; background: #acc3bd;}


/*==========================================
 Form
===========================================*/
/**-- Form Zoom iOS抑制---------------------------------------------**/
div#mfp-container {padding: 0px;}
div#mfp-container input,select,textarea{font-size:16px;}
/* form ===========================*/
div#mfp-container form#mailformpro dl dt {padding: 15px 10px 10px 5px;}
div#mfp-container form#mailformpro dl dd {padding: 10px 10px 15px 15px;}
input,select,textarea{font-size:16px;}


/*==========================================
===========================================*/
form#mailformpro dl dt {
float: none;
width: auto;
padding: 18px 0 0;
text-align: left;}

form#mailformpro dl dd {
clear: both;
border-top: none;
padding: 2px 0 18px;
line-height: 1.5em;}

div.mfp_buttons button {font-size: 1.48em;}
div#mfp_phase_confirm h4 {font-size: 1.48em;}
ul#mfp_phase_stat {padding: 0px;}
ul#mfp_phase_stat li {
float: left;
text-align: center;
padding: 5px 0px;
border-radius: 3px;
margin: 5px;
list-style: none;
font-size: 14px;
width: 28%;}

ul#mfp_phase_stat li.mfp_phase_arrow {
box-shadow: none;
display: none;}

ul#mfp_phase_stat li.mfp_active_phase {
background-color: #E8EEF9;
box-shadow: 0px 0px 5px #000;}

ul#mfp_phase_stat li.mfp_inactive_phase {
background-color: #CCC;
color: #666;
box-shadow: 0px 0px 5px #CCC;}

table#mfp_confirm_table tr th {
white-space: nowrap;
width: 100px;}

div#mfp_thanks {
text-align: center;
font-size: 18px;
padding: 20px 0px;}

div#mfp_thanks strong {
color: #C00;
font-size: 24px;
display: block;}

input,select,textarea{
font-size:16px;
}

}/*** media screen ****************************************/