.top-coating{
  margin:40px 20px;
  color:#212529;
}

.coating h1{
  text-align:center;
  line-height:45px;
  font-size:22px;
  padding:0;
}

/*  2色border */
.coating_h_container{
  display:flex;
  width:90%;
  margin:auto;
  margin-bottom:20px;
}

.coating_h_1{
  width:30%;
  border-bottom:5px solid rgb(0, 0, 0);
  margin:0;

}
.coating_h_2{
  width:70%;
  border-bottom:5px solid rgb(142, 148, 235);
  margin:0;
}
/*  2色border */



.coating_table .coating-color1-a{
  background:#f1ebe5;
}

.coating_table .coating-color1-b{
  background:#dfd5cc;
}

.coating_table .coating-color2-a{
  background:rgba(142, 148, 235, 0.253)
}
.coating_table .coating-color2-b{
  background:rgba(142, 148, 235, 0.438)
}
.coating_table .coating-color2-c{
  background:rgba(142, 148, 235, 0.74)
}


.coating p{
  line-height:2;
}

.coating_text{
  width:90%;
  margin:auto;
  text-align: center;
}

.coating_pic{
  margin-top:30px;
  text-align:center;
}

.coating_pic img{
  width:100%;
  height:160px;
}

.coatings{
  /* padding:15px; */
  background:#f1ebe5;
}


.coating_table{
  border-collapse:collapse;
  margin:10px auto 0;
  font-size:14px;
  width:100%;
}

.coating h2{
  margin-top:40px;
  text-align:center;
  font-weight:normal;
}

th{
  background:rgba(245, 242, 242, 0.541);
}



th,td{
  border:1px solid rgba(128, 128, 128, 0.397);
  font-weight:normal;
  text-align:center;
}

.notice_button {
  font-size:19px;

}

.coating_button{
  margin-right:18px;
}



.notice_button span{
  padding-right:5px;

}

@media(min-width:320px){
  .top-coating{
    margin:40px 20px;
  }

  .coating_pic img{
    width:100%;
    height:180px;
  }

  .coating_table{
    margin:10px auto 0;
    font-size:15px;
    width:100%;
  }
  
}

@media(min-width:375px){
  .top-coating{
    margin:40px 20px;
  } 

  .coating_pic img{
    width:97%;
    height:200px;
  }

  .coating_table{
    margin:10px auto 0;
    font-size:15px;
    width:97%;
  }
  

  .coating h1{
    font-size:25px;
  }
  
}

@media(min-width:414px){
  .top-coating{
    margin:40px 20px;
  } 

  .coating_pic img{
    width:95%;
    height:200px;
  }

  .coating_table{
    margin:10px auto 0;
    font-size:15px;
    width:95%;
  }
  

  .coating h1{
    font-size:25px;
  }
  
}

@media(min-width:500px){
  .top-coating{
    margin:60px 50px;
  } 

  .coating h1{
    font-size:32px;
    margin-bottom:10px;
  }


  .coating_pic img{
    width:95%;
    height:270px;
  }


  .coating_table{
    font-size:16px;
    width:95%;
  }

}

@media(min-width:600px){
  .top-coating{
    margin:60px 50px;
  } 

  

  .coating_pic img{
    width:95%;
    height:320px;
  }
  .coating_table{
    font-size:16px;
    width:95%;
  }

  .coating_button{
    margin-right:25px;
  }

}
@media(min-width:700px){
  .top-coating{
    margin:60px 70px;
  } 

  

  .coating_pic img{
    width:90%;
    height:320px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }

  .coating_button{
    margin-right:30px;
  }

  
}


@media(min-width:900px){
  
  .top-coating{
    margin:60px 90px;
  } 

  

  .coating_pic img{
    width:90%;
    height:380px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }

  
  
  .coating_button{
    margin-right:40px;
  }
}

@media(min-width:1000px){
  .top-coating{
    margin:60px 160px;
  } 


  .coating_pic img{
    width:90%;
    height:380px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }

  .coating_button{
    margin-right:40px;
  }
}

@media(min-width:1100px){
  .top-coating{
    margin:60px 200px;
  } 

  


  .coating_pic img{
    width:90%;
    height:380px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }

  .coating_button{
    margin-right:50px;
  }
}


@media(min-width:1200px){
  .top-coating{
    margin:60px 240px;
  } 

  .coating_pic img{
    width:90%;
    height:380px;
  }

  

  .coating_table{
    font-size:17px;
    width:90%;
  }

  .coating_button{
    margin-right:60px;
  }
}

@media(min-width:1300px){
  .top-coating{
    margin:60px 280px;
  } 

  

  .coating_pic img{
    width:90%;
    height:400px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }

  .coating_button{
    margin-right:60px;
  }
}

@media(min-width:1400px){
  .top-coating{
    margin:60px 320px;
  } 

  .coating_pic img{
    width:90%;
    height:400px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }


  .coating_button{
    margin-right:70px;
  }
}
@media(min-width:1600px){
  .top-coating{
    margin:60px 360px;
  } 

  .coating_pic img{
    width:90%;
    height:400px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }


  .coating_button{
    margin-right:70px;
  }
}

@media(min-width:1700px){
  .top-coating{
    margin:60px 400px;
  } 

  .coating_pic img{
    width:90%;
    height:400px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }


  .coating_button{
    margin-right:70px;
  }
}

@media(min-width:1800px){
  .top-coating{
    margin:60px 440px;
  } 

  .coating_pic img{
    width:90%;
    height:400px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }


  .coating_button{
    margin-right:70px;
  }
}

@media(min-width:1900px){
  .top-coating{
    margin:60px 480px;
  } 

  .coating_pic img{
    width:90%;
    height:400px;
  }
  .coating_table{
    font-size:17px;
    width:90%;
  }


  .coating_button{
    margin-right:70px;
  }
}