@charset "utf-8";

@font-face {
    font-family: 'INGMeWeb-Regular';
    src: url('../fonts/INGMeWeb-Regular.eot');
    src: url('../fonts/INGMeWeb-Regular.otf') format('otf'), 
	     url('../fonts/INGMeWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.span1 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:13px;
		 line-height:18px;
       }

.span2 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:40px;
		 line-height:48px;
       }

.span3 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:20px;
		 line-height:30px;
       }
	   
.span4 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:26px;
		 line-height:36px;
       }

.span5 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:32px;
		 line-height:48px;
       }
	   
.color1 { color:#777777; }

.color2 { color:#ff6200; }

.color3 { color:#000000; }

.color4 { color:#ffffff; }

#page_container { width:100%;
                  max-width:1440px;
				  margin-left:auto;
				  margin-right:auto;
                }

.container_l { width:90%;
               text-align:left;
			   margin-top:20px;
			   margin-left:auto;
			   margin-right:auto;
             }
			 
.container_2 { width:90%;
               text-align:left;
			   margin-top:10px;
			   margin-left:auto;
			   margin-right:auto;
             }
			 
.container_3 { width:90%;
               text-align:left;
			   margin-top:40px;
			   margin-left:auto;
			   margin-right:auto;
             }
			 
.container_read { width:90px;
               text-align:left;
			   background-color: #525199;
			   border-radius: 4px 4px 4px 4px;
			   padding: 10px;
             }
			 
.container_title1 { width:42%;
               text-align:left;
			   background-color: #ff6200;
			   border-radius: 4px 4px 4px 4px;
			   padding: 5px;
             }
			 
.container_title2 { width:45%;
               text-align:left;
			   background-color: #ff6200;
			   border-radius: 4px 4px 4px 4px;
			   padding: 5px;
			   margin-left: 60px;
             }
			 
.container_title3 { width:35%;
               text-align:left;
			   background-color: #ff6200;
			   border-radius: 4px 4px 4px 4px;
			   padding: 5px;
			   margin-left: 10px;
             }

.mtop1 { margin-top:30px; }

.mtop1_n { margin-top:0; }

.mb1 {margin-bottom:40px;}

#img1 { width:100%;
        max-width:1920px;
		margin-left:auto;
		margin-right:auto;
		border:none;
		display:block;
      }
	  
#img_read {
        max-width:31px;
		margin-left:auto;
		margin-right:auto;
		border:none;
	}

.full_w { width:100%; }

.txt_underline { text-decoration:underline; }

.dflex { display:flex;
         align-items:flex-start;
		 justify-content:center;
		 flex-wrap:wrap;
       }
	   
.dflex2 { display:flex;
		align-items:center;
		 justify-content:space-around;
		 flex-wrap:wrap;
       }

.container_line { width:20%;
                  height:1px;
				  border-bottom:solid 1px #ff6200;
                }

.container_elem_txt { width:50%;
                      text-align:center;
                    }

.container_icon { width:7%;
                }

.icon_img { width:100%;
            max-width:60px;
			border:none;
			display:block;
          }

.container_text_icon { width:85%;
                       text-align:left;
                     }
					 
#img2 { width:100%;
        max-width:1200px;
		margin-left:auto;
		margin-right:auto;
		border:none;
		display:block;
      }

.txt_c { text-align:center; }

.btn_t1 { width:90%;
          max-width:230px;
		  height:50px;
		  border:none;
		  display:block;
		  margin-left:auto;
		  margin-right:auto;
		  cursor:pointer;
		  background-color:#ff6200;
		  font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  border-radius:4px;
       }

.link_t1 { text-decoration:none;
           color:#ffffff;
         }

.parent_color { width:90%;
                margin-left:auto;
				margin-right:auto;
				background-color:#FBFBFB;
				margin-top:25px;
				margin-bottom:40px;
				padding-top:20px;
				padding-bottom:30px;
              }
			  
.parent { width:90%;
                margin-left:auto;
				margin-right:auto;
				margin-top:30px;
				margin-bottom:30px;
              }

.progress-container {
  width: 100%;
  height: 8px;
  background: #FFFFFF;
}

.progress-bar {
  height: 8px;
  background: #FC6320;
  width: 0%;
}

.bar_container {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
  max-width:1920px;
}

#head_mobile { display:none; }

@media screen and (max-width: 1275px) and (min-width: 1001px)
{
	.container_title1 { width:60%;
             }
			 
	.container_title2 { width:62%;
				padding-left: 10px;
             }
			 
.container_title3 { width:45%;
					padding-left: 10px;
             }
			 
.container_icon { width:10%;
                }
				
.container_text_icon { width:85%;
                       text-align:left;
                     }	
					 
.dflex {justify-content: center;}
}

@media screen and (max-width: 1000px) and (min-width: 801px)
{
	.container_title1 { width:70%;
             }
			 
	.container_title2 { width:72%;
				padding-left: 10px;
             }
			 
.container_title3 { width:57%;
					padding-left: 10px;
             }
			 
.container_icon { width:10%;
                }
				
.container_text_icon { width:87%;
                       text-align:left;
                     }	
					 
.dflex {justify-content: space-between;}
}

@media screen and (max-width: 800px) and (min-width: 701px)
{
	.container_title1 { width:80%;
             }
			 
	.container_title2 { width:85%;
				padding-left: 10px;
             }
			 
.container_title3 { width:70%;
					padding-left: 10px;
             }
			 
.container_icon { width:10%;
                }
				
.container_text_icon { width:85%;
                       text-align:left;
                     }	
					 
.dflex {justify-content: space-between;}
}

@media screen and (max-width: 700px) and (min-width: 555px)
{
	.container_title1 { width:95%;
             }
			 
	.container_title2 { width:85%;
				padding-left: 10px;
             }
			 
.container_title3 { width:80%;
					padding-left: 10px;
             }
			 
.container_icon { width:10%;
                }
				
.container_text_icon { width:85%;
                       text-align:left;
                     }	
					 
.dflex {justify-content: space-between;}
}

@media screen and (max-width: 554px) and (min-width: 431px)
{
.span2 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:26px;
		 line-height:34px;
       }
	   
.container_title1 { width:85%;
             }
			 
.container_title2 { width:85%;
				padding-left: 10px;
             }
			 
.container_title3 { width:75%;
					padding-left: 10px;
             }
			 
.container_icon { width:100%;
                }
				
.container_text_icon { width:100%;
                       text-align:left;
                     }	

.icon_img { margin-left:auto;
            margin-right:auto;
          }
}

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

.span1 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:11px;
		 line-height:17px;
       }

.span2 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:20px;
		 line-height:30px;
       }

.span3 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:18px;
		 line-height:23px;
       }
	   
.span4 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:23px;
		 line-height:30px;
       }

.span5 { font-family: 'INGMeWeb-Regular', Arial, Helvetica, sans-serif;
         font-size:29px;
		 line-height:40px;
       }	
	
.container_icon { width:100%;
                }
				
.container_text_icon { width:100%;
                       text-align:left;
                     }	
					 
.container_elem_txt { width:70%;
                      text-align:center;
                    }
					
.container_line { width:10%;
                  height:1px;
				  border-bottom:solid 1px #ff6200;
                }
				
.container_read { width:80px;
				padding:7px;
             }
			 
.container_title1 { width:90%;
				padding-left: 10px;
				padding-right: 10px;
             }
			 
.container_title2 { width:95%;
				padding-left: 10px;
				padding-right: 10px;
				margin-left:5px;
             }
			 
.container_title3 { width:95%;
					padding-left: 10px;
             }
			 
#img_read {
        max-width:25px;
	}

#head_mobile { width:100%;
               display:block;
			   margin-left:auto;
			   margin-right:auto;
			   border:none;
             }

.icon_img { margin-left:auto;
            margin-right:auto;
          }

}