﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
p {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      }
.container {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      background: white;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      }
.hospital-info {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      text-align: center;
      color: #8b6b47;
      margin-bottom: 30px;
      }
.intro {
      background: #fef1f1;
      padding: 20px;
      border-radius: 8px;
      border-left: 5px solid #d19299;
      margin-bottom: 25px;
      }
.process-step {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      background: #fef8f8;
      border-left: 4px solid #c1747c;
      padding: 15px;
      margin: 10px 0;
      }
.important-note {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      background: #fdf6f0;
      border: 1px solid #c99375;
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
      }
.highlight-box {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      background: #fef1f1;
      border: 1px solid #e8b4b8;
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
      }
.qa-item {
      background: #fbf4f4;
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
      border-left: 4px solid #b85c69;
      }
.qa-item .qa-question {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      font-weight: bold;
      font-color:#8b4a44;
      margin-bottom: 8px;
      }

.qa-item div {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      }
.comparison_table {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      background: white;
      }
.comparison_table th {
      border: 1px solid #e8b4b8;
      padding: 12px;
      text-align: left;
      }
.comparison_table td {
      border: 1px solid #e8b4b8;
      padding: 12px;
      text-align: left;
      }
.contact-info {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      background: #8b4a44;
      color: white;
      padding: 20px;
      border-radius: 8px;
      margin-top: 10px;
       }
.contact-info p {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#fff;
      }
.footer {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      text-align: center;
      margin-top: 40px;
      padding-top: 20px;
      border-top: 1px solid #e8b4b8;
      color: #8b6b47;
      }
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
p {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      }
.container {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      background: white;
      padding: 10px;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      }
.hospital-info {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      text-align: center;
      color: #8b6b47;
      margin-bottom: 30px;
      }
.intro {
      background: #fef1f1;
      padding: 20px;
      border-radius: 8px;
      border-left: 5px solid #d19299;
      margin-bottom: 25px;
      }
.process-step {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      background: #fef8f8;
      border-left: 4px solid #c1747c;
      padding: 15px;
      margin: 10px 0;
      }
.important-note {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      background: #fdf6f0;
      border: 1px solid #c99375;
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
      }
.highlight-box {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      background: #fef1f1;
      border: 1px solid #e8b4b8;
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
      }
.qa-item {
      background: #fbf4f4;
      border-radius: 8px;
      padding: 15px;
      margin: 15px 0;
      border-left: 4px solid #b85c69;
      }
.qa-item .qa-question {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      font-weight: bold;
      font-color:#8b4a44;
      margin-bottom: 8px;
      }

.qa-item div {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#333;
      }
.comparison_table {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      background: white;
      }
.comparison_table th {
      border: 1px solid #e8b4b8;
      padding: 12px;
      text-align: left;
      }
.comparison_table td {
      border: 1px solid #e8b4b8;
      padding: 12px;
      text-align: left;
      }
.contact-info {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      background: #8b4a44;
      color: white;
      padding: 5px;
      border-radius: 8px;
      margin: 10px 0;
       }
.contact-info p {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color:#fff;
      }
.footer {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      text-align: center;
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #e8b4b8;
      color: #8b6b47;
      }
}
