@charset "utf-8";
/* CSS Document */
/*ここからテーブル
*/
main table {
  border: 5px solid #000;
  border-collapse: collapse;
  font-size: 18px;
  margin-left: 30px;
}
main table th {
  border: 1px solid #CCC;
  border-collapse: collapse;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
}
main table td {
  border: 2px solid #000;
  border-collapse: collapse;
  padding: 5px 10px 5px 10px;
  font-size: 26px;
  color: #990e0e;
  text-align: center;
  white-space: nowrap;
  background: #fff;
}
main table th {
  border: 2px solid #000;
  background: #dcdcdc;
}
main table .tr_1 th {
  background: #990e0e;
  color: #FFF;
}
main table .tr_2 th {
  background: #ff9900;
}
main table .w180 {
  width: 180px;
}
/*表組ここまで*/
main .cost_table {
  display: flex;
  margin-left: 90px;
}
main .tel {
  background-image: url(../images/price/tub_tel.png);
  background-repeat: no-repeat;
  width: 750px;
  height: 190px;
  margin-top: 10px;
  margin-left: 350px;
  padding-top: 15px;
  padding-left: 220px;
}
main .regular .corona {
  border: 5px solid #990E0E;
  border-radius: 20px;
  width: 1100px;
  margin-left: 100px;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 20px;
}
main .regular .corona p {
  margin-bottom: 0;
}
main h1 {
  text-align: right;
  padding-top: 30px;
}
main .regular .cansel {
  display: flex;
  justify-content: space-between;
  background-color: #990E0E;
  width: 400px;
  height: 45px;
  color: #FFFFFF;
  padding: 20px;
}
main .regular .info {
  display: flex;
  justify-content: space-between;
  margin-left: 100px;
  margin-right: 345px;
  margin-bottom: 30px;
}
main #spcial .sp_index {
  display: flex;
}
main #spcial .sp_index p {
  font-size: 18px;
  color: #990e0e;
  align-self: center;
}
main #spcial h2 {
  background-image: url(../images/price/index_green.png);
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 1.00);
  font-size: 24px;
  padding-left: 60px;
  height: 65px;
  padding-top: 10px;
  padding-right: 30px;
  width: 400px;
}
main #spcial .right {
  margin-left: 490px;
}
main #spcial .flex {
  display: flex;
  margin-left: 180px;
}
main #spcial .school {
  padding-right: 110px;
}
@media screen and (max-width:640px) {
  main .cost_table {
    display: block;
    margin-left: 0px;
  }
  main {
    padding-top: 130px;
    margin-bottom: 30px;
  }
  main .tel {
    background-image: none;
    width: auto;
    height: auto;
    margin-top: 0px;
    margin-left: 52px;
    padding: 20px;
    margin-right: 20px;
    background-color: #d4d4d4;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 30px;
  }
  main .font_24 {
    font-size: 18px;
  }
  main .res {
    display: block;
    margin-left: 50px;
    padding-top: 0;
  }
  main .regular .cansel {
    width: auto;
    padding: 20px;
    margin-bottom: 30px;
  }
  main h1 {
    text-align: left;
    padding-top: 30px;
  }
  main .regular .info {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  main .regular .info p {
    margin-left: 0px;
  }
  main .regular .info .attention {
    margin-left: 50px;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  main .regular .corona {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #FFFFFF;
  }
  main .layout {
    width: auto;
    margin-left: 50px;
    margin-right: 0px;
    padding-top: 10px;
    margin-bottom: 20px;
  }
  main table {
    font-size: 14px;
  }
  main table td {
    font-size: 18px;
  }
  main .cost_table {
    margin-bottom: 20px;
  }
  /*表の横スクロール*/
  .scroll table {
    width: 100%;
  }
  .scroll {
    display: block;
    overflow: auto; /*tableをスクロールさせる*/
    white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
  }
  .scroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/
    height: 5px;
  }
  .scroll::-webkit-scrollbar-track { /*tableにスクロールバーを追加*/
    background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
    background: #BCBCBC;
  }
  main #spcial .sp_index {
    display: block;
  }
  main #spcial h2 {
    background-image: none;
    font-size: 20px;
    padding-left: 50px;
    height: 40px;
    padding-top: 10px;
    padding-right: 0px;
    color: #fff;
    background-color: #00652b;
    margin-top: 20px;
	width:auto;
  }
  main #spcial .sp_index p {
    font-size: 15px;
    color: #990e0e;
    padding-left: 45px;
    margin-bottom: 10px;
    padding-right: 20px;
  }
  main #spcial .right {
    margin-left: 45px;
    margin-right: 20px;
  }
  main #spcial .flex {
    display: block;
    margin-left: 0px;
  }
  main #spcial .school {
    text-align: center;
    padding-right: 0;
    margin-bottom: 20px;
  }
  main #spcial .s_info{
	  padding-left:45px;
	  padding-right:20px;
	  }
}