@charset "utf-8";
/* CSS Document lastmodified 20170118*/
/*Fluid css */


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

html{
	overflow-y: scroll!important;
}

      .container1 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 19px auto 5px;
      }

.w1{margin:auto;}

img{border: 1px rgba(229,229,229,1.00) solid;}
.c0{
	background-color: rgba(124, 88, 241, 0);
	}
.c1{
	background-color: rgba(158, 216, 232, 0.75);
	}
.c2{
	background-color: rgba(178, 255, 105, 0.75);
	}
.c3{background-color:rgba(212,204,205,0.54);
	}
.c4{background-color:rgba(251,237,237,0.96);
	}
.c5{background-color:rgba(212,204,205,0.54);
	}


/*c1{
	background-color: rgb(255,255,255);
	}
.c2{
	background-color: rgba(255,0,0,09);
	}
.c3{background-color:rgba(0,128,0,06);
	}
.c4{background-color:rgb(255,255,255);}
	}
.c5{background-color:rgba(255,0,0,09);}*/

.c0{
	width:100%;
	height:auto;
}

     .c1, .c2, /*.c3, .c4, .c5*/ {
        width: 100%;
        min-height: 250px;
      }

.sec_a,.sec_b{
	 padding: 2%; 
	/* padding-right: 2%; */
	margin: 0 auto;
}

@media screen and (max-width:599px){
	html{
	overflow-y: inherit!important;
}
	
	p.logo{ margin:10px 0 0 0.5%;
		/*font-size:90%;*/
		font-weight: bold;
	    width:45%;
		
	    }
	
	#wrapper{
		max-width:599px;
		/*width:98%;*/
		width:100%;
		margin:50px auto 30px!important;
		height:100%;
		overflow-y:visible!important;
		
		  }
	.st3{letter-spacing:10px;}
	
	
	#gnav{
		display:none;
	}
	
	/*#c{
		max-height: 153%;
		width: 100%;
	}*/
	
	/*html,body,canvas{
		height:auto;
	}*/
	
	img.kikou{
		width: 55%;
		float:left;
		margin: -22px 0px 0px 0%;
	}
	
	

	 .c1, .c2, /*.c3, .c4, .c5*/ {
        width: 100%;
        min-height:250px;
      }
	.sec_a,.sec_b{
		width: 96%;
		min-height:250px;
		padding: 1%;
		font-size:90%;
		text-align: justify;
	}
	
	/*footer{width:100%;
		margin-bottom:50px;
	}*/
}

      @media (min-width: 600px) {
		  html{
			  overflow-y:inherit;
		  }
		  
  .c1, .c2, {
    width: 50%;
    margin-bottom:15px;
  }

		  .drawer-toggle.drawer-hamburger{
			  display:none;
			
		  }
		  .container1 {
         /* width: 900px;*/
         max-width: 1221px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 120px;
        }
		  
		  .sec_a,.sec_b{
			  padding:2%;
		  }
		  
		  		  
}

@media (min-width: 800px) {
	
	#wrapper{height:100%;
		overflow-y: visible!important;	
	}
	
  .c1 {
    width: 50%;
    min-height:300px;
    /* margin-bottom:10px */
  }
  .c2 {
    width: 50%;
	min-height:300px;
  }
 /* .c3, .c4, .c5 {
    width: 33.33%;
	min-height:350px;
  }*/
	
	 .sec_a,.sec_b{
			padding:2%;
		 	height:auto;
		  }
	
		  
}
      @media screen and (min-width: 800px) {
        .container1 {
         /* width: 900px;*/
         max-width: 1221px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 12px;
        }
		
	
      }