@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;}


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

@media only screen and (max-width:960px){
/*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;}
}

@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;}
}