:root{
    --main-radius:15px;
    --main-padding:10px;
    --main-margin:5px;
    --main-box-schadow:7px  7px 1pc #4B8673;
    --main-color:#fff;
    --main-font-family:Georgia, 'Times New Roman', Times, serif;
    --sub-main-font-family:'Times New Roman', Times, serif;
    font-size: 5vw;
}
.lb{
  background-color: #4B8673;
}

.lgogo{width: 35%;
}

.container{
  display:block;
}

* {
    box-sizing: border-box; 
  }
  
  body {
    margin: 0px;
    font-family: 'segoe ui';
  }
  
  .nav {
    height: Auto;
    width: 100%;
    background-color: var(--main-box-schadow);
    position: relative;
  }
   
  
  
  .nav > .nav-header {
    display: inline;
  }
  
  .nav > .nav-header > .nav-title {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    
    padding: 10px 10px 10px 10px;
  }
  
  .nav > .nav-btn {
    display: none;
  }
  
  .nav > .nav-links {
    display: inline;
    float: right;
    font-size: 18px;
  }
  
  .nav > .nav-links > a {
    display: inline-block;
    padding: 13px 10px 13px 10px;
    text-decoration: none;
     color: #F5DF99;
    background-color: rgba(10, 10, 10, 0.644);
  }
  
  .nav > .nav-links > a:hover {
    background-color: rgba(10, 10, 10, 0.644);
  }
  
  .nav > #nav-check {
    display: none;
  }
  
  @media (max-width:1200px) {
	  .nav-header{
		  display:inline-block;
	  }
	  .nav-title img{
		      width: 213px;
	  }
    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
    }
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
    }
    .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .nav > .nav-btn > label > span {
      display: block;
      width: 25px;
      height: 10px;
      border-top: 2px solid #f5e09979;
    }
    .nav > .nav-links {
      position: absolute;
      display: block;
      width: 100%;
      background-color:#f5e09979;
      height: 0px;
      transition: all 0.3s ease-in;
      overflow-y: hidden;
      top: 50px;
      left: 0px;
    }
    .nav > .nav-links > a {
      display: block;
      width: 100%;
      
    }
    .nav > #nav-check:not(:checked) ~ .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked ~ .nav-links {
      height: calc(100vh - 50px);
      overflow-y: auto;
    }
  }



#nav{
    background-color:#4B8673;
    grid-area: nav;}

#main{
    background: #fff;
    grid-area: main;
    border-radius: var(--main-radius);
    padding: var(--main-padding);
    margin: var(--main-margin);
    box-shadow: var(--main-box-schadow);
    font-size: 5vw;
  width :100%;

}

.tel> a{
	color: #0051ff;
	font-family:'Times New Roman', Times, serif;
	font-size: 26px;
}
.notstd{ float: right;
  height:auto;
  width:auto;}

.tel{text-align: center;
  }


  #flex1 , #flex2 ,#flex4 ,#flex5{
    display: flex;
    width: 100%;
  }


  #flex3{
    display: block;
    width: 100%;
  }

  #content0{
    background: #fff;
    width:100%;
    height:30%;
    display: block;
    border-radius: var(--main-radius);
    padding: var(--main-padding);
    margin: var(--main-margin);
    box-shadow: var(--main-box-schadow);}
  
  
    .nas0{
      text-align: start;
      padding-left: 40% ;
        font-size:1vw;
      
        width: auto;
        padding-left: 3%;
        display: block;
        grid-area: auto;
      }
      .nas0 >h1{
        font-size:150%;
        color: #3A5BA0;
        font-family: var(--main-font-family);}
      .nas0 >p{
       font-size: 4vw;
        font-family: var(--sub-main-font-family);
    }
    .Sora0{
      text-align: start;
        font-size:2vw;
        height:fit-content;
        width:fit-content;
        padding-left: 5%;
        display: inline-block;
        grid-area: auto;
    }


    #content01{
      background: #fff;
      width:100%;
      display: block;
      border-radius: var(--main-radius);
      padding: var(--main-padding);
      margin: var(--main-margin);
      box-shadow: var(--main-box-schadow);}
    
    
      .nas01{
        text-align: start;
        padding-left: 40% ;
          font-size:1vw;
        
          width: auto;
          padding-left: 3%;
          display: block;
          grid-area: auto;
        }
        .nas01 >h1{
          font-size:150%;
          color: #4B8673;
          font-family: var(--main-font-family);}
        .nas01 >p{
         font-size: 4vw;
          font-family: var(--sub-main-font-family);
      }
      .Sora01{
        text-align: start;
        padding-left: 40% ;
          font-size:2vw;
          height:fit-content;
          width:fit-content;
          padding-left: 5%;
          display: inline-block;
          grid-area: auto;
      }


      #content001{
        background: #fff;
        width:100%;
        display: block;
        border-radius: var(--main-radius);
        padding: var(--main-padding);
        margin: var(--main-margin);
        box-shadow: var(--main-box-schadow);}
      
      
        .nas001{
            text-align: start;
            padding-left: 40% ;
            font-size:1vw;
          
            width: auto;
            padding-left: 3%;
            display: block;
            grid-area: auto;
          }
          .nas001 >h1{
            font-size:150%;
            color: #3A5BA0;
            font-family: var(--main-font-family);}
          .nas001 >p{
           font-size: 4vw;
            font-family: var(--sub-main-font-family);
        }
        .Sora001{
          text-align: start;
            font-size:2vw;
            height:fit-content;
            width:fit-content;
            padding-left: 5%;
            display: inline-block;
            grid-area: auto;
        }



        #content1 , #content2 , #content3 , #content4 , #content5 , #content6
        , #content7 , #content8 , #content9 , #content10 , #content11 , #content12 
        , #content13 , #content14 , #content15 , #content16{
  background: #fff;
  width:25%;
   
  border-radius: var(--main-radius);
  padding: var(--main-padding);
  margin: var(--main-margin);
  box-shadow: var(--main-box-schadow);}


  #content1 , #content2 , #content3 , #content4 , #content5 , #content6
        , #content7 , #content8 , #content9 , #content10 , #content11 , #content12 
        , #content13 , #content14 , #content15 , #content16>a{font-size:3vw;}

        #content1 , #content2 , #content3 , #content4 , #content5 , #content6
        , #content7 , #content8 , #content9 , #content10 , #content11 , #content12 
        , #content13 , #content14 , #content15 , #content16>h{font-size:3vw;}


  .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8 ,
    .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16{
      text-align: start;
      font-size:1vw;
    
      width: auto;
      padding-left: 3%;
      display: inline-block;
      grid-area: auto;
    }

    .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8
     ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16 >h1{
      font-size:150%;
      color: #3A5BA0;
      font-family: var(--main-font-family);}

    .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8 ,  .nas9 
    ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16 >p{
     font-size: 20px;
      font-family: var(--sub-main-font-family);
  }


   .Sora1 , .sora2 ,.sora3 ,.sora4 ,.sora5 ,.sora6 ,.sora7 ,.sora8  ,.sora9 ,.sora10 ,.sora11 ,.sora12 ,.sora13  ,.sora14  ,.sora15  ,.sora16 {
    text-align: start;
      font-size:1vw;
       height:Auto;
                    width:100%;
      padding-left: 5%;
      display: inline-block;
      grid-area: auto;
  }

img{
	height:auto !important;
}
                         
#footer{
  background: #4B8673;
	width: auto;
	display: flex;
	position: relative;
	text-align: center;

	background-size:cover;
 }
 .fc{padding-left: 5%;

	justify-content: start;
	position: relative;
    font-family:var(--main-font-family);
  }
  .fc >h9{font-size: 50%;}

 .fl{padding-right: 5%;
	display: flex;
	justify-content:end;
	position: relative;
  font-size: 50%;
    font-family:var(--main-font-family);}

.des{font-family: fantasy;
  font-size: 50%;
	font-size: xx-small;}

























  @media (max-width:800px){

 #flex1, #flex2, #flex4, #flex5{
	width:auto !important;
	height:auto !important;
	padding-left:0px !important
}
.MB, .MB1, .MB2{
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	width: 100% !important;
}
.MB img, .MB1 img{
	height:auto !important;
}
.Sora1, .sora2, .sora3, .sora4, .sora5, .sora6, .sora7, .sora8, .sora9, .sora10, .sora11, .sora12, .sora13, .sora14, .sora15, .sora16{
	height:auto !important;
}
  .lgogo{width: 45%;
  }
  
  
  .container{
    display:block;
  }
  
 
  .MB1 , .MB2{
    display:flex;
  }
  .notstd{ float: right;
    height:auto;
    width:125px;}
	#flex1, #flex2, #flex4, #flex5 {
		display: block;
	}
    
 #flex3>.nas0 ,.nas0 ,  .nas01 , .nas001{
      font-size: 4vw;
    }

    
  #content1 , #content2 , #content3 , #content4 , #content5 , #content6 , #content7 , #content8 , #content9 , #content10 , #content11 , #content12 , #content13 , #content14 , #content15 , #content16{
    background: #fff;
    width:100%;
    
    border-radius: var(--main-radius);
    padding: var(--main-padding);
    margin: var(--main-margin);
    box-shadow: var(--main-box-schadow);}
  
  
    .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8 ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16{
        text-align: start;
        font-size:1vw;
      
        
        padding-left: 3%;
        display: inline-block;
       
      }
      .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8  ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16 >h1{
        font-size:3vw;
        color: #3A5BA0;
        font-family: var(--main-font-family);}
        .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8  ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16 >p{
        font-size:2vw;
        font-family: var(--sub-main-font-family);
    }
    .Sora1 , .sora2 ,.sora3 ,.sora4 ,.sora5 ,.sora6 ,.sora7 ,.sora8  ,.sora9 ,.sora10 ,.sora11 ,.sora12 ,.sora13  ,.sora14  ,.sora15  ,.sora16{
      text-align: start;
        font-size:2vw;
        height:Auto;
        width: 100%;                   
        padding-left: 1%;
        display: inline-block;
        grid-area: auto;
    }

  }









  @media (max-width:600px){
	  .tel> a{
		    font-size: 14px;  
	  }
	 .notstd{
		 height:auto !important;
		 width: auto !important;
		 
	  }
	  .notstd img{
		  width: auto;
		  height: 74px !important;
	  }
  }
  @media (max-width:400px){

	.MB, .MB1, .MB2 {
		grid-template-columns: repeat(1, 1fr);
	}
	.fixtwo{
		grid-template-columns: repeat(2, 1fr) !important;
	}
    .lgogo{width: 65%;
    }
    
    

    .container{
      display:block;
    }
  
    .MB1 , .MB2{
      display:flex;
    }

    
  
    #flex1 , #flex2 ,#flex4, #flex5{
      display: inline-block;
      width: 98%;
      height: 50%;
      padding-left: 2%;
    }
    
     #flex3>.nas0 ,.nas0 ,  .nas01 , .nas001{
      font-size: 2vw;
    }

  
    
    
    #content1 , #content2 , #content3 , #content4 , #content5 , #content6 , #content7 
    , #content8 , #content9 , #content10 , #content11 , #content12 , #content13 , #content14 , #content15 , #content16{
      background: #fff;
      width:100%;
      
      border-radius: var(--main-radius);
      padding: var(--main-padding);
      margin: var(--main-margin);
      box-shadow: var(--main-box-schadow);}
    
    
      .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8 ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16{
          text-align: start;
          font-size:1vw;
        
          
          padding-left: 3%;
          display: inline-block;
         
        }
        .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8 ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16 >h1{
          font-size:3vw;
          color: #3A5BA0;
          font-family: var(--main-font-family);}
          .nas1, .nas2 , .nas3 , .nas4 , .nas5 , .nas6 , .nas7 , .nas8  ,  .nas9 ,  .nas10 ,  .nas11 ,  .nas12 ,  .nas13 ,  .nas14 ,  .nas15 ,  .nas16 >p{
          font-size:2vw;
          font-family: var(--sub-main-font-family);
      }
      .Sora1 , .sora2 ,.sora3 ,.sora4 ,.sora5 ,.sora6 ,.sora7 ,.sora8  ,.sora9 ,.sora10 ,.sora11 ,.sora12 ,.sora13  ,.sora14  ,.sora15  ,.sora16{
        text-align: start;
          font-size:2vw;
          height:100%;
          width: 100%;                   
          padding-left: 1%;
          display: inline-block;
          grid-area: auto;
      }
  
    }