/* =====================================================
   about/message.php 固有スタイル
   ===================================================== */

    .mini-card-borderless{
      border:none;
      border-radius:0;
      overflow:visible;
      background:transparent;
      box-shadow:none;
    }

    .mini-card-title-plain{
      font-weight:400;
      line-height:2.1;
      margin:0 0 15px;
    }

    .two-note-grid:has(.mini-card-borderless){
      grid-template-columns:3fr 1fr;
      align-items:start;
    }

    .two-note-grid:has(.mini-card-borderless) .mini-card-image{
      height:320px;
    }

    .mini-card-figure{
      display:flex;
      flex-direction:column;
    }

    .mini-card-caption{
      padding:14px 16px 16px;
      text-align:right;
      background:#fff;
    }

    .mini-card-caption-line1{
      margin:0;
      font-size:16px;
      line-height:1.5;
      color:var(--text-mid);
      font-weight:400;
      transition:font-size 0.2s ease;
    }

    .mini-card-caption-line2{
      margin:4px 0 0;
      font-size:24px;
      line-height:1.5;
      color:var(--text);
      font-weight:700;
      transition:font-size 0.2s ease;
    }

    body.font-small .mini-card-caption-line1{ font-size:15px; }
    body.font-small .mini-card-caption-line2{ font-size:22px; }

    body.font-large .mini-card-caption-line1{ font-size:17px; }
    body.font-large .mini-card-caption-line2{ font-size:26px; }

    @media (max-width:768px){
      .mini-card-caption-line1{
        font-size:15px;
      }

      .mini-card-caption-line2{
        font-size:22px;
      }

      .two-note-grid:has(.mini-card-borderless) .mini-card-image{
        height:220px;
      }
    }