/* 体験版プログラム（Viewer版）ページ */
	        .viewerWrap {
	          width: 700px;
	          max-width: 95%;
	          margin: 0 auto 30px;
	          color: #444;
	          line-height: 1.75;
	          font-size: 95%;
	        }

	        .viewerTitleBox {
	          margin: 0 0 18px 0;
	          padding: 12px 20px;
	          color: #1f5f8b;
	          font-size: 20px;
	          font-weight: bold;
	          line-height: 1.5;
	          letter-spacing: 0.04em;
	          text-align: center;
	          background: linear-gradient(to bottom, #ffffff, #eaf6ff);
	          border: 1px solid #9fd0ef;
	          border-radius: 6px;
	          box-shadow: 0 2px 5px rgba(0, 80, 130, 0.12);
	        }

	        .viewerLeadBox {
	          margin: 16px 0 20px;
	          padding: 14px 18px;
	          background: #f7fbff;
	          border: 1px solid #cfe3f6;
	          border-left: 5px solid #4a90d9;
	          border-radius: 4px;
	        }

	        .viewerLeadBox p {
	          margin: 0 0 6px 0;
	        }

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

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

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

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

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

	        .viewerNote {
	          color: #666;
	          font-size: 92%;
	        }

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

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

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

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

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

	        .viewerFreeBadge {
	          display: inline-block;
	          margin-left: 6px;
	          padding: 2px 6px;
	          color: #d60000;
	          font-size: 90%;
	          font-weight: bold;
	          background: #ffeb3b;
	          border-radius: 4px;
	        }

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

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

	          .viewerTitleBox {
	            font-size: 18px;
	            padding: 10px 14px;
	          }

	          .viewerFreeBadge {
	            margin: 5px 0 0 0;
	          }
	        }