@charset "UTF-8";
.grayBgList {
  background-color: #f5f5f5;
  padding: 30px 40px; }
  @media (max-width: 768px) {
    .grayBgList {
      padding: 20px; } }
  .grayBgList .numList {
    list-style: decimal;
    padding: 10px 18px;
    font-size: 14px; }
    .grayBgList .numList li {
      margin-left: 12px;
      color: #1c1c1c; }
      .grayBgList .numList li ul {
        list-style: none;
        counter-reset: isCounter; }
        .grayBgList .numList li ul li {
          counter-increment: isCounter;
          text-indent: -1.2em; }
          .grayBgList .numList li ul li::before {
            content: "(" counter(isCounter) ")";
            color: #1c1c1c; }
          .grayBgList .numList li ul li ul {
            list-style-type: lower-alpha; }
            .grayBgList .numList li ul li ul li {
              text-indent: 0; }
              .grayBgList .numList li ul li ul li::before {
                content: none; }
      .grayBgList .numList li span {
        color: #f8524c; }
  .grayBgList .dotList {
    list-style: none;
    padding: 10px 18px;
    font-size: 14px; }
    .grayBgList .dotList li {
      margin-left: 12px; }
      .grayBgList .dotList li::before {
        content: "•";
        color: #00a19b;
        display: inline-block;
        text-indent: -1.6em; }
      .grayBgList .dotList li ul {
        list-style: none;
        counter-reset: isCounter; }
        .grayBgList .dotList li ul li {
          counter-increment: isCounter;
          text-indent: 0; }
          .grayBgList .dotList li ul li::before {
            content: "(" counter(isCounter) ")";
            color: #1c1c1c; }
          .grayBgList .dotList li ul li ul {
            list-style-type: lower-alpha; }
            .grayBgList .dotList li ul li ul li {
              text-indent: 0; }
              .grayBgList .dotList li ul li ul li::before {
                content: none; }
  .grayBgList .markList {
    list-style: none;
    padding: 10px 18px;
    font-size: 14px; }
    .grayBgList .markList li {
      margin-left: 12px; }
      .grayBgList .markList li::before {
        content: "※";
        list-style-position: outside;
        text-indent: -20px;
        display: inline-block; }
      .grayBgList .markList li ul {
        list-style: none;
        counter-reset: isCounter; }
        .grayBgList .markList li ul li {
          counter-increment: isCounter;
          text-indent: 0; }
          .grayBgList .markList li ul li::before {
            content: "(" counter(isCounter) ")";
            color: #1c1c1c;
            text-indent: auto; }
          .grayBgList .markList li ul li ul {
            list-style-type: lower-alpha; }
            .grayBgList .markList li ul li ul li {
              text-indent: 0; }
              .grayBgList .markList li ul li ul li::before {
                content: none; }

.greenHeadTable {
  width: 100%;
  text-align: center; }
  .greenHeadTable thead th {
    padding: 16px 6px;
    border: 1px solid #d9d9d9;
    color: white;
    font-weight: 700;
    background-color: #00a19b; }
  .greenHeadTable tbody td {
    padding: 16px 6px;
    border: 1px solid #d9d9d9;
    text-align: center;
    color: #1c1c1c; }
  @media (max-width: 576px) {
    .greenHeadTable.row2 thead,
    .greenHeadTable.row2 tbody {
      display: inline-block; }
      .greenHeadTable.row2 thead tr,
      .greenHeadTable.row2 tbody tr {
        display: inline-block; }
        .greenHeadTable.row2 thead tr th,
        .greenHeadTable.row2 thead tr td,
        .greenHeadTable.row2 tbody tr th,
        .greenHeadTable.row2 tbody tr td {
          display: block;
          padding: 16px 10px; }
    .greenHeadTable.row2 thead {
      width: 35%; }
      .greenHeadTable.row2 thead tr {
        width: 100%; }
        .greenHeadTable.row2 thead tr th {
          color: #1c1c1c;
          background-color: transparent; }
          .greenHeadTable.row2 thead tr th:first-of-type {
            color: white;
            background-color: #00a19b; }
    .greenHeadTable.row2 tbody {
      width: 65%; }
      .greenHeadTable.row2 tbody tr {
        width: 100%; }
        .greenHeadTable.row2 tbody tr td:first-of-type {
          color: white;
          background-color: #00a19b; } }

.row4 {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #d9d9d9 #f5f5f5; }
  .row4::-webkit-scrollbar {
    height: 6px; }
  .row4::-webkit-scrollbar-track {
    background: #f5f5f5; }
  .row4::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 20px; }
  .row4 .greenHeadTable {
    min-width: 462px; }

.page-section h2 {
  text-align: center; }

.page-section .subTitle {
  margin-bottom: 1rem;
  color: #1c1c1c; }
  .page-section .subTitle .subTitle-inline {
    display: inline; }
    @media (min-width: 768px) {
      .page-section .subTitle .subTitle-inline {
        display: block !important; } }

.qa-answer .highlight {
  color: #ef7800; }

.btnArea {
  padding: 0; }
  @media (min-width: 768px) {
    .btnArea {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .btnArea {
      padding-right: 15px;
      padding-left: 15px; } }

.l-titleContent h2 {
  text-align: center; }

.l-titleContent h4 {
  font-weight: 500;
  line-height: 1.75rem; }

.l-titleContent .row {
  background-color: white;
  border-radius: 4px;
  padding: 0 10px;
  border: 1px solid #d9d9d9; }
  @media (min-width: 1200px) {
    .l-titleContent .row {
      padding: 0 60px 0 60px; } }

.l-titleContent .row .inlineBtn {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  padding: 0 0 0px 15px;
  border: none; }

.l-titleContent .textImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }
  .l-titleContent .textImg img {
    width: 100%; }

.l-titleContent .contentImg {
  width: 100%;
  padding: 30px 0px 20px 0px; }
  .l-titleContent .contentImg:nth-child(1) {
    padding: 0 0 20px 0; }

.l-titleContent.bg-primary--light {
  background-color: #f4f8fa; }
  .l-titleContent.bg-primary--light .row {
    background-color: white;
    border: none; }
    @media (min-width: 1200px) {
      .l-titleContent.bg-primary--light .row {
        padding: 0 60px 0 60px; } }
  .l-titleContent.bg-primary--light .row .inlineBtn {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0 0 0px 15px; }

.l-titleContent.fullText h2 {
  text-align: left; }

.l-titleContent.fullText .row {
  background-color: white;
  border: none;
  padding: 0; }

@media (min-width: 1200px) {
  .l-titleContent.fullText .container {
    padding: 30px 80px 30px 80px; } }

.l-textcard__link {
  border: solid 1px #d9d9d9;
  border-radius: 4px;
  text-align: left;
  min-height: 200px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  margin-bottom: 30px; }
  .l-textcard__link:hover {
    opacity: 70%;
    border: 1px solid #00a19b; }
  .l-textcard__link .link {
    color: #00a19b;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .l-textcard__link p {
    margin: 20px 0; }
  .l-textcard__link a {
    color: #00a19b;
    margin-right: 3px; }
  .l-textcard__link .link:after {
    content: "";
    background: url(../images/right.svg) no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 0.625rem;
    height: 1.25rem;
    position: absolute;
    right: -1.25rem;
    top: 2px; }

.l-imageContent {
  background-color: #f4f8fa; }
  .l-imageContent h2 {
    margin: 30px 0; }
  .l-imageContent .contentImg {
    text-align: center; }
    .l-imageContent .contentImg img {
      width: 100%; }

.p-newsList {
  margin: 0;
  text-align: left; }

.subnav-sections::before {
  content: "";
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, white), to(white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
  background-size: 100% auto; }

.subnav-sections::after {
  content: "";
  width: 20px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 100;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(70%, white), to(white));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
  background-size: 100% auto; }
  @media (min-width: 992px) {
    .subnav-sections::after {
      display: none; } }

.rwd-table {
  margin: auto;
  width: 100%;
  border-collapse: collapse; }
  .rwd-table tr:first-child {
    background: #00a19b;
    text-align: center;
    vertical-align: middle !important; }
  .rwd-table tr {
    border-top: 2px solid #00a19b;
    border-bottom: 2px solid #00a19b;
    background-color: white; }
    @media (min-width: 992px) {
      .rwd-table tr {
        border: 1px solid #d9d9d9;
        background-color: white; } }
    .rwd-table tr::last-child {
      border-bottom: 2px solid #00a19b; }
  .rwd-table th {
    display: none;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    font-weight: 700;
    border-color: #00a19b;
    padding: 0.3em 0.3em; }
  .rwd-table td {
    display: table;
    text-align: left;
    border-color: #00a19b;
    padding: 0.3em 0.3em;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    vertical-align: middle; }
    @media (min-width: 992px) {
      .rwd-table td {
        width: unset; } }
    .rwd-table td:last-child {
      border-bottom: none; }
    .rwd-table td:before {
      content: attr(data-th) "";
      font-weight: bold;
      width: 120px;
      display: table-cell;
      color: #00a19b; }

@media (min-width: 992px) {
  .rwd-table td:before {
    display: none; } }

@media (min-width: 992px) {
  .rwd-table th,
  .rwd-table td {
    display: table-cell; } }

@media (min-width: 992px) {
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0; } }

@media (min-width: 992px) {
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0; } }

@media (min-width: 992px) {
  .rwd-table th,
  .rwd-table td {
    padding: 0.75em !important;
    border: 1px solid #d9d9d9;
    text-align: center; } }

.section-half {
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  max-height: 9000px;
  padding-bottom: 100px; }
  .section-half > .see-more {
    position: absolute;
    text-indent: -9999px;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer; }
  .section-half > .see-more:after {
    content: "";
    position: absolute;
    background: url(../images/right.svg) no-repeat;
    background-size: 100% auto;
    background-position: center;
    bottom: 10px;
    left: 50%;
    width: 0.625rem;
    height: 1.25rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer; }

.section-collapsed {
  max-height: 500px; }
  @media (min-width: 992px) {
    .section-collapsed {
      max-height: 600px; } }
  .section-collapsed > .see-more {
    position: absolute;
    text-indent: -9999px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    min-height: 60px;
    cursor: pointer;
    z-index: 30;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */ }
  .section-collapsed > .see-more:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    background: url(../images/right.svg) no-repeat;
    background-size: 100% auto;
    background-position: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer; }