@charset "UTF-8";
/*===============================
    既存css調整
================================*/
.hf-contents-layout {
  margin-top: 0; }
  @media all and (min-width: 769px) {
    .hf-contents-layout {
      margin-top: 30px; } }
.hf-ouendan-top-message .text-size-medium {
  font-size: 14px;
  margin-top: 1.5em; }
  .hf-ouendan-top-message .text-size-medium:first-child {
    margin-top: 0; }
.hf-text-note {
  margin: 0; }
/*===============================
    table
================================*/
.hf-margin-size--table {
  margin-top: 15px; }
  @media all and (min-width: 769px) {
    .hf-margin-size--table {
      margin-top: 25px; } }
  .hf-margin-size--table .hf-table .hf-width-4-12 {
    width: calc(4 / 12 * 100%); }
    @media all and (min-width: 769px) {
      .hf-margin-size--table .hf-table .hf-width-4-12 {
        width: calc((100% - 27%) / 2); } }
    .hf-margin-size--table .hf-table .hf-width-4-12:first-child {
      width: 27%; }
      @media all and (min-width: 769px) {
        .hf-margin-size--table .hf-table .hf-width-4-12:first-child {
          width: calc(4 / 12 * 100%); } }
  .hf-margin-size--table .hf-table .hf-table-th {
    font-size: 13px; }
    @media all and (min-width: 769px) {
      .hf-margin-size--table .hf-table .hf-table-th {
        font-size: 20px; } }
    .hf-margin-size--table .hf-table .hf-table-th.hf-text-center {
      text-align: center; }
  .hf-margin-size--table .hf-table td {
    padding: 10px; }
    @media all and (min-width: 769px) {
      .hf-margin-size--table .hf-table td {
        padding: 20px 25px; } }
    .hf-margin-size--table .hf-table td:first-child {
      vertical-align: top; }
      @media all and (min-width: 769px) {
        .hf-margin-size--table .hf-table td:first-child {
          vertical-align: middle; } }
  .hf-margin-size--table .hf-table-title {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    font-size: 12px; }
    @media all and (min-width: 769px) {
      .hf-margin-size--table .hf-table-title {
        padding-left: 16px;
        font-size: 20px; } }
    .hf-margin-size--table .hf-table-title::before {
      position: absolute;
      top: 5px;
      left: 0;
      display: inline-block;
      width: 4px;
      height: 10px;
      content: '';
      background-color: #e95283; }
      @media all and (min-width: 769px) {
        .hf-margin-size--table .hf-table-title::before {
          top: 9px;
          width: 8px;
          height: 18px; } }
    .hf-margin-size--table .hf-table-title--world::before {
      background-color: #69bd79; }
    .hf-margin-size--table .hf-table-title--light::before {
      background-color: #5cc2cf; }
    .hf-margin-size--table .hf-table-title--marugoto::before {
      background-color: #fabe00; }
    .hf-margin-size--table .hf-table-title--microscope::before {
      background-color: #956f29; }
/*===============================
    noteのmargin
================================*/
.hf-margin-note {
  margin-top: 15px; }
  @media all and (min-width: 769px) {
    .hf-margin-note {
      margin-top: 40px; } }
/*===============================
    ラストh2のmargin
================================*/
.hf-section-layout .hf-heading--bordered-left.hf-margin-size--last-heading {
  margin-top: 30px; }
  @media all and (min-width: 769px) {
    .hf-section-layout .hf-heading--bordered-left.hf-margin-size--last-heading {
      margin-top: 50px; } }
/*===============================
    画像
================================*/
.hf-ouendan-img img {
  width: 100%; }