html {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
body{
	width:100%;margin:auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
	/*font-family: Arial, Helvetica, sans-serif;*/

}
a{  text-decoration:none; }
a:hover{ color: #448eef; }
li{ list-style: none}
img{width:100/9; max-width:100%; height:auto;}
video{width:100%; height:auto;}
.inputText:focus{outline: none;}
.offPC{display: none}
.cont{width:100%;margin:auto;}

.fixed_container{
	position:fixed;
	width: 100%;
	top:0px;
	height:100%;
	z-index:99999999;
	background:white;
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width:100%;
  }
.row-1 ,.row-1S{width:98%;margin:auto; }
.row-2, .row-2S{width:96%;margin:auto; }
.row-3, .row-3S{width:90%;margin:auto; }
.row-1{width:94%;margin:auto; }
.row-4 , .row-4S{width:92%;margin:auto;}
.row-5{width:75%;margin:auto;}
.row-6{width:66%;margin:auto;}
.row-7{width:50%;margin:auto;}
.row-8{width:42%;margin:auto;}
.row-9{width:33%;margin:auto;}
.row-10{width:25%;margin:auto;}

/***/
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
  }
  
  .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
  }
  
  .col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
  }
  
  .col-1,.col-2,.col-3,.col-4, .col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-4s,.col-5s,.col-6s ,.col-7s,
 .col-8s,.col-9s,.col-10s,.col-11s
  {
	  	display: inline-block;
	  	/*padding-right: 15px;*/
 		/*padding-left: 15px;*/
	}
  .col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
  }
  
  .col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
  }
  
  .col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
  }
  
  .col-4 ,.col-4s{
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
  }
  
  .col-5 ,.col-5s {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
  }
  
  .col-6 ,.col-6s{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
    width: 50%;
  }
  
  .col-7 ,.col-7s{
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
  }
  
  .col-8 ,.col-8s{
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
  }
  
  .col-9 ,.col-9s{
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
  }
  
  .col-10 ,.col-10s{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
  }
  
  .col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
  }
  .col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }


  .col-1-6-3 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
	display: inline-block;
  }
  
 
  .col-2-2, .col-2-3-2  {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
	display: inline-block;
  }
  .col-3-2-1 ,.col-3-2 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	display: inline-block;
  }

  .col-8s{}
@media screen and (min-width:769px)and (max-width:900px){
	.row-1, .row-2, .row-3,.row-4,.row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11,.row-12{width:100%; }
	.col-1,.col-2,.col-3,.col-4, .col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
		max-width:100%;width:100%;
		flex: 0 0 100%;
		max-width: 100%;
		/*padding-right: 10px;
		padding-left: 10px; */
	 }
	.col-1-6-3 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		display: inline-block;
	  }

	.col-2-3-2 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	  }

	.col-3-2-1, .col-3-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}


@media screen and (max-width:768px) {
	.row-1, .row-2, .row-3,.row-4,.row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11,.row-12{width:100%; }
	.col-1, .col-2 , .col-3 , .col-4 ,.col-5 , .col-6 , .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
		width:100%; max-width:100%;
		flex: 0 0 100%;
		max-width: 100%;
		/*padding-right: 10px;
		padding-left: 10px;*/
	 }

	 .col-1-6-3 {
		-ms-flex: 0 0 25%;
	     flex: 0 0 25%;
	     max-width: 25%;
	  }
	
	.col-2-3-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }

	 .col-3-2-1{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
    }
  	.col-3-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }
 }