@charset "UTF-8";
#contents .font-s {
  font-size: 15px; }

#contents .top {
  margin: 0 0 50px; }

#contents .top h2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0; }

#contents .top p {
  text-indent: 1em;
  margin: 0 0 5px 0; }

#contents .radio_family hr {
  width: 95%;
  background-color: #ccc;
  height: 1px; }

#contents .radio_family .line {
  border-bottom: 1px solid #ccc;
  width: 95%;
  margin: 0 auto; }

#contents .radio_family_contents {
  width: 100%;
  border: 3px #42983b solid;
  box-sizing: border-box;
  margin: 50px auto; }

#contents .radio_family_ttl {
  background: #42983b;
  color: #fff;
  padding: 10px;
  font-size: 18px; }

#contents table.top {
  width: 90%
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  /*  margin: 15px 20px 10px 15px;*/
  margin: 15px 20px 0px 25px; }

#contents table.bottom {
  width: 90%
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  /*  margin: 15px 20px 10px 15px;*/
  margin: 15px 20px 5px 25px; }

#contents .search-item {
  display: inline-block;
  padding-left: 7px;
  border-left: 4px solid #42983b; }

#contents table.heir tr {
  height: 35px; }
  @media only screen and (max-width: 767px) {
    #contents table.heir tr {
      height: 90px; } }

#contents table.heir td.ttl {
  width: 130px; }
  @media only screen and (max-width: 767px) {
    #contents table.heir td.ttl {
      height: 30px; } }

#contents table.heir td {
  width: 100px; }
  @media only screen and (max-width: 767px) {
    #contents table.heir td {
      display: block;
      width: 100%; } }

#contents table.heir td.lo {
  width: 110px; }

#contents .table_hyou {
  margin: 50px auto;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #contents .table_hyou {
      overflow-x: scroll; } }

#contents .table_hyou p.ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0; }

#contents .table_hyou p {
  font-size: 18px;
  font-weight: bold;
  margin: 0 20px; }

#contents .table_hyou #pattern1, #pattern3, #pattern4, #pattern5, #pattern6, #pattern7, #pattern8 {
  display: none; }

#contents .table_hyou table {
  vertical-align: middle;
  table-layout: fixed;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    #contents .table_hyou table {
      width: 800px;
      max-width: 800px; } }

#contents .table_hyou table.col2 {
  width: 60%; }
  @media only screen and (max-width: 767px) {
    #contents .table_hyou table.col2 {
      width: 480px;
      max-width: 480px; } }

#contents .table_hyou table thead th {
  padding: 6px 4px 4px 4px;
  background-color: #3b5998;
  /*  background-color: #c6d9f0;*/
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b2b2b2;
  height: 33px;
  /*  width: 160px;*/ }

#contents .table_hyou table tbody th {
  padding: 6px 4px 4px 4px;
  border: 1px solid #b2b2b2;
  background-color: #3b5998;
  color: #ffffff;
  text-align: right;
  vertical-align: middle;
  width: 160px; }

#contents .table_hyou table td {
  padding: 4px;
  border: 1px solid #b2b2b2;
  text-align: right;
  width: 160px; }

/*#contents .table_hyou table.col2 td{
  width: 250px;
}*/
#contents .about {
  width: 100%;
  margin: 50px auto; }
  @media only screen and (max-width: 767px) {
    #contents .about {
      width: 100%; } }

#contents .about .ttl {
  font-weight: bold;
  margin-bottom: 15px; }

#contents .about ol {
  list-style: decimal;
  margin-left: 22px; }

#contents .footer {
  text-align: right;
  font-size: 90%; }

#contents table.heir td,
#contents .table_hyou table td {
  background: #fff;
  color: #333;
}

#contents label {
  margin-bottom: 0;
}

#contents input[type="radio"] {
  margin: 0 0 2px 0;
}

.inherita-contents {
  padding: 10px;
  background-color: #ffffff;
  color: #333333;
}