@charset "UTF-8";
/* CSS Document */
.banner{ background:#deebc1 ;}
/*dom_01*/
.first_page_bottom{ display:block; text-align:center; background: url(../../domestic/images/dom_01/bg_bottom.png) repeat-x; padding-top:100px; margin-top:-70px;}

.first_page .block_view{position:relative;}
.first_page .view_info{position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:51.1%;}

/*dom_02,04,05*/
.dom table p{ font-size:15px;}
.dom .block{ margin-bottom:70px;}
.dom .bl_txt{ margin-bottom:50px;}
.dom .inline_block{ display:block;}

/*dom_03*/
.dom_03 { margin-bottom:70px;}
.dom_03 li{ float:left; margin-right:20px; width:278px; text-align:center; margin-bottom:10px;}
.dom_03 li:last-child{ margin-right:0;}

/*add 2017-01-04*/
.tabs li:first-child a{ padding:5.5px 10px; line-height:1.4;}
h2 br{ display:none;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1600px){
.banner_img	{ width:64%;}
}

@media only screen and (max-width:1200px){
.tabs li:first-child a{ line-height:20px; padding:10px 1%;}	
}

@media only screen and (max-width:960px){
.banner_img	{ width:77.05%;}
h2 br{ display:block;}	
/*dom_03*/	
.dom_03 li{ width:28.96%; margin-right:2%;}
}

@media only screen and (max-width:840px){
/*dom_01*/	
.first_page_bottom{ margin-top:-2%;}
.first_page .view_info{position:static; transform:translateY(0); -webkit-transform:translateY(0); width:100%;}
}

@media only screen and (max-width:736px){
.dom p{ font-size:15px;}
.dom .bl_txt{ margin-bottom:4%;}
.dom .inline_block{ display: inline;}
/*add 2016-11-07*/
.dom h4 p{ font-size:20px;}

/*dom_03*/
.dom_03 li{ font-size:12px;}
/*add 2017-01-05*/
.tabs li a br{ display:none;}
}

@media only screen and (max-width:480px){
/*dom_01*/	
.first_page_bottom{ padding-top:10%;}	

/*dom_02*/
.dom p,.dom table p{ font-size:12px;}
/*add 2016-10-21*/
.dom .block{ margin-bottom:40px;}
.dom .block.last{ margin-bottom:70px;}
.dom .block.last_nobtn{ margin-bottom:50px;}
.first_page_bottom{ padding:0;}
/*add 2016-11-07*/
.dom h4 p{ font-size:14px;}
}

@media only screen and (max-width:375px){
.banner_img	{ width:68%;}

/*dom_03*/	
.dom_03 li{ float:none; width:200px; margin:0 auto 4% !important;}
.dom_03 { margin-bottom:30px;}
}