@media screen and (min-width: 769px) {
  .header {
    width: 100%;
    height: 80px;
    background: #e5e5e5;
    color: #23282c;
    position: fixed;
    z-index: 9000;
    left: 0;
    top: 0;
    overflow: hidden;
    border-top: 5px solid #e60027; } }
.header-block {
  max-width: 1230px;
  height: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .header-block {
      height: 52px;
      z-index: 1000; } }
  .header-block .logo {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    font-weight: bold;
    padding-right: 5px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .header-block .logo {
        width: 100%;
        height: 52px;
        padding: 11px 0;
        margin: 0;
        text-align: left; } }
    @media screen and (max-width: 768px) {
      .header-block .logo .home-link {
        display: block;
        color: #000; } }
  @media screen and (max-width: 768px) {
    .header-block .header-link-box {
      width: 100%;
      background: rgba(255, 255, 255, 0.95);
      position: absolute;
      right: -100%;
      transition: .3s;
      z-index: 9; } }
  .header-block .header-link-box.is-open {
    right: 0; }
  @media screen and (max-width: 768px) {
    .header-block .header-link-box .nav-block {
      margin: 0; } }
  @media screen and (max-width: 768px) {
    .header-block .header-link-box .nav-block .nav-box {
      flex-wrap: wrap;
      margin: 0;
      padding: 53px 30px; } }
  .header-block .header-link-box .nav-block .nav-list + .nav-list {
    border-left: 1px solid #fff; }
  .header-block .header-link-box .nav-block .nav-list.login a {
    margin-bottom: 8px; }
  .header-block .header-link-box .nav-block .nav-list.login span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.1538461538;
    display: inline-block; }
    .header-block .header-link-box .nav-block .nav-list.login span.account {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.0375;
      font-weight: bold;
      margin-bottom: 20px; }
  .header-block .header-link-box .nav-block .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8666666667;
    letter-spacing: 0.05em;
    color: #fff;
    text-decoration: none;
    transition: .6s;
    width: 194px;
    height: 75px;
    background-color: #e60027; }
    .header-block .header-link-box .nav-block .nav-link use {
      transition: .6s; }
    .header-block .header-link-box .nav-block .nav-link.active {
      background-color: #B1000E; }
    @media screen and (min-width: 769px) {
      .header-block .header-link-box .nav-block .nav-link:hover {
        background-color: #b1000e; }
        .header-block .header-link-box .nav-block .nav-link:hover use {
          fill: #00a0e9; } }
  .header-block .header-link-box .nav-block .sp-nav {
    padding: 0 30px 30px; }
    .header-block .header-link-box .nav-block .sp-nav-wrap {
      display: flex;
      flex-direction: column; }
      .header-block .header-link-box .nav-block .sp-nav-wrap .nav-btn {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 9px 0 9px;
        border-color: #00a0e9 transparent transparent transparent;
        position: absolute;
        transition: .3s;
        top: 32px; }
    .header-block .header-link-box .nav-block .sp-nav-link {
      height: 63px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 3.5;
      color: #000;
      text-align: center;
      text-decoration: none; }
    .header-block .header-link-box .nav-block .sp-nav-box {
      display: none;
      background: #00a0e9; }
  @media screen and (max-width: 768px) {
    .header-block .sp-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 93px;
      height: 52px;
      background: #e60027;
      position: absolute;
      top: 0;
      right: 0; } }
  .header-block .sp-btn .btn-inner {
    width: 100%;
    height: 100%;
    position: relative; }
    .header-block .sp-btn .btn-inner span {
      display: inline-block;
      width: 30px;
      height: 1px;
      background: #fff;
      position: absolute;
      left: 30px;
      transition: .3s; }
      .header-block .sp-btn .btn-inner span:nth-of-type(1) {
        top: 23px; }
      .header-block .sp-btn .btn-inner span:nth-of-type(2) {
        top: 30px; }
  .header-block .sp-btn.is-open .btn-inner span:nth-of-type(1) {
    top: 26px;
    transform: rotate(30deg); }
  .header-block .sp-btn.is-open .btn-inner span:nth-of-type(2) {
    top: 26px;
    transform: rotate(-30deg); }

.footer-block {
  background-color: #e5e5e5;
  margin-top: auto; }
  @media screen and (max-width: 768px) {
    .footer-block {
      margin-left: -20px;
      margin-right: -20px; } }
  .footer-block .flex {
    justify-content: flex-end; }
    .footer-block .flex .copy {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 2.5454545455;
      color: #000;
      padding: 10px 0; }

.table-wrap {
  margin-top: 20px; }
  .table-wrap + .table-wrap {
    margin-top: 38px; }
  @media screen and (max-width: 768px) {
    .table-wrap table {
      display: block;
      overflow-x: scroll;
      white-space: nowrap;
      overflow-scrolling: touch;
      -webkit-overflow-scrolling: touch; }
      .table-wrap table.-list.-ssm {
        white-space: inherit; } }
.table-search {
  width: 100%;
  position: relative; }
  .table-search th, .table-search td {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    text-align: left;
    vertical-align: middle;
    height: 50px; }
    @media screen and (max-width: 768px) {
      .table-search th, .table-search td {
        padding-right: 20px;
        display: block; } }
  .table-search th {
    color: #00a0e9;
    border-right: 1px solid #00a0e9;
    width: 173px; }
  @media screen and (min-width: 769px) {
    .table-search td + td {
      padding-left: 20px; } }
  .table-search td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .table-search td select::-ms-expand {
      display: none; }
  .table-search td select, .table-search td input[type="text"] {
    border-color: rgba(0, 0, 0, 0.4);
    border-width: 1px;
    padding: 0 10px;
    height: 45px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    width: 100%; }
    .table-search td select::placeholder, .table-search td input[type="text"]::placeholder {
      color: #888; }
    .table-search td select:-ms-input-placeholder, .table-search td input[type="text"]:-ms-input-placeholder {
      color: #888; }
    .table-search td select::-ms-input-placeholder, .table-search td input[type="text"]::-ms-input-placeholder {
      color: #888; }
  .table-search td input[type="submit"] {
    background-color: #00a0e9;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    border: none;
    border-radius: 5.6px;
    width: 72px;
    height: 33px;
    margin-left: 10px; }
  .table-search td .search-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.4); }
    .table-search td .search-wrap input[type="text"] {
      border: none;
      width: auto;
      height: 43px; }
    .table-search td .search-wrap input[type="text"]:focus {
      outline: 0; }
    .table-search td .search-wrap input[type="submit"] {
      cursor: pointer;
      font-family: FontAwesome;
      border: none;
      background: transparent;
      color: #000;
      outline: none;
      width: 5rem;
      height: 3rem;
      font-size: 2rem; }
  .table-search td .arrow-wrap select {
    padding: 7px 30px 7px 15px;
    cursor: pointer; }
  .table-search.-secondary th, .table-search.-secondary td {
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto; }
  .table-search.-secondary th {
    border-right: none; }
  .table-search.-secondary td .caption {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3846153846;
    margin-bottom: 5px; }
  .table-search.-secondary td .num {
    font-size: 30px;
    font-size: 3rem;
    line-height: 0.9333333333;
    margin-right: 3px; }
  .table-search.-secondary td.align-right {
    text-align: right;
    width: 140px; }
    .table-search.-secondary td.align-right .num {
      font-size: 36px;
      font-size: 3.6rem;
      line-height: 0.7777777778; }
  .table-search.-secondary td.align-center {
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3846153846; }
  .table-search.-thirdly th {
    width: 25%;
    padding-top: 8px;
    padding-bottom: 8px; }
  .table-search.-thirdly td {
    width: 75%;
    padding-top: 8px;
    padding-bottom: 8px; }
    .table-search.-thirdly td textarea {
      width: 50%;
      border-color: rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 768px) {
        .table-search.-thirdly td textarea {
          width: 100%; } }

.main {
  margin-top: 74px;
  margin-bottom: 120px;
  flex: 1 1 auto;
  min-height: 1px; }
  @media screen and (max-width: 768px) {
    .main {
      margin-top: 52px; } }

.section + .section {
  margin-top: 75px; }
.section-ttl {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  text-align: left;
  margin-bottom: 65px; }
  @media screen and (max-width: 768px) {
    .section-ttl {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.5555555556;
      margin-bottom: 20px; } }
  .section-ttl.-secondary {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    border-bottom: 2px solid #000;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 8px; }
    .section-ttl.-secondary::before {
      position: absolute;
      content: " ";
      display: block;
      border-bottom: 2px solid #e60027;
      bottom: -2px;
      width: 120px; }
    @media screen and (max-width: 768px) {
      .section-ttl.-secondary {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.75;
        margin-bottom: 30px; } }
.section-icon {
  display: flex;
  align-items: center; }
  .section-icon img {
    width: 98px; }
  .section-icon p {
    color: #00a0e9;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    font-weight: bold; }

.block + .block {
  margin-top: 100px; }
.block-ttl {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  margin-top: 20px; }
.block-summary input[type="text"] {
  background-color: rgba(0, 160, 233, 0.3);
  border-radius: 5.6px;
  border-color: rgba(0, 0, 0, 0.3);
  border-width: 1px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  height: 33px; }
.block-summary input[type="submit"] {
  background-color: #00a0e9;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  border: none;
  border-radius: 5.6px;
  width: 72px;
  height: 33px;
  margin-left: 10px; }
.block-summary p {
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556; }
.block-summary-img {
  margin-top: 40px; }
.block-summary .parts {
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media screen and (min-width: 769px) {
    .block-summary .parts {
      width: calc((100% - 40px) / 2); } }
  .block-summary .parts-icon {
    margin-left: 37px;
    margin-right: 55px;
    margin-top: 34px; }
    .block-summary .parts-icon .icon {
      width: 78px; }
    .block-summary .parts-icon-txt {
      font-size: 12.8px;
      font-size: 1.28rem;
      line-height: 2.1875; }
  .block-summary .parts .num-wrap {
    margin-right: auto;
    margin-top: 50px; }
    .block-summary .parts .num-wrap .num {
      font-size: 72px;
      font-size: 7.2rem;
      line-height: 0.3888888889;
      margin-right: 8px; }
  .block-summary .parts .btn-box {
    height: 30px;
    justify-content: center;
    text-decoration: none; }
  .block-summary .parts .btn-txt {
    font-size: 12px;
    margin-left: 10px; }
  .block-summary .parts:nth-of-type(odd) {
    margin-right: auto;
    background-color: rgba(3, 110, 184, 0.4); }
    .block-summary .parts:nth-of-type(odd) .parts-icon-txt {
      color: #036eb8; }
    .block-summary .parts:nth-of-type(odd) .btn-box {
      background-color: #036eb8;
      color: #fff; }
  .block-summary .parts:nth-of-type(even) {
    background-color: rgba(243, 152, 0, 0.4); }
    .block-summary .parts:nth-of-type(even) .parts-icon-txt {
      color: #f39800; }
    .block-summary .parts:nth-of-type(even) .btn-box {
      background-color: #f39800;
      color: #fff; }

button.btn {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border: none;
  width: 72px;
  height: 33px;
  cursor: pointer;
  transition: .3s; }
  button.btn:hover {
    opacity: .7; }
  button.btn.-sub {
    border: 1px solid #000;
    height: 48px;
    width: 100%;
    font-weight: 600; }
    button.btn.-sub:hover {
      background-color: transparent;
      color: #000;
      opacity: 1; }
    button.btn.-sub-r {
      background-color: #e60027;
      border: 1px solid #e60027;
      height: 48px;
      width: 100%;
      font-weight: 600; }
      button.btn.-sub-r:hover {
        background-color: transparent;
        color: #e60027;
        opacity: 1; }
  button.btn.-md {
    width: 240px; }
    @media screen and (max-width: 768px) {
      button.btn.-md {
        width: 100%;
        margin-top: 20px; } }
  button.btn.-lg {
    width: 100%;
    height: 45px; }
    @media screen and (min-width: 769px) {
      button.btn.-lg {
        width: 330px; } }
  button.btn.-w49 {
    width: 49%; }
  button.btn.-center {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  button.btn.-red {
    background-color: #e60027; }
  button.btn.-gray {
    background-color: #f1f1f1;
    color: #000; }

.document-list {
  display: flex;
  flex-direction: column;
  flex-basis: calc(20% - 16px); }
  @media screen and (min-width: 769px) {
    .document-list {
      max-width: 230px; } }
  .document-list + li {
    margin-top: 60px; }
    @media screen and (min-width: 769px) {
      .document-list + li {
        margin-top: 0;
        margin-left: 20px; }
        .document-list + li:nth-child(5n+1) {
          margin-left: 0; }
        .document-list + li:nth-child(n+6) {
          margin-top: 30px; } }
  .document-list .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6875;
    font-weight: 600; }
    @media screen and (min-width: 769px) {
      .document-list .title {
        height: 8.2rem; } }
  .document-list .summary {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 20px;
    margin-bottom: 15px;
    border-top: 1px solid #000;
    padding-top: 15px; }
  .document-list .note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 600;
    color: #e60027;
    margin-bottom: 15px; }
  .document-list .category {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0; }
    .document-list .category span {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1;
      color: #fff;
      background-color: #000;
      padding: 3px 8px;
      margin: 3px 3px 0 0; }
  .document-list .tag span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin: 5px 3px 0 0;
    display: inline-block; }
  .document-list.-secondary {
    max-width: 100%; }
    @media screen and (min-width: 769px) {
      .document-list.-secondary {
        flex-direction: row; } }
.document-img {
  margin: 10px 0; }
  @media screen and (max-width: 768px) {
    .document-img {
      margin-left: auto;
      margin-right: auto; } }
  .document-img img {
    width: 100%; }
    @media screen and (min-width: 769px) {
      .document-img img {
        max-width: 230px; } }
.document-date, .document-time {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 600; }
@media screen and (min-width: 769px) {
  .document-cont {
    padding: 0 15px; } }
.document-cont:first-child {
  padding-left: 0; }
.document-cont:nth-child(3) {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-left: 25px;
  padding-right: 25px; }
  @media screen and (min-width: 769px) {
    .document-cont:nth-child(3) {
      max-width: 270px; } }
.document-cont:nth-child(4) {
  padding-right: 0; }
@media screen and (max-width: 768px) {
  .document-cont.num-wrap {
    display: flex; }
    .document-cont.num-wrap .document-time {
      text-align: left;
      margin-left: 10px; } }
@media screen and (max-width: 768px) {
  .document-cont + .document-cont {
    margin-top: 30px; } }
@media screen and (min-width: 769px) {
  .document-cont .border-right {
    border-right: 1px solid #000;
    padding-right: 30px; } }
.document-cont textarea {
  width: 100%;
  padding: 25px;
  line-height: 1.8;
  background-color: #f1f1f1; }
  @media screen and (min-width: 769px) {
    .document-cont textarea {
      max-width: 300px; } }
.document-cont .title {
  height: auto; }
.document-cont .summary {
  margin-top: 5px;
  border-top: none;
  padding-top: 0; }
  @media screen and (max-width: 768px) {
    .document-cont .summary {
      margin-top: 25px; } }
.document-cont .num {
  background: #000;
  color: #fff;
  width: 75px;
  height: 75px;
  font-weight: 600;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  padding: 25px; }
.document-cont .document-time {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
  text-align: center;
  margin-top: 10px; }
  .document-cont .document-time .sm {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2727272727;
    font-weight: normal; }
@media screen and (min-width: 769px) {
  .document-disc {
    margin-left: 10px; } }

.presentation-list {
  position: relative;
  padding: 30px;
  border: 1px solid #000;
  flex-basis: 30%;
max-width: 30%;}
  .presentation-list + li {
    margin-top: 50px; }
    @media screen and (min-width: 769px) {
      .presentation-list + li {
        margin-top: 0;
        margin-left: 5%; } }
  .presentation-list .name {
    position: absolute;
    padding: 0 10px;
    left: 20px;
    top: -8px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    background-color: #fff; }
  .presentation-list input[type="text"] {
    border-radius: 0;
    border: 1px solid #000;
    background-color: #f1f1f1;
    padding: 5px 10px;
    width: 100%; }

.flow-wrap p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 600;
  margin-bottom: 10px; }
.flow-wrap .flow {
  display: flex; }
  .flow-wrap .flow > li {
    flex-basis: 28px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    width: 28px;
    color: #fff;
    background-color: #e5e5e5;
    margin: 0;
    display: inline-block;
    text-align: center;
    position: relative; }
    .flow-wrap .flow > li.active {
      background-color: #000; }
    .flow-wrap .flow > li:not(:last-child):before {
      content: "";
      background: #000;
      position: absolute;
      top: 50%;
      width: 50px;
      height: 1px;
      right: -50px; }
    .flow-wrap .flow > li + li {
      margin-left: 50px; }

@media screen and (max-width: 768px) {
.presentation-list {
max-width: 30%;}
}
/*# sourceMappingURL=style.css.map */