/* Scss Document */
.area_pagetit {
  position: relative; }
  .area_pagetit .pagetit {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../../support/images/tit_bg.jpg) no-repeat center center/cover;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    z-index: 2; }
  .area_pagetit img {
    display: block;
    margin-top: 10px; }
  @media screen and (max-width: 767px) {
    .area_pagetit .pagetit {
      height: 245px; }
    .area_pagetit img {
      width: 240px; } }
  @media print, screen and (min-width: 768px) {
    .area_pagetit .pagetit {
      height: 363px; } }

.area_main {
  background: #29a4db;
  margin-bottom: 200px;
  padding: 80px 0; }
  @media screen and (max-width: 767px) {
    .area_main {
      margin-bottom: 100px;
      padding: 40px 0; } }
  .area_main .contarea {
    max-width: 1260px;
    min-width: 300px; }

.paragraph-group {
  display: block; }

.paragraph {
  display: inline-block;
  margin-bottom: 8px; }

.area_tile {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 32px; }
  .area_tile .box_tile-la {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 32px 32px 0 0;
    padding: 32px;
    background: #fff;
    font-size: 28px;
    font-weight: bold; }
    .area_tile .box_tile-la:hover, .area_tile .box_tile-la:active {
      opacity: 0.8; }
    .area_tile .box_tile-la .tile-text {
      text-align: center; }
    .area_tile .box_tile-la .tile-img {
      width: 250px; }
    @media screen and (min-width: 1201px) {
      .area_tile .box_tile-la .pc-horizontal {
        display: flex; }
        .area_tile .box_tile-la .pc-horizontal div {
          margin-left: 16px; } }
    .area_tile .box_tile-la .tile-tit {
      font-size: 40px;
      font-weight: bold; }
    .area_tile .box_tile-la .tile-caption {
      margin: 16px 0;
      font-size: 15px;
      font-weight: lighter; }
    .area_tile .box_tile-la .highlight-num {
      color: #ea5a24;
      font-size: 80px;
      font-weight: bold;
      line-height: 1.2em; }
  .area_tile .box_tile-mi {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: calc(50% - 32px);
    margin: 32px 32px 0 0;
    padding: 32px;
    background: #fff;
    font-size: 24px;
    font-weight: bold; }
    .area_tile .box_tile-mi:hover, .area_tile .box_tile-mi:active {
      opacity: 0.8; }
    .area_tile .box_tile-mi .tile-text {
      text-align: center; }
    .area_tile .box_tile-mi .tile-img {
      width: 180px; }
    @media screen and (min-width: 1201px) {
      .area_tile .box_tile-mi .pc-horizontal {
        display: flex; }
        .area_tile .box_tile-mi .pc-horizontal div {
          margin-left: 16px; } }
    .area_tile .box_tile-mi .tile-tit {
      font-size: 24px;
      font-weight: bold; }
    .area_tile .box_tile-mi .tile-caption {
      margin: 16px 0;
      font-size: 15px;
      font-weight: lighter; }
    .area_tile .box_tile-mi .highlight-num {
      color: #ea5a24;
      font-size: 70px;
      font-weight: bold;
      line-height: 1.2em; }
  .area_tile .box_tile {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: calc(33.3% - 32px);
    height: 340px;
    margin: 32px 32px 0 0;
    padding: 32px;
    background: #fff;
    font-size: 24px;
    font-weight: bold; }
    .area_tile .box_tile:hover, .area_tile .box_tile:active {
      opacity: 0.8; }
    .area_tile .box_tile .inner {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      width: 100%; }
      .area_tile .box_tile .inner > *:nth-child(1) {
        margin-right: 16px; }
      .area_tile .box_tile .inner > *:last-child {
        margin-right: 0; }
    .area_tile .box_tile .highlight-num {
      color: #ea5a24;
      font-size: 90px;
      font-weight: bold;
      line-height: 1em; }
    .area_tile .box_tile .align-item-c {
      align-items: center; }
    .area_tile .box_tile .text-center {
      text-align: center; }
    .area_tile .box_tile .tile-text-sm {
      font-size: 0.7em; }

@media print, screen and (min-width: 768px) and (max-width: 1200px) {
  .area_tile .box_tile-la {
    justify-content: space-around;
    font-size: 2.5vw; }
    .area_tile .box_tile-la .tile-img {
      width: 25%; }
    .area_tile .box_tile-la .tile-tit {
      font-size: 3vw; }
    .area_tile .box_tile-la .highlight-num {
      font-size: 7vw; }
  .area_tile .box_tile-mi {
    width: calc(50% - 32px);
    height: 27vw;
    padding: 16px;
    font-size: 1.8vw; }
    .area_tile .box_tile-mi .inner img {
      width: 6vw; }
    .area_tile .box_tile-mi .highlight-num {
      font-size: 6.5vw; }
  .area_tile .box_tile {
    width: calc(33.3% - 32px);
    height: 27vw;
    padding: 16px;
    font-size: 1.8vw; }
    .area_tile .box_tile .inner img {
      width: 10vw; }
    .area_tile .box_tile .highlight-num {
      font-size: 6.5vw; } }
@media screen and (max-width: 767px) {
  .area_tile {
    padding-left: 0; }
    .area_tile .box_tile-la {
      display: block;
      width: calc(100% - 32px);
      margin: 0 auto;
      padding: 16px;
      text-align: center;
      font-size: 4.5vw; }
      .area_tile .box_tile-la .tile-img {
        width: 100%; }
      .area_tile .box_tile-la .tile-tit {
        font-size: 5vw; }
      .area_tile .box_tile-la .highlight-num {
        font-size: 12vw; }
    .area_tile .box_tile-mi {
      display: block;
      width: calc(100% - 32px);
      margin: 0 auto;
      padding: 16px;
      text-align: center;
      font-size: 4.5vw; }
      .area_tile .box_tile-mi:nth-child(n) {
        margin: 16px 16px 0 16px; }
      .area_tile .box_tile-mi .tile-img {
        width: 100%; }
      .area_tile .box_tile-mi .tile-tit {
        font-size: 5vw; }
      .area_tile .box_tile-mi .highlight-num {
        font-size: 12vw; }
    .area_tile .box_tile {
      width: calc(50% - 25px);
      height: 45vw;
      padding: 16px;
      margin: 16px 0 0 0;
      font-size: 3.5vw; }
      .area_tile .box_tile:nth-child(2n) {
        margin: 16px 16px 0 0; }
      .area_tile .box_tile .inner img {
        width: 20vw; }
      .area_tile .box_tile .inner > *:nth-child(1) {
        margin-right: 16px; }
      .area_tile .box_tile .inner > *:last-child {
        margin-right: 0; }
      .area_tile .box_tile .highlight-num {
        font-size: 10vw; } }
.box_modal {
  display: none; }

.box_modal-inner {
  margin: 16px 0 32px 0; }

.modal-tit {
  font-size: 28px;
  margin: 0 0 32px 0;
  text-align: center;
  font-weight: bold; }

.img-wrap-multi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 16px auto; }
  .img-wrap-multi .modal-img {
    margin: 8px;
    width: calc(50% - 32px);
    height: auto; }

@media screen and (max-width: 767px) {
  .img-wrap-multi {
    display: block; }
    .img-wrap-multi .modal-img {
      margin: 8px 0;
      width: 100%;
      height: auto; } }
.img-wrap {
  max-width: 800px;
  margin: 0 auto 16px auto; }
  .img-wrap .modal-img {
    margin: 8px 0;
    width: 100%;
    height: auto; }

.img-caption {
  font-size: 15px;
  text-align: center;
  line-height: 1.5em; }

.modal-text {
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.5em; }
  
.table-nenkin {
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.5em;
}
.table-nenkin th {
    background: #f4f4f4;
    margin-bottom: 1px;
    padding: 10px 10px;
    flex-shrink: 0;
    font-weight: normal;
    border-bottom:1px solid #FFF;
}
.table-nenkin thead th {
    background: #ebe6e4;
    margin-bottom: 1px;
    padding: 10px 10px;
    flex-shrink: 0;
    font-weight:bold;
    border-right:1px solid #FFF;
}
.table-nenkin td {
    background: #FFF;
    margin-bottom: 1px;
    padding: 10px 10px;
    flex-shrink: 0;
    border-bottom:1px solid #FFF;
    border-left:1px solid #FFF;
}
/*# sourceMappingURL=support.css.map */
