/* Css for , Version=1780045077 */
 .article-content{padding: 0}
.cards-products .media-wrapper{height:200px;line-height:200px;max-height:200px;}.cards-products .media-wrapper:hover{text-decoration:none;}.cards-products .media-placeholder{height:200px;line-height:150px;}.cards-products .card-heading{padding-bottom:5px;}.cards-products .card-content{padding-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cards-products>div{padding-top:15px;border-bottom:1px dotted #e5e5e5;}.cards-products .card{margin-bottom:15px;}.list-condensed .cards{padding-top:0;margin:0;}.cards-products .card-info{position:relative;}.cards-products .card-info > .views-count{position:absolute;right:0;top:10px;opacity:.8;}.card > .media-wrapper{background:none;}.card:hover > .media-wrapper{background:none;}    :root {      --bg: #f6f3ee;      --card: #ffffff;      --text: #1f2933;      --muted: #6b7280;      --line: #e6dfd4;      --gold: #b58a4a;      --gold-dark: #8a6532;      --navy: #1f2a44;      --soft-gold: #f4ead9;      --radius: 22px;      --shadow: 0 18px 45px rgba(31, 42, 68, 0.08);    }    * {      box-sizing: border-box;      margin: 0;      padding: 0;    }    body {      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", "Segoe UI", sans-serif;      background: var(--bg);      color: var(--text);      line-height: 1.75;      letter-spacing: 0.02em;    }    a {      color: inherit;      text-decoration: none;    }    .page {      min-height: 100vh;      padding: 56px 20px 72px;      background:        radial-gradient(circle at 12% 8%, rgba(181, 138, 74, 0.16), transparent 30%),        radial-gradient(circle at 88% 22%, rgba(31, 42, 68, 0.09), transparent 28%),        var(--bg);    }    .container {      max-width: 1120px;      margin: 0 auto;    }    .hero {      display: grid;      grid-template-columns: 1.05fr 0.95fr;      gap: 34px;      align-items: stretch;      margin-bottom: 34px;    }    .hero-main,    .hero-side,    .profile-card,    .message-card {      background: rgba(255, 255, 255, 0.88);      border: 1px solid rgba(230, 223, 212, 0.88);      border-radius: var(--radius);      box-shadow: var(--shadow);      backdrop-filter: blur(12px);    }    .hero-main {      padding: 48px;      position: relative;      overflow: hidden;    }    .hero-main::after {      content: "R";      position: absolute;      right: 34px;      bottom: -48px;      font-family: Georgia, serif;      font-size: 210px;      line-height: 1;      color: rgba(181, 138, 74, 0.08);      pointer-events: none;    }    .eyebrow {      display: inline-flex;      align-items: center;      gap: 10px;      margin-bottom: 18px;      color: var(--gold-dark);      font-size: 13px;      font-weight: 700;      letter-spacing: 0.16em;      text-transform: uppercase;    }    .eyebrow::before {      content: "";      width: 36px;      height: 1px;      background: var(--gold);    }    h1 {      font-size: clamp(34px, 5vw, 58px);      line-height: 1.16;      color: var(--navy);      margin-bottom: 20px;      font-weight: 750;      letter-spacing: 0.03em;    }    .lead {      max-width: 660px;      color: #465260;      font-size: 16px;      position: relative;      z-index: 1;    }    .hero-side {      padding: 34px;      display: flex;      flex-direction: column;      justify-content: space-between;      gap: 28px;      background: linear-gradient(145deg, #ffffff 0%, #fffaf2 100%);    }    .logo-box {      width: 92px;      height: 92px;      border-radius: 26px;      background: var(--navy);      color: #fff;      display: grid;      place-items: center;      font-family: Georgia, serif;      font-size: 48px;      box-shadow: 0 14px 30px rgba(31, 42, 68, 0.18);    }    .company-name {      margin-top: 18px;      color: var(--navy);      font-size: 26px;      font-weight: 750;    }    .company-en {      color: var(--gold-dark);      font-size: 14px;      font-weight: 600;    }    .stats {      display: grid;      grid-template-columns: repeat(2, 1fr);      gap: 14px;    }    .stat {      padding: 18px;      background: var(--soft-gold);      border-radius: 18px;      border: 1px solid #ead8ba;    }    .stat strong {      display: block;      color: var(--navy);      font-size: 22px;      line-height: 1.3;    }    .stat span {      color: var(--muted);      font-size: 13px;    }    .content-grid {      display: grid;      grid-template-columns: 1.15fr 0.85fr;      gap: 34px;      align-items: start;    }    .profile-card {      padding: 42px;    }    .section-title {      display: flex;      align-items: end;      justify-content: space-between;      gap: 20px;      padding-bottom: 22px;      border-bottom: 1px solid var(--line);      margin-bottom: 10px;    }    .section-title h2 {      color: var(--navy);      font-size: 30px;      line-height: 1.25;    }    .section-title span {      color: var(--gold-dark);      font-size: 13px;      font-weight: 700;      letter-spacing: 0.14em;    }    .info-list {      width: 100%;    }    .info-row {      display: grid;      grid-template-columns: 160px 1fr;      gap: 24px;      padding: 20px 0;      border-bottom: 1px solid var(--line);    }    .info-row:last-child {      border-bottom: 0;    }    .info-label {      color: var(--gold-dark);      font-weight: 700;      font-size: 14px;    }    .info-value {      color: var(--text);      font-size: 15px;    }    .message-card {      padding: 38px;      position: sticky;      top: 24px;    }    .message-card h2 {      color: var(--navy);      font-size: 26px;      line-height: 1.35;      margin-bottom: 18px;    }    .message-card p {      color: #4b5563;      font-size: 15px;      margin-bottom: 18px;    }    .business-tags {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-top: 26px;    }    .business-tags span {      padding: 8px 13px;      border-radius: 999px;      background: #fff7ea;      border: 1px solid #ead8ba;      color: var(--gold-dark);      font-size: 13px;      font-weight: 600;    }    .contact-box {      margin-top: 30px;      padding: 22px;      border-radius: 18px;      background: var(--navy);      color: #fff;    }    .contact-box span {      display: block;      color: rgba(255,255,255,0.68);      font-size: 13px;      margin-bottom: 4px;    }    .contact-box strong {      font-size: 22px;      letter-spacing: 0.04em;    }    @media (max-width: 900px) {      .page {        padding: 28px 14px 42px;      }      .hero,      .content-grid {        grid-template-columns: 1fr;        gap: 18px;      }      .hero-main,      .hero-side,      .profile-card,      .message-card {        border-radius: 18px;      }      .hero-main,      .profile-card,      .message-card {        padding: 28px 22px;      }      .hero-side {        padding: 24px 22px;      }      .message-card {        position: static;      }      .stats {        grid-template-columns: repeat(2, minmax(0, 1fr));      }      .section-title {        display: block;      }      .section-title h2 {        font-size: 26px;        margin-bottom: 6px;      }      .info-row {        grid-template-columns: 1fr;        gap: 5px;        padding: 16px 0;      }    }    @media (max-width: 520px) {      body {        line-height: 1.68;      }      .hero-main::after {        font-size: 140px;        right: 12px;        bottom: -30px;      }      .lead,      .info-value,      .message-card p {        font-size: 14px;      }      .logo-box {        width: 74px;        height: 74px;        border-radius: 20px;        font-size: 38px;      }      .company-name {        font-size: 22px;      }      .stats {        grid-template-columns: 1fr;      }      .stat {        padding: 15px;      }      .contact-box strong {        font-size: 19px;      }    }