.nav-faq ul {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 5rem;
  flex-wrap: wrap; }
  .nav-faq ul li {
    width: 33%;
    padding: .5rem; }
    @media only screen and (max-width: 767px) {
      .nav-faq ul li {
        width: 50%; } }
    .nav-faq ul li a {
      height: 4.5rem;
      background: #eee;
      border-radius: .5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .nav-faq ul li a {
          height: 3.6rem;
          font-size: 1.2rem;
          padding: 0 .5rem; } }
      .nav-faq ul li a:hover {
        background: #053c7c;
        color: #fff; }

.section-list {
  margin-bottom: 5rem; }
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .section-list {
    margin-bottom: 3rem; } }

  .section-list:nth-last-of-type(1) {
    margin-bottom: 10rem; }
    @media only screen and (max-width: 767px) {
      .section-list:nth-last-of-type(1) {
        margin-bottom: 4rem; } }
  .section-list-ttl {
    font-size: 2.4rem;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    position: relative; }
    .section-list-ttl:before {
      content: "";
      width: .8rem;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: #053c7c; }
      @media only screen and (max-width: 767px) {
        .section-list-ttl:before {
          width: .5rem; } }
    @media only screen and (max-width: 767px) {
      .section-list-ttl {
        font-size: 1.5rem;
        line-height: 1.3;
        padding: 1rem 1rem 1rem 1.5rem; } }
  .section-list-inner dl {
    border-bottom: 1px solid #eee;
    padding: 2.5rem .5rem; }
    @media only screen and (max-width: 767px) {
      .section-list-inner dl {
        padding: 1rem 0; } }
    .section-list-inner dl.on dt:after {
      content: "\e15b"; }
    .section-list-inner dl.on dd {
      max-height: 999rem;
      padding: 2.5rem 2.5rem 2.5rem 6rem;
      margin-top: 1.5rem; }
      .section-list-inner dl.on dd:before {
        opacity: 1;
        top: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .section-list-inner dl.on dd:before {
            top: .8rem; } }
      @media only screen and (max-width: 767px) {
        .section-list-inner dl.on dd {
          padding: 1.5rem 1.5rem 1.5rem 3.5rem; } }
      .section-list-inner dl.on dd p {
        padding-bottom: 1em; }
        .section-list-inner dl.on dd p:nth-last-of-type(1) {
          padding-bottom: 0; }
    .section-list-inner dl dt {
      display: flex;
      font-size: 2rem;
      align-items: center;
      justify-content: flex-start;
      position: relative;
      padding-right: 3.5rem; }
      @media only screen and (max-width: 767px) {
        .section-list-inner dl dt {
          font-size: 1.4rem;
          line-height: 1.3;
          padding-right: 3rem; } }
      .section-list-inner dl dt:after {
        content: "\e145";
        font-family: "Material Symbols Outlined", serif;
        color: #666;
        font-size: 2.4rem;
        line-height: 1;
        position: absolute;
        right: 1rem;
        top: 50%;
        margin-top: -.5em;
        font-weight: 400; }
        @media only screen and (max-width: 767px) {
          .section-list-inner dl dt:after {
            font-size: 1.6rem; } }
      .section-list-inner dl dt span {
        width: 3rem;
        height: 5rem;
        color: #053c7c;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.2rem;
        font-family: "Barlow", serif;
        flex-shrink: 0;
        margin-right: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .section-list-inner dl dt span {
            width: 2rem;
            height: 1em;
            font-size: 2rem;
            line-height: 1;
            margin-right: .5rem; } }
    .section-list-inner dl dd {
      max-height: 0;
      margin-left: 4rem;
      padding: 0 2.5rem 0 6rem;
      border-radius: 1rem;
      background: rgba(238, 238, 238, 0.5);
      overflow: hidden;
      font-size: 1.6rem;
      transition: all .5s;
      position: relative; }
      .section-list-inner dl dd:before {
        content: "A";
        width: 3rem;
        color: #e60012;
        font-size: 3.2rem;
        font-family: "Barlow", serif;
        font-weight: 700;
        position: absolute;
        left: 2rem;
        top: 0;
        opacity: 0; }
        @media only screen and (max-width: 767px) {
          .section-list-inner dl dd:before {
            width: 2rem;
            left: 1.2rem;
            font-size: 2rem; } }
      .section-list-inner dl dd a {
        text-decoration: underline; }
        .section-list-inner dl dd a:hover {
          text-decoration: none; }
      @media only screen and (max-width: 1024px) {
        .section-list-inner dl dd {
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        .section-list-inner dl dd {
          font-size: 1.3rem;
          padding: 0 1.5rem 0 3.5rem; } }
  .section-list.active .section-list-ttl {
    color: #053c7c; }
  .section-list.active .section-list-inner {
    max-height: 99999rem;
    margin-bottom: 6rem; }
    @media only screen and (max-width: 767px) {
      .section-list.active .section-list-inner {
        margin-bottom: 3rem; } }