@charset "UTF-8";

.intro {
    background-color: #6eb944;
    color: #fff;
    padding-bottom: 3rem;
  }

  .intro h2 {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 180%;
    padding:1.5rem 0 0.5rem 0;
    }
  .intro h3 {
    text-align: center;
    font-size: 0.8rem;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 180%;
  }

  .grey {
    background-color:#ededed;
    padding:0 0 5rem 0;
  }

  h2.title {
    color:#3bc90e;
    font-weight:700;
    text-align:center;
    font-size:2rem;
    margin:4rem 0;
  }

  table.ao_entry-table th,
  table.ao_entry-table td{
    text-align:center;
  }

  table.ao_entry-table th {
    background-color:#3bc90e;
    color:#fff;
    font-weight:700;
  }
  table.ao_entry-table td {
    font-weight:700;
  }

  table.ao_entry-table td.even {
    background-color:#ebf9e6;
  }

  table.ao_entry-table td.even02 {
    background-color:#eee;
  }

  table td,
  table th {
    vertical-align: middle !important;
  }



  .entry-kikan {
    border:3px solid #aeaeaf;
    background-color:#f7f7f7;
    text-align:center;
    font-weight:700;
    padding:1rem;
    margin:1rem 0;
  }

  .kome {
    font-size:0.8rem;
  }

  .or {
    color:#3bc90e;
  }

  .oror {
    color:#ff5a28 !important;
  }

  .con {
    padding-bottom:5rem;
  }

  .read {
    padding-top:1.3rem;
    padding-bottom:1.3rem;
    font-size:0.9rem;
    line-height:160%;
  }

  .entry-title {
    font-size:0.9rem;
    line-height:170%;
    background-color:#fff;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-top:5px solid #000;
    border-bottom:5px solid #000;
    padding:2rem;
  }

  .entry-title h2 {
    text-align:center;
    font-size:1.3rem;
    padding:1.3rem 0;
    margin:1.3rem 0;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
  }

  .entry-title h3 {
    font-size:1.1rem;
    color:#3bc90e;
    margin-top:1rem;
  }

  .flow h3 {
    margin-top:1rem;
    margin-bottom:0.5rem;
    font-size:1.1rem;
    color:#3bc90e;
  }

  .flow h4 {
    font-size:0.9rem;
    color:#000;
    font-weight:700;
  }

  .dotted-heading {
      display: flex;
      align-items: center;
      font-size: 1.5em;
      margin: 20px 0;
    }

    .dotted-heading::before,
    .dotted-heading::after {
      content: "";
      flex: 1;
      border-bottom: 2px dotted #3bc90e;
      margin: 0 12px;
    }

  @media screen and (max-width:599px)  {
    .entry-kikan {
      text-align:center;
    }
    .table {
      font-size:0.8rem;
    }
    h2.title {
      font-size:1.5rem;
      margin:2rem 0 1rem 0;
    }
    .intro h3 {
      text-align:left;
    }
  }