@charset "UTF-8";
/* CSS Document */
#ul-top {
  background-image: url("../img/04-header.jpg"); }

#newsletter {
  margin-top: 6.5rem; }
  @media screen and (max-width: 991px) {
    #newsletter {
      margin-top: 4.5rem; } }
  #newsletter h4 {
    margin-bottom: 0.8rem; }
  #newsletter .newsletter-img {
    margin-bottom: 3rem; }

#newsletter-list {
  margin-bottom: 8rem; }
  #newsletter-list .ac-menu {
    margin-bottom: 1rem; }
    #newsletter-list .ac-menu:last-child {
      margin-bottom: 4rem; }
    #newsletter-list .ac-menu .accordion-contents {
      display: none; }
    #newsletter-list .ac-menu .accordion-title {
      background-color: #13ae67;
      color: #FFFFFF;
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: 500;
      letter-spacing: 0.1rem;
      border-radius: 5px;
      padding: 1.2rem 2.5rem;
      z-index: 1;
      position: relative; }
      @media screen and (max-width: 575px) {
        #newsletter-list .ac-menu .accordion-title {
          font-size: 18px;
          font-size: 1.8rem;
          letter-spacing: 0rem; } }
      #newsletter-list .ac-menu .accordion-title::before {
        /* 閉じている時 */
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        font-weight: 900;
        position: absolute;
        right: 30px; }
        @media screen and (max-width: 575px) {
          #newsletter-list .ac-menu .accordion-title::before {
            right: 15px; } }
    #newsletter-list .ac-menu .accordion-title.active::before {
      /* 開いている時 */
      font-family: "Font Awesome 5 Free";
      content: "\f078";
      font-weight: 900; }
    #newsletter-list .ac-menu .accordion-contents {
      background: #ffffff;
      padding: 5rem 3rem 0rem 3rem;
      margin-top: -3rem; }
      @media screen and (max-width: 575px) {
        #newsletter-list .ac-menu .accordion-contents {
          padding: 5rem 2rem 0rem; } }
      @media screen and (max-width: 767px) {
        #newsletter-list .ac-menu .accordion-contents .no-frame {
          padding: 0; } }
      #newsletter-list .ac-menu .accordion-contents ul {
        margin-bottom: 3rem; }
      @media screen and (max-width: 767px) {
        #newsletter-list .ac-menu .accordion-contents .pdf-link li {
          padding: 0 1rem; } }
      @media screen and (max-width: 575px) {
        #newsletter-list .ac-menu .accordion-contents .pdf-link li {
          padding: 0;
          padding-bottom: 1rem; } }
      #newsletter-list .ac-menu .accordion-contents .pdf-link li a {
        color: #000; }
        #newsletter-list .ac-menu .accordion-contents .pdf-link li a:hover {
          opacity: 0.5; }
        #newsletter-list .ac-menu .accordion-contents .pdf-link li a img {
          width: 75%; }
        #newsletter-list .ac-menu .accordion-contents .pdf-link li a p {
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 500;
          margin-top: 1.3rem;
          line-height: 1.3em; }
          #newsletter-list .ac-menu .accordion-contents .pdf-link li a p span {
            display: inline-block;
            font-weight: 300;
            font-size: 16px;
            font-size: 1.6rem; }