@charset "utf-8";

body { margin:0;
       padding:0;
	   overflow-x:hidden;
	 }


#div_head { width:100%;
            background-color:#e7f8f8;
	      }

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
		   }

#line { width:100%;
        max-width:1157px;
		margin-left:auto;
		margin-right:auto;
	  }

.model1 { width:90%;
          max-width:1160px;
		  margin-left:auto;
		  margin-right:auto;
		  display: -webkit-box; 
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -webkit-flex; 
		  display: flex;
		  align-items: center;
		  -webkit-flex-wrap: wrap;
		  flex-wrap: wrap;
		  -webkit-align-content: center;
		  align-content: center;
		  margin-top:70px;
		}

.elem1 { width:50%;
         margin-left:auto;
		 margin-right:auto;
	   }

.elem2 { width:50%;
         margin-left:auto;
		 margin-right:auto;
	   }

.img_elem1 { width:100%;
             max-width:537px;
			 margin-left:auto;
			 margin-right:auto;
		   }

.content_elem2 { width:90%;
                 margin-left:auto;
				 margin-right:auto;
				 text-align:center;
			   }

.content2_elem2 { width:90%;
                  margin-left:auto;
				  margin-right:auto;
				  text-align:center;
				  margin-top:30px;
			    }

.text_title { font-family: 'Roboto', sans-serif, Arial;
              font-size:35px;
			  line-height:38px;
			  color:#2d2d2d;
			  font-weight:bold;
			}

.text { font-family: 'Roboto', sans-serif, Arial;
        font-size:15px;
		line-height:18px;
		color:#2d2d2d;
	  }

.model2 { width:90%;
          max-width:1160px;
		  margin-left:auto;
		  margin-right:auto;
		  display: -webkit-box; 
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -webkit-flex; 
		  display: flex;
		  align-items: center;
		  -webkit-flex-wrap: wrap;
		  flex-wrap: wrap;
		  -webkit-align-content: center;
		  align-content: center;
		  margin-top:70px;
		}

.elem1_2 { width:50%;
           margin-left:auto;
		   margin-right:auto;
		   order:1;
	     }

.elem2_2 { width:50%;
           margin-left:auto;
		   margin-right:auto;
	     }

#div_img_head { width:100%;
                max-width:1906px;
				margin-left:auto;
				margin-right:auto;
			  }

#img_work { width:100%;
            max-width:1906px;
			margin-left:auto;
			margin-right:auto;
			border:none;
			display:block;
		  }

.div_tip { width:90%;
           text-align:center;
		   margin-left:auto;
		   margin-right:auto;
		   margin-bottom:30px;
		 }

@media screen and (max-width: 600px)
{

.elem1 { width:100%;
         margin-left:auto;
		 margin-right:auto;
	   }

.elem2 { width:100%;
         margin-left:auto;
		 margin-right:auto;
	   }

.elem1_2 { width:100%;
           margin-left:auto;
		   margin-right:auto;
		   order:0;
	     }

.elem2_2 { width:100%;
           margin-left:auto;
		   margin-right:auto;
	     }

}