@charset "utf-8";

/* 医師・保健師/管理栄養士によるアドバイス()
---------------------------------------------------*/
#advice h4 + h5 {
  margin-top: 0;
  padding-top: 24px;
}
#advice .txt + h5, #advice .table_area + h5 {
  margin-top: 24px;
  padding-top: 24px;
}
#advice .figure01 + h5 {
  margin-top: 32px;
  padding-top: 24px;
}
#advice h5::before {
  top: 27px;
}

#advice .three_stages {
  margin-top: 32px;
}

#advice .three_stages ul li {
  display: flex;
  align-items: center;
}
#advice .three_stages ul li + li {
  margin-top: 12px;
}

#advice .three_stages ul li .item {
  display: flex;
  align-items: center;
  width: 136px;
  min-height: 56px;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  padding: 0 18px;
  border-radius: 10px 0 0 10px;
  box-sizing: border-box;
}
#advice .three_stages ul li:nth-child(1) .item {
  background: #23ADED;
}
#advice .three_stages ul li:nth-child(2) .item {
  background: #EFB803;
}
#advice .three_stages ul li:nth-child(3) .item {
  background: #ED5D73;
}

#advice .three_stages ul li .content {
  display: flex;
  align-items: center;
  width: 592px;
  min-height: 56px;
  font-size: 1.6em;
  padding: 0 20px;
  border-radius: 0 10px 10px 0 ;
  box-sizing: border-box;
}
#advice .three_stages ul li:nth-child(1) .content {
  background: #DAEEFD;
}
#advice .three_stages ul li:nth-child(2) .content {
  background: #FCF1B3;
}
#advice .three_stages ul li:nth-child(3) .content {
  background: #F8E5EC;
}

#advice .figure01 {
  text-align: center;
  margin: 40px auto 0;
}

#advice .round_number_list + .txt.text_r {
  margin-top: 16px;
}

/* table */
#advice .table.pattern01 tbody td .emphasis {
  color: #EA5252;
  font-weight: bold;
}
#advice .table.pattern01 tbody tr:nth-child(1) td:nth-child(1) {
  width: 199px;
}
#advice .table.pattern01 tbody tr:nth-child(1) td:nth-child(2) {
  width: 345px;
}

@media only screen and (max-width:768px) {
  #advice h4 + h5 {
    margin-top: -50px;
    padding-top: 70px;
  }
  #advice .txt + h5, #advice .table_area + h5 {
    margin-top: -30px;
    padding-top: 70px;
  }
  #advice .figure01 + h5 {
    margin-top: -30px;
    padding-top: 70px;
  }
  #advice h5::before {
    top: 73px;
  }

  #advice .three_stages {
    margin-top: 24px;
  }

  #advice .three_stages ul li {
    display: block;
  }

  #advice .three_stages ul li .item {
    width: 100%;
    min-height: 40px;
    line-height: 1.5;
    padding: 8px 14px;
    border-radius: 10px 10px 0 0;
  }

  #advice .three_stages ul li .content {
    width: 100%;
    min-height: 72px;
    line-height: 1.5;
    padding: 12px 14px;
    border-radius: 0 0 10px 10px;
  }

  #advice .figure01 {
    max-width: 343px;
    height: 100%;
    margin: 24px auto 0;
  }

  /* table */
  #advice .table.pattern01 tbody tr {
    min-height: 48px;
  }

  #advice .table.pattern01 tbody tr th {
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    background: #23ADED;
  }

  #advice .table.pattern01 tbody tr td {
    font-size: 1.4em;
    text-align: left;
    padding: 14px 6px;
  }

  #advice .table.pattern01 tbody tr:nth-child(1) th:nth-child(1) {
    width: 27%;
  }
  #advice .table.pattern01 tbody tr:nth-child(1) th + td {
    width: 36%;
  }
  #advice .table.pattern01 tbody tr:nth-child(1) td + td {
    width: 37%;
  }
}



/* 健診結果の見方
---------------------------------------------------*/
/* pattern02 */
.table.pattern02 tbody tr:nth-child(1) td:nth-child(1) {
  min-width: 48px;
}
.table.pattern02 tbody tr:nth-child(1) td:nth-child(2) {
  min-width: 241px;
}
.table.pattern02 tbody tr:nth-child(1) td:nth-child(3) {
  width: 310px;
}
.table.pattern02 tbody tr:nth-child(1) td:nth-child(4) {
  min-width: 126px;
}

/* pattern03 */
.table_area.mb56 {
  margin-bottom: 56px;
}
.table.pattern03 tbody tr td.min_w165 {
  min-width: 165px;
}

.table.pattern03 tbody tr th.item {
  width: 48px;
  min-width: 48px;
  line-height: 1.2;
}
.table.pattern03 tbody tr th.sub_item {
  width: 173px;
  min-width: 173px;
}
.table.pattern03 tbody tr .sub_item.part02 {
  width: 125px;
  min-width: 125px;
}
.table.pattern03 tbody tr .sub_item.part02 + th {
  width: 48px;
  min-width: 48px;
  text-align: center;
  line-height: 1.1;
  background: #fff;
  border-left: #B7C8D2 solid 1px;
  border-right: #B7C8D2 solid 1px;
}
.table.pattern03 tbody tr .sub_item.part02 + th .vertical_text {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}
.table.pattern03 tbody tr:nth-child(1) th + td {
  width: 341px;
}
.table.pattern03 tbody tr td.check_table {
  width: 48px!important;
  text-align: center;
  line-height: 1.2;
  vertical-align: top;
  padding: 16px;
}
.table.pattern03 tbody tr td.check_table p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  height: 7em;
  text-align: left;
}
.table.pattern03 tbody tr td .dashed_line {
  display: block;
  border: #7FCFF5 dashed 1px;
  padding: 16px;
  margin-top: 16px;
}

/* 縦文字の要素に対してheightを指定する IE・safari用 */
.vtxt_1em {height: 1em;}
.vtxt_2em {height: 2em;}
.vtxt_3em {height: 3em;}
.vtxt_4em {height: 4em;}
.vtxt_5em {height: 5em;}
.vtxt_6em {height: 6em;}
.vtxt_7em {height: 7em;}
.vtxt_8em {height: 8em;}
.vtxt_9em {height: 9em;}
.vtxt_10em {height: 10em;}
.vtxt_11em {height: 11em;}
.vtxt_12em {height: 12em;}
.vtxt_13em {height: 13em;}

@media only screen and (max-width:768px) {
  /* pattern02 */
  #viewpoint .table.pattern02 {
    width: 460px;
    margin: 0 auto;
  }
  #viewpoint .table_area.overflow {
    overflow-x: auto;
  }

  .table.pattern02 thead tr th {
    font-size: 1.6em;
    font-weight: bold;
  }
  .table.pattern02 tbody tr td {
    font-size: 1.6em;
    padding: 16px 8px;
    line-height: 1.5;
  }
  .table.pattern02 tbody tr td:nth-child(1) {
    font-size: 1.4em;
    font-weight: bold;
    padding: 16px 3px;
  }
  .table.pattern02 tbody tr:nth-child(1) td:nth-child(1) {
    width: 28px;
    min-width: initial;
  }
  .table.pattern02 tbody tr:nth-child(1) td:nth-child(2) {
    width: 116px;
    min-width: initial;
  }
  .table.pattern02 tbody tr:nth-child(1) td:nth-child(3) {
    width: 198px;
  }
  .table.pattern02 tbody tr:nth-child(1) td:nth-child(4) {
    min-width: initial;
  }
  .table.pattern02 tbody tr:nth-child(1) td:nth-child(4) {
    width: 115px;
  }

  /* inspection_list */
  #inspection_list {
    margin: 16px 0 44px;
  }

  #inspection_list dl + dl {
    margin-top: 14px;
  }

  #inspection_list dl dt {
    min-height: 48px;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    padding: 16px 37px 16px 12px;
    background: url("/common/img/nav_sp_openicon.png")no-repeat center right 12px/20px,#23ADED;
    box-sizing: border-box;
    cursor: pointer;
  }
  #inspection_list dl dt.open {
    background: url("/common/img/nav_sp_closeicon.png")no-repeat center right 12px/20px,#23ADED;
  }

  #inspection_list dl dd {
    display: none;
    border: #C0CED6 solid 1px;
  }

  #inspection_list dl dd li {
    padding: 16px 12px 20px;
  }
  #inspection_list dl dd li + li {
    border-top: #B7C8D2 dotted 1px;
  }

  #inspection_list dl dd .item {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5;
    padding: 6px 12px;
    background: #F0F7FF;
  }
  #inspection_list dl dd .item + .item {
    margin-top: 6px;
  }
  #inspection_list dl dd .txt + .item {
    margin-top: 20px;
  }

  #inspection_list dl dd .sub_item {
    font-size: 1.6em;
    line-height: 1.5;
    padding-bottom: 8px;
    border-bottom: #C0CED6 solid 1px;
  }
  #inspection_list dl dd .item + .sub_item {
    margin-top: 14px;
  }

  #inspection_list dl dd .suspicious_illness {
    font-size: 1.6em;
    padding: 10px 12px;
    background: #FCF1B3;
  }
  #inspection_list dl dd .txt + .suspicious_illness {
    margin-top: 24px;
  }

  #inspection_list dl dd .target_cancer {
    color: #1A9DD9;
    font-size: 1.6em;
    font-weight: bold;
  }
  #inspection_list dl dd .item + .target_cancer {
    margin-top: 12px;
  }

  #inspection_list dl dd .suspicious_illness + .txt {
    margin-top: 16px;
  }
  #inspection_list dl dd .item + .txt,
  #inspection_list dl dd .sub_item + .txt {
    margin-top: 12px;
  }
  #inspection_list dl dd .target_cancer + .txt {
    margin-top: 10px;
  }

  #inspection_list dl dd .txt .dashed_line {
    display: block;
    padding: 16px 12px;
    margin-top: 16px;
    border: #7FCFF5 dashed 1px;
  }

  #inspection_list dl dd a {
    text-decoration: underline;
  }
}