/*
:root {
      --primary-color: #003366;
      --accent-color: #D4AF37;
      --text-color: #333;
      --border-color: #ccc;
      --font-family: 'Noto Sans JP', Arial, sans-serif;
      --section-padding: 24px 0;
      --border-radius: 4px;
    }

    body {
      margin: 0;
      padding: 0;
      font-family: var(--font-family);
      color: var(--text-color);
      background: #fff;
      line-height: 1.6;
    }
*/
    .cancellation-container {
		  --primary-color: #003366;
		  --secondary-color: #64B5F6;
		  --accent-color: #D4AF37;
		  --text-color: #333;
		  --border-color: #ccc;
		  --section-padding: 24px 0;
		  --border-radius: 4px;
		  font-family: var(--font-family);
		  width: 100%;
		  max-width: 800px;
		  margin: 0 auto;
		  padding: 40px 0;
    }
     .cancellation-container h1 {
      font-size: 2em;
      color: var(--primary-color);
      margin-bottom: 16px;
      border-bottom: 4px solid var(--accent-color);
      padding-bottom: 8px;
    }
     .cancellation-container section {
      padding: var(--section-padding);
      border-bottom: 1px solid var(--border-color);
    }
     .cancellation-container section:last-of-type {
      border-bottom: none;
    }
     .cancellation-container h2 {
      font-size: 1.25em;
      color: var(--primary-color);
      margin: 0 0 8px;
    }
     .cancellation-container p, ul, ol {
      margin: 0 0 16px;
      padding-left: 20px;
    }
     .cancellation-container ul {
      list-style: disc;
    }
     .cancellation-container .circle {
      list-style: circle;
    }
     .cancellation-container ul li {
      margin-bottom: 8px;
	  margin-left:12px;
    }
     .cancellation-container ul li::marker {
      color: var(--accent-color);
    }
     .cancellation-container ol {
      counter-reset: list-counter;
      list-style: none;
      padding-left: 0;
    }
     .cancellation-container ol li {
      counter-increment: list-counter;
      margin-bottom: 8px;
      position: relative;
      padding-left: 28px;
    }
     .cancellation-container ol li::before {
      content: counter(list-counter) ".";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--accent-color);
      font-weight: bold;
    }
     .cancellation-container a {
      color: var(--primary-color);
      text-decoration: none;
      border-bottom: 1px dotted var(--primary-color);
    }
     .cancellation-container a:hover {
      text-decoration: underline;
    }
     .cancellation-container .actions {
      background: #f5faff;
      border: 1px solid var(--border-color);
      border-radius: var(--border-radius);
      padding: 24px;
      margin: 32px 0;
      text-align: center;
    }
     .cancellation-container .actions label {
      font-size: 0.95em;
      color: var(--text-color);
      cursor: pointer;
    }
     .cancellation-container .actions input[type="checkbox"] {
      margin-right: 8px;
    }
     .cancellation-container .button-group {
      margin-top: 16px;
    }
     .cancellation-container .button-group button {
      padding: 12px 24px;
      font-size: 1em;
      border-radius: var(--border-radius);
      cursor: pointer;
      margin: 0 8px;
      min-width: 140px;
    }
     .cancellation-container .btn-primary {
      background: var(--primary-color);
      color: #fff;
      border: none;
    }
     .cancellation-container .btn-secondary {
      background: #fff;
      color: var(--primary-color);
      border: 1px solid var(--primary-color);
    }

	 .cancellation-container .btn-primary:hover {
      background: var(--secondary-color);
	  }

     .cancellation-container .btn-primary:disabled {
      background: var(--border-color);
      color: #999;
      cursor: not-allowed;
    }


     .cancellation-container .important-note {
      background: #ffefef;
      border-left: 4px solid #e53935;
      padding: 12px;
      border-radius: 4px;
      margin: 16px 0;
      color: #b71c1c;
      font-weight: bold;
    }

    /* レスポンシブ */
    @media (max-width: 768px) {
		 .cancellation-container .button-group button {
			 margin: 20px auto;
			 width: 80%;
		}
    }