body{font-family: 
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
 width:100%;height:100%;}
*{padding:0;margin:0;}

header{ width:100%;
background-color:#333;
height:50px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
      }
      
#nav {
     text-align:center;
    width:100%;
  list-style: none;
  overflow: hidden;
  display:flex;
}
 
#nav li {
  width:100%;
  text-align: center;
  background-color: #333;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}
 
#nav li a {
  text-decoration: none;
  color: #fff;
  font-size:14px;

}




.conttop{width:100%;
        height:500px;
        background-color:brack;
        background: linear-gradient(-90deg,#F3EFFF, white,white);
        margin-top:0px;
        padding-top:50px;
        padding-bottom:30px;

}
th .conttop1{font-size:40px;
            color:#00CB98;
         
          
         }
th .conttop2 { }     
.conttop2 img{width:300px;height:100px;

              }



.ttb{margin-left:auto;
     margin-right:auto;
        width:80%;
     height:400px;
     margin-top:0px;}


.ttb th{}


.ttb td{}


/****************スマホのデザイン*/

.sumaho-waku img, .sumaho-waku:after, .sumaho-waku:before {
    max-width: 250px;/*スマホ幅の最大値*/
    background-color: #111;/*スマホの色*/
    color: #666;/*◎ボタンの色*/
    display: block;
    
}
.sumaho-waku img {
    width: 100%;
    height: auto;
    padding: 0 5px;
    box-sizing: border-box;
}
.sumaho-waku:before, .sumaho-waku:after {
    display: block;
    text-align: center;
    line-height: 1em;
}
.sumaho-waku:before {
    content: '....';
    font-size: 30px;
    border-radius: 30px 30px 0 0;
    height: 30px;
}
.sumaho-waku:after {
    font-size: 30px;
    content: "....";
    border-radius: 0px 0px 30px 30px;
    height: 40px;
}

.qsq img, .qsq:after, .qsq:before {
    max-width: 250px;/*スマホ幅の最大値*/
    background-color: #111;/*スマホの色*/
    color: #666;/*◎ボタンの色*/
    display: block;
    margin:0 auto;
}
.qsq img {
    width: 100%;
    height: auto;
    padding: 0 5px;
    box-sizing: border-box;
}
.qsq:before, .sumaho-waku:after {
    display: block;
    text-align: center;
    line-height: 1em;
}
.qsq:before {
    content: '....';
    font-size: 30px;
    border-radius: 30px 30px 0 0;
    height: 30px;
}
.qsq:after {
    font-size: 30px;
    content: "....";
    border-radius: 0px 0px 30px 30px;
    height: 40px;
}









.home3{
margin-top:0px;
background-color:#FFFF00;
padding-top:50px;
padding-bottom:50px;
 text-align:center;margin-left:auto;
      margin-right:auto;
}


.sumple{text-align:center;
font-weight:bold;
font-size:30px;
color:#011045;

}


.sump{ margin-left:auto;
      margin-right:auto;
      text-align:center;
      margin-top:80px;
      width:60%;
     
}

.sump th{ margin-left:auto;
      margin-right:auto;
      text-align:center;
     
}




/*あああああああああああああああああああああ*/





.ccas{width:100%;
       margin-top:0px;
       background-color:#F3EFFF;
       padding-top:40px;
       padding-bottom:40px;
       }
       
.tan{width:70%;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
      margin-top:0px;}
      

.tan th{font-size:20px;
  letter-spacing: 10px;
  font-weight:bold;
  color:#011045;
  padding-top:10px;
  padding-bottom:10px;
  }

.tan td img{width:100px;height:100px;}

.tan td{font-size:18px;
  color:#011045;
   padding-top:10px;
  padding-bottom:10px;}
  
  
  
.kin{text-align:center;
     margin-top:150px;
      margin-bottom:150px;}  
  
  
.kin a{text-decoration: none;
  color: white;
  font-size:20px;
  background-color:#00CB98;
  padding:30px;
  font-weight:bold;
  letter-spacing: 10px;  
  border-radius:8px;}
  
  
  footer{ width:100%;
background-color:#333;
height:50px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
      }
      
 
.huta{border:none;font-size:14px;
                          color:white;
                           background-color:#333;}    
      
      
     
.anh{text-align:center;
     font-size:12px;
     }
     
     
     
     



#this{width:70%;
       padding:20px 20px 20px 20px;
     border:solid 1px #011045;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:20px;
     
     }
     


.this1{text-align:center;
       color:#00CB98;
       font-weight:bold;
       letter-spacing: 10px;
       
     }
.this2{text-align:center;
       color:#625D5D;
       font-weight:bold;
       letter-spacing: 10px;
       margin-top:10px;
      }
      
      
      
      

#dec{width:70%;
       padding:20px 20px 20px 20px;
     border:solid 1px #011045;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:20px;
     }
     


.dec1{text-align:center;
       color:#00CB98;
       font-weight:bold;
       letter-spacing: 10px;
       
     }
.dec2{text-align:center;
       color:#625D5D;
       font-weight:bold;
       letter-spacing: 10px;
       margin-top:10px;
      }
      
      
      
      
 #call{width:70%;
       padding:20px 20px 20px 20px;
     border:solid 1px #011045;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:20px;
     
     }
     


.call1{text-align:center;
       color:#00CB98;
       font-weight:bold;
       letter-spacing: 10px;
       
     }
.call2{text-align:center;
       color:#625D5D;
       font-weight:bold;
       letter-spacing: 10px;
       margin-top:10px;
      }




.cyan{text-align:right;
        font-size:20px;
       border:none;
       font-weight:bold;
   background-color:white;
}


.infosite{text-align:center;}
.logo img{text-align:center;
       width:150px;
       height:50px;
   }

.infotitle{text-align:center; 
        margin-top:50px;
       color:#00CB98;
       font-size:17px;
      }

.infobun{text-align:center;
         margin-top:20px;
         font-size:15px;
        color:#625D5D;
}