@charset "UTF-8";

/*タイトル部分のCSS*/
#info-title .title-pc {
  background-image: url("_images/main-table.png");
  background-position: center;
  width: 1080px;
  height: 250px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
/*コンテンツ内のCSS*/
#content section p {
  font-size: 2.4rem;
  margin: 50px auto 10px;
}
#content section span {
  font-size: 1.4rem;
  font-weight: normal;
}
#content section table {
  font-size: 1.4rem;
  width: 1026px;
  margin-bottom: 100px;
}
#content table th:first-child {
  background-color: #006699;
  border: 1px solid #BBB;
}
#content table .table-color a {
  color: #FFFFD7;
}
#content table .table-color {
  width: 17%;
  height: 60px;
  font-size: 1.4rem;
  padding-top: 10px;
  border: 1px solid #BBB;
}
#content table .table-color a {
  font-size: 1.3rem;
  font-weight: normal;
}
#content table .table-type {
  text-align: center;
  color: #444444;
}
#content table tr .table-color01 {
  background-color: #FFFFD7;
  width: 9%;
  font-weight: bold;
  text-align: center;
}
#content table tr .table-color02 {
  background-color: #FFFFEC;
}
#content table tr .table-color03 {
  background-color: #E1FFD9;
  font-weight: bold;
  text-align: center;
}
#content table tr .table-color04 {
  background-color: #F2FFEE;
}
#content table tr .table-color05 {
  background-color: #D2DBFF;
  font-weight: bold;
  text-align: center;
}
#content table tr .table-color06 {
  background-color: #ECF0FF;
}
#content table tr .table-color07 {
  background-color: #E8E8E8;
  font-weight: bold;
  text-align: center;
}
#content table tr .table-color08 {
  background-color: #F7F7F7;
}
#content table tr .table-color09 {
  background-color: #FFD0D0;
  font-weight: bold;
  text-align: center;
}
#content table tr .table-color10 {
  background-color: #FFECEC;
}
#content table tr .os {
  padding: 5px 32px 15px;
}
@media only screen and (max-width: 1100px) {
  #info-title .title-pc {
	width: 99.9%;
  }
  #content {
    width: 100% !important;
  }
  #content table {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .img_flex {
	flex-direction: column;
  }
  .img_float {
	float: none;
  }
  #content section p {
    font-size: 1.8rem;
    margin: 30px auto 10px;
  }
  #content section span {
    font-size: 1.3rem;
    font-weight: normal;
  }
  #content section table th span {
    display: none;
  }
  #content section table th .indention {
    display: inline;
  }
  #content section table th .indention::after {
    content: "\A";
    white-space: pre;
  }
  #content section table {
    font-size: 1.3rem;
    width: 100%;
    margin-bottom: 100px;
  }
  #content table .table-color a {
    color: #FFFFD7;
  }
  #content table .table-color {
    padding-top: 10px;
    font-weight: normal;
    line-height: 1.8rem;
    font-size: 1.4rem;
    height: auto;
  }
  #content table .table-color a {
    font-size: 1.2rem;
  }
  #content table .table-color {
    width: auto;
  }
  #content table tr {
    width: auto;
  }
  #content table tr .os {
    padding: 5px 0px 15px;
  }
}
@media only screen and (max-width: 500px) {
  #content table th, td {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 8px 5px !important;
    margin: 0 !important;
    font-weight: inherit;
    word-break: break-all;
  }
  #content table .table-color {
    font-weight: inherit;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  #content table td .verticalrl{
	display: none;  
  }
}