* { padding: 0; margin: 0; }

/* BODY */

body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

/* HOMEPAGE */

/* HEADER */

.header {
  position: sticky;
  top: 0;
  z-index: 10;
  }

 .header-blue1 {
background: #0098D9;
  } 
  
  .header-blue2 {
background: #DDF0F7;

  }  
  
  .header-blue3 {
background: #BEE7F6;
 
  } 
  
   .header-blue4 {
background: #0098D9;
margin-right: 10px;
  }  
  
  
.box-line{
    font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
  color:  #fff;
  line-height: 35px;
  text-decoration:none;
  text-align: right;
 padding: 0% 5% 0% 2%;
}


/* LOGO */

  img { max-width: 100%; height: auto; }
  img { width: auto; /* IE8 */}

 img.logo { 
 padding: 5% 5% 2% 5%;
 }
 
 img.icon { 
 padding: 0% 5% 2% 8%;
 }


/* HEADER */

.header {
  position: sticky;
  top: 0;
  z-index: 10;
  }
  
 .header-gray1 {
background: #f6f6f6;
 margin: 0% 5% 0% 5% ;
  } 




/* CONTENT 1 */

.box-index{
    font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
  color:  #000;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
 padding: 5% 5% 5% 5%;
}

.box-index span{
    font-family: 'Open Sans', sans-serif;
 font-weight: 500;
   font-size: 180%;
  color:  #0098D9;
  line-height: 35px;
  text-decoration:none;
  text-align: left;
   padding: 0% 0% 0% 0%;
}

.box-index2 {
    font-family: 'Open Sans', sans-serif;
 font-weight: 300;
   font-size: 160%;
  color:  #4B4B4C;
  line-height: 35px;
  text-decoration:none;
  text-align: right;
 padding: 8% 5% 1% 5%;
}

.box-index3 {
    font-family: 'Open Sans', sans-serif;
 font-weight: 300;
   font-size: 120%;
  color:  #000;
  line-height: 25px;
  text-decoration:none;
  text-align: center;
 padding: 1% 5% 1% 5%;
}

.box-index3 span{
    font-family: 'Open Sans', sans-serif;
 font-weight: 300;
   font-size: 140%;
  color:  #000;
  line-height: 25px;
  text-decoration:none;
  text-align: center;
}

.box-index4 {
    font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
  color:  #fff;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
 padding: 5% 5% 5% 5%;
}



/* LINKS */

  a.button1 { 
  color:  #fff;
  line-height: 30px;
  text-decoration: none;
  text-align: left;
  text-decoration: underline;
  background-color: #D69D29;
   padding: 2% 2% 2% 2%;
  }

  a.button1:hover {
  color:  #FFF;
  background-color: #238DAF;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
  text-decoration: underline;
  }








/* FOOTER */

  a.footer {
   font-size: 90%;
  color:  #000;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
  text-decoration: underline;
   padding: 2% 5% 0% 5%;
 }

a.footer:hover {
  color:  #0098D9;
  text-decoration:underline;
}

 









/* FONT */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}