/* 水路設計計算システム Ver7.0 リリース案内ページ */
              .releaseWrap {
                width: 700px;
                max-width: 95%;
                margin: 0 auto 30px;
                color: #444;
                line-height: 1.75;
                font-size: 95%;
              }

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

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

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

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

              .releaseImage {
                margin: 18px 0 0 0;
                text-align: center;
              }

              .releaseImage img {
                max-width: 100%;
                height: auto;
                border: 1px solid #d9e7f0;
                border-radius: 4px;
                background: #fff;
              }

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

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

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

              .releaseSectionTitle {
                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;
              }

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

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

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

              .releaseSubTitle {
                margin: 0 0 10px 0;
                padding: 6px 10px;
                color: #23415f;
                font-size: 15px;
                font-weight: bold;
                background: #f0f6ff;
                border-left: 4px solid #4a90d9;
              }

              .releaseTable {
                width: 100%;
                border-collapse: collapse;
                margin: 0;
              }

              .releaseTable th,
              .releaseTable td {
                border: 1px solid #d6e6f2;
                padding: 10px 12px;
                vertical-align: top;
              }

              .releaseTable th {
                width: 32%;
                color: #23415f;
                background: #eef5fb;
                text-align: left;
                font-weight: bold;
              }

              .priceText {
                color: #1d4f91;
                font-size: 110%;
                font-weight: bold;
              }

              .releaseList {
                margin: 0;
                padding-left: 1.5em;
              }

              .releaseList li {
                margin: 0 0 10px 0;
              }

              .featureTitle {
                color: #1d4f91;
                font-weight: bold;
              }

              .catchBox {
                margin: 12px 0;
                padding: 14px 16px;
                background: #f4fbff;
                border: 1px solid #66a3d2;
                border-radius: 6px;
              }

              .catchBox p {
                margin: 0;
                color: #1d4f91;
                font-size: 1.08em;
                font-weight: bold;
                line-height: 1.8;
              }

              .guideBox {
                margin-top: 12px;
                padding: 14px 16px;
                background: #f4fbff;
                border: 1px solid #66a3d2;
                border-radius: 6px;
              }

              .guideBoxTitle {
                margin: 0 0 8px 0;
                color: #1d4f91;
                font-size: 1.12em;
                font-weight: bold;
              }

              .imageArea {
                margin: 14px 0 4px;
                text-align: center;
              }

              .imageArea img {
                max-width: 100%;
                height: auto;
                border: 1px solid #ddd;
                background: #fff;
              }

              .imageGrid {
                margin: 12px 0 0 0;
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                justify-content: center;
              }

              .imageBox {
                flex: 1 1 145px;
                max-width: 190px;
                text-align: center;
                padding: 8px;
                background: #f8fbff;
                border: 1px solid #d6e6f2;
                border-radius: 5px;
              }

              .imageBox img {
                max-width: 100%;
                height: auto;
                border: 1px solid #ddd;
                background: #fff;
              }

              .imageBox p {
                margin: 6px 0 0 0;
                color: #555;
                font-size: 88%;
                line-height: 1.4;
              }

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

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

              .downloadList 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;
              }

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

              .noteBox {
                margin-top: 12px;
                padding: 10px 12px;
                color: #174a78;
                background: #f3fbff;
                border-left: 4px solid #4a90d9;
                border-radius: 3px;
                font-size: 92%;
              }

              .warningBox {
                margin-top: 12px;
                padding: 10px 12px;
                color: #7a4a00;
                background: #fff8e8;
                border-left: 4px solid #e0a02b;
                border-radius: 3px;
                font-size: 92%;
              }

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

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

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

                .releaseTable th,
                .releaseTable td {
                  display: block;
                  width: auto;
                }

                .imageBox {
                  max-width: 100%;
                }
              }