/* 月別メンテナンス情報ページ */
                .monthlyWrap {
                  width: 700px;
                  max-width: 95%;
                  margin: 0 auto 30px;
                  color: #444;
                  line-height: 1.75;
                  font-size: 95%;
                }

                .monthlyHero {
                  margin: 0 0 22px 0;
                  padding: 20px 22px;
                  background: #f4f8fc;
                  border: 1px solid #dbe6f0;
                  border-left: 6px solid #1d4f91;
                  border-radius: 5px;
                }

                .monthlyHeroLabel {
                  margin: 0 0 6px 0;
                  color: #4f6f8f;
                  font-size: 13px;
                  letter-spacing: 0.08em;
                }

                .monthlyHero h2 {
                  margin: 0;
                  color: #1d4f91;
                  font-size: 26px;
                  line-height: 1.4;
                  font-weight: bold;
                }

                .monthlyHeroLead {
                  margin: 10px 0 0 0;
                  color: #333;
                  font-size: 15px;
                  line-height: 1.8;
                }

                .monthlyLeadBox {
                  margin: 0 0 22px 0;
                  padding: 15px 18px;
                  background: #f7fbff;
                  border: 1px solid #cfe3f6;
                  border-left: 5px solid #4a90d9;
                  border-radius: 4px;
                }

                .monthlyLeadBox p {
                  margin: 0 0 8px 0;
                }

                .monthlyLeadBox p:last-child {
                  margin-bottom: 0;
                }

                .monthlySectionTitle {
                  margin: 24px 0 14px;
                  padding: 9px 14px;
                  color: #23415f;
                  font-size: 17px;
                  font-weight: bold;
                  background: #eef5fb;
                  border-left: 5px solid #4a90d9;
                  border-radius: 4px;
                }

                .yearNav {
                  margin: 0 0 20px 0;
                  padding: 14px 16px;
                  background: #fff;
                  border: 1px solid #d6e6f2;
                  border-radius: 6px;
                }

                .yearNavTitle {
                  margin: 0 0 10px 0;
                  color: #23415f;
                  font-weight: bold;
                }

                .yearNavList {
                  margin: 0;
                  padding: 0;
                  list-style: none;
                }

                .yearNavList li {
                  display: inline-block;
                  margin: 0 6px 8px 0;
                }

                .yearNavList a {
                  display: inline-block;
                  padding: 6px 10px;
                  color: #1f5f8b;
                  font-weight: bold;
                  text-decoration: none;
                  background: linear-gradient(to bottom, #ffffff, #eef8ff);
                  border: 1px solid #9fd0ef;
                  border-radius: 5px;
                }

                .yearNavList a:hover {
                  background: #eaf6ff;
                  text-decoration: underline;
                }

                .monthBlock {
                  margin: 0 0 22px 0;
                }

                .monthTitle {
                  margin: 0 0 12px 0;
                  padding: 9px 14px;
                  color: #23415f;
                  font-size: 16px;
                  font-weight: bold;
                  background: #f0f6ff;
                  border-left: 5px solid #4a90d9;
                  border-radius: 4px;
                }

                .updateCard {
                  margin: 0 0 14px 0;
                  padding: 14px 16px;
                  background: #fff;
                  border: 1px solid #d6e6f2;
                  border-radius: 6px;
                }

                .updateProduct {
                  margin: 0 0 8px 0;
                  color: #1d4f91;
                  font-size: 15px;
                  font-weight: bold;
                  line-height: 1.55;
                }

                .updateDate {
                  display: inline-block;
                  margin-top: 4px;
                  color: #666;
                  font-size: 90%;
                  font-weight: normal;
                }

                .updateCard p {
                  margin: 0 0 8px 0;
                }

                .updateCard p:last-child {
                  margin-bottom: 0;
                }

                .updateNote {
                  margin: 10px 0 0 0;
                  padding: 9px 11px;
                  color: #174a78;
                  background: #f3fbff;
                  border-left: 4px solid #4a90d9;
                  border-radius: 3px;
                  font-size: 92%;
                }

                .updateLinkList {
                  margin: 10px 0 0 0;
                  padding: 0;
                  list-style: none;
                }

                .updateLinkList li {
                  margin: 0 0 8px 0;
                }

                .updateLinkList a {
                  display: block;
                  padding: 8px 11px;
                  color: #1f5f8b;
                  font-weight: bold;
                  text-decoration: none;
                  background: linear-gradient(to bottom, #ffffff, #eef8ff);
                  border: 1px solid #9fd0ef;
                  border-radius: 5px;
                }

                .updateLinkList a:hover {
                  background: #eaf6ff;
                  text-decoration: underline;
                }

                .summaryCard {
                  margin: 0 0 16px 0;
                  padding: 16px 18px;
                  background: #fff;
                  border: 1px solid #d6e6f2;
                  border-radius: 6px;
                }

                .summaryCard p {
                  margin: 0 0 10px 0;
                }

                .summaryCard p:last-child {
                  margin-bottom: 0;
                }

                .summaryLinkList {
                  margin: 0;
                  padding: 0;
                  list-style: none;
                }

                .summaryLinkList li {
                  margin: 0 0 8px 0;
                }

                .summaryLinkList a {
                  display: block;
                  padding: 9px 12px;
                  color: #1f5f8b;
                  font-weight: bold;
                  text-decoration: none;
                  background: linear-gradient(to bottom, #ffffff, #eef8ff);
                  border: 1px solid #9fd0ef;
                  border-radius: 5px;
                }

                .summaryLinkList a:hover {
                  background: #eaf6ff;
                  text-decoration: underline;
                }

                .seoText {
                  margin-top: 18px;
                  color: #555;
                  font-size: 92%;
                }

                @media screen and (max-width: 572px) {
                  .monthlyWrap {
                    width: 95%;
                    font-size: 95%;
                  }

                  .monthlyHero h2 {
                    font-size: 22px;
                  }

                  .yearNavList li {
                    display: block;
                    margin: 0 0 8px 0;
                  }

                  .yearNavList a {
                    display: block;
                  }
                }