#imakono-concept{--im-blue:#234b91;--im-space:44px;background:#fff;color:#181a22;font-family:"Noto Sans JP",Arial,sans-serif;font-size:14px;line-height:1.8;color-scheme:light}#imakono-concept *{box-sizing:border-box}#imakono-concept a{color:inherit;text-decoration:none}#imakono-concept a:hover{text-decoration:underline}#imakono-concept header{padding:24px 5%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e1e4e9;flex-wrap:wrap}#imakono-concept .logo{font-size:26px;font-weight:850;letter-spacing:2px}#imakono-concept .logo b{color:var(--im-blue)}#imakono-concept nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:12px;font-weight:700;flex-wrap:wrap}#imakono-concept .cta{display:inline-flex;align-items:center;justify-content:center;background:#16171c;color:white;padding:12px 22px;font-weight:700;font-size:12px}#imakono-concept .hero{padding:var(--im-space) 6%;background:#f4f6fa;border-bottom:1px solid #e1e4e9}#imakono-concept .eyebrow{color:var(--im-blue);letter-spacing:3px;font-size:11px;font-weight:800}#imakono-concept h1{font-size:clamp(28px,4vw,43px);line-height:1.45;letter-spacing:-1px;font-weight:850;margin:13px 0 18px}#imakono-concept h1 span{font-size:.66em;letter-spacing:0}#imakono-concept p{margin:12px 0;font-size:13px}#imakono-concept .search{display:flex;background:#fff;border:1px solid #b8c2d1;max-width:640px;margin:24px 0 14px}#imakono-concept input{border:0;background:transparent;color:#222;padding:13px 16px;min-width:0;flex:1;font-size:16px}#imakono-concept button{border:0;background:var(--im-blue);color:#fff;padding:12px 23px;font:inherit;cursor:pointer}#imakono-concept .tags{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:#3c4d68}#imakono-concept .categories{display:flex;flex-wrap:wrap;padding:17px 6%;gap:12px 22px;border-bottom:1px solid #ddd;font-size:12px;font-weight:700}#imakono-concept main{padding:0 6%}#imakono-concept section{padding:var(--im-space) 0;border-bottom:1px solid #ddd}#imakono-concept .section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}#imakono-concept h2{margin:0;font-size:28px;font-weight:850;letter-spacing:.5px;line-height:1.3}#imakono-concept h2 small{display:block;font-size:12px;font-weight:500;color:#666;letter-spacing:0;margin-top:7px}#imakono-concept .more{font-size:12px;white-space:nowrap}#imakono-concept .articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 25px}#imakono-concept article{border-top:3px solid var(--im-blue);padding:16px 0 8px}#imakono-concept .meta{font-size:11px;color:var(--im-blue);display:flex;gap:10px;flex-wrap:wrap}#imakono-concept h3{font-size:16px;font-weight:750;line-height:1.75;margin:10px 0}#imakono-concept .keyword{display:flex;gap:10px;flex-wrap:wrap}#imakono-concept .keyword a{font-size:12px;background:#f1f3f7;padding:7px 13px}#imakono-concept .downloads{background:#eff3fa;margin:0 -6.82%;padding:var(--im-space) 6.82%}#imakono-concept .downloads article{background:#fff;padding:20px;border-top:0}#imakono-concept .ranking{list-style:none;padding:0;margin:0;counter-reset:rank}#imakono-concept .ranking li{counter-increment:rank;display:flex;gap:20px;border-bottom:1px solid #e2e4e9;padding:15px 0;font-size:14px}#imakono-concept .ranking li:before{content:"0" counter(rank);font-size:22px;color:var(--im-blue);font-weight:800}#imakono-concept .contact{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}#imakono-concept footer{padding:30px 6%;background:#181a22;color:#fff;display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:11px}#imakono-concept footer span{margin-left:auto;color:#b9bfce}@media(max-width:650px){#imakono-concept .articles{grid-template-columns:1fr 1fr}#imakono-concept nav{margin-left:0}#imakono-concept .hero{padding:30px 6%}#imakono-concept h2{font-size:23px}}@media(max-width:420px){#imakono-concept .articles{grid-template-columns:1fr}#imakono-concept .categories{gap:12px 16px}#imakono-concept .section-top{align-items:flex-end}#imakono-concept h1{font-size:28px}}

#imakono-concept .im-thumbnail{display:block;margin-bottom:15px;background:#f2f4f7}#imakono-concept .im-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}#imakono-concept article{border-top:0;padding-top:0}

#body_wrap.im-renewal .im-header,#body_wrap.im-renewal .im-header *{box-sizing:border-box}
#body_wrap.im-renewal .im-header{background:#fff;color:#181a22;border-bottom:1px solid #e1e4e9;padding:24px 5%;display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-family:"Noto Sans JP",sans-serif}
#body_wrap.im-renewal .im-header__brand img{display:block;width:190px;height:auto}
#body_wrap.im-renewal .im-header__nav{display:flex;gap:22px;align-items:center;margin-left:auto;flex-wrap:wrap}
#body_wrap.im-renewal .im-header a{text-decoration:none;color:inherit;font-size:13px;font-weight:700}
#body_wrap.im-renewal .im-header a:hover{text-decoration:underline}
#body_wrap.im-renewal .im-header .im-header__contact{background:#16171c;color:#fff;padding:12px 22px}
#body_wrap.im-renewal .im-header__toggle{display:none;border:1px solid #ddd;padding:9px 13px;background:#fff;color:#181a22;font:inherit;margin-left:auto}
#body_wrap.im-renewal.im-renewal-home #content{width:100%;max-width:none;padding:0;margin:0;display:block}
#body_wrap.im-renewal.im-renewal-home #main_content{width:100%;max-width:none;padding:0;margin:0}
#imakono-concept{width:100%;max-width:none}
#imakono-concept .im-inner{padding:0 6%}
#imakono-concept .im-noimage{aspect-ratio:3/2;display:grid;place-items:center;background:#eff3fa;color:#234b91;font-weight:700}
#imakono-corporate-footer .copyright{font-size:12px}
@media(max-width:650px){#body_wrap.im-renewal .im-header{padding:18px 5%}#body_wrap.im-renewal .im-header__brand img{width:165px}#body_wrap.im-renewal .im-header__nav{margin:0;width:100%;gap:16px}#body_wrap.im-renewal .im-header.im-js .im-header__toggle{display:block}#body_wrap.im-renewal .im-header.im-js:not(.im-open) .im-header__nav{display:none}}


/* Content width: 1200px, centered (2026-09-18) */
#body_wrap.im-renewal .im-header { padding-inline: max(24px, calc((100% - 1200px) / 2)); }
#imakono-concept .hero, #imakono-concept .categories { padding-inline: max(24px, calc((100% - 1200px) / 2)); }
#imakono-concept .im-inner { box-sizing: border-box; width: 100%; max-width: 1248px; margin-inline: auto; padding-inline: 24px; }
#imakono-concept .downloads { margin-inline: 0; padding-inline: 0; box-shadow: 0 0 0 100vmax #eff3fa; clip-path: inset(0 -100vmax); }
#body_wrap.im-renewal:not(.im-renewal-home) #content { max-width: 1248px; margin-inline: auto; }
#imakono-corporate-footer .container { max-width: 1248px; }

/* Desktop section headings */
@media (min-width: 960px) {
  #imakono-concept .section-top h2 { font-size: 50px; }
}

/* Hero background */
#imakono-concept .hero { background-color: #fff; }

/* Desktop hero copy */
@media (min-width: 960px) {
  #imakono-concept .hero h1 { font-size: 60px; }
}

/* Section spacing */
#imakono-concept .im-inner > section { padding-block: 48px; }
@media (min-width: 960px) {
  #imakono-concept .im-inner > section { padding-block: 64px; }
}

/* Sidebar consultation and recent articles */
#body_wrap #sidebar { background: transparent; padding: 0; }
#sidebar .im-side-contact { background: linear-gradient(135deg,#234b91,#173566); padding: 28px 18px; border-radius: 8px; margin-bottom: 28px; text-align: center; color: #fff; }
#sidebar .im-side-contact h2 { font-size: 19px; line-height: 1.6; font-weight: 700; margin: 0; padding: 0; background: none; color: #fff; }
#sidebar .im-side-contact h2::before,#sidebar .im-side-contact h2::after { display: none; }
#sidebar .im-side-contact__line { display: block; width: 30px; height: 3px; background: #fff; margin: 16px auto 22px; }
#sidebar .im-side-contact a { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 12px 8px; border-radius: 4px; font-size: 14px; font-weight: 700; text-decoration: none; line-height: 1.5; }
#sidebar .im-side-contact__primary { background: #fff; color: #234b91; border: 1px solid #fff; }
#sidebar .im-side-contact__secondary { margin-top: 10px; border: 1px solid #fff; color: #fff; }
#sidebar .im-side-contact a:hover { opacity: .8; }
#sidebar .widget_swell_new_posts { background: #f6f7f9; border-radius: 8px; padding: 28px 24px; }
#sidebar .widget_swell_new_posts .c-widget__title { border: 0; padding: 0 0 0 12px; margin: 0 0 24px; font-size: 18px; line-height: 1.3; border-left: 4px solid #234b91; }
#sidebar .widget_swell_new_posts .c-widget__title::after { display: none; }
#sidebar .widget_swell_new_posts .p-postList__thumb { display: none !important; }
#sidebar .widget_swell_new_posts .p-postList__item { margin: 0 !important; border-top: 1px dashed #c7cbd1; }
#sidebar .widget_swell_new_posts .p-postList__item:last-child { border-bottom: 1px dashed #c7cbd1; }
#sidebar .widget_swell_new_posts .p-postList__link { position: relative; display: block; padding: 20px 18px 20px 0 !important; min-height: 0 !important; max-height: none; }
#sidebar .widget_swell_new_posts .p-postList__link::after { content: '›'; position: absolute; right: 0; top: 50%; color: #234b91; font-size: 22px; transform: translateY(-50%); }
#sidebar .widget_swell_new_posts .p-postList__body { display: flex; flex-direction: column; height: auto !important; overflow: visible; }
#sidebar .widget_swell_new_posts .p-postList__meta { order: -1; margin: 0 0 8px; color: #777; font-size: 13px; }
#sidebar .widget_swell_new_posts .p-postList__title { font-size: 14px; line-height: 1.75; font-weight: 700; }

#sidebar .widget_swell_new_posts .p-postList__body { width: 100%; }
#sidebar .widget_swell_new_posts .c-widget__title::before { display: none; }

/* Breadcrumb breathing room and rounded article panel */
#body_wrap.im-renewal #breadcrumb { background: #eef1f4; padding: 20px 0; box-shadow: none; }
#body_wrap.im-renewal #breadcrumb .p-breadcrumb__list { max-width: 1248px; margin: 0 auto; padding: 0 24px; font-size: 13px; line-height: 1.8; }
#body_wrap.im-renewal #breadcrumb .p-breadcrumb__item:last-child { display: inline-flex; }
#body_wrap.im-renewal.single-post #content, #body_wrap.im-renewal.blog #content, #body_wrap.im-renewal.archive #content { padding-top: 64px; }
#body_wrap.im-renewal.single-post #main_content { border-radius: 20px; padding: 40px; }
@media (max-width: 959px) {
 #body_wrap.im-renewal #breadcrumb { padding: 14px 0; }
 #body_wrap.im-renewal #breadcrumb .p-breadcrumb__list { padding-inline: 20px; font-size: 12px; }
 #body_wrap.im-renewal.single-post #content, #body_wrap.im-renewal.blog #content, #body_wrap.im-renewal.archive #content { padding-top: 32px; }
 #body_wrap.im-renewal.single-post #main_content { border-radius: 14px; padding: 24px 20px; }
}

/* Article thumbnail and metadata order */
#body_wrap.im-renewal .p-articleThumb, #body_wrap.im-renewal .p-articleThumb__img { box-shadow: none !important; }
#body_wrap.im-renewal .p-articleMetas.-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
#body_wrap.im-renewal .p-articleMetas.-top .p-articleMetas__times { order: -1; margin: 0; flex-shrink: 0; }

/* Consistent archive and download headings */
#body_wrap.im-renewal:is(.blog,.archive,.search,.page-id-1770) .c-pageTitle { display: flex; align-items: baseline; flex-wrap: wrap; gap: 14px; padding-top: 0; margin-top: 0; }
#body_wrap.im-renewal:is(.blog,.archive,.search) #main_content .p-postList__cat { display: none !important; }
#body_wrap.im-renewal.page-id-1770 #content { padding-top: 64px; }
#body_wrap.im-renewal.page-id-1770 .c-pageTitle::before { content: 'DOWNLOAD'; font-size: 40px; font-weight: 800; letter-spacing: .04em; line-height: 1; color: #1a1a1a; }
#body_wrap.im-renewal.page-id-1770 .c-pageTitle__inner { display: flex; align-items: baseline; font-size: 15px; font-weight: 600; color: #333; }
#body_wrap.im-renewal.page-id-1770 .c-pageTitle__inner::before { content: '/'; font-size: 24px; font-weight: 300; color: #ccc; margin-right: 14px; }
@media (max-width: 959px) { #body_wrap.im-renewal.page-id-1770 #content { padding-top: 32px; } }
@media (max-width: 768px) { #body_wrap.im-renewal.page-id-1770 .c-pageTitle::before { font-size: 30px; } #body_wrap.im-renewal.page-id-1770 .c-pageTitle__inner { font-size: 13px; } }

@media (min-width: 960px) { #body_wrap.im-renewal .p-relatedPosts.-type-card > .p-postList__item { width: 33.333333%; } }

/* Hide categories below article content */
#body_wrap.im-renewal.single-post .p-articleMetas.-bottom .c-categoryList { display: none; }

/* Hide article-bottom categories and tags together */
#body_wrap.im-renewal.single-post .p-articleMetas.-bottom { display: none; }

#body_wrap.im-renewal.blog #main_content { width: 100%; max-width: none; }

/* Sidebar category navigation */
#sidebar .im-side-categories { background: #f6f7f9; border-radius: 8px; padding: 28px 24px; margin-bottom: 28px; }
#sidebar .im-side-categories h2 { background: none; color: #181a22; font-size: 18px; line-height: 1.3; border-left: 4px solid #234b91; padding: 0 0 0 12px; margin: 0 0 18px; }
#sidebar .im-side-categories h2::before, #sidebar .im-side-categories h2::after { display: none; }
#sidebar .im-side-categories ul { list-style: none; padding: 0; margin: 0; }
#sidebar .im-side-categories li { border-bottom: 1px solid #dce0e6; }
#sidebar .im-side-categories a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 0; font-size: 14px; font-weight: 600; line-height: 1.5; color: #333; text-decoration: none; }
#sidebar .im-side-categories a::after { content: "›"; color: #234b91; font-size: 20px; }
#sidebar .im-side-categories a:hover, #sidebar .im-side-categories .current-cat > a { color: #234b91; text-decoration: underline; }

/* Download related-materials heading: compact mobile typography. */
@media (max-width: 599px) {
  .single-download .l-articleBottom__section.-related > .l-articleBottom__title {
    line-height: 1.5 !important;
  }
  .single-download .l-articleBottom__section.-related > .l-articleBottom__title::before {
    font-size: 20px;
    line-height: 1.5;
  }
}

/* Give homepage download images and text more room on mobile. */
@media (max-width: 599px) {
  #imakono-concept .downloads .articles { grid-template-columns: minmax(0, 1fr); margin-inline: -8px; }
  #imakono-concept .downloads article { padding: 12px; }
  #imakono-concept .downloads .im-thumbnail { margin: -12px -12px 15px; }
}

/* Show three homepage downloads on mobile. */
@media (max-width: 599px) {
  #imakono-concept .downloads .articles > article:nth-child(n + 4) { display: none; }
}

/* Keep the related-materials label in normal document flow. */
.single-download .l-articleBottom__section.-related > .l-articleBottom__title::before {
  position: static; display: block; width: auto; height: auto;
  background: none; border: 0; transform: none; margin: 0;
}
/* Four related cards on phones, three on larger screens. */
@media (min-width: 600px) {
  #body_wrap.im-renewal .p-relatedPosts > .p-postList__item:nth-child(n + 4) { display: none; }
}

/* Mobile hamburger button, with a close icon while expanded. */
@media (max-width: 650px) {
  #body_wrap.im-renewal .im-header__toggle { position: relative; width: 44px; height: 44px; padding: 0; border: 0; font-size: 0; flex-shrink: 0; }
  #body_wrap.im-renewal .im-header__toggle::before, #body_wrap.im-renewal .im-header__toggle::after { content: ""; position: absolute; left: 10px; width: 24px; height: 2px; background: currentColor; transition: transform .2s; }
  #body_wrap.im-renewal .im-header__toggle::before { top: 14px; box-shadow: 0 7px 0 currentColor; }
  #body_wrap.im-renewal .im-header__toggle::after { top: 28px; }
  #body_wrap.im-renewal .im-header__toggle[aria-expanded="true"]::before { top: 21px; box-shadow: none; transform: rotate(45deg); }
  #body_wrap.im-renewal .im-header__toggle[aria-expanded="true"]::after { top: 21px; transform: rotate(-45deg); }
  #body_wrap.im-renewal .im-header__nav { flex-direction: column; align-items: stretch; gap: 0; }
  #body_wrap.im-renewal .im-header__nav a { padding: 14px 0; border-top: 1px solid #e1e4e9; }
  #body_wrap.im-renewal .im-header__nav .im-header__contact { margin-top: 10px; text-align: center; }
}

/* Align the download detail heading with its full-width hero image on phones. */
@media (max-width: 599px) {
  #body_wrap.im-renewal.single-download .p-articleHead { width: calc(100% + 30px); max-width: none; margin-inline: -15px; }
}

/* Compact footer logo on phones. */
@media (max-width: 599px) {
  #imakono-corporate-footer .footer-brand img { width: 140px; max-width: 100%; height: auto; }
}