@charset "utf-8";
.sg_main{
	padding:20px 2% 90px;
}
.s_menu{
	padding:15px 10px;
	background: url(../common_img/bg01.jpg) repeat left center;
	background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;		
	margin:0 0 15px;
}
.sbox{
	padding:5px 10px 15px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	
	background:#fff;
}
.sbox ul{
	padding:10px 0;
	border-bottom:1px dotted #000;	
}
.sbox li{
	width:40%;
	float:left;	
}
.sbox li:last-child{
	width:60%;	
}
.sbox a{
	text-decoration:none;
	color:#289dcf;	
	padding:0 0 0 15px;
	background: url(../common_img/side_nav.png) no-repeat left center;
	background-size:6px 8px; -webkit-background-size:6px 8px; -moz-background-size:6px 8px;	
}

#content .container{
	margin:0 0 10px;
}
.page_about .pic_l .img{
	width:42%;
	float:left;
	margin:0 3% 0 0;	
}
.page_about .pic_r .img{
	width:42%;
	float:right;
	margin:0 0 0 3%;	
}

.page_company .section{
	margin:0 0 20px;	
}
.page_company iframe{
	padding:2px;
	border:1px solid #ccc;	
}
dl.tb_style{
	border:1px solid #ccc;	
	border-bottom:none;
}
.tb_style dt, .tb_style dd{
	padding:10px;
	border-bottom:1px solid #ccc;	
}
.tb_style dt{
	background:#eee;	
}
.hi_dot{
	padding:15px;
	background: url(../common_img/bg01.jpg) repeat left center;
	background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;			
}
#intro_box{
	background: url(../company/images/bg_company01.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;				
	padding:10px;
}
#intro_box p{
	width:75%;	
}

.page_flow #box01{
	background: url(../flow/images/bg01.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box02{
	background: url(../flow/images/bg02.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box03{
	background: url(../flow/images/bg03.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box04{
	background: url(../flow/images/bg04.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box05{
	background: url(../flow/images/bg05.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box06{
	background: url(../flow/images/bg06.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box07{
	background: url(../flow/images/bg07.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow #box08{
	background: url(../flow/images/bg08.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;	
}
.page_flow .hi_dot{
	margin:0 0 20px !important;	
}
.page_flow .hi_dot > div{
	padding:10px;	
}
.page_flow .hi_dot p{
	width:75%;	
} 

.result{
	margin:0 0 40px;
	background: url(../result/images/arrow.png) no-repeat center;
	background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;		
}
.result li{
	width:48%;	
	padding:0 0 0 30px;
	position:relative;
}
.before:before{
	content:"";
	width:60px;
	height:60px;
	background: url(../result/images/before.png) no-repeat center;
	background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;	
	position:absolute;
	left:0;
	top:-30px;	
}
.after:before{
	content:"";
	width:60px;
	height:65px;
	background: url(../result/images/after.png) no-repeat center;
	background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;	
	position:absolute;
	left:0;
	top:-35px;	
}

.page_painting .section{
	margin:0 0 20px;	
}
table.tb_style{
	border:1px solid #ccc;	
	width:100%;
}
.tb_style th{
	padding:10px;	
	border:1px solid #ccc;
	background:#eee;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.tb_style td{
	padding:10px;	
	border:1px solid #ccc;
	vertical-align:middle;
	position:relative;
}
.page_painting .pic_l .img{
	width:42%;
	float:left;
	margin:0 3% 0 0;	
}
.page_painting .pic_r .img{
	width:42%;
	float:right;
	margin:0 0 0 3%;	
}
.txt_red{
	color:#ff8000;	
}
.painting_box{
	padding:0 0 0 150px;	
}
.painting_box .popup {
	width: 140px;
	text-align:center;
	background:#ff8000;
	position: absolute;
	left: -150px;
	top: 50%;
	font-size: 12px;
	color: #FFF;
	padding: 5px 0 3px 0;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Safari */
	transform: translate(0, -50%);
}
.cell_num{
	text-align:center;	
}
.painting_box .popup:before{
	content:"";
	width:5px;
	height:6px;
	background: url(../painting/images/ico01.png) no-repeat center;
	background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;	
	position:absolute;
	left:100%;
	top:50%;	
	margin:-3px 0 0;
}
.tb_form dt img{
	margin-right:5px;	
}
input[type="text"], input[type="tel"], input[type="email"]{
	padding:5px;
	width:100%;
	background:#fff;
	border:1px solid #ccc;
}
textarea {
	padding: 5px;
	background:#fff;
	border:1px solid #ccc;
	width:100%;
}
select{
	padding:5px;
	margin:0 0 0 10px;
	background:#fff;
	border:1px solid #ccc;
}

#privacy .bg_color{
	background: url(../contact/images/bg01.jpg) no-repeat right center #fff;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;		
	padding:15px;	
}
.list_dot {
	list-style: disc;
	margin: 0 0 0 17px;
}

.col2 .col{
	width:49%;
	float:left;
}
.col2 .col:nth-child(2n){
	float:right;
}
.col2 .col:nth-of-type(2n-1) {
	 float:left;
	 clear:both;
}
.col2 .col:nth-of-type(2n) {
	 float:right;
}
.page_construction .section, .case{
	margin:0 0 20px;	
}
.page_construction .pic_l .img{
	width:42%;
	float:left;
	margin:0 3% 0 0;	
}
.page_construction .pic_r .img{
	width:42%;
	float:right;
	margin:0 0 0 3%;	
}
.case h4{
	margin:0 0 10px;	
}
.title_sub{
	margin:0 0 10px;	
}
.page_construction .hi_dot .bg_color{
	background:#fff;
	padding:15px;	
}
.page_construction .footer {
	background-color: #e2f1f6;
	padding: 10px;
	margin:10px 0 0;
}
.page_construction .footer h4 {
	color: #029bcf;
	font-size: 16px;
	font-weight: bold;
	margin:0 0 10px;
	border-bottom:3px solid #acd3df;
}
.page_construction .footer ul{
	padding:10px;	
}
.page_construction .footer li {
	background:url("../construction/images/ico01.png") no-repeat left top;
	background-size:17px 20px; -webkit-background-size:17px 20px; -moz-background-size:17px 20px;
	margin: 0 0 5px;
	padding: 2px 0 3px 25px;
}
.page_construction .frame_box {
	border: 3px solid #ddd;
	padding: 10px;
}
.page_construction .frame_box h3 img{
	margin:-25px 0 15px -13px;	
}
.frame_box .container .msg {
  overflow:hidden;
}
.page_construction .frame_box li {
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 10px 0;
}
.page_construction .frame_box li span {
	display: inline-block;
	font-weight: bold;
	width: 55%;
}
@media all and (max-width: 479px) {
	
}
@media all and (max-width: 413px) {
	
}
@media all and (max-width: 359px) {
	
}