@charset "UTF-8";

/*--テーブル--*/
#schedule2 + section table, 
#a1 + section table, #a2 + section table, #a3 + section table, #a4 + section table {
  border-color:var(--i_txt_color);
  max-width:1500px;
}

#schedule2 + section .bg_title, 
#a1 + section .bg_title, 
#a2 + section .bg_title, 
#a3 + section .bg_title, 
#a4 + section .bg_title
{
  font-weight:bold;
  text-align:left;
}

#schedule2 + section .color_blue{
}

#schedule2 + section .color_red{
}

#schedule2 + section .bg_blue1{
  background-color: #f4f4f4;
  text-align:left;
}

#schedule2 + section .bg_blue2{
  background-color:var(--i_main_color);
  color:#fff;
}

#schedule2 + section .bg_blue4{
  background-color:#eee;  
  font-weight:bold;
  text-align:left;
  min-width:160px;
}

#schedule2 + section .bg_blue5{
  background-color:#f7f7f7;  
}

#schedule2 + section table tr td {
  padding:1rem;
  box-sizing:border-box;
}

#schedule2 + section .note{
  width: 100%;
  margin: 2rem auto 0;
}

/*--テーブルのインナー幅--*/

#schedule2 + section .card{
    box-sizing: border-box;
    border: 4px solid #000;
    padding: 7rem 2rem 2rem 2rem;
    position: relative;
    font-size:0.9em;
}

#schedule2 + section .table_scroll {
    margin: 0px auto;
    width: 100%;
    max-width: 1500px;
}

#schedule2 + section .title{
   text-align: center;
   font-weight:bold;
   font-size: 1.2em;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#schedule2 + section .card1{
  border-color:#98dbc6;
}

#schedule2 + section .card1 .bg_title,
#schedule2 + section .card1 .title{
  background-color:#e5f6f1;
}

#schedule2 + section .card2{
  border-color:#e6d72a;
}

#schedule2 + section .card2 .bg_title,
#schedule2 + section .card2 .title{
  background-color:#f9f5ca;
}

#schedule2 + section .card3{
  border-color:#f18d9e;
}

#schedule2 + section .card3 .bg_title,
#schedule2 + section .card3 .title{
  background-color:#fbe2e7;
}

#schedule2 + section .card4{
  border-color:#98dbc6;
}

#schedule2 + section .card4 .bg_title,
#schedule2 + section .card4 .title{
  background-color:#e5f6f1;
}

#schedule2 + section .card5{
  border-color:#e6d72a;
}

#schedule2 + section .card5 .bg_title,
#schedule2 + section .card5 .title{
  background-color:#f9f5ca;
}

#schedule2 + section .card6{
  border-color:#f18d9e;
}

#schedule2 + section .card6 .bg_title,
#schedule2 + section .card6 .title{
  background-color:#fbe2e7;
}

#schedule2 + section .card7{
  border-color:#e5f6f1;
}

#schedule2 + section .card7 .bg_title,
#schedule2 + section .card7 .title {
  background-color:#98dbc6;
}

/*--テーブルの横スクロール--*/
@media screen and (max-width: 768px) {
  #schedule2 + section .table_scroll, 
  #a1 + section .table_scroll, 
  #a2 + section .table_scroll, 
  #a3 + section .table_scroll, 
  #a4 + section .table_scroll {
    overflow: scroll;
  }

  #schedule2 + section table {
   white-space: nowrap;
  }

#a1 + section table, #a2 + section table, #a3 + section table, #a4 + section table {
  white-space: nowrap;
}
}