/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 */
:root {
  --white: #ffffff;
  --primary-1: #fff5f5;
  --primary-2: #ffe2e0;
  --primary-3: #ffcfcc;
  --primary-4: #ffb6b3;
  --primary-5: #fc8e88;
  --primary-6: #f7554d;
  --primary-7: #d91309;
  --primary-8: #ab0900;
  --primary-9: #780600;
  --primary-10: #450502;
  --primary-outline: rgba(247, 85, 77, 0.5);
  --primary-shadow: rgba(69, 5, 2, 0.1);
  --primary-backdrop: rgba(69, 5, 2, 0.8);

  --secondary-1: #f6f2ff;
  --secondary-2: #ede6ff;
  --secondary-3: #e3d9fc;
  --secondary-4: #cfbdff;
  --secondary-5: #bba1ff;
  --secondary-6: #9d77fc;
  --secondary-7: #8353fc;
  --secondary-8: #642af7;
  --secondary-9: #3700c2;
  --secondary-10: #210073;
  --secondary-outline: rgba(157, 119, 252, 0.5);
  --secondary-shadow: rgba(33, 0, 115, 0.1);
  --secondary-backdrop: rgba(33, 0, 115, 0.8);

  --gray-1: #f7f5f5;
  --gray-2: #ebe9e8;
  --gray-3: #dbd9d9;
  --gray-4: #c9c6c5;
  --gray-5: #b5aaa8;
  --gray-6: #9c8d8a;
  --gray-7: #7d6c69;
  --gray-8: #635350;
  --gray-9: #4a3c3a;
  --gray-10: #2b2220;
  --gray-11: #eeedeb;
  --gray-12: #6c6c6c;
  --gray-13: #7a7777;
  --gray-14: #edebea;
  --gray-outline: rgba(156, 141, 138, 0.5);
  --gray-shadow: rgba(43, 34, 32, 0.1);
  --gray-backdrop: rgba(43, 34, 32, 0.8);
  --light-gray: #ccc;

  --positive-1: #e6f5ff;
  --positive-2: #d4eeff;
  --positive-3: #b6e0fc;
  --positive-4: #8dd0fc;
  --positive-5: #5ebaf7;
  --positive-6: #1c95e6;
  --positive-7: #0675bf;
  --positive-8: #015994;
  --positive-9: #024069;
  --positive-10: #022338;
  --positive-outline: rgba(28, 149, 230, 0.5);
  --positive-shadow: rgba(2, 35, 56, 0.1);
  --positive-backdrop: rgba(2, 35, 56, 0.8);

  --negative-1: #fff5f5;
  --negative-2: #ffe2e0;
  --negative-3: #ffcfcc;
  --negative-4: #ffb6b3;
  --negative-5: #fc8e88;
  --negative-6: #f7554d;
  --negative-7: #d91309;
  --negative-8: #ab0900;
  --negative-9: #780600;
  --negative-10: #450502;
  --negative-outline: rgba(247, 85, 77, 0.5);
  --negative-shadow: rgba(69, 5, 2, 0.1);
  --negative-backdrop: rgba(69, 5, 2, 0.8);

  --text-black: #21272b;
  --text-gray: #9c8d8a;
  --text-link: #1c95e6;
  --text-white: #ffffff;

  --vertical-rhythm: 1.625rem;
  --x-large-container-width: 1200px;
  --medium-viewport-width: 768px;

  --sans-font-family: "YuGothic", "HK Grotesk", "Helvetica Neue", Helvetica, YuGothic, Meiryo,
    sans-serif;
  --serif-font-family: Times, "Times New Roman", YuMincho, serif;
  --monospace-font-family: Consolas, Monaco, YuGothic, Meiryo, monospace;
  --ui-font-family: "HK Grotesk", "Helvetica Neue", Helvetica, YuGothic, "Meiryo UI", Meiryo,
    sans-serif;
  --heading-font-family: "YuGothic", "Public Sans", "Helvetica Neue", Helvetica, "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --alphanumeric-font-family: "Helvetica Neue";

  --xx-small-font-size: 0.5rem;
  --x-small-font-size: 0.75rem;
  --small-font-size: 0.875rem;
  --medium-font-size: 1rem;
  --large-font-size: 1.125rem;
  --x-large-font-size: 1.25rem;
  --xx-large-font-size: 1.5rem;

  /* cf. https://logmi.atlassian.net/wiki/spaces/SD/pages/68550682/CSS+-?focusedCommentId=76513283 */
  --fs-10px: 0.625rem;
  --fs-11px: 0.6875rem;
  --fs-12px: 0.75rem;
  --fs-13px: 0.8125rem;
  --fs-14px: 0.875rem;
  --fs-15px: 0.9375rem;
  --fs-16px: 1rem;
  --fs-17px: 1.0625rem;
  --fs-18px: 1.125rem;
  --fs-19px: 1.1875rem;
  --fs-20px: 1.25rem;
  --fs-21px: 1.3125rem;
  --fs-22px: 1.375rem;
  --fs-23px: 1.4375rem;
  --fs-24px: 1.5rem;
  --fs-32px: 2rem;
  --fs-40px: 2.5rem;
  --fs-48px: 3rem;

  --content-container-width: 650px;

  --side-nav-width: 256px;
  --side-content-width: 320px;

  --small-container-width: 568px;
  --medium-container-width: 704px;
  --large-container-width: 1024px;
  --x-large-container-width: 1200px;

  --small-viewport-width: 568px;
  --medium-viewport-width: 768px;
  --large-viewport-width: 1024px;
  --x-large-viewport-width: 1200px;

  --smart-phone-header-height: 46px;
  --smart-phone-header-message-height: 52px;

  --pc-header-height: 52px;

  --univers-default-line-height: 1.625rem;

  --tab-border-width: 2px;

  --video-icon-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwODIxXzE0NjU5KSI+CjxwYXRoIGQ9Ik0xNC4xNjY3IDguNzVWNS44MzMzM0MxNC4xNjY3IDUuMzc1IDEzLjc5MTcgNSAxMy4zMzMzIDVIMy4zMzMzM0MyLjg3NSA1IDIuNSA1LjM3NSAyLjUgNS44MzMzM1YxNC4xNjY3QzIuNSAxNC42MjUgMi44NzUgMTUgMy4zMzMzMyAxNUgxMy4zMzMzQzEzLjc5MTcgMTUgMTQuMTY2NyAxNC42MjUgMTQuMTY2NyAxNC4xNjY3VjExLjI1TDE3LjUgMTQuNTgzM1Y1LjQxNjY3TDE0LjE2NjcgOC43NVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTA4MjFfMTQ2NTkiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  --video-icon-small-url: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNTE1XzExNDk5KSI+CjxwYXRoIGQ9Ik0xMS4zMzMzIDdWNC42NjY2N0MxMS4zMzMzIDQuMyAxMS4wMzMzIDQgMTAuNjY2NyA0SDIuNjY2NjdDMi4zIDQgMiA0LjMgMiA0LjY2NjY3VjExLjMzMzNDMiAxMS43IDIuMyAxMiAyLjY2NjY3IDEySDEwLjY2NjdDMTEuMDMzMyAxMiAxMS4zMzMzIDExLjcgMTEuMzMzMyAxMS4zMzMzVjlMMTQgMTEuNjY2N1Y0LjMzMzMzTDExLjMzMzMgN1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTE1MTVfMTE0OTkiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+);
}
* {
  -webkit-touch-callout: none;
}
html,
body {
  font-family: var(--sans-font-family);
  font-size: calc(14px + 0.1953125vw);
  line-height: var(--vertical-rhythm);
  -webkit-print-color-adjust: exact;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}
body {
  margin: 0;
  position: relative;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
  font-feature-settings: "palt";
  font-weight: 700;
  margin: 0 0 var(--vertical-rhythm);
}
h1 {
  font-size: 2rem;
  line-height: calc(var(--vertical-rhythm)*1.5);
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
hr {
  border: 0;
  height: calc(var(--vertical-rhythm)/2);
  margin: calc(var(--vertical-rhythm)) 0;
}
blockquote,
dl,
figure,
ol,
p,
pre,
table,
ul {
  margin: 0 0 var(--vertical-rhythm);
}
blockquote {
  background: var(--gray-1);
  padding: var(--vertical-rhythm) calc(var(--vertical-rhythm)*2);
  position: relative;
}
blockquote::before,
blockquote::after {
  color: var(--gray-shadow);
  font-family: var(--serif-font-family);
  font-size: 4rem;
  position: absolute;
}
blockquote::before {
  content: "\201c";
  left: calc(var(--vertical-rhythm)/2);
  line-height: 1;
  top: calc(var(--vertical-rhythm)/2);
}
blockquote::after {
  bottom: calc(var(--vertical-rhythm)/2);
  content: "\201d";
  line-height: 0;
  right: calc(var(--vertical-rhythm)/2);
}
blockquote > :last-child {
  margin-bottom: 0;
}
pre,
code,
var,
samp,
kbd {
  font-family: var(--monospace-font-family);
  font-style: normal;
}
ul,
ol {
  padding: 0 0 0 var(--vertical-rhythm);
}
dt {
  font-size: var(--small-font-size);
  font-weight: 600;
}
dd {
  margin: 0 0 calc(var(--vertical-rhythm)/2);
}
strong {
  font-weight: 600;
}
code,
var,
samp {
  border-radius: 4px;
  display: inline;
  font-size: var(--small-font-size);
  line-height: 1;
  min-width: 1em;
  padding: 0.125rem 0.25em;
  text-align: center;
  vertical-align: middle;
}
figcaption {
  font-style: italic;
  font-weight: 600;
  text-align: center;
}
iframe {
  border: 0;
}
form,
fieldset,
legend {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  display: block;
  width: 100%;
}
input,
select,
textarea {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
label[for] {
  cursor: pointer;
}
a:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
select::-ms-expand {
  background-color: transparent;
  border: none;
}
button {
  -webkit-appearance: none;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-align: left;
}
input:disabled,
input[readonly],
button:disabled {
  cursor: not-allowed;
}
button:focus {
  outline: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: none;
  padding: 0;
}
summary {
  cursor: pointer;
}
summary:focus {
  outline: none;
}
small {
  font-size: var(--small-font-size);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font: inherit;
  line-height: inherit;
  white-space: inherit;
}
td,
th {
  padding: calc(var(--vertical-rhythm)/4) calc(var(--vertical-rhythm)/2);
  text-align: left;
  vertical-align: top;
}
@media (min-width: 1280px) {
  html,
  body {
    font-size: 16px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  html,
  body {
    -webkit-font-smoothing: antialiased;
  }
}
@media print {
  body {
    background-color: transparent !important;
  }
}
.l-main::after {
  background-color: rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition:
    background-color 0.2s ease,
    visibility 0s ease 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 50;
}
.l-main.is-opened::after {
  background-color: rgba(0, 0, 0, 0.8);
  transition-delay: 0s;
  visibility: visible;
}
.l-main__header {
  position: relative;
  z-index: 200;
}
.l-main__global-nav {
  display: none;
}
.l-main__side {
  border-style: solid;
  border-width: 0 1px 0 0;
  bottom: 0;
  box-sizing: border-box;
  left: calc(var(--side-nav-width)*-1);
  position: fixed;
  top: var(--smart-phone-header-height);
  transition:
    left 0.2s ease,
    visibility 0s ease 0.2s;
  visibility: hidden;
  width: var(--side-nav-width);
  z-index: 100;
}
.l-main.is-opened .l-main__side {
  left: 0;
  transition-delay: 0s;
  visibility: visible;
}
.l-main__side-wrapper {
  height: 100%;
}
.l-main__side-inner {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.l-main__message-nav--x-large {
  display: none;
}
.l-main__message-nav {
  display: block;
}
@media screen {
  .l-main__content {
    padding-top: var(--smart-phone-header-height);
    position: relative;
  }

  .l-main__content-nav {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
  }
}
@media not all and (min-width: 1024px) {
  .l-main__content-search {
    left: 0;
    max-height: calc(100% - var(--vertical-rhythm)*2);
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: fixed;
    top: calc(var(--vertical-rhythm)*2);
    transition:
      visibility 0s ease 0.2s,
      opacity 0.2s ease;
    visibility: hidden;
    width: 100%;
    z-index: 100;
  }

  .is-searching .l-main__content-search {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .l-main {
    display: grid;
    grid-template-areas:
      "l-main__header l-main__header"
      "l-main__side   l-main__content"
      "l-main__footer l-main__footer";
    grid-template-columns: var(--side-nav-width) 1fr;
    grid-template-rows: auto auto 1fr auto;
  }

  .l-main::after {
    content: none;
  }

  .l-main__header {
    grid-area: l-main__header;
  }

  .l-main__global-nav {
    display: block;
  }

  .l-main__side {
    grid-area: l-main__side;
    position: static;
    visibility: visible;
  }

  .l-main__side-inner {
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .l-main__content {
    grid-area: l-main__content;
    min-width: 0;
    padding-top: 0;
    transition: none;
  }

  .l-main__content-nav {
    left: var(--side-nav-width);
  }

  .l-main__footer {
    grid-area: l-main__footer;
  }

  .l-main__message-nav--x-large {
    display: block;
  }

  .l-main__message-nav {
    display: none;
  }
}
.en-articles-l-main.l-main > .l-main__footer {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  }
@media (min-width: 1024px) {
  .l-main__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .l-main__side {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .l-main__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .l-main__footer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.en-articles-l-main.l-main > .l-main__content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  }
.en-articles-l-main.l-main > .l-main__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .l-main__side {
    transform: translate3d(0, 0, 0);
  }
}
@media print {
  .l-main__message-nav,
  .l-main__message-nav--x-large {
    display: none;
  }
}
/*
 *  from univers/resources/css/layouts/swift/_main.theme.css
 */
.l-main__global-nav {
  box-shadow: 0 1px 2px var(--gray-shadow);
}
.l-main__side {
  background-color: var(--white);
  border-color: var(--gray-shadow);
  box-shadow: 0 0 2px var(--gray-shadow);
}
.l-main__content-nav {
  box-shadow: 0 1px 2px var(--gray-shadow);
}
.l-main__content-search {
  background-color: var(--white);
}
.article-definition {
  display: table;
  margin: 0 0 1.625rem;
  width: 100%;
}
.article-definition a {
    color: #f7554d;
  }
.article-definition-item {
    display: table-row;
  }
.article-definition-item__title {
      display: table-cell;
      padding: 0.406rem 0.406rem 0.406rem 0;
      text-align: center;
      white-space: nowrap;
    }
.article-definition-item__title-text {
        background-color: #ebe9e8;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 26px;
        padding: 0 0.813rem;
      }
.article-definition-item__content {
      display: table-cell;
      font-size: 0.875rem;
      overflow-wrap: break-word;
      padding: 0 0.406rem 0.406rem 0.406rem;
      white-space: normal;
      width: 100%;
      word-break: break-word;
    }
.article-group-toggle-container
  input[type="checkbox"]:not(:checked)
  + .article-group-toggle__list
  li:nth-child(n + 4) {
  display: none;
}
.article-group-toggle-container
  input[type="checkbox"]:checked
  + .article-group-toggle__list
  + .article-group-toggle__button {
  display: none;
}
.article-group-container {
  list-style: none;
  margin: 0 calc(var(--vertical-rhythm)/-2) var(--vertical-rhythm);
  padding: 0;
  position: relative;
  transition: opacity 0.2s ease;
}
.article-group-container.is-loading {
  opacity: 0.2;
  pointer-events: none;
}
.article-group {
  border-color: var(--gray-shadow);
  border-style: solid;
  border-width: 0;
}
.article-group + .article-group {
  border-top-width: 1px;
  margin-top: -1px;
}
.article-group__date {
  font-family: var(--heading-font-family);
  padding: calc(var(--vertical-rhythm)/2) 0 0;
  text-align: center;
}
.article-group__day {
  font-size: var(--xx-large-font-size);
  line-height: calc(var(--vertical-rhythm)*1.25);
  min-width: calc(4ch + 1.5rem);
}
.article-group__month::after {
  content: "/";
}
.article-group__day-of-week {
  color: var(--gray-6);
  font-size: 1rem;
}
.article-group__date--saturday .article-group__day-of-week {
  color: var(--blue-6);
}
.article-group__date--sunday .article-group__day-of-week {
  color: var(--red-6);
}
.article-group__year {
  color: var(--primary-8);
  font-size: var(--small-font-size);
  line-height: calc(var(--vertical-rhythm)*0.75);
  min-width: 4ch;
}
.article-group__content {
  flex: 1 1 auto;
  min-width: 0;
}
.article-group-item {
  align-items: center;
  border-color: var(--gray-shadow);
  border-style: solid;
  border-width: 0;
  display: flex;
  padding: calc(var(--vertical-rhythm)/2);
  position: relative;
}
a.article-group-item:link,a.article-group-item:visited {
  color: inherit;
  text-decoration: none;
}
.article-group-item + .article-group-item {
  border-top-width: 1px;
  padding-top: calc(var(--vertical-rhythm)/2 - 1px);
}
.article-group-item__timestamp {
  flex: 0 0 auto;
  min-width: 5ch;
  text-align: right;
}
.article-group-item__content {
  box-sizing: border-box;
  flex: 1 1 0px;
  min-width: 0;
  padding-right: calc(var(--vertical-rhythm)*0.5);
}
.article-group-item__content-log-top {
  box-sizing: border-box;
  flex: 1 1 0px;
  min-width: 0;
  padding-left: calc(var(--vertical-rhythm)*0.5);
}
.article-group-item__visual {
  flex: 0 0 calc(var(--vertical-rhythm)*4);
  max-width: 25%;
  position: relative;
  transition: opacity 0.2s ease;
}
a.article-group-item:hover {
  color: var(--primary-6);
}
a.article-group-item:hover .article-group-item__visual {
  opacity: 0.8;
}
.article-group-item__visual::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.article-group-item__image {
  background-color: var(--gray-1);
  border: 1px solid transparent;
  border-color: var(--gray-shadow);
  border-radius: 4px;
  box-sizing: border-box;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .article-group-item__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.article-group-item__symbol {
  background-color: var(--gray-backdrop);
  bottom: 2px;
  color: var(--white);
  display: inline-block;
  line-height: var(--univers-default-line-height);
  position: absolute;
  right: 2px;
  text-align: center;
  width: var(--vertical-rhythm);
  z-index: 1;
}
.article-group-item__heading {
  font-family: var(--sans-font-family);
  font-size: var(--medium-font-size);
  font-weight: 600;
  line-height: var(--vertical-rhythm);
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.article-group-item__sub-heading {
  color: var(--gray-6);
  font-family: var(--heading-font-family);
  font-size: var(--small-font-size);
  font-weight: normal;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-group-item__lock {
  background-color: var(--primary-2);
  border-radius: 4px;
  color: var(--primary-6);
  font-family: var(--sans-font-family);
  font-size: var(--x-small-font-size);
  line-height: 1;
  margin-left: calc(var(--vertical-rhythm)/4);
  padding: 2px 4px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
.article-group-item__sentence {
  -webkit-box-orient: vertical;
  color: var(--gray-10);
  display: -webkit-box;
  font-size: var(--small-font-size);
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (min-width: 568px) {
  .article-group-container {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .article-group {
    align-items: flex-start;
    display: flex;
    margin-left: 0;
    margin-right: 0;
  }

  .article-group__date {
    flex: 0 0 auto;
    padding-left: calc(var(--vertical-rhythm)/4);
    padding-right: calc(var(--vertical-rhythm)/4);
    text-align: right;
  }

  .article-group__year {
    margin-right: 1rem;
  }

  .article-group-item {
    border-top-width: 0;
    padding-top: calc(var(--vertical-rhythm)/2);
  }

  .article-group-item__visual::before {
    padding-bottom: 75%;
  }
}
.article-item {
  display: block;
  margin: 0 0 var(--vertical-rhythm);
}
.article-item--carousel {
  margin-bottom: calc(var(--vertical-rhythm)/2);
  width: 100%;
}
@media (min-width: 1024px) {
  .article-item--carousel {
    width: 500px;
  }
  .article-item--carousel + .article-item--carousel {
    margin-left: var(--vertical-rhythm);
  }
}
a.article-item:link,a.article-item:visited {
  color: inherit;
  text-decoration: none;
}
.article-item__visual {
  margin: 0 0 calc(var(--vertical-rhythm)/2);
  overflow: hidden;
  position: relative;
  transition: opacity 0.2s ease;
}
a.article-item:hover .article-item__visual {
  opacity: 0.8;
}
.article-item__visual::before {
  content: "";
  display: block;
  padding-bottom: 42.8571428571%;
}
.article-item__image {
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .article-item__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.article-item__date {
  bottom: 4px;
  font-size: var(--x-small-font-size);
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  padding: 4px;
  position: absolute;
  right: 4px;
}
.article-item__heading {
  font-family: var(--sans-font-family);
  font-size: var(--medium-font-size);
  font-weight: 600;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.article-item__sub-contents {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 568px) {
  .article-item__visual::before {
    padding-bottom: 56.25%;
  }
}
@media not all and (min-width: 568px) {
  .article-item--horizontal {
    align-items: flex-start;
    display: flex;
    margin-bottom: 0;
    padding: 0.8125rem;
  }

  .article-item--horizontal .article-item__visual {
    flex: 1;
    min-width: 30%;
  }

  .article-item--horizontal .article-item__visual::before {
    padding-bottom: 75%;
  }

  .article-item--horizontal .article-item__content {
    flex: 2;
    margin: 0 0 calc(var(--vertical-rhythm)/2);
    max-width: 70%;
    padding: 0 0 0 calc(var(--vertical-rhythm)/2);
  }
}
.l-backdrop {
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  transition:
    opacity 0.2s ease,
    visibility 0s ease 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}
.l-backdrop.is-shown {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
  }
@media (pointer: coarse) {
  .l-backdrop {
    cursor: pointer;
  }
}
.badge {
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.5em;
  min-width: 1.5em;
  padding: 0 0.25em;
  text-align: center;
}
.badge--circle {
  border-radius: 50%;
}
.badge--xx-small {
  font-size: 5px;
}
.badge--x-small {
  font-size: var(--x-small-font-size);
}
.badge--small {
  font-size: var(--small-font-size);
}
.badge--medium {
  font-size: var(--medium-font-size);
}
.badge--large {
  font-size: var(--large-font-size);
}
.badge--x-large {
  font-size: var(--x-large-font-size);
}
.badge-overlay-container {
  display: inline-block;
  position: relative;
}
.badge-overlay-container > .badge {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  z-index: 10;
}
.badge--primary {
  background-color: var(--primary-6);
  color: #fff;
}
body {
  font-family: var(--sans-font-family);
}
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
    "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  background-clip: padding-box;
  background-color: var(--bs-toast-bg);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  color: var(--bs-toast-color);
  max-width: 100%;
  pointer-events: auto;
  width: var(--bs-toast-max-width);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  z-index: var(--bs-toast-zindex);
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.button {
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-property: background-color, border-color, box-shadow, color, opacity;
  transition-timing-function: ease;
  vertical-align: middle;
}
.button:active {
  opacity: 0.8;
}
.button:disabled,
.button.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--small {
  padding: calc(var(--vertical-rhythm)/4) calc(var(--vertical-rhythm)/2);
}
.button--medium {
  padding: calc(var(--vertical-rhythm)/4) var(--vertical-rhythm);
}
.button--large {
  padding: calc(var(--vertical-rhythm)/2) var(--vertical-rhythm);
}
.button--block {
  display: block;
  width: 100%;
}
a.button {
  text-decoration: none;
}
.button-group {
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
}
.button-group > .button:not(:first-child) {
  margin-left: calc(var(--vertical-rhythm)/4);
}
.button--outline {
  z-index: 1;
}
.button--outline::after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition:
    width 0.2s ease,
    padding 0.2s ease,
    color 0.2s ease,
    background-color 0.2s ease;
  width: 0;
  z-index: -1;
}
.button--outline:not(:disabled):hover:after {
  padding-bottom: 110%;
  width: 110%;
}
.button--outline.button--small {
  border-style: solid;
  border-width: 1px;
  padding: calc(var(--vertical-rhythm)/4 - 1px) calc(var(--vertical-rhythm)/2 - 1px);
}
.button--outline.button--small.button--bold {
  border-style: solid;
  border-width: 2px;
  padding: calc(var(--vertical-rhythm)/4 - 2px) calc(var(--vertical-rhythm)/2 - 2px);
}
.button--outline.button--medium {
  border-style: solid;
  border-width: 1px;
  padding: calc(var(--vertical-rhythm)/4 - 1px) calc(var(--vertical-rhythm) - 1px);
}
.button--outline.button--medium.button--bold {
  border-style: solid;
  border-width: 2px;
  padding: calc(var(--vertical-rhythm)/4 - 2px) calc(var(--vertical-rhythm) - 2px);
}
.button--outline.button--large {
  border-style: solid;
  border-width: 2px;
  padding: calc(var(--vertical-rhythm)/2 - 2px) calc(var(--vertical-rhythm) - 2px);
}
.button--filled.button--primary {
  background-color: var(--primary-6);
  color: #fff;
}
.button--outline.button--dark {
  border-color: hsla(0, 0%, 100%, 0.1);
  color: #fff;
}
.button--filled.button--primary:hover {
  background-color: var(--primary-5);
}
.button--outline.button--dark:hover {
  background-color: var(--gray-8);
  border-color: var(--gray-8);
  color: #fff;
}
.close-icon {
  display: block;
  height: 13px;
  position: relative;
  width: 13px;
}
.close-icon::before,
.close-icon::after {
  background: #21272b;
  content: "";
  height: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 1px;
}
.close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-container {
  margin: 0 auto;
  padding: 0 calc(var(--vertical-rhythm)/2);
}
.l-container--content {
  max-width: var(--content-container-width);
}
.l-container--small {
  max-width: var(--small-container-width);
}
.l-container--medium {
  max-width: var(--medium-container-width);
}
.l-container--large {
  max-width: var(--large-container-width);
}
.l-container--x-large {
  max-width: var(--x-large-container-width);
}
@media (min-width: 1024px) {
  .l-container {
    padding-left: var(--vertical-rhythm);
    padding-right: var(--vertical-rhythm);
  }
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown__menu {
  border: 1px solid transparent;
  border-radius: 0 0 4px 4px;
  opacity: 0;
  position: absolute;
  transition:
    visibility 0s ease 0.2s,
    opacity 0.2s ease;
  visibility: hidden;
}
.dropdown.is-shown .dropdown__menu {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.dropdown-arrow {
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid currentColor;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}
.dropdown-arrow:not(:first-child) {
  margin-left: calc(var(--vertical-rhythm)/4);
}
/*
  英訳記事UIのスタイルを上書きするためのCSS
*/
.en-articles-l-main.l-main {
    display: grid;
    grid-template-areas:
      "l-main__header"
      "l-main__content"
      "l-main__footer";
    grid-template-columns: 1fr;
  }
.en-articles-l-main .l-main__content-nav {
    box-shadow: none;
  }
.en-articles-l-main .l-container {
    padding: 1.625rem 0.8125rem;
  }
.en-articles-l-main .o-article-navigation {
    left: 0;
  }
.en-articles-l-main .o-summary-accordion__buttons .a-button--full {
    margin: 0;
  }
.en-articles-l-main .l-main__side.previewing {
      top: calc(var(--smart-phone-header-height) + var(--smart-phone-header-message-height));
    }
.en-articles-l-main .o-smartphone-header .navbar__logo {
    margin-left: 1.25rem;
  }
.en-articles-l-main .o-summary-accordion,
  .en-articles-l-main .o-summary-accordion__buttons,
  .en-articles-l-main__article-body {
    margin: 0 auto;
    max-width: 1028px;
  }
.en-articles-l-main .o-headline {
    background:
      linear-gradient(0deg, rgba(100, 100, 100, 0.9) 0%, rgba(80, 80, 80, 0.9) 100%),
      #444444 50%;
  }
.en-articles-l-main .o-header-message {
    left: 0;
  }
@media (min-width: 768px) {
    .en-articles-l-main .o-headline {
      padding: 64px;
    }

    .en-articles-l-main .o-summary-accordion {
      padding: 16px 32px;
    }

    .en-articles-l-main .o-headline__eye-catch {
      width: 140px;
    }
  }
@media (min-width: 1024px) {
    .en-articles-l-main .o-headline__eye-catch {
      width: 200px;
    }

    .en-articles-l-main .o-headline__title {
      font-size: calc(1.25rem + 0.78125vw - 6px);
      line-height: calc(2.03125rem + 0.78125vw - 6px);
    }

    .en-articles-l-main .o-headline__event-name,
    .en-articles-l-main .o-headline__schedule,
    .en-articles-l-main .a-tag {
      font-size: 1rem;
    }
  }
@media (min-width: 1440px) {
    .en-articles-l-main .o-headline__eye-catch {
      width: 260px;
    }

    .en-articles-l-main .o-summary-accordion {
      padding-left: 10rem;
      padding-right: 10rem;
    }
  }
.en-articles-l-main .l-main__content.previewing {
      padding-top: var(--smart-phone-header-height);
    }
@media (max-width: 1023px) {
.en-articles-l-main .l-main__content.previewing {
        padding-top: calc(var(--smart-phone-header-height) + var(--smart-phone-header-message-height))
    }
      }
@font-face {
  font-display: swap;
  font-family: "HK Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.logmi.jp/finance/fonts/HKGrotesk-Regular.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "HK Grotesk";
  font-style: italic;
  font-weight: 400;
  src: url("https://assets.logmi.jp/finance/fonts/HKGrotesk-Italic.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "HK Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url("https://assets.logmi.jp/finance/fonts/HKGrotesk-Bold.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.logmi.jp/finance/fonts/PublicSans-Regular.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.logmi.jp/finance/fonts/PublicSans-Bold.otf") format("opentype");
}
.footer {
  background-color: var(--gray-10);
  color: #fff;
  padding: var(--vertical-rhythm) 0;
  text-align: center;
}
.footer::after {
  content: "";
  display: table;
}
.footer__nav {
  margin: 0 auto;
  max-width: var(--x-large-container-width);
}
.footer__nav-group {
  font-size: var(--small-font-size);
  line-height: var(--univers-default-line-height);
  margin: 0 0 var(--vertical-rhythm);
  padding: 0;
}
.footer__nav-item {
  color: var(--gray-4);
  display: block;
  padding: calc(var(--vertical-rhythm)/4);
  text-align: center;
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}
a.footer__nav-item:link,a.footer__nav-item:visited {
  color: inherit;
  text-decoration: none;
}
.footer__nav-item-text {
  position: relative;
}
.footer__nav-item-text::before {
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: bottom, background-color, opacity;
  transition-timing-function: ease;
  width: 100%;
}
a.footer__nav-item:hover {
  color: var(--primary-6);
}
.footer__nav-item:hover .footer__nav-item-text::before {
  background-color: currentColor;
  bottom: -4px;
  opacity: 1;
}
.footer__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: var(--univers-default-line-height);
  margin: 0 0 var(--vertical-rhythm);
}
.footer__social-item {
  opacity: 0.6;
  padding: 0 calc(var(--vertical-rhythm)/2);
  text-align: center;
  transition: opacity 0.2s ease;
}
a.footer__social-item:link,a.footer__social-item:visited {
  color: inherit;
  text-decoration: none;
}
a.footer__social-item:link:hover,a.footer__social-item:visited:hover {
  opacity: 1;
}
.footer__copyright {
  color: var(--gray-4);
  font-style: italic;
  line-height: var(--univers-default-line-height);
}
@media (min-width: 1024px) {
  .footer__nav-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer__nav-item {
    padding-left: calc(var(--vertical-rhythm)/2);
    padding-right: calc(var(--vertical-rhythm)/2);
  }
}
.form {
  display: block;
  margin: 0 0 var(--vertical-rhythm);
}
.form > .form,
.form__fieldset > .form {
  margin-bottom: 0;
}
.form__legend {
  border-bottom: 1px solid transparent;
  font-size: var(--medium-font-size);
  font-weight: 600;
  margin: 0 0 calc(var(--vertical-rhythm)/2 - 1px);
}
.form__fieldset:not(:last-child) {
  margin-bottom: var(--vertical-rhythm);
}
.form__group,
.form__row {
  margin: 0 0 calc(var(--vertical-rhythm)/2);
}
.form__label {
  display: block;
  font-weight: 600;
}
.form__label.is-required::after {
  content: "\00a0*";
}
.form-description {
  display: block;
  font-size: var(--small-font-size);
}
.form__help {
  display: block;
  font-size: var(--small-font-size);
}
.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  padding: calc(var(--vertical-rhythm)/4 - 1px) calc(var(--vertical-rhythm)/2 - 1px);
  position: relative;
  transition:
    border-color ease-in-out 0.2s,
    box-shadow ease-in-out 0.2s;
  width: 100%;
}
.form-control:focus {
  z-index: 1;
}
.form-control[type="color"] {
  height: calc(var(--vertical-rhythm)*1.5);
}
select.form-control:not([size]):not([multiple]) {
  height: calc(var(--vertical-rhythm)*1.5);
  padding-bottom: 0;
  padding-top: 0;
}
select.form-control {
  background-image: svg-load("../resources/arrow.svg");
  background-position: right calc(var(--vertical-rhythm)/2) center;
  background-repeat: no-repeat;
  background-size: 0.5rem;
  padding-right: calc(var(--vertical-rhythm) + 0.5rem - 1px);
}
.form-control-addon {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding: 0 calc(var(--vertical-rhythm)/2);
  white-space: nowrap;
}
.form-control-addon:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form-control-addon:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 1280px) {
  @supports (display: contents) {
    /* autoprefixer: off */
    .form--vertical {
      display: grid;
      grid-gap: calc(var(--vertical-rhythm)/2) var(--vertical-rhythm);
      grid-template-columns: minmax(auto, 192px) 5fr;
    }

    .form--vertical > .form__legend,
    .form--vertical > .form__fieldset > .form__legend {
      grid-column: 2;
      margin-bottom: 0;
    }

    .form--vertical > .form,
    .form--vertical > .form__group,
    .form--vertical > .form__fieldset,
    .form--vertical > .form__fieldset > .form,
    .form--vertical > .form__fieldset > .form__group {
      display: contents;
    }

    .form--vertical > .form__fieldset + .form__fieldset > :first-child {
      margin-top: calc(var(--vertical-rhythm)/2);
    }

    .form--vertical > .form__group > .form__label,
    .form--vertical > .form__fieldset > .form__group > .form__label {
      align-self: flex-start;
      padding: calc(var(--vertical-rhythm)/4) 0;
      text-align: right;
    }

    .form--vertical > .form__group > .form__cell,
    .form--vertical > .form__fieldset > .form__group > .form__cell {
      padding: calc(var(--vertical-rhythm)/4) 0;
    }

    .form--vertical > .form__row,
    .form--vertical > .form__fieldset > .form__row {
      grid-column: 2;
    }

    .form--vertical > .form__group > .form__label.is-required::before,
    .form--vertical > .form__fieldset > .form__group > .form__label.is-required::before {
      content: "*\00a0";
    }
    .form--vertical > .form__group > .form__label.is-required::after,
    .form--vertical > .form__fieldset > .form__group > .form__label.is-required::after {
      content: none;
    }
  }
}
.form__legend {
  border-color: var(--gray-shadow);
  color: var(--gray-10);
}
.form__label {
  color: var(--gray-6);
}
.form__label.is-required::before,
.form__label.is-required::after {
  color: var(--negative-6);
}
.form__help {
  color: var(--gray-6);
}
.form-control {
  background-color: var(--white);
  border-color: var(--gray-shadow);
  color: var(--gray-10);
}
.form-control[readonly],
.form-control:disabled {
  background-color: var(--gray-1);
}
.form-control:focus {
  border-color: var(--primary-outline);
  box-shadow: 0 1px 2px var(--gray-shadow);
}
.form-control.has-success {
  background-color: var(--white);
  border-color: var(--positive-6);
}
.form-control.has-success:focus {
  box-shadow: 0 0 0 2px var(--positive-outline);
}
.form-control.has-error {
  background-color: var(--white);
  border-color: var(--negative-6);
}
.form-control.has-error:focus {
  box-shadow: 0 0 0 2px var(--negative-outline);
}
.form-control-addon {
  background-color: var(--gray-1);
  border-color: var(--gray-shadow);
}
a.form-control-addon,
button.form-control-addon {
  background-color: var(--white);
}
a.form-control-addon:hover,
button.form-control-addon:hover {
  background-color: var(--gray-1);
}
a.form-control-addon.is-selected,
button.form-control-addon.is-selected {
  background-color: var(--primary-6);
  color: var(--white);
}
.form-control.has-success + .form__help,
.form__help.is-positive {
  color: var(--positive-8);
}
.form-control.has-error + .form__help,
.form__help.is-negative {
  color: var(--negative-8);
}
.header--logo--label {
  font-family: "YuGothic";
  font-size: 10px;
  line-height: 1;
}
a.u-text-decoration-none:hover {
  font-size: var(--small-font-size);
  text-decoration: none;
}
.heading {
  font-size: var(--x-large-font-size);
  font-weight: 600;
  line-height: var(--vertical-rhythm);
  margin: 0 0 var(--vertical-rhythm);
  position: relative;
}
.heading::before {
  bottom: -3px;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: var(--vertical-rhythm);
}
.heading--primary::before {
  background-color: var(--primary-6);
}
.heading--positive::before {
  background-color: var(--positive-6);
}
.heading--negative::before {
  background-color: var(--negative-6);
}
.icon {
  backface-visibility: hidden;
  background-position: center;
  background-repeat: no-repeat;
  direction: ltr;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.icon + * {
  vertical-align: middle;
}
.icon:not(:first-child) {
  margin-left: 0.25em;
}
.icon-container:not(:first-child) > .icon:only-child {
  margin-left: 0.25em;
}
.icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-container:not(:last-child) > .icon:only-child {
  margin-right: 0.25em;
}
.icon--x-small {
  font-size: 14px;
  height: 14px;
  width: 14px;
}
.icon--small {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.icon--medium {
  font-size: calc(var(--vertical-rhythm) - 2px);
  height: var(--vertical-rhythm);
  width: var(--vertical-rhythm);
}
.icon--large {
  font-size: calc(var(--vertical-rhythm)*1.5 - 2px);
  height: calc(var(--vertical-rhythm)*1.5);
  line-height: calc(var(--vertical-rhythm)*1.5);
  width: calc(var(--vertical-rhythm)*1.5);
}
.icon--x-large {
  font-size: calc(var(--vertical-rhythm)*2 - 2px);
  height: calc(var(--vertical-rhythm)*2);
  line-height: calc(var(--vertical-rhythm)*2);
  width: calc(var(--vertical-rhythm)*2);
}
.icon--16 {
  background-size: 16px;
}
.icon--20 {
  background-size: 20px;
}
.icon--24 {
  background-size: 24px;
}
.icon--rotating {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: icon--rotating;
  animation-timing-function: linear;
}
@keyframes icon--rotating {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.iframe-message-container {
  left: 0;
  position: sticky;
  top: 3.25rem;
  z-index: 10;
}
@media (min-width: 1024px) {
  .iframe-message-container {
    top: 0;
  }
}
.list {
  list-style: none;
  margin: 0 0 var(--vertical-rhythm);
  padding: 0;
}
.list-item {
  align-items: center;
  border: 0 solid transparent;
  display: flex;
  padding: calc(var(--vertical-rhythm)/2);
  position: relative;
}
.list-item--arrowed {
    padding-right: calc(var(--vertical-rhythm) + 0.5rem);
  }
.list-item--arrowed::after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 0.5rem;
    position: absolute;
    right: calc(var(--vertical-rhythm)/2);
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transform-origin: center top;
    width: 0.5rem;
  }
.list--separated .list-item + .list-item,
.list--bordered .list-item {
  border-top-width: 1px;
  padding-top: calc(var(--vertical-rhythm)/2 - 1px);
}
.list--bordered .list-item:last-child {
  border-bottom-width: 1px;
  padding-bottom: calc(var(--vertical-rhythm)/2 - 1px);
}
a.list-item:link,a.list-item:visited {
  color: inherit;
  text-decoration: none;
}
.list-item__visual {
  flex: 0 0;
  max-width: 25%;
  overflow: hidden;
  position: relative;
}
.list-item__visual::before {
    content: "";
    display: block;
    padding-bottom: 75%;
  }
.list-item__visual--small {
    flex-basis: calc(var(--vertical-rhythm)*2);
  }
.list-item__visual--medium {
    flex-basis: calc(var(--vertical-rhythm)*2.5);
  }
.list-item__visual--large {
    flex-basis: calc(var(--vertical-rhythm)*4);
  }
.list-item__visual--squared,
  .list-item__visual--circled {
    max-width: none;
  }
.list-item__visual--circled {
    border-radius: 50%;
  }
.list-item__visual--squared::before,
  .list-item__visual--circled::before {
    padding-bottom: 100%;
  }
.list-item__image {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .list-item__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.list-item__content {
  flex: 1 1 0px;
}
.list-item__content:not(:first-child) {
    padding-left: calc(var(--vertical-rhythm)/2);
  }
.list-item__content:not(:last-child) {
    padding-right: calc(var(--vertical-rhythm)/2);
  }
.list-item__information {
  flex: 0 0 auto;
}
.menu-button {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: auto;
  height: 100%;
  justify-content: center;
  position: relative;
  width: calc(var(--vertical-rhythm)*2);
}
.menu-button > .badge {
  left: calc(var(--vertical-rhythm)/4);
  position: absolute;
  top: calc(var(--vertical-rhythm)/4);
}
.menu-button__icon {
  height: 18px;
  position: relative;
  width: 18px;
}
.menu-button__bar {
  background-color: currentColor;
  border-radius: 3px;
  display: inline-block;
  height: 3px;
  left: 0;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: top, bottom, transform, opacity;
  transition-timing-function: ease;
  width: 100%;
}
.menu-button__bar:nth-of-type(1) {
  top: 0;
}
.menu-button__bar:nth-of-type(2) {
  top: calc(50% - 1.5px);
}
.menu-button__bar:nth-of-type(3) {
  bottom: 0;
}
.menu-button.is-opened .menu-button__bar:nth-of-type(1) {
  transform: translateY(7.5px) rotate(-45deg);
}
.menu-button.is-opened .menu-button__bar:nth-of-type(2) {
  opacity: 0;
}
.menu-button.is-opened .menu-button__bar:nth-of-type(3) {
  transform: translateY(-7.5px) rotate(45deg);
}
.menu-button:hover {
  color: var(--primary-6);
}
.menu__item {
  align-items: center;
  display: flex;
  padding: calc(var(--vertical-rhythm)/4) var(--vertical-rhythm);
  position: relative;
}
a.menu__item,
button.menu__item,
label.menu__item {
  cursor: pointer;
}
a.menu__item:link,a.menu__item:visited {
  color: inherit;
  text-decoration: none;
}
button.menu__item {
  width: 100%;
}
.menu__item > .badge {
  left: calc(var(--vertical-rhythm) - 0.5em);
  position: absolute;
  top: 4px;
}
.menu__heading {
  align-items: center;
  display: flex;
  padding: calc(var(--vertical-rhythm)/4) calc(var(--vertical-rhythm)/2 - 1px);
  position: relative;
}
.menu__separator {
  height: 1px;
  margin: calc(var(--vertical-rhythm)/2 - 1px) 0;
}
.menu__separator + .menu__separator,
.menu__separator:first-child,
.menu__separator:last-child {
  display: none;
}
.menu--dark a.menu__item:hover,
.menu--dark button.menu__item:hover,
.menu--dark label.menu__item:hover {
  background-color: var(--gray-9);
}
.menu--dark .menu__separator {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.menu--light.menu__separator {
  background-color: var(--gray-shadow);
}
.menu--light a.menu__item:hover,
.menu--light button.menu__item:hover,
.menu--light label.menu__item:hover {
  background-color: var(--gray-2);
}
.menu--dark a.menu__item:hover,
.menu--dark button.menu__item:hover,
.menu--dark label.menu__item:hover {
  background-color: var(--gray-9);
}
.menu__item-help {
  color: var(--gray-6);
}
.menu__item.is-selected,
a.menu__item.is-selected:link,
a.menu__item.is-selected:visited,
button.menu__item.is-selected:hover,
label.menu__item.is-selected:hover {
  background-color: var(--primary-6);
  color: var(--white);
}
.message {
  border: 1px solid transparent;
  margin: 0 0 var(--vertical-rhythm);
  padding: calc(var(--vertical-rhythm)/2 - 1px);
}
.message .close {
    height: var(--vertical-rhythm);
    position: relative;
    transition: opacity 0.2s ease;
    width: var(--vertical-rhythm);
    z-index: 1;
  }
.message .close:hover {
      opacity: 0.5;
    }
.message .close::before,
    .message .close::after {
      background: currentColor;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      top: 50%;
      width: 1em;
    }
.message .close::before {
      transform: translate(-50%, -50%) rotate(45deg);
    }
.message .close::after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }
.message--signup {
  border: 1px solid transparent;
  margin: 0 0 16px;
  padding: 8px;
}
.message--filled {
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  padding-left: var(--vertical-rhythm);
  padding-right: var(--vertical-rhythm);
}
.message-container {
  margin: 0 auto;
  max-width: var(--x-large-container-width);
}
.message > :last-child,
.message-container > :last-child {
  margin-bottom: 0;
}
.message--default {
  background-color: var(--gray-1);
  border-color: var(--gray-shadow);
  color: var(--gray-10);
}
.message--primary {
  background-color: var(--primary-1);
  border-color: var(--primary-shadow);
  color: var(--primary-8);
}
.message--negative {
  background-color: var(--negative-1);
  border-color: var(--negative-shadow);
  color: var(--negative-8);
}
.message--positive {
  background-color: var(--positive-1);
  border-color: var(--positive-shadow);
  color: var(--positive-8);
}
.modal__overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: var(--vertical-rhythm) calc(var(--vertical-rhythm)*0.5);
  position: fixed;
  right: 0;
  top: 0;
}
.signup__modal__overlay {
  bottom: initial;
  left: initial;
  min-height: 100vh;
  min-height: 100svh;
  position: initial;
  right: initial;
  top: initial;
}
.modal__container {
  background-color: var(--white);
  margin-bottom: var(--vertical-rhythm);
  margin-top: var(--vertical-rhythm);
  position: relative;
}
@media (max-width: 1024px) {
  .modal__container {
    max-width: 504px;
  }
}
@media (min-width: 1025px) {
  .modal__container {
    max-width: 900px;
  }
}
.modal_container_area {
  border-radius: 3px;
  box-sizing: border-box;
  overflow-y: auto;
  padding: calc(var(--vertical-rhythm)*2);
}
@media (max-width: 568px) {
  .modal_container_area {
    padding: calc(var(--vertical-rhythm)*2) var(--vertical-rhythm);
  }
}
.modal__title {
  box-sizing: border-box;
  color: #00449e;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0;
  margin-top: 0;
}
.modal__close {
  background: transparent;
  border: 0;
}
.modal__header .modal__close:before {
  content: "\2715";
}
.modal__content {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
}
.modal__btn {
  -webkit-appearance: button;
  backface-visibility: hidden;
  background-color: #e6e6e6;
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  font-size: 0.875rem;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  text-transform: none;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
  will-change: transform;
}
.modal__btn:focus,
.modal__btn:hover {
  transform: scale(1.05);
}
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
.navbar {
  display: block;
  padding: 0;
  position: relative;
}
.navbar--toggle {
  opacity: 0;
  transition:
    opacity 0.2s ease,
    visibility 0s ease 0.2s;
  visibility: hidden;
}
.navbar--toggle.is-shown {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.navbar::after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.navbar__nav {
  display: flex;
  font-size: var(--small-font-size);
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  min-height: calc(var(--vertical-rhythm)*2);
  min-width: 0;
}
.navbar__nav--medium {
  max-width: var(--medium-container-width);
}
.navbar__nav--large {
  max-width: var(--large-container-width);
}
.navbar__nav--x-large {
  max-width: var(--x-large-container-width);
}
.navbar--vertical .navbar__nav {
  flex-direction: column;
}
.navbar__group {
  display: flex;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
}
.navbar__icon {
  align-items: center;

  color: var(--black--color);
  display: flex;
  flex-direction: column;
  font-family: YuGothic;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  text-align: center;
  width: 40px;
}
.navbar__icon a {
    color: var(--black--color);
    text-decoration: none;
  }
.navbar__icon a svg {
      vertical-align: middle;
    }
.navbar__icon a:hover {
      text-decoration: none;
    }
.navbar__icon-group {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
}
.navbar__group--wrappable {
  flex-wrap: wrap;
  line-height: var(--univers-default-line-height);
}
.navbar__group--centered {
  flex: 1 1 0px;
  justify-content: center;
}
.navbar__group--lefted {
  flex: 1 1 0px;
  justify-content: left;
}
.navbar--vertical .navbar__group {
  flex-direction: column;
}
.navbar--vertical .navbar__group + .navbar__group > .navbar__item:first-child {
  margin-top: calc(var(--vertical-rhythm)/2);
}
.navbar__logo {
  align-items: center;
  display: flex;
  padding: 0 var(--vertical-rhythm);
}
.navbar__logo-image {
  height: calc(var(--vertical-rhythm)*1.25);
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .navbar__logo-image {
    width: 210px;
  }
}
.navbar__title {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  padding: calc(var(--vertical-rhythm)/2);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar__item {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 100%;
  position: relative;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.navbar__item--primary {
  flex: 1 1;
  min-width: 0;
}
.navbar__item > .button {
  margin: 0 4px;
}
.navbar__item > .popup {
  max-width: calc(100vw - 50%);
  min-width: calc(var(--vertical-rhythm)*8);
  opacity: 0;
  padding-bottom: calc(var(--vertical-rhythm)/2);
  padding-top: calc(var(--vertical-rhythm)/2);
  position: absolute;
  top: 100%;
  transition:
    visibility 0s ease 0.2s,
    opacity 0.2s ease;
  visibility: hidden;
  z-index: 200;
}
.navbar__item > .popup--start {
  left: 0;
}
.navbar__item > .popup--end {
  right: 0;
}
.navbar__item:hover > .popup {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.navbar__item-target {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: auto;
  justify-content: center;
  padding: calc(var(--vertical-rhythm)/2);
  position: relative;
  position: relative;
}
.navbar__item-target--underlined::before {
  background-color: currentColor;
  bottom: calc(var(--vertical-rhythm)/2 - 4px);
  content: "";
  height: 2px;
  left: calc(var(--vertical-rhythm)/2);
  opacity: 0;
  position: absolute;
  right: calc(var(--vertical-rhythm)/2);
  transition:
    bottom 0.2s ease,
    background-color 0.2s ease;
}
.navbar__item-target--underlined:hover::before {
  bottom: calc(var(--vertical-rhythm)/2);
  opacity: 1;
}
a.navbar__item-target:link,a.navbar__item-target:visited {
  color: inherit;
  text-decoration: none;
}
.navbar__menu-button {
  align-self: stretch;
}
.navbar--vertical .navbar__item-target {
  justify-content: left;
}
.navbar__item-target > .badge {
  left: calc(var(--vertical-rhythm)/4);
  position: absolute;
  top: calc(var(--vertical-rhythm)/4);
}
.navbar__item-target > .badge.badge--rt {
  left: auto;
  right: calc(var(--vertical-rhythm)/5*2.5);
  top: calc(var(--vertical-rhythm)/5*1);
}
.navbar__image {
  height: calc(var(--vertical-rhythm)*0.75);
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .navbar__image {
    width: auto;
  }
}
.navbar__button-icon:not(:only-child) {
  margin: 0;
  transform: translateY(-4px);
}
.navbar__button-label {
  bottom: 6px;
  font-family: var(--ui-font-family);
  font-feature-settings: "palt";
  font-size: 0.5rem;
  font-weight: 600;
  left: 50%;
  line-height: 1;
  position: absolute;
  transform: translateX(-50%);
}
.navbar__separator {
  height: calc(100% - 16px);
  margin: 8px 2px;
  width: 1px;
}
.navbar__indicator {
  border-radius: 0 2px 2px 0;
  bottom: 0;
  height: 2px;
  pointer-events: none;
  position: absolute;
  transition: width 0.4s ease;
  z-index: 1;
}
.navbar__dropdown {
  flex: 1;
  min-width: 0;
  position: relative;
}
.navbar__dropdown-target {
  align-items: center;
  display: flex;
  padding: calc(var(--vertical-rhythm)/2) calc(var(--vertical-rhythm)/2);
}
a.navbar__dropdown-target:link,a.navbar__dropdown-target:visited {
  color: inherit;
  text-decoration: none;
}
.navbar__dropdown-title {
  flex: 1;
  font-family: var(--ui-font-family);
  font-feature-settings: "palt";
  overflow: hidden;
  padding-right: calc(var(--vertical-rhythm)/2);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar__dropdown-arrow {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  box-sizing: border-box;
  display: inline-block;
  height: 0.5rem;
  transform: translateX(-50%) rotate(45deg);
  transition: transform 0.2s ease;
  width: 0.5rem;
}
.navbar__dropdown-menu {
  left: 0;
  max-height: 0%;
  overflow-y: auto;
  overscroll-behavior: contain;
  position: absolute;
  top: 100%;
  transition: max-height 0.2s ease;
  width: 100%;
}
.navbar__dropdown.is-opened .navbar__dropdown-menu {
  max-height: calc(100vh - 200%);
}
@media (min-width: 1024px) {
  .navbar__nav {
    padding: 0 var(--vertical-rhythm);
  }

  .navbar--vertical .navbar__nav,
  .navbar--vertical .navbar__group {
    flex-direction: row;
  }

  .navbar--vertical .navbar__group + .navbar__group > .navbar__item:first-child {
    margin-top: 0;
  }

  .navbar__title {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar__logo--large {
    padding-bottom: calc(var(--vertical-rhythm)/2);
    padding-top: calc(var(--vertical-rhythm)/2);
  }

  .navbar__logo--large .navbar__logo-image {
    height: calc(var(--vertical-rhythm)*1.5);
  }
}
.navbar--dark {
  background-color: var(--gray-10);
  color: var(--white);
}
.navbar--dark::after {
  background-color: var(--white-shadow);
}
.navbar--dark .navbar__item.is-active .navbar__item-target {
  background-color: var(--primary-6);
  color: var(--white);
}
.navbar--dark a.navbar__item-target:hover {
  background-color: var(--gray-9);
}
.navbar--dark .navbar__separator {
  background-color: var(--white-shadow);
}
.navbar--dark .navbar__dropdown:hover {
  background-color: var(--gray-9);
}
.navbar--dark .navbar__dropdown-menu {
  background-color: var(--gray-10);
}
.navbar--light {
  background-color: var(--white);
  color: var(--gray-6);
}
.navbar--light::after {
  background-color: var(--gray-shadow);
}
.navbar--light .navbar__item.is-active .navbar--light .navbar__item-target {
  background-color: var(--primary-6);
  color: var(--white);
}
.navbar--light a.navbar__item-target:hover {
  color: var(--primary-6);
}
.navbar--light .navbar__title,
.navbar--light .navbar__menu-button {
  color: var(--gray-10);
}
.navbar--light .navbar__separator {
  background-color: var(-gray-shadow);
}
.navbar--light .navbar__dropdown:hover {
  background-color: var(-gray-1);
}
.navbar--light .navbar__dropdown-menu {
  background-color: var(--white);
}
.navbar--transparent {
  background-color: transparent;
}
.navbar--transparent a.navbar__item-target:hover {
  background-color: transparent;
}
.navbar--transparent.navbar--light {
  color: var(--gray-10);
}
.navbar--shadow {
  box-shadow: 0 1px 2px var(--gray-shadow);
}
.navbar__indicator {
  background-color: var(--primary-6);
  box-shadow: 0 0 2px var(--primary-6);
}
.navbar__dropdown-arrow {
  color: var(--gray-6);
}
@media not all and (min-width: 1024px) {
  .navbar.navbar--vertical {
    box-shadow: none;
  }
}
.page-nav {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.page-nav__item {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: var(--univers-default-line-height);
  padding: calc(var(--vertical-rhythm)/2);
}
a.page-nav__item:link,a.page-nav__item:visited {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .page-nav__item + .page-nav__item {
    box-shadow: none;
  }
}
.page-nav {
  background-color: var(--white);
  box-shadow: 0 1px var(--gray-shadow) inset;
}
.page-nav__item + .page-nav__item {
  box-shadow: 0 1px var(--gray-shadow) inset;
}
.page-nav__item:hover {
  color: var(--primary-6);
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0 calc(var(--vertical-rhythm)/2);
  padding: 0;
}
.pagination-item {
  align-items: center;
  border: 1px solid transparent;
  display: flex;
  margin: calc(var(--vertical-rhythm)/2) 0;
  padding: calc(var(--vertical-rhythm)/4 - 1px) calc(var(--vertical-rhythm)/4*3 - 1px);
}
.pagination-item + .pagination-item {
  margin-left: -1px;
}
a.pagination-item {
  text-decoration: none;
}
.pagination-item.is-active {
  background-color: var(--primary-6);
  color: var(--white);
  font-weight: 600;
}
.pagination-item:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination-item:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination-item {
  background-color: var(--white);
  border-color: var(--gray-shadow);
  box-shadow: 0 1px 2px var(--gray-shadow);
  color: var(--gray-6);
}
a.pagination-item,
button.pagination-item:not(:disabled) {
  color: var(--primary-6);
}
a.pagination-item,
span.pagination-item a:not([disabled]) {
  color: var(--primary-6);
}
a.pagination-item:hover,
span.pagination-item a:not([disabled]):hover {
  background-color: var(--gray-1);
}
.point-heading {
  color: var(--primary-8);
  font-size: var(--large-font-size);
  font-weight: 600;
  margin: 0 0 var(--vertical-rhythm);
  padding: 0 0 0 calc(8px + var(--vertical-rhythm)/2);
  position: relative;
}
.point-heading::before {
  background-color: var(--primary-6);
  border: 2px solid transparent;
  border-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--gray-shadow);
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
.popup-container {
  position: relative;
}
.popup {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition-delay: 0.2s, 0s;
  transition-duration: 0.2s;
  transition-property: visibility, opacity, left, right, top, bottom, transform;
  transition-timing-function: ease;
}
.popup--enter.is-active,
.popup--exit {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.popup--enter,
.popup--exit.is-active {
  opacity: 0;
  visibility: hidden;
}
.popup--fullscreen {
  height: 100%;
  left: 50%;
  max-width: var(--x-large-container-width);
  padding: calc(var(--vertical-rhythm)/2);
  position: fixed;
  top: 0;
  transform: translate(-50%, 0%);
  width: 100%;
  z-index: 200;
}
.popup--floating {
  position: absolute;
  z-index: 200;
}
.popup--floating.popup--up {
  padding-bottom: calc(var(--vertical-rhythm)/2);
}
.popup--floating.popup--down {
  padding-top: calc(var(--vertical-rhythm)/2);
}
.popup--floating.popup--left {
  padding-right: calc(var(--vertical-rhythm)/2);
}
.popup--floating.popup--right {
  padding-left: calc(var(--vertical-rhythm)/2);
}
.popup--tooltip {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 200;
}
.popup--tooltip.popup--up {
  bottom: calc(100% + var(--vertical-rhythm)/2);
}
.popup--tooltip.popup--down {
  top: calc(100% + var(--vertical-rhythm)/2);
}
.popup--tooltip.popup--start {
  left: 0;
}
.popup--tooltip.popup--end {
  right: 0;
}
.popup--tooltip.popup--center {
  left: 50%;
  transform: translateX(-50%);
}
@media (hover: hover) {
  .popup--tooltip {
    display: flex;
    opacity: 0;
    visibility: hidden;
  }

  :hover ~ .popup--tooltip {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
  }
}
.popup__heading {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  display: flex;
  font-size: var(--small-font-size);
  font-weight: 600;
  line-height: var(--vertical-rhythm);
  margin: 0;
}
.popup__heading-content {
  flex: 1 1 0px;
  padding: calc(var(--vertical-rhythm)/2 - 1px) var(--vertical-rhythm)
    calc(var(--vertical-rhythm)/2);
}
.popup__heading-button {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: calc(var(--vertical-rhythm)*2 - 1px);
  justify-content: center;
  width: calc(var(--vertical-rhythm)*2);
}
.popup__arrow {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-clip-path: polygon(-100% -100%, 200% -100%, 200% 200%);
          clip-path: polygon(-100% -100%, 200% -100%, 200% 200%);
  display: inline-block;
  height: calc(var(--vertical-rhythm)/2);
  position: absolute;
  transition-duration: 0.2s;
  transition-property: left, right, top, bottom, transform;
  transition-timing-function: ease;
  width: calc(var(--vertical-rhythm)/2);
}
.popup--down .popup__arrow {
  top: 1px;
}
.popup--up .popup__arrow {
  bottom: 1px;
}
.popup--up.popup--start .popup__arrow,
.popup--down.popup--start .popup__arrow {
  left: var(--vertical-rhythm);
}
.popup--up.popup--end.popup__arrow,
.popup--down.popup--end .popup__arrow {
  right: var(--vertical-rhythm);
}
.popup--up.popup--center .popup__arrow,
.popup--down.popup--center .popup__arrow {
  left: 50%;
}
.popup--up.popup--start .popup__arrow,
.popup--up.popup--center .popup__arrow {
  transform: translate(-50%, 50%) rotate(135deg);
}
.popup--up.popup--end .popup__arrow {
  transform: translate(50%, 50%) rotate(135deg);
}
.popup--down.popup--start .popup__arrow,
.popup--down.popup--center .popup__arrow {
  transform: translate(-50%, -50%) rotate(315deg);
}
.popup--down.popup--end .popup__arrow {
  transform: translate(50%, -50%) rotate(315deg);
}
.popup--left .popup__arrow {
  right: 1px;
}
.popup--right .popup__arrow {
  left: 1px;
}
.popup--left.popup--start .popup__arrow,
.popup--right.popup--start .popup__arrow {
  top: var(--vertical-rhythm);
}
.popup--left.popup--end .popup__arrow,
.popup--right.popup--end .popup__arrow {
  bottom: var(--vertical-rhythm);
}
.popup--left.popup--center .popup__arrow,
.popup--right.popup--center .popup__arrow {
  top: 50%;
}
.popup--left.popup--start .popup__arrow,
.popup--left.popup--center .popup__arrow {
  transform: translate(50%, -50%) rotate(45deg);
}
.popup--left.popup--end .popup__arrow {
  transform: translate(50%, 50%) rotate(45deg);
}
.popup--right.popup--start .popup__arrow,
.popup--right.popup--center .popup__arrow {
  transform: translate(-50%, -50%) rotate(225deg);
}
.popup--right.popup--end .popup__arrow {
  transform: translate(-50%, 50%) rotate(225deg);
}
.popup__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
}
.popup--fullscreen .popup__body {
  flex: 1 1 0px;
}
.popup__toolbar {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  padding: calc(var(--vertical-rhythm)/2 - 1px);
}
.popup__content {
  border: 1px solid transparent;
}
.popup__content--small {
  padding: calc(var(--vertical-rhythm)/4 - 1px) calc(var(--vertical-rhythm)/2 - 1px);
}
.popup__content--medium {
  padding: calc(var(--vertical-rhythm) - 1px);
}
.popup__content--scrollable {
  overflow-y: auto;
  overscroll-behavior: none;
}
.popup--fullscreen .popup__content {
  flex: 1 1 0px;
}
.popup__content > :last-child {
  margin-bottom: 0;
}
.popup__content > .menu {
  padding-bottom: calc(var(--vertical-rhythm)/2 - 1px);
  padding-top: calc(var(--vertical-rhythm)/2 - 1px);
}
@media (min-width: 1024px) {
  .popup--fullscreen {
    padding: var(--vertical-rhythm);
  }
}
.popup--dark .popup__arrow,
.popup--dark .popup__content,
.popup--dark .popup__heading,
.popup--dark .popup__toolbar {
  background-color: var(--gray-10);
  border-color: var(--gray-9);
  color: #fff;
}
.popup--down.popup--end .popup__arrow,
.popup--up.popup--end .popup__arrow {
  right: var(--vertical-rhythm);
}
.popup--light.popup__arrow,
.popup--light.popup__content {
  background-color: var(--white);
  border-color: var(--gray-shadow);
  color: var(--gray-10);
}
.popup--light.popup__heading,
.popup--light.popup__heading ~ .popup__arrow,
.popup--light.popup__toolbar {
  background-color: var(--gray-1);
  border-color: var(--gray-shadow);
  color: var(--gray-10);
}
.popup--light.popup__body {
  box-shadow: 0 1px 2px var(--gray-shadow);
}
.popup--light.popup--up .popup__arrow {
  box-shadow: 0 -1px 2px var(--gray-shadow);
}
.popup--dark.popup__arrow,
.popup--dark.popup__heading,
.popup--dark.popup__toolbar,
.popup--dark.popup__content {
  background-color: var(--gray-10);
  border-color: var(--gray-9);
  color: var(--white);
}
.popup--dark.popup__body {
  box-shadow: 0 1px 2px var(--white-6);
}
.popup--dark.popup--up .popup__arrow {
  box-shadow: 0 -1px 2px var(--white-6);
}
.popup__heading-button {
  color: var(--gray-6);
}
.popup__heading-button:hover {
  color: var(--primary-6);
}
.section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: solid;
  border-width: 0;
  padding: var(--vertical-rhythm) 0;
  position: relative;
  z-index: 1;
}
.section__image {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.section--default + .section--default {
  border-top-width: 1px;
  margin-top: -1px;
}
.sub-section {
  padding: var(--vertical-rhythm) 0 0;
}
/*
  @mixin clearfix;
*/
.section::before,
.section::after {
  content: " ";
  display: table;
}
.section::after {
  clear: both;
}
/*
 * From univers/resources/css/views/_sidebar.css
 */
.sidebar {
  color: var(--black-color);
  font-size: var(--small-font-size);
  line-height: var(--univers-default-line-height);
  margin: 0;
}
.sidebar__logo {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: calc(var(--vertical-rhythm)/2) 0;
}
a.sidebar__logo:link,a.sidebar__logo:visited {
  color: inherit;
  text-decoration: none;
}
.sidebar__logo-symbol {
  display: block;
  height: calc(var(--vertical-rhythm)*2.5);
  margin: 0 0 calc(var(--vertical-rhythm)/2);
}
.sidebar__logo-text {
  display: block;
  height: var(--vertical-rhythm);
  margin: 0 0 calc(var(--vertical-rhythm)/2);
}
.sidebar__logo-message {
  font-feature-settings: "palt";
  font-size: var(--x-small-font-size);
  font-weight: 600;
  padding: 0 var(--vertical-rhythm);
  text-align: center;
}
.sidebar__logo-message-text {
  border-bottom: 2px solid transparent;
}
.sidebar__group {
  padding: calc(var(--vertical-rhythm)/2) 0;
}
.sidebar__separator {
  border-style: solid;
  border-width: 0 0 1px;
  margin-bottom: -1px;
}
.sidebar__accordion {
  border-style: solid;
  border-width: 0;
}
.sidebar__accordion:not(:first-child) {
  border-top-width: 1px;
}
.sidebar__accordion-label {
  display: block;
  font-weight: 600;
  list-style: none;
  padding: calc(var(--vertical-rhythm)/4) calc(var(--vertical-rhythm)*1.5 + 0.5rem)
    calc(var(--vertical-rhythm)/4) var(--vertical-rhythm);
  position: relative;
}
.sidebar__accordion-label::-webkit-details-marker {
  display: none;
}
.sidebar__accordion-label::after {
  border-color: currentColor;
  border-style: solid;
  border-width: 2px 2px 0 0;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 0.5rem;
  position: absolute;
  right: calc(var(--vertical-rhythm));
  top: 50%;
  transform: translate(-50%, 50%) rotate(135deg);
  transform-origin: right top;
  transition: transform 0.2s ease;
  width: 0.5rem;
}
.sidebar__accordion:not(:first-child) .sidebar__accordion-label {
  padding-top: calc(var(--vertical-rhythm)/4 - 1px);
}
.sidebar__accordion[open] .sidebar__accordion-label::after {
  transform: translate(-50%, -50%) rotate(315deg);
}
.sidebar__accordion-content > .sidebar__item:first-child {
  margin-top: calc(var(--vertical-rhythm)/2);
}
.sidebar__accordion-content > .sidebar__item:last-child {
  margin-bottom: calc(var(--vertical-rhythm)/2);
}
.sidebar__heading {
  display: block;
  font-weight: 600;
  margin: 0 0 calc(var(--vertical-rhythm)/4);
  padding: 0 var(--vertical-rhythm);
}
.sidebar__item {
  display: block;
  padding: 0 var(--vertical-rhythm);
  position: relative;
}
.sidebar__item[disabled] {
  opacity: 0.5;
}
.sidebar__item--label {
  display: block;
  font-size: var(--xx-small-font-size);
  font-weight: 600;
  padding-bottom: calc(var(--vertical-rhythm)/4);
  padding-top: calc(var(--vertical-rhythm)/4);
}
.sidebar__item--link {
  align-items: center;
  display: flex;
  font-weight: 600;
  padding-bottom: calc(var(--vertical-rhythm)/4);
  padding-top: calc(var(--vertical-rhythm)/4);
}
.sidebar__item--control {
  padding-bottom: calc(var(--vertical-rhythm)/8);
  padding-top: calc(var(--vertical-rhythm)/8);
}
a.sidebar__item:link,a.sidebar__item:visited {
  color: inherit;
  text-decoration: none;
}
.sidebar__item--link.is-selected::before,
a.sidebar__item--link:hover::before {
  content: "";
  display: block;
  height: var(--vertical-rhythm);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
/*
 * From univers/resources/css/views/_sidebar.theme.css
 * NOTE: universではmixinでテーマとしてまとめてセットされていたが、
 *       現段階ではPostCSSのコンパイル環境がないため本CSSに直接展開する
 */
.sidebar__logo-message {
  color: var(--gray-10);
}
.sidebar__logo-message-text,
.sidebar__separator {
  border-color: var(--gray-shadow);
}
a.sidebar__item:hover,
button.sidebar__item:not(:disabled):hover {
  color: var(--primary-6);
}
.sidebar__item::before {
  background-color: var(--primary-6);
}
.sidebar__item--label,
.sidebar__heading {
  color: var(--gray-6);
}
.sidebar__accordion {
  border-color: var(--gray-shadow);
}
.sidebar__accordion-label {
  background-color: var(--gray-1);
  color: var(--gray-6);
}
.sidebar__accordion-label:hover {
  background-color: var(--primary-1);
  color: var(--primary-6);
}
.close-modal-btn {
  margin-left: auto;
  position: absolute;
  right: var(--vertical-rhythm);
  top: var(--vertical-rhythm);
}
.privilege-title {
  color: var(--primary-8);
}
.privilege-title-text {
  display: inline-block;
  margin: 0;
}
.signup-modal-title {
  margin-bottom: calc(var(--vertical-rhythm)*0.75);
}
.signup-flex-item {
  width: 100%;
}
@media (min-width: 1025px) {
  .signup-flex-item {
    width: 50%;
  }
}
.signup-area {
  margin-bottom: calc(var(--vertical-rhythm)*0.5);
}
.privilege-area {
  margin-top: calc(var(--vertical-rhythm)*0.5);
}
@media (min-width: 1025px) {
  .signup-area {
    box-sizing: border-box;
    margin-bottom: 0;
    padding-right: calc(var(--vertical-rhythm)*0.5);
  }

  .privilege-area {
    box-sizing: border-box;
    margin-top: 0;
    padding-left: calc(var(--vertical-rhythm)*0.5);
  }
}
.signup-modal-content-message {
  margin-bottom: calc(var(--vertical-rhythm)*0.75);
}
.signup-form,
.signup__form__group,
.signup__form__row {
  margin: 0 0 calc(var(--vertical-rhythm)/4);
}
.modal-content--wrappable {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.finance-link {
  color: var(--primary-6);
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.privilege-number {
  color: var(--primary-8);
  font-family: YuGothic;
  margin-bottom: 0;
  text-align: left;
}
/*
  スマートフォンヘッダー向けスタイル ./main.cssをオーバーライド

  新記事UIでは1024px以上の場合も、新スマホヘッダーを表示し続ける必要があり、そのためのスタイルを上書き定義している。
*/
.smartphone-l-main .l-main__side.previewing {
      top: calc(var(--smart-phone-header-height) + var(--smart-phone-header-message-height));
    }
.smartphone-l-main .l-main__content.previewing {
      padding-top: var(--smart-phone-header-height);
    }
@media (max-width: 1023px) {
.smartphone-l-main .l-main__content.previewing {
        padding-top: calc(var(--smart-phone-header-height) + var(--smart-phone-header-message-height))
    }
      }
.smartphone-message {
  border: 1px solid transparent;
  margin: 0 0 var(--vertical-rhythm);
  overflow-wrap: break-word;
  padding: calc(var(--vertical-rhythm)/2 - 1px);
  position: relative;
  top: var(--smart-phone-header-height);
}
@media (min-width: 1024px) {
.smartphone-message {
    top: 0
}
  }
.smartphone-message-container {
    margin: 0 auto;
    max-width: var(--x-large-container-width);
  }
.smartphone-message > :last-child,
  .smartphone-message .smartphone-message-container > :last-child {
    margin-bottom: 0;
  }
.smartphone-message--signup {
    border: 1px solid transparent;
    margin: 0 0 16px;
    padding: 8px;
  }
.smartphone-message--filled {
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
    padding-left: var(--vertical-rhythm);
    padding-right: var(--vertical-rhythm);
  }
.smartphone-message--default {
    background-color: var(--gray-1);
    border-color: var(--gray-shadow);
    color: var(--gray-10);
  }
.smartphone-message--primary {
    background-color: var(--primary-1);
    border-color: var(--primary-shadow);
    color: var(--primary-8);
  }
.smartphone-message--negative {
    background-color: var(--negative-1);
    border-color: var(--negative-shadow);
    color: var(--negative-8);
  }
.smartphone-message--positive {
    background-color: var(--positive-1);
    border-color: var(--positive-shadow);
    color: var(--positive-8);
  }
.smartphone-message .u-pull-right {
    float: right;
  }
.smartphone-message .close {
    height: var(--vertical-rhythm);
    position: relative;
    transition: opacity 0.2s ease;
    width: var(--vertical-rhythm);
    z-index: 1;
  }
.smartphone-message .close:hover {
      opacity: 0.5;
    }
.smartphone-message .close::before,
    .smartphone-message .close::after {
      background: currentColor;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      top: 50%;
      width: 1em;
    }
.smartphone-message .close::before {
      transform: translate(-50%, -50%) rotate(45deg);
    }
.smartphone-message .close::after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }
.sub-heading {
  font-family: var(--sans-font-family);
  font-feature-settings: "palt";
  font-size: var(--small-font-size);
  font-weight: 600;
  margin: 0 0 var(--vertical-rhythm);
  overflow: hidden;
  text-align: center;
}
.sub-heading__inner {
  display: inline-block;
  margin: 0;
  padding: 0 calc(var(--vertical-rhythm)/2);
  position: relative;
}
.sub-heading__inner::before,
.sub-heading__inner::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100vw;
}
.sub-heading__inner::before {
  right: 100%;
}
.sub-heading__inner::after {
  left: 100%;
}
.sub-heading--default .sub-heading__inner::before,
.sub-heading--default .sub-heading__inner::after {
  background: var(--gray-shadow);
}
.sub-heading--light {
  color: var(--gray-6);
}
.sub-heading--light .sub-heading__inner::before,
.sub-heading--light .sub-heading__inner::after {
  background: var(--gray-shadow);
}
.sub-heading--dark {
  color: var(--white);
}
.sub-heading--dark .sub-heading__inner::before,
.sub-heading--dark .sub-heading__inner::after {
  background: var(--white-shadow);
}
.u-margin-0 {
  margin: 0 !important;
}
.u-margin-top-0 {
  margin-top: 0 !important;
}
.u-margin-top-1 {
  margin-top: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-margin-top-2 {
  margin-top: calc(var(--vertical-rhythm)*1) !important;
}
.u-margin-top-3 {
  margin-top: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-margin-top-4 {
  margin-top: calc(var(--vertical-rhythm)*2) !important;
}
.u-margin-bottom-0 {
  margin-bottom: 0 !important;
}
.u-margin-bottom-1 {
  margin-bottom: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-margin-bottom-2 {
  margin-bottom: calc(var(--vertical-rhythm)*1) !important;
}
.u-margin-bottom-3 {
  margin-bottom: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-margin-bottom-4 {
  margin-bottom: calc(var(--vertical-rhythm)*2) !important;
}
.u-margin-left-0 {
  margin-left: 0 !important;
}
.u-margin-left-1 {
  margin-left: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-margin-left-2 {
  margin-left: calc(var(--vertical-rhythm)*1) !important;
}
.u-margin-left-3 {
  margin-left: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-margin-left-4 {
  margin-left: calc(var(--vertical-rhythm)*2) !important;
}
.u-margin-right-0 {
  margin-right: 0 !important;
}
.u-margin-right-1 {
  margin-right: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-margin-right-2 {
  margin-right: calc(var(--vertical-rhythm)*1) !important;
}
.u-margin-right-3 {
  margin-right: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-margin-right-4 {
  margin-right: calc(var(--vertical-rhythm)*2) !important;
}
.u-padding-0 {
  padding: 0 !important;
}
.u-padding-top-0 {
  padding-top: 0 !important;
}
.u-padding-top-1 {
  padding-top: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-padding-top-2 {
  padding-top: calc(var(--vertical-rhythm)*1) !important;
}
.u-padding-top-3 {
  padding-top: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-padding-top-4 {
  padding-top: calc(var(--vertical-rhythm)*2) !important;
}
.u-padding-bottom-0 {
  padding-bottom: 0 !important;
}
.u-padding-bottom-1 {
  padding-bottom: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-padding-bottom-2 {
  padding-bottom: calc(var(--vertical-rhythm)*1) !important;
}
.u-padding-bottom-3 {
  padding-bottom: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-padding-bottom-4 {
  padding-bottom: calc(var(--vertical-rhythm)*2) !important;
}
.u-padding-left-0 {
  padding-left: 0 !important;
}
.u-padding-left-1 {
  padding-left: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-padding-left-2 {
  padding-left: calc(var(--vertical-rhythm)*1) !important;
}
.u-padding-left-3 {
  padding-left: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-padding-left-4 {
  padding-left: calc(var(--vertical-rhythm)*2) !important;
}
.u-padding-right-0 {
  padding-right: 0 !important;
}
.u-padding-right-1 {
  padding-right: calc(var(--vertical-rhythm)*0.5) !important;
}
.u-padding-right-2 {
  padding-right: calc(var(--vertical-rhythm)*1) !important;
}
.u-padding-right-3 {
  padding-right: calc(var(--vertical-rhythm)*1.5) !important;
}
.u-padding-right-4 {
  padding-right: calc(var(--vertical-rhythm)*2) !important;
}
.u-text-heading {
  font-family: var(--heading-font-family);
}
.u-text-normal {
  font-weight: normal;
}
.u-text-bold {
  font-weight: 600;
}
.u-text-left {
  text-align: left;
}
.u-text-center {
  text-align: center;
}
.u-text-right {
  text-align: right;
}
.u-text-nowrap {
  white-space: nowrap;
}
.u-text-pre-wrap {
  white-space: pre-wrap;
}
.u-text-wrap {
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-word;
}
.u-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-text-x-small {
  font-size: var(--x-small-font-size);
}
.u-text-small {
  font-size: var(--small-font-size);
}
.u-text-medium {
  font-size: var(--medium-font-size);
}
.u-text-large {
  font-size: var(--large-font-size);
}
.u-text-x-large {
  font-size: var(--x-large-font-size);
}
.u-text-xx-large {
  font-size: var(--xx-large-font-size);
}
.u-vertical-middle {
  vertical-align: middle;
}
.u-horizontal-scroll {
  overflow-x: scroll;
}
.u-vertical-scroll {
  overflow-y: scroll;
}
.u-no-scroll {
  overflow: hidden;
  overscroll-behavior: none;
}
.u-responsive {
  overflow-x: auto;
}
.u-rounded {
  border-radius: 4px;
}
.u-circled {
  border-radius: 50%;
}
.u-resize-none {
  resize: none;
}
.u-resize-vertical {
  resize: vertical;
}
.u-resize-horizontal {
  resize: horizontal;
}
.u-no-selectable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.u-clearfix {
  /* OPTIMIZE: clearfix.cssが見つからなかったため、一時コメントアウト */
  /* @mixin clearfix; */
}
.u-none {
  display: none !important;
}
.u-inline {
  display: inline !important;
}
.u-inline-block {
  display: inline-block !important;
}
.u-block {
  display: block !important;
}
.u-flex {
  display: flex !important;
}
.u-inline-flex {
  display: inline-flex !important;
}
.u-flex-grow-0 {
  flex-grow: 0;
}
.u-flex-grow-1 {
  flex-grow: 1;
}
.u-flex-grow-2 {
  flex-grow: 2;
}
.u-flex-shrink-0 {
  flex-shrink: 0;
}
.u-flex-shrink-1 {
  flex-shrink: 1;
}
.u-flex-shrink-2 {
  flex-shrink: 2;
}
.u-align-items-center {
  align-items: center;
}
.u-align-items-stretch {
  align-items: stretch;
}
.u-justify-content-center {
  justify-content: center;
}
.u-justify-content-space-between {
  justify-content: space-between;
}
.u-scroll-offset-center::before {
  content: "";
  display: block;
  height: 40vh;
  margin-top: -40vh;
  visibility: hidden;
}
@media (min-width: 568px) {
  .u-sm-none {
    display: none !important;
  }

  .u-sm-inline {
    display: inline !important;
  }

  .u-sm-inline-block {
    display: inline-block !important;
  }

  .u-sm-block {
    display: block !important;
  }

  .u-sm-flex {
    display: flex !important;
  }

  .u-sm-inline-flex {
    display: flex !important;
  }

  .u-sm-scroll {
    overflow: visible;
  }

  .u-sm-no-scroll {
    overflow: hidden;
    overscroll-behavior: none;
  }
}
@media (min-width: 1024px) {
  .u-md-none {
    display: none !important;
  }

  .u-md-inline {
    display: inline !important;
  }

  .u-md-inline-block {
    display: inline-block !important;
  }

  .u-md-block {
    display: block !important;
  }

  .u-md-flex {
    display: flex !important;
  }

  .u-md-inline-flex {
    display: inline-flex !important;
  }

  .u-md-scroll {
    overflow: visible;
  }

  .u-md-no-scroll {
    overflow: hidden;
    overscroll-behavior: none;
  }
}
@media (min-width: 1280px) {
  .u-lg-none {
    display: none !important;
  }

  .u-lg-inline {
    display: inline !important;
  }

  .u-lg-inline-block {
    display: inline-block !important;
  }

  .u-lg-block {
    display: block !important;
  }

  .u-lg-flex {
    display: flex !important;
  }

  .u-lg-inline-flex {
    display: inline-flex !important;
  }

  .u-lg-scroll {
    overflow: visible;
  }

  .u-lg-no-scroll {
    overflow: hidden;
    overscroll-behavior: none;
  }
}
@media print {
  .u-print-none {
    display: none !important;
  }

  .u-print-inline {
    display: inline !important;
  }

  .u-print-inline-block {
    display: inline-block !important;
  }

  .u-print-block {
    display: block !important;
  }

  .u-print-flex {
    display: flex !important;
  }

  .u-print-inline-flex {
    display: inline-flex !important;
  }
}
@media (pointer: coarse) {
  .u-touch-none {
    display: none !important;
  }

  .u-touch-inline {
    display: inline !important;
  }

  .u-touch-inline-block {
    display: inline-block !important;
  }

  .u-touch-block {
    display: block !important;
  }

  .u-touch-flex {
    display: flex !important;
  }

  .u-touch-inline-flex {
    display: inline-flex !important;
  }
}
.u-pull-left {
  float: left;
}
.u-pull-right {
  float: right;
}
.u-text-gray {
  color: var(--gray-6);
}
.u-text-brand {
  color: var(--primary-6);
}
.u-text-primary {
  color: var(--primary-6);
}
.u-text-positive {
  color: var(--positive-6);
}
.u-text-negative {
  color: var(--negative-6);
}
.external_transmission_discipline__section .sub-section .title {
      border-bottom: 1px solid black;
      display: block;
      display: block;
      margin: 0;
      margin-top: 30px;
      padding-bottom: 10px;
    }
.external_transmission_discipline__section .sub-section .last-updated-at {
      color: #595959;
      margin: 8px 0 0 0;
      text-align: right;
    }
.external_transmission_discipline__section .sub-section .article-body {
      margin-top: 16px !important;
    }
.external_transmission_discipline__section .sub-section .article-body .table-header td {
        text-align: center;
      }
.external_transmission_discipline__section .sub-section .article-body table td {
        vertical-align: middle;
      }
/* Entry point for your PostCSS build */
:root {
  --white: #ffffff;
  --primary-1: #fff5f5;
  --primary-2: #ffe2e0;
  --primary-3: #ffcfcc;
  --primary-4: #ffb6b3;
  --primary-5: #fc8e88;
  --primary-6: #f7554d;
  --primary-7: #d91309;
  --primary-8: #ab0900;
  --primary-9: #780600;
  --primary-10: #450502;
  --primary-outline: rgba(247, 85, 77, 0.5);
  --primary-shadow: rgba(69, 5, 2, 0.1);
  --primary-backdrop: rgba(69, 5, 2, 0.8);

  --secondary-1: #f6f2ff;
  --secondary-2: #ede6ff;
  --secondary-3: #e3d9fc;
  --secondary-4: #cfbdff;
  --secondary-5: #bba1ff;
  --secondary-6: #9d77fc;
  --secondary-7: #8353fc;
  --secondary-8: #642af7;
  --secondary-9: #3700c2;
  --secondary-10: #210073;
  --secondary-outline: rgba(157, 119, 252, 0.5);
  --secondary-shadow: rgba(33, 0, 115, 0.1);
  --secondary-backdrop: rgba(33, 0, 115, 0.8);

  --gray-1: #f7f5f5;
  --gray-2: #ebe9e8;
  --gray-3: #dbd9d9;
  --gray-4: #c9c6c5;
  --gray-5: #b5aaa8;
  --gray-6: #9c8d8a;
  --gray-7: #7d6c69;
  --gray-8: #635350;
  --gray-9: #4a3c3a;
  --gray-10: #2b2220;
  --gray-11: #f1f1f1;
  --gray-12: #6c6c6c;
  --gray-13: #7a7777;
  --gray-14: #edebea;
  --gray-outline: rgba(156, 141, 138, 0.5);
  --gray-shadow: rgba(43, 34, 32, 0.1);
  --gray-backdrop: rgba(43, 34, 32, 0.8);

  --black-1: #21272b;
  --black-2: #152536;

  --positive-1: #e6f5ff;
  --positive-2: #d4eeff;
  --positive-3: #b6e0fc;
  --positive-4: #8dd0fc;
  --positive-5: #5ebaf7;
  --positive-6: #1c95e6;
  --positive-7: #0675bf;
  --positive-8: #015994;
  --positive-9: #024069;
  --positive-10: #022338;
  --positive-outline: rgba(28, 149, 230, 0.5);
  --positive-shadow: rgba(2, 35, 56, 0.1);
  --positive-backdrop: rgba(2, 35, 56, 0.8);

  --negative-1: #fff5f5;
  --negative-2: #ffe2e0;
  --negative-3: #ffcfcc;
  --negative-4: #ffb6b3;
  --negative-5: #fc8e88;
  --negative-6: #f7554d;
  --negative-7: #d91309;
  --negative-8: #ab0900;
  --negative-9: #780600;
  --negative-10: #450502;
  --negative-outline: rgba(247, 85, 77, 0.5);
  --negative-shadow: rgba(69, 5, 2, 0.1);
  --negative-backdrop: rgba(69, 5, 2, 0.8);

  --vertical-rhythm: 1.625rem;
  --x-large-container-width: 1200px;
  --medium-viewport-width: 768px;

  --sans-font-family: "YuGothic", "HK Grotesk", "Helvetica Neue", Helvetica, YuGothic, Meiryo,
    sans-serif;
  --serif-font-family: Times, "Times New Roman", YuMincho, serif;
  --monospace-font-family: Consolas, Monaco, YuGothic, Meiryo, monospace;
  --ui-font-family: "HK Grotesk", "Helvetica Neue", Helvetica, YuGothic, "Meiryo UI", Meiryo,
    sans-serif;
  --heading-font-family: "YuGothic", "Public Sans", "Helvetica Neue", Helvetica, "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  --xx-small-font-size: 0.5rem;
  --x-small-font-size: 0.75rem;
  --small-font-size: 0.875rem;
  --medium-font-size: 1rem;
  --large-font-size: 1.125rem;
  --x-large-font-size: 1.25rem;
  --xx-large-font-size: 1.5rem;

  --content-container-width: 650px;

  --side-nav-width: 256px;
  --side-content-width: 320px;

  --small-container-width: 568px;
  --medium-container-width: 704px;
  --large-container-width: 1024px;
  --x-large-container-width: 1200px;

  --small-viewport-width: 568px;
  --medium-viewport-width: 768px;
  --large-viewport-width: 1024px;
  --x-large-viewport-width: 1200px;

  /* NOTE: 以降はRailsで新たに定義したもの */
  --primary-color: #f7554d;
  --primary-dark-color: #ab0900;
  --tertiary-color: #ebe9e8;
  --gray-color: #9c8d8a;

  --black-color: #21272b;
  --white-color: #fff;
}
.a-button {
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    display: inline-flex;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }
.a-button:hover {
      text-decoration: none;
    }
.a-button--small {
      padding: 6px 8px;
    }
.a-button--medium {
      padding: 8px 16px;
    }
.a-button--round {
      border-radius: 51px;
    }
.a-button--full {
      display: block;
      text-align: center;
      width: 100%;
    }
.a-button--event-none {
      opacity: 0.3;
      pointer-events: none;
    }
.a-button--primary {
      background-color: var(--primary-color);
      color: var(--white-color);
    }
.a-button--primary:hover {
        background-color: var(--primary-7);
        color: var(--white-color);
      }
.a-button--primary:disabled,
      .a-button--primary.disabled {
        background: var(--primary-color);
        opacity: 0.3;
      }
.a-button--secondary {
      background-color: var(--white-color);
      border: 1px solid var(--primary-color);
      color: var(--primary-color);
    }
.a-button--secondary:hover {
        background-color: var(--primary-1);
        color: var(--primary-color);
      }
.a-button--secondary:disabled,
      .a-button--secondary.disabled {
        background: var(--white-color);
        opacity: 0.3;
      }
.a-button--tertiary {
      background-color: var(--white-color);
      border: 1px solid var(--tertiary-color);
      color: var(--black-color);
    }
.a-button--tertiary:hover {
        background-color: var(--gray-2);
        color: var(--black-color);
      }
.a-button--tertiary:disabled,
      .a-button--tertiary.disabled {
        background: var(--white-color);
        opacity: 0.3;
      }
.a-button--fw-100 {
        font-weight: 100;
      }
.a-button--fw-200 {
        font-weight: 200;
      }
.a-button--fw-300 {
        font-weight: 300;
      }
.a-button--fw-400 {
        font-weight: 400;
      }
.a-button--fw-500 {
        font-weight: 500;
      }
.a-button--fw-600 {
        font-weight: 600;
      }
.a-button--fw-700 {
        font-weight: 700;
      }
.a-button--fw-800 {
        font-weight: 800;
      }
.a-button--fw-900 {
        font-weight: 900;
      }
.a-formatted-date {
  line-height: 1;
  text-align: center;
}
.a-formatted-date__year {
    color: var(--primary-8);
    font-family: var(--alphanumeric-font-family);
    font-size: var(--fs-15px);
    margin-bottom: 0;
  }
.a-formatted-date__date {
    color: var(--gray-10);
    font-family: var(--alphanumeric-font-family);
    font-size: var(--fs-20px);
    margin-bottom: 0;
  }
.a-formatted-date__day-of-week {
    color: var(--text-gray);
    font-size: var(--fs-12px);
    font-weight: 700;
  }
.a-formatted-date__time {
    color: var(--gray-10);
    font-family: var(--alphanumeric-font-family);
    font-size: var(--fs-12px);
    margin-bottom: 0;
    padding-top: 6px;
  }
.a-heading {
  align-items: center;
  display: inline-flex;
}
.a-heading > h1,
  .a-heading > h2,
  .a-heading > h3,
  .a-heading > h4,
  .a-heading > h5,
  .a-heading > h6,
  .a-heading > p {
    margin-bottom: 0;
  }
.a-heading__title {
    font-weight: 700;
  }
.a-heading__label {
    background: var(--gray-2);
    border-radius: 4px;
    color: var(--gray-6);
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1;
    margin-left: 8px;
    padding: 4px;
  }
.a-heading--bullet-point::before {
      /* NOTE: base64にエンコードしたsvgを指定 */
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%225.5%22%20stroke%3D%22%23D8D8D8%22%3E%3C%2Fcircle%3E%20%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20transform%3D%22matrix(-1%200%200%201%209%203)%22%20fill%3D%22%23F7554D%22%3E%3C%2Fcircle%3E%20%3C%2Fsvg%3E");
      content: "";
      display: inline-block;
      flex-shrink: 0;
      height: 12px;
      margin-right: 4px;
      width: 12px;
    }
.a-heading--secondary .a-heading__title {
        color: var(--primary-8);
        font-weight: 700;
      }
.a-label {
  background: var(--gray-2);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--black-color);
  display: inline-block;
  font-size: var(--fs-12px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 12px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.a-label--shrunken {
    line-height: 1;
    padding: 4px 6px;
    width: auto;
  }
.a-label--status {
    background: var(--gray-6);
    border-radius: 2px;
    color: var(--white-color);
    letter-spacing: 0.1px;
    line-height: 1;
    padding: 4px;
  }
.a-label--w-auto {
    width: auto;
  }
.a-label--consolidation-kind {
    background: var(--gray-14);
    color: var(--gray-13);
    display: inline;

    font-size: var(--fs-14px);
    font-weight: 400;
    line-height: 100%;
    padding: 4px;
    width: auto;
  }
.a-legend {
  align-items: center;
  display: inline-flex;
  gap: 16px;
  padding: 8px 0;
  margin: 0;
  list-style: none;
}
.a-legend__item {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: var(--fs-12px);
    display: flex;
    align-items: center;
  }
.a-legend__item::before {
      content: "";
      display: inline-block;
      height: 14px;
      width: 40px;
      margin-right: 8px;
    }
.a-legend__item--sales::before {
      background-color: var(--positive-6);
    }
.a-legend__item--profit::before {
      background-color: var(--positive-8);
    }
.a-legend__item--profit-ratio::before {
      background: no-repeat center
        url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDQwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSA2MDEiPgo8bGluZSBpZD0iTGluZSA1MCIgeTE9IjMuNSIgeDI9IjQwIiB5Mj0iMy41IiBzdHJva2U9IiMyMTI3MkIiLz4KPGNpcmNsZSBpZD0iRWxsaXBzZSAxMCIgY3g9IjIwLjUiIGN5PSIzLjUiIHI9IjMuNSIgZmlsbD0iIzIxMjcyQiIvPgo8L2c+Cjwvc3ZnPgo=);
    }
.a-reference-link-button {
  align-items: center;
  background: #fff;
  border: 1px solid var(--primary-color);

  border-radius: 4px;

  color: var(--black-color);
  display: flex;
  font-size: var(--fs-12px);
  font-style: normal;
  font-weight: 500;
  gap: 4px;
  height: 26px;
  line-height: normal;
  padding: 4px 6px;
  text-decoration: none;
}
.a-reference-link-button:hover {
    background-color: rgba(247, 85, 77, 0.1);
    color: var(--black-color);
    text-decoration: none;
  }
.a-reference-link-button svg {
    min-width: var(--fs-12px);
  }
.a-reference-link-button span,
  .a-reference-link-button div {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
.a-pane {
  border-radius: 8px;
}
.a-pane--bordered {
    border: 1px solid var(--gray-11);
    box-sizing: border-box;
  }
.a-pane-padding-none {
      padding: 0;
    }
.a-pane-padding-s {
      padding: 8px;
    }
.a-pane-padding-m {
      padding: 16px;
    }
.a-pane-padding-l {
      padding: 24px;
    }
.a-tab {
  align-items: center;

  border-bottom: var(--tab-border-width) solid var(--gray-11);
  box-sizing: border-box;

  color: var(--text-gray);
  display: flex;
  font-style: normal;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  line-height: normal;
  text-align: center;
}
.a-tab:hover {
    color: var(--text-black);
  }
.a-tab:focus {
    outline: revert;
  }
.a-tab-pc {
    padding: 12px 16px;
    font-size: var(--fs-16px);
  }
.a-tab-smp {
    padding: 12px 10px;
    font-size: var(--fs-14px);
  }
.a-tab--active {
    border-bottom: var(--tab-border-width) solid var(--primary-6);
    color: var(--text-black);
    cursor: initial;
  }
/* NOTE: 固定幅の別パターンが発生した場合は normarl / wide のような抽象的な命名に変更して拡張する */
.a-tab--fixed-width {
    width: 150px;
  }
.a-tag {
  border: 1px solid var(--tertiary-color);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--black-color);
  display: inline-block;

  font-weight: 500;
  line-height: 1.2;
  max-width: 100%;
  padding: 6px 8px;
  text-decoration: none;
}
.a-tag:where(:-moz-any-link):hover {
    border: 1px solid var(--light-gray);
    color: var(--black-color);
    text-decoration: none;
  }
.a-tag:where(:any-link):hover {
    border: 1px solid var(--light-gray);
    color: var(--black-color);
    text-decoration: none;
  }
.a-tag--inversion {
    border: 1px solid var(--white-color);
    color: var(--white-color);
  }
.a-tag--inversion:where(:-moz-any-link):hover {
      color: rgba(204, 204, 204, 0.96);
    }
.a-tag--inversion:where(:any-link):hover {
      color: rgba(204, 204, 204, 0.96);
    }
.a-tag--delete {
    align-items: center;
    display: inline-flex;
    gap: 4px;
  }
.a-tag__delete-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYiIGZpbGw9IiMyMTI3MkIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk5OTg2IDguNDcxNzZMOS43NjQxNiAxMC4yMzYxTDEwLjIzNTYgOS43NjQ2NUw4LjQ3MTI3IDguMDAwMzVMMTAuMjM1NiA2LjIzNjA1TDkuNzY0MTYgNS43NjQ2NUw3Ljk5OTg2IDcuNTI4OTVMNi4yMzU1NiA1Ljc2NDY1TDUuNzY0MTYgNi4yMzYwNUw3LjUyODQ2IDguMDAwMzVMNS43NjQxNiA5Ljc2NDY1TDYuMjM1NTYgMTAuMjM2MUw3Ljk5OTg2IDguNDcxNzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
    height: 16px;
    width: 16px;
  }
.a-tag__text-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.a-tag__text-container::before {
      content: "#";
      display: inline-block;
      padding-right: 2px;
    }
.a-text--xxs {
    font-size: var(--fs-10px);
  }
.a-text--xs {
    font-size: var(--fs-12px);
  }
.a-text--s {
    font-size: var(--fs-14px);
  }
.a-text--m {
    font-size: var(--fs-16px);
  }
.a-text--l {
    font-size: var(--fs-20px);
  }
.a-text--xl {
    font-size: var(--fs-24px);
  }
.a-text--xxl {
    font-size: var(--fs-32px);
  }
.a-text-link {
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.a-text-link:hover {
    text-decoration: underline;
  }
.a-text-link--primary {
    color: var(--text-link);
  }
.a-text-link--secondary {
    color: var(--text-gray);
  }
.a-thumbnail {
  aspect-ratio: 16 / 9;
  background-color: var(--white);
  border: 1px solid var(--gray-11);
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.a-toast {
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 700;
  max-width: 480px;
  width: 100%;
}
.a-toast.toast {
    --bs-toast-box-shadow: none;
  }
.a-toast__content {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
  }
.a-toast__body {
    display: flex;
    gap: 8px;
    word-wrap: break-word;
  }
.a-toast__alert-icon {
    height: 24px;
    line-height: 1;
  }
.a-toast__close-button {
    cursor: pointer;
    height: 24px;
    line-height: 1;
  }
.a-toast--default {
    background: var(--white);
  }
.a-toast--danger {
    background: var(--primary-dark-color);
    color: var(--white-color);
  }
.toast-container {
  left: 50%;
  padding: 0.5rem;
  position: fixed;
  top: 0;
  transform: translateX(-50%);
  width: calc(480px + 1rem);
}
/* Entry point for your PostCSS build */
.m-clip-button {
  align-items: center;
  background-color: var(--white-color);
  border: 1px solid var(--tertiary-color);
  border-radius: 50%;
  color: var(--gray-color);
  display: flex;
  gap: 10px;
  height: 38px;
  justify-content: center;
  padding: 4px 10px;
  width: 38px;
}
.m-clip-button:hover {
    background-color: var(--gray-2);
    border: 1px solid var(--gray-2);
    color: var(--gray-6);
  }
.m-clip-button.m-clip-button--active {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 36px;
    color: var(--white-color);
  }
.m-clip-button.m-clip-button--active:disabled,
    .m-clip-button.m-clip-button--active.disabled {
      background-color: var(--primary-color);
    }
.m-clip-button.m-clip-button--active:hover {
      background-color: var(--primary-7);
      color: var(--white-color);
    }
.m-clip-button > .a-button__icon-left,
  .m-clip-button .a-button__icon-right {
    display: flex;
  }
.m-clip-button:disabled,
  .m-clip-button.disabled {
    background: var(--white-color);
    opacity: 0.3;
  }
.m-embedded-youtube {
  --youtube-ratio: 16 / 9;
  aspect-ratio: var(--youtube-ratio);

  display: flex;
  justify-content: space-between;

  margin-bottom: 26px;
}
.m-embedded-youtube__frame {
    width: 100%;
  }
.m-follow-button {
  align-items: center;
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  color: var(--white-color);
  display: flex;
  line-height: 1.2;
}
.m-follow-button:hover {
    background-color: var(--primary-7);
    border: 2px solid var(--primary-7);
  }
.m-follow-button.m-follow-button--active {
    background-color: var(--white-color);
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
  }
.m-follow-button.m-follow-button--active:hover {
      background-color: var(--primary-1);
    }
.m-follow-button > .a-button__icon-left,
  .m-follow-button .a-button__icon-right {
    font-size: 24px;
    height: 24px;
    line-height: 1;
  }
.m-follow-button .a-button__icon-left {
    margin-right: 4px;
  }
.m-follow-button .a-button__icon-right {
    margin-left: 4px;
  }
.m-labeled-list {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 8px;
}
.m-labeled-list__label {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    justify-content: center;
    width: 112px;
  }
.m-labeled-list__list--has-children {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
.m-labeled-list__text {
    font-size: var(--fs-12px);
    font-style: normal;
    font-weight: 500;
    /** MEMO Default 値は 26px 、必要に応じてコンポーネント呼び出し側で line-height を上書きして利用 */
    line-height: 2.1666666667;
    margin-bottom: 0;
  }
.m-labeled-list__text--fs-lg {
      font-size: var(--fs-14px);
    }
.m-labeled-list--gap-sm {
    gap: 4px;
  }
/* OPTIMIZE: CSSの変数だとSassの変数のような展開ができないため直接指定 */
.m-labeled-list--bold .m-labeled-list__text {
      font-weight: 700;
    }
/* OPTIMIZE: CSSの変数だとSassの変数のような展開ができないため直接指定 */
.m-labeled-list--ellipsis .m-labeled-list__list {
      /* NOTE: textのoverflowを効かせるため、最低幅を指定 */
      min-width: 0;
    }
/* OPTIMIZE: CSSの変数だとSassの変数のような展開ができないため直接指定 */
.m-labeled-list--ellipsis .m-labeled-list__text {
      overflow: hidden;
      text-overflow: ellipsis;
      text-wrap: nowrap;
    }
.m-tabs__tab-items {
    display: flex;
  }
.m-tabs__tab-items--left {
      justify-content: left;
    }
.m-tabs__tab-items--center {
      justify-content: center;
    }
.m-tabs__tab-items--right {
      justify-content: right;
    }
/* NOTE: 1stリリースで下線を表示するためのスタイル（2nd以降削除） */
.m-tabs__underline {
    border-bottom: var(--tab-border-width) solid var(--gray-11);
  }
.m-tabs-pc .m-tabs__tab-items {
      border-bottom: var(--tab-border-width) solid var(--gray-11);
      padding: 0px 24px;
    }
.m-tabs-pc .a-tab {
      /* NOTE: 親のborder-bottomと重ね合わせるためnegative marginを与える */
      margin-bottom: calc(var(--tab-border-width)*-1);
    }
.m-tabs-smp .a-tab {
      width: 100%;
    }
.m-tabs__pane {
    display: none;
  }
.m-tabs__pane--active {
      display: block;
    }
.m-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.m-tag-with-carousel {
  display: flex;
  gap: 8px;
  overflow: auto;
  scroll-snap-type: x mandatory;
  width: 100%;
}
.m-tag-with-carousel .a-tag {
    max-width: none;
  }
.m-tag-with-carousel .a-tag__text-container {
      overflow: visible;
      text-overflow: clip;
      white-space: nowrap;
    }
.o-header-message {
  background-color: var(--positive-1);
  border: 1px solid transparent;
  border-color: var(--positive-shadow);
  border-left-width: 0;
  border-right-width: 0;

  color: var(--positive-8);
  height: var(--smart-phone-header-message-height);
  padding: 12px 26px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
@media (min-width: 1024px) {
.o-header-message {
    left: var(--side-nav-width);
    position: absolute;
    top: var(--pc-header-height);
    width: -webkit-fill-available
}
  }
.o-article-card-a {
  --clip-width: 38px;

  position: relative;
}
.o-article-card-a__link {
    display: block;
    position: relative;
    z-index: 1;
  }
.o-article-card-a__link:hover {
      text-decoration: none;
    }
.o-article-card-a__link:hover .o-article-card-a__title {
        color: var(--primary-6);
      }
.o-article-card-a__figure {
    margin-bottom: 0;
  }
.o-article-card-a__figure--archive::before {
        background-color: var(--primary-6);
        background-image: var(--video-icon-url);
        content: "";
        display: inline-block;
        height: 20px;
        position: absolute;
        width: 20px;
      }
.o-article-card-a__columns {
    display: grid;
    gap: 12px;
  }
.o-article-card-a__thumbnail {
    aspect-ratio: 90 / 50;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
.o-article-card-a__details {
    display: grid;
    font-weight: bold;
    gap: 4px;
  }
.o-article-card-a__details > p {
      margin: 0;
    }
.o-article-card-a__published {
    color: var(--gray-6);
    font-size: var(--fs-12px);
    font-weight: 700;
    line-height: 1.2;
  }
.o-article-card-a__date {
    font-size: var(--fs-12px);
    font-weight: 500;
  }
.o-article-card-a__title {
    color: var(--black-1);
    font-size: var(--fs-15px);
    line-height: 1.4;
  }
.o-article-card-a__company {
    color: var(--gray-6);
    line-height: 1.16;
    padding-right: calc(var(--clip-width) + 4px);
  }
.o-article-card-a__label {
    color: var(--gray-6);
  }
.o-article-card-a__logname {
    color: var(--gray-6);
    font-size: var(--fs-12px);
    line-height: 1.5;
    min-height: 38px;
    padding-right: calc(var(--clip-width) + 4px);
  }
.o-article-card-a__floating {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 2;
  }
.o-article-card-a .m-labeled-list__text {
    line-height: 18px;
  }
.o-article-card-a-pc .o-article-card-a__columns {
        grid-template-columns: 180px auto;
      }
.o-article-card-a-pc .o-article-card-a__figure {
        height: 100px;
        width: 180px;
      }
.o-article-card-a-pc .o-article-card-a__has-video {
        background-color: var(--primary-6);
        background-image: var(--video-icon-url);
        content: "";
        display: inline-block;
        height: 20px;
        position: absolute;
        width: 20px;
      }
.o-article-card-a-smp .o-article-card-a__columns {
        grid-template-columns: 90px auto;
      }
.o-article-card-a-smp .o-article-card-a__figure {
        height: 50px;
        width: 90px;
      }
.o-article-card-a-smp .o-article-card-a__has-video {
        background-color: var(--primary-6);
        background-image: var(--video-icon-small-url);
        content: "";
        display: inline-block;
        height: 16px;
        position: absolute;
        width: 16px;
      }
.o-article-card-b {
  --clip-width: 40px;
  --thumb-aspect: 351 / 196;

  position: relative;
}
@media (min-width: 768px) {
.o-article-card-b {
    height: 100%
}
  }
.o-article-card-b__link {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
.o-article-card-b__link:hover {
      text-decoration: none;
    }
@media (min-width: 768px) {
.o-article-card-b__link {
      flex: 1
  }
    }
.o-article-card-b__rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
@media (min-width: 768px) {
.o-article-card-b__rows {
      height: 100%
  }
    }
.o-article-card-b__figure {
    aspect-ratio: var(--thumb-aspect);
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
  }
.o-article-card-b__figure::after {
      border: 1px solid var(--Border, #eeedeb);
      bottom: 0;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
    }
.o-article-card-b__thumbnail {
    aspect-ratio: var(--thumb-aspect);
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
.o-article-card-b__details {
    display: grid;
    font-weight: bold;
    gap: 8px;
  }
.o-article-card-b__details > p {
      margin: 0;
    }
.o-article-card-b__published {
    color: var(--gray-6);
    font-size: var(--fs-12px);
    font-weight: 700;
    line-height: 1;
    min-height: 38px;
    padding-right: calc(var(--clip-width) + 4px);
  }
.o-article-card-b__date {
    font-size: var(--fs-12px);
  }
.o-article-card-b__title {
    -webkit-box-orient: vertical;
    color: var(--black-1);
    display: -webkit-box;
    font-size: var(--fs-18px);
    -webkit-line-clamp: 3;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.o-article-card-b__company {
    color: var(--black-1);
    line-height: 1.16;
  }
.o-article-card-b__logname {
    color: var(--gray-6);
    font-size: var(--fs-16px);
    line-height: 1.2;
  }
@media (min-width: 768px) {
.o-article-card-b__logname {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      overflow: hidden
  }
    }
.o-article-card-b__clip {
    bottom: 0;
    height: var(--clip-width);

    position: absolute;
    right: 0;
    width: var(--clip-width);
  }
.o-article-card-b .m-labeled-list__text {
    font-size: var(--fs-14px);
    line-height: 18px;
  }
.o-company-card {
  align-items: center;
  border: 1px solid #eeedeb;
  border-left-width: 4px;
  display: flex;
  flex: 1 0 0;
  justify-content: space-between;
  line-height: var(--univers-default-line-height);
  padding: 12px;
  width: 100%;
}
.o-company-card__content {
    margin-right: 8px;
  }
.o-company-card__name {
    color: var(--black-color);
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: 6px;
  }
.o-company-card__name:hover {
      color: var(--black-color);
      text-decoration: none;
    }
.o-company-card__information {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
.o-company-card__information a {
      color: var(--gray-color);
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 1.125rem;
    }
.o-company-card__information a:hover {
        text-decoration: none;
      }
.o-company-card__information > *:not(:first-child)::before {
      color: var(--gray-color);
      content: "\00a0\00b7\00a0";
      line-height: 1.125rem;
    }
.o-company-card__action {
    flex-shrink: 0;
  }
.o-difinition-list {
  border-bottom: 1px solid var(--gray-11);
  display: grid;
  grid-template-columns: 1fr min-content;
  margin-bottom: 0;
  width: 100%;
}
.o-difinition-list__dt {
    flex: 1;
    overflow-wrap: break-word;
    padding: 8px;
  }
.o-difinition-list__dd {
    padding: 8px;
    white-space: nowrap;
  }
.o-difinition-list__dt,
  .o-difinition-list__dd {
    align-items: center;
    border-top: 1px solid var(--gray-11);
    box-sizing: border-box;
    display: flex;
    margin: 0;
    min-height: 44px;
  }
.o-difinition-list__dt:first-of-type, .o-difinition-list__dd:first-of-type {
      border-top: none;
    }
.o-difinition-list--row-height-sm {
    min-height: 44px;
  }
.o-difinition-list--row-height-sm .o-difinition-list__dt,
    .o-difinition-list--row-height-sm .o-difinition-list__dd {
      min-height: 37px;
    }
.o-finance-seminar-card__link {
    align-items: center;
    gap: 12px;
  }
.o-finance-seminar-card__link:hover {
      text-decoration: none;
    }
.o-finance-seminar-card__logo {
    flex-shrink: 0;
    position: relative;
  }
.o-finance-seminar-card__logo--archive::before {
        background-color: var(--primary-6);
        background-image: var(--video-icon-url);
        content: "";
        display: inline-block;
        height: 20px;
        position: absolute;
        width: 20px;
      }
.o-finance-seminar-card__company-name {
    color: var(--text-black);
    font-weight: 700;
    line-height: 1.4;
  }
.o-finance-seminar-card__company-stock {
    color: var(--text-black);
    font-family: var(--alphanumeric-font-family);
    font-size: var(--fs-12px);
    font-weight: 500;
    margin-left: 4px;
  }
.o-finance-seminar-card__tags {
    margin-top: 8px;
  }
.o-finance-seminar-card__label {
    margin-top: 8px;
  }
.o-finance-seminar-card:hover .o-finance-seminar-card__company-name {
      color: var(--primary-6);
    }
.o-finance-seminar-card-pc .o-finance-seminar-card__link {
        display: grid;
        grid-template-columns: 96px 182px auto;
      }
.o-finance-seminar-card-pc .o-finance-seminar-card__company-info {
        min-width: 0;
      }
.o-finance-seminar-card-pc .o-finance-seminar-card__tags {
        margin-top: 8px;
      }
.o-finance-seminar-card-pc .o-finance-seminar-card__logo {
        height: 102px;
        width: 180px;
      }
.o-finance-seminar-card-pc .o-finance-seminar-card__schedule {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
      }
.o-finance-seminar-card-smp .o-finance-seminar-card__link {
        display: flex;
      }
.o-finance-seminar-card-smp .o-finance-seminar-card__seminar-info {
        min-width: 0;
      }
.o-finance-seminar-card-smp .o-finance-seminar-card__tags {
        margin-top: 4px;
      }
.o-finance-seminar-card-smp .o-finance-seminar-card__logo {
        height: 52px;
        width: 90px;
      }
.o-finance-seminar-card-smp .o-finance-seminar-card__logo--archive::before {
            background-color: var(--primary-6);
            background-image: var(--video-icon-small-url);
            content: "";
            display: inline-block;
            height: 16px;
            position: absolute;
            width: 16px;
          }
.o-finance-seminar-card-smp .o-finance-seminar-card__seminar-occurred {
          margin-bottom: 4px;
        }
.o-finance-seminar-card-smp .o-finance-seminar-card__seminar-year {
          color: var(--primary-8);
          font-size: 12px;
          font-weight: 500;
          line-height: 1;
        }
.o-finance-seminar-card-smp .o-finance-seminar-card__seminar-date {
          color: var(--text-black);
          font-size: 14px;
          font-weight: 700;
          line-height: 0.85;
        }
.o-finance-seminar-card-smp .o-finance-seminar-card__seminar-week {
          color: var(--gray-6);
          font-size: 12px;
          font-weight: 700;
          line-height: 1;
        }
.o-finance-seminar-card-smp .o-finance-seminar-card__seminar-time {
          color: var(--text-black);
          font-size: 12px;
          font-weight: 500;
          line-height: 1;
        }
.o-finance-seminar-card-smp .o-finance-seminar-card__eye_catch {
        align-items: center;
        display: flex;
        flex-direction: column;
      }
.o-table {
  margin-bottom: 0;
  width: 100%;
}
.o-table--fixed-width {
    table-layout: fixed;
  }
.o-table--fixed-width td,
    .o-table--fixed-width th {
      overflow-wrap: break-word;
      white-space: normal;
      word-wrap: break-word;
    }
.o-table--bordered tbody {
    border-top: 1px solid var(--gray-11);
  }
.o-table:not(.o-table--bordered):not(:has(thead)) tbody {
    border-top: 1px solid var(--gray-11);
  }
.o-table + .o-table:not(.o-table--bordered):not(:has(thead)) tbody {
    border-top: none;
  }
.o-table tbody .o-table__row {
      border-bottom: 1px solid var(--gray-11);
    }
.o-table__cell {
    font-weight: normal;
    padding: 12px 8px;
    text-align: inherit;
  }
.o-table__cell--bg-head {
      background-color: #f9f9f9;
    }
.o-share-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.o-share-buttons .a-button {
    align-items: center;
    display: flex;
    margin: 0 6.5px 0px;
    padding: 5.5px 12px;
  }
.o-share-buttons .a-button > div {
      align-items: center;
      display: flex;
    }
.o-share-buttons__facebook {
    color: #1877f2;
  }
.o-share-buttons__twitter {
    color: #55acee;
  }
.o-share-buttons__hatena-bookmark {
    color: #55acee;
  }
.o-share-buttons__facebook .a-button__text-label {
      margin-left: 4px;
    }
/** .m-clip-button よりも詳細度をあげるためセレクタ名を長くしている */
.o-share-buttons .a-button.o-share-buttons__clip {
    border-radius: 4px;
    height: inherit;
    width: inherit;
  }
@media (min-width: 1024px) {
.o-smartphone-header {
    display: none
}
  }
.o-smartphone-header .l-main__content {
    padding-top: calc(var(--vertical-rhythm)*2);
    position: relative;
  }
.o-smartphone-header .l-main__content-nav {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
  }
.o-smartphone-header--preview .l-main__content-nav {
      top: var(--smart-phone-header-message-height);
    }
.o-smartphone-header .l-main__side {
    border-style: solid;
    border-width: 0 1px 0 0;
    bottom: 0;
    box-sizing: border-box;
    left: calc(var(--side-nav-width)*-1);
    position: fixed;
    top: var(--smart-phone-header-height);
    transition:
      left 0.2s ease,
      visibility 0s ease 0.2s;
    visibility: hidden;
    width: var(--side-nav-width);
    z-index: 120;
  }
.o-smartphone-header .navbar {
    display: block;
    height: var(--smart-phone-header-height);
    padding: 0;
  }
.o-smartphone-header .navbar__icon {
      white-space: nowrap;
    }
.o-smartphone-header .navbar__icon > a {
        height: 100%;
        padding-bottom: 6px;
        padding-top: 6px;
        width: 100%;
      }
.o-smartphone-header .navbar__icon.mypage {
        width: 46px;
      }
.o-smartphone-header .navbar__icon-text {
        letter-spacing: -0.05rem;
      }
.o-smartphone-header .navbar__logo {
      padding: 0;
    }
.o-smartphone-header .navbar__logo-image {
      height: 24px;
    }
.o-smartphone-header .navbar__nav {
      min-height: var(--smart-phone-header-height);
    }
.o-signup-modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1055;
}
.o-signup-modal__close-modal-btn {
    margin-left: auto;
    position: absolute;
    right: var(--vertical-rhythm);
    top: var(--vertical-rhythm);
  }
.o-signup-modal__privilege-item > .privilege-title {
      color: var(--primary-dark-color);
    }
.o-signup-modal__privilege-item > .privilege-title-text {
      display: inline-block;
      margin: 0;
    }
.o-signup-modal__title {
    margin-bottom: calc(var(--vertical-rhythm)*0.75);
  }
.o-signup-modal__flex-item {
    width: 100%;
  }
.o-signup-modal__signup-area {
    margin-bottom: calc(var(--vertical-rhythm)*0.5);
  }
.o-signup-modal__privilege-area {
    margin-top: calc(var(--vertical-rhythm)*0.5);
  }
.o-signup-modal__content-message {
    margin-bottom: calc(var(--vertical-rhythm)*0.75);
  }
.o-signup-modal__signup-form,
  .o-signup-modal__signup-form__group,
  .o-signup-modal__signup-form__row {
    margin: 0 0 calc(var(--vertical-rhythm)/4);
  }
.o-signup-modal--wrappable {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
.o-signup-modal__finance-link {
    color: var(--primary-color);
  }
.o-signup-modal__modal-overlay {
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 100vh;
    min-height: 100svh;
    padding: var(--vertical-rhythm) calc(var(--vertical-rhythm)*0.5);
    position: initial;
    right: 0;
    top: 0;
  }
.o-signup-modal__container {
    background-color: var(--white);
    margin-bottom: var(--vertical-rhythm);
    margin-top: var(--vertical-rhythm);
    position: relative;
  }
.o-signup-modal__container__area {
      border-radius: 3px;
      box-sizing: border-box;
      overflow-y: auto;
      padding: calc(var(--vertical-rhythm)*2);
    }
@media (max-width: 568px) {
      .o-signup-modal__container__area {
        padding: calc(var(--vertical-rhythm)*2) var(--vertical-rhythm);
      }
    }
@media (max-width: 1024px) {
.o-signup-modal__container {
      max-width: 504px
  }
    }
.o-signup-modal__content {
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
  }
@media (min-width: 1025px) {
    .o-signup-modal__container {
      max-width: 900px;
    }
  }
@media (min-width: 1025px) {
    .o-signup-modal__signup-area {
      box-sizing: border-box;
      margin-bottom: 0;
      padding-right: calc(var(--vertical-rhythm)*0.5);
    }
  }
@media (min-width: 1025px) {
    .o-signup-modal__flex-item {
      width: 50%;
    }
  }
/*
  以下はmicromodal.js へのスタイル適用
*/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .o-signup-modal__modal-overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .o-signup-modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .o-signup-modal__modal-overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .o-signup-modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .o-signup-modal__container,
.micromodal-slide .o-signup-modal__modal-overlay {
  will-change: transform;
}
.article-body {
  line-height: var(--univers-default-line-height);
  margin-top: 16px;
}
.article-body .table-header td {
    text-align: center;
  }
.article-body table td {
    vertical-align: middle;
  }
.article-body > .article-section {
    margin: calc(var(--vertical-rhythm)*-1) 0 0;
    padding: var(--vertical-rhythm) 0 0;
  }
.article-body > .article-section > p {
    text-align: justify;
    text-justify: inter-ideograph;
  }
.article-body > .article-section > h1,
  .article-body > .article-section > h2,
  .article-body > .article-section > h3,
  .article-body > .article-section > h4,
  .article-body > .article-section > h5,
  .article-body > .article-section > h6 {
    margin-top: calc(var(--vertical-rhythm)*-1);
    padding-top: calc(var(--vertical-rhythm)*1);
  }
.article-body > .article-section > a > img,
  .article-body > .article-section > img,
  .article-body > .article-section > p > a > img,
  .article-body > .article-section > p > img {
    display: block;
    height: auto;
    margin: 0 auto var(--vertical-rhythm);
    max-width: 100%;
  }
.article-body > .article-section > iframe {
    display: block;
    margin: 0 auto var(--vertical-rhythm);
    max-width: 100%;
  }
.article-body > .article-timestamp {
    font-size: var(--fs-14px);
    font-style: italic;
    margin: var(--vertical-rhythm) 0;
    position: relative;
  }
.article-body > .article-timestamp::before {
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: calc(var(--vertical-rhythm)/2*-1 - -3px);
    width: var(--vertical-rhythm);
  }
@media not all and (--medium-viewport) {
  & > .article-section lazy-image,
  & > .article-section embedded-pdf {
    display: block;
    margin-left: calc(var(--vertical-rhythm)/-2);
    margin-right: calc(var(--vertical-rhythm)/-2);
  }
}
.article-heading {
  page-break-after: avoid;
  page-break-inside: avoid;
  position: relative;
}
.article-heading__target::before {
      font-size: var(--fs-24px);
      font-weight: normal;
      left: 0;
      position: absolute;
      transform: translateX(-100%);
    }
.article-heading__target:link,.article-heading__target:visited {
      color: inherit;
      text-decoration: none;
    }
.article-link {
  display: block;
}
.o-article-lock-dialog {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: auto;
  position: relative;
  width: 100%;
  align-items: center;
}
.o-article-lock-dialog:before {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 75%);
  bottom: 100%;
  content: "";
  display: block;
  height: 7.5rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.o-article-lock-dialog__form-container,
.o-article-lock-dialog__confirmation-container {
  padding: 32px 24px;
}
.o-article-lock-dialog__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.o-article-lock-dialog__icon,
.o-article-lock-dialog__confirmation-icon {
  width: 56px;
  height: 56px;
}
.o-article-lock-dialog__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-bottom: 32px;
}
.o-article-lock-dialog__text {
  color: var(--Text_Black, #1A1717);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.o-article-lock-dialog__confirmation-text {
  color: var(--Text_Black, #1A1717);
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}
.o-article-lock-dialog__confirmation-note {
  color: var(--Text_Black, #1A1717);
  text-align: center;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 32px;
}
.o-article-lock-dialog__highlight {
  color: var(--Primary, #F7554D);
}
.o-article-lock-dialog__form-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.o-article-lock-dialog__form-fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 16px;
}
.o-article-lock-dialog__label {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.o-article-lock-dialog__input {
  background: #fff;
  border-radius: 4px;
  border: 1px solid var(--Border, #EDEBEA);
  font-size: 14px;
  height: 40px;
  width: 100%;
  padding: 8px;
}
.o-article-lock-dialog__input:focus {
  border-color: var(--Text_Black, #1A1717);
  outline: none;
}
.o-article-lock-dialog__input:not(:-moz-placeholder-shown) {
  border-color: var(--Text_Black, #1A1717);
}
.o-article-lock-dialog__input:not(:placeholder-shown) {
  border-color: var(--Text_Black, #1A1717);
}
.o-article-lock-dialog__input::-moz-placeholder {
  color: #9C9897;
}
.o-article-lock-dialog__input::placeholder {
  color: #9C9897;
}
.o-article-lock-dialog__error-message {
  color: var(--Error, #BC1B19);
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  margin: 4px 0 0 0;
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.o-article-lock-dialog__error-icon {
  font-size: 18px;
  margin-right: 4px;
  display: inline-block;
}
.o-article-lock-dialog__terms {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 32px;
}
.o-article-lock-dialog__checkbox-svg {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  vertical-align: top;
  border-radius: 4px;
  background-color: #FFF;
  border: 1.5px solid var(--Border, #EDEBEA);
  box-sizing: border-box;
}
.o-article-lock-dialog__checkbox-svg svg {
  width: 20px;
  height: 20px;
  display: none;
  border-radius: 4px;
  background: var(--Primary, #F7554D);
}
.o-article-lock-dialog__terms-label {
  cursor: pointer;
}
.o-article-lock-dialog__terms-label {
  color: var(--Text_Black, #1A1717);
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
}
.o-article-lock-dialog__link {
  text-decoration: none;
  color: var(--Text_Link, #1C95E6);
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
}
.o-article-lock-dialog__button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.o-article-lock-dialog__button {
  width: 210px;
  margin: 0 auto;
}
.o-article-lock-dialog__login-link {
  font-size: 14px;
  text-align: center;
}
.o-article-lock-dialog__confirmation-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 640px) {
  .o-article-lock-dialog__form-container,
  .o-article-lock-dialog__confirmation-container {
    padding: 24px 16px;
  }
}
.o-article-lock-dialog__confirmation-title {
  font-weight: 700;
}
.o-article-navigation {
  box-sizing: border-box;
  left: 0;
  line-height: var(--univers-default-line-height);
  opacity: 0;
  position: fixed;
  top: var(--smart-phone-header-height);
  transform: translateY(-100%);
  transition:
    visibility 0s ease 0.2s,
    opacity 0.2s ease,
    transform 0.2s ease;
  visibility: hidden;
  width: 100%;
  z-index: 20;
}
@media (min-width: 1024px) {
.o-article-navigation {
    left: var(--side-nav-width);
    top: 0;
    width: -webkit-fill-available
}
  }
.o-article-navigation.is-preview {
    top: calc(var(--smart-phone-header-height) + var(--smart-phone-header-message-height));
  }
@media (min-width: 1024px) {
.o-article-navigation.is-preview {
      top: 0
  }
    }
.o-article-navigation.is-shown {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
    visibility: visible;
  }
.o-article-navigation--toggle {
    opacity: 0;
    transition:
      opacity 0.2s ease,
      visibility 0s ease 0.2s;
    visibility: hidden;
  }
.o-article-navigation--toggle.is-shown {
      opacity: 1;
      transition-delay: 0s;
      visibility: visible;
    }
.o-article-navigation__nav {
    display: flex;
    font-size: var(--small-font-size);
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    min-height: calc(var(--vertical-rhythm)*2);
    min-width: 0;
  }
.o-article-navigation__nav--medium {
      max-width: var(--medium-container-width);
    }
.o-article-navigation__nav--large {
      max-width: var(--large-container-width);
    }
.o-article-navigation__nav--x-large {
      max-width: var(--x-large-container-width);
    }
.o-article-navigation__group {
    display: flex;
    list-style: none;
    margin: 0;
    min-width: 0;
    padding: 0;
  }
.o-article-navigation__title {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    padding: calc(var(--vertical-rhythm)/2);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.o-article-navigation__button-icon:not(:only-child) {
      margin: 0;
      transform: translateY(-4px);
    }
.o-article-navigation__button-label {
      bottom: 6px;
      font-feature-settings: "palt";
      font-size: 0.5rem;
      font-weight: 600;
      left: 50%;
      line-height: 1;
      position: absolute;
      transform: translateX(-50%);
    }
.o-article-navigation__button-label__clip {
        font-size: var(--fs-10px);
      }
.o-article-navigation__separator {
    height: calc(100% - 16px);
    margin: 8px 2px;
    width: 1px;
  }
.o-article-navigation__indicator {
    background-color: var(--primary-6);
    border-radius: 0 2px 2px 0;
    bottom: 0;
    box-shadow: 0 0 2px var(--primary-6);
    height: 2px;
    pointer-events: none;
    position: absolute;
    transition: width 0.4s ease;
    z-index: 1;
  }
.o-article-navigation__dropdown {
    flex: 1;
    min-width: 0;
    position: relative;
  }
.o-article-navigation__dropdown-target {
      align-items: center;
      color: var(--white-color);
      display: flex;
      padding: calc(var(--vertical-rhythm)/2) calc(var(--vertical-rhythm)/2);
      text-decoration: none;
    }
.o-article-navigation__dropdown-target:link,.o-article-navigation__dropdown-target:visited {
        color: inherit;
        text-decoration: none;
      }
.o-article-navigation__dropdown-target:hover {
        color: var(--white-color);
        text-decoration: none;
      }
.o-article-navigation__dropdown-title {
      flex: 1;
      font-feature-settings: "palt";
      overflow: hidden;
      padding-right: calc(var(--vertical-rhythm)/2);
      text-overflow: ellipsis;
      white-space: nowrap;
    }
.o-article-navigation__dropdown-arrow {
      border-bottom: 2px solid currentColor;
      border-right: 2px solid currentColor;
      box-sizing: border-box;
      color: var(--gray-6);
      display: inline-block;
      height: 0.5rem;
      transform: translateX(-50%) rotate(45deg);
      transition: transform 0.2s ease;
      width: 0.5rem;
    }
.o-article-navigation__dropdown-menu {
      left: 0;
      max-height: 0%;
      overflow-y: auto;
      overscroll-behavior: contain;
      position: absolute;
      top: 100%;
      transition: max-height 0.2s ease;
      width: 100%;
    }
.o-article-navigation__dropdown.is-opened .o-article-navigation__dropdown-menu {
      max-height: calc(100vh - var(--smart-phone-header-height) - 200%);
    }
.o-article-navigation__item {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 100%;
    position: relative;
    transition: color 0.2s ease;
    white-space: nowrap;
  }
.o-article-navigation__item-target {
      align-items: center;
      align-self: stretch;
      display: flex;
      flex: auto;
      justify-content: center;
      padding: calc(var(--vertical-rhythm)/2);
      position: relative;
      position: relative;
    }
.o-article-navigation__item-target__clip {
        flex-direction: column;
        justify-content: space-between;
        padding: 4px;
        width: 48px;
      }
.o-article-navigation__item-target--underlined::before {
        background-color: currentColor;
        bottom: calc(var(--vertical-rhythm)/2 - 4px);
        content: "";
        height: 2px;
        left: calc(var(--vertical-rhythm)/2);
        opacity: 0;
        position: absolute;
        right: calc(var(--vertical-rhythm)/2);
        transition:
          bottom 0.2s ease,
          background-color 0.2s ease;
      }
.o-article-navigation__item-target--underlined:hover::before {
        bottom: calc(var(--vertical-rhythm)/2);
        opacity: 1;
      }
.o-article-navigation__item-target:link,.o-article-navigation__item-target:visited {
        color: inherit;
        text-decoration: none;
      }
.o-article-navigation__item > .button {
      margin: 0 4px;
    }
.o-article-navigation__image {
    height: calc(var(--vertical-rhythm)*0.75);
  }
.o-article-navigation--dark {
    background-color: var(--gray-10);
    color: var(--white);
  }
.o-article-navigation--dark::after {
      background-color: var(--white-shadow);
    }
.o-article-navigation--dark .o-article-navigation__item-target.m-clip-button--active {
      background-color: var(--primary-6);
      color: var(--white);
    }
.o-article-navigation--dark a.o-article-navigation__item-target:hover {
      background-color: var(--gray-9);
    }
.o-article-navigation--dark .o-article-navigation__separator {
      background-color: var(--white-shadow);
    }
.o-article-navigation--dark .o-article-navigation__dropdown:hover {
      background-color: var(--gray-9);
    }
.o-article-navigation--dark .o-article-navigation__dropdown-menu {
      background-color: var(--gray-10);
    }
.o-article-navigation--dark .list-item {
      border-color: hsla(0, 0%, 100%, 0.1);
    }
.o-article-navigation::after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
.o-headline {
  align-items: flex-start;

  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%),
    lightgray 50%;

  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 12px;
}
.o-headline__content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
.o-headline__outline {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
  }
.o-headline__title {
    font-size: var(--fs-18px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
.o-headline__event-name,
  .o-headline__schedule {
    font-size: var(--fs-12px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
.o-headline__eye-catch {
    width: 88px;
  }
.o-related-articles__title-area {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0px;
  }
.o-related-articles__article-area {
    align-self: stretch;
  }
@media (min-width: 768px) {
.o-related-articles__article-area {
      display: flex;
      flex-wrap: nowrap;
      gap: 16px
  }

      .o-related-articles__article-area .o-related-articles__article {
        display: flex;
        flex-direction: column;
        width: 33.3333333333%;
      }
    }
.o-related-articles__article {
    border-bottom: 1px solid var(--gray-11);
    padding: 12px 0;
  }
.o-related-articles__more-button {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: var(--univers-default-line-height);
    padding: 16px 0px;
  }
.o-related-articles__title {
    color: var(--primary-8);
    font-size: 20px;
    font-weight: 700;
    line-height: var(--univers-default-line-height);
  }
.o-related-articles__title-box {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
  }
.o-summary-accordion {
  background: var(--white-color);
  border-bottom: 1px solid var(--tertiary-color);
  border-top: 1px solid var(--tertiary-color);
  box-sizing: content-box;
  height: 280px;
  overflow: hidden;
  padding: 16px 12px;
  position: relative;
  width: 100%;
}
.o-summary-accordion--open {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;

    height: auto;
    overflow: visible;
    padding-bottom: 24px;
  }
.o-summary-accordion--open::before {
      background: none !important;
    }
.o-summary-accordion--open .o-summary-accordion__buttons {
      display: none;
    }
/* NOTE: アコーディオンが閉じている場合の記事本文エリア */
.o-summary-accordion:not(.o-summary-accordion--open) .o-summary-accordion__article-body .article-body > .article-section > p:has(img),
    .o-summary-accordion:not(.o-summary-accordion--open) .o-summary-accordion__article-body .article-body > .article-section > p > img,
    .o-summary-accordion:not(.o-summary-accordion--open) .o-summary-accordion__article-body .article-body > .article-section > img,
    .o-summary-accordion:not(.o-summary-accordion--open) .o-summary-accordion__article-body .article-heading {
      display: none;
    }
.o-summary-accordion:not(.o-summary-accordion--open) .o-summary-accordion__article-body .article-body {
      margin-top: 0;
    }
.o-summary-accordion:not(.o-summary-accordion--open) .o-summary-accordion__article-body .article-section {
      margin: auto;
      padding-top: 0;
    }
.o-summary-accordion::before {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      var(--white-color) 47.4%,
      var(--white-color) 100%
    );
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 180px;
    width: 100%;
  }
.o-summary-accordion__buttons {
    background: var(--white-color);
    display: flex;
    left: 0;
    line-height: var(--univers-default-line-height);
    padding: 0 12px;
    position: absolute;
    right: 0;
    top: 253px;
    z-index: 1;
  }
.o-summary-accordion__buttons .a-button--full {
      margin-right: 11px;
    }
.o-summary-accordion__share-button {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
.o-summary-accordion__company-card {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
.o-finance-company-articles__header {
    padding: 8px 0px;
  }
.o-finance-company-articles__article {
    border-bottom: 1px solid var(--gray-11);
    padding: 16px 0px;
  }
.o-finance-company-articles__read-more {
    line-height: 1.2;
  }
.o-finance-company-articles [aria-hidden="true"] {
    display: none;
  }
.o-finance-company-articles--open .o-finance-company-articles__read-more {
        display: none;
      }
.o-finance-company-articles-pc .o-finance-company-articles__read-more {
        margin-top: 16px;
      }
.o-finance-company-articles-smp .o-finance-company-articles__read-more {
        margin-top: 24px;
      }
.o-finance-company-director-table [aria-hidden="true"] {
    display: none;
  }
.o-finance-company-director-table__read-more {
    margin-top: 16px;
  }
.o-finance-company-director-table--open .o-finance-company-director-table__read-more {
      display: none;
    }
.o-finance-company-disclosure-table {
  display: flex;
  justify-content: center;
}
.o-finance-company-disclosure-table-pc {
    margin: 40px 0;
  }
.o-finance-company-disclosure-table-smp {
    margin: 32px 0;
  }
.o-finance-company-disclosure-table > table {
    max-width: 648px;
    table-layout: fixed;
  }
.o-finance-company-disclosure-table > table th:first-child {
      width: 88px;
    }
.o-finance-company-disclosure-table > table td {
      vertical-align: top !important;
    }
.o-finance-company-disclosure-table > table td:nth-child(1) {
        line-height: 1.5;
      }
.o-finance-company-disclosure-table > table td:nth-child(2) {
        font-size: 0;
      }
.o-finance-company-disclosure-table > table .o-table__cell {
      padding: 8px;
    }
.o-finance-company-disclosure-table > table .a-text-link {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 2px;
      vertical-align: top;
      white-space: unset;
    }
.o-finance-company-disclosure-table__docs-type {
    color: var(--gray-13);
    font-size: 12px;
    font-weight: 300;
  }
.o-finance-company-header__head {
    display: flex;
    gap: 24px;
    justify-content: space-between;
  }
.o-finance-company-header__info {
    min-width: 0;
  }
.o-finance-company-header__info > div:first-of-type {
      margin-bottom: 12px;
    }
.o-finance-company-header__info > div:first-of-type > div:first-of-type {
        margin-bottom: 8px;
      }
.o-finance-company-header__logo {
    flex-shrink: 0;
  }
.o-finance-company-header__contents {
    min-width: 0;
  }
.o-finance-company-header__company-name {
    color: var(--black-1);
    font-weight: 700;
  }
.o-finance-company-header__company-stock {
    color: var(--black-1);
    font-weight: 700;
  }
.o-finance-company-header__unlisted-label {
    background: #efefef;
    border-radius: 4px;
    color: var(--black-1);
    display: inline-block;
    font-weight: 500;
    line-height: 120%;
    padding: 6px 8px;
  }
.o-finance-company-header__tags {
    margin-bottom: 16px;
  }
.o-finance-company-header__follow-button-wrapper {
    min-width: -moz-max-content;
    min-width: max-content;
  }
.o-finance-company-header__description {
    position: relative;
  }
.o-finance-company-header__overview {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 500;
    margin-bottom: 8px;
    overflow: hidden;
  }
.o-finance-company-header__read-more {
    background-color: white;
    bottom: 0;
    color: var(--gray-6);
    cursor: pointer;
    display: none;
    font-weight: 500;
    position: absolute;
    right: 0;
  }
.o-finance-company-header__listed-info {
    align-items: center;
    color: var(--text-gray);
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
  }
.o-finance-company-header__link {
    align-items: center;
    display: flex;
    font-weight: 500;
    gap: 3px;
  }
.o-finance-company-header__link svg {
      flex-shrink: 0;
    }
.o-finance-company-header-pc {
    display: flex;
    gap: 24px;
    padding: 32px 24px 24px 24px;
  }
.o-finance-company-header-pc .o-finance-company-header__logo {
        height: 90px;
        width: 160px;
      }
.o-finance-company-header-pc .o-finance-company-header__contents {
        flex-grow: 1;
      }
.o-finance-company-header-pc .o-finance-company-header__overview {
        -webkit-line-clamp: 2;
      }
.o-finance-company-header-pc .o-finance-company-header__company-name {
        line-height: 1;
      }
.o-finance-company-header-pc .o-finance-company-header__company-stock {
        line-height: 1.375;
      }
.o-finance-company-header-smp {
    padding: 16px 12px;
  }
.o-finance-company-header-smp > div:first-of-type {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px;
    }
.o-finance-company-header-smp > div:first-of-type.o-finance-company-header--not-logo {
        justify-content: flex-end;
      }
.o-finance-company-header-smp .o-finance-company-header__logo {
        height: 80px;
        width: 140px;
      }
.o-finance-company-header-smp .o-finance-company-header__overview {
        -webkit-line-clamp: 3;
      }
.o-finance-company-header-smp .o-finance-company-header__company-name {
        line-height: 1.2;
      }
.o-finance-company-header-smp .o-finance-company-header__company-stock {
        line-height: 1;
      }
@media (min-width: 678px) {
        .o-finance-company-header-smp .o-finance-company-header__overview {
          -webkit-line-clamp: 2;
        }
      }
.o-finance-company-performance_bargraph {
  aspect-ratio: 4 / 3;
  background-color: #f5f7fa;
  position: relative;
}
.o-finance-company-performance_bargraph .o-finance-company-performance_bargraph__annotation_wrapper {
    align-items: center;
    display: flex;
    height: 184px;
    justify-content: center;
  }
.o-finance-company-performance_bargraph .o-finance-company-performance_bargraph__annotation_wrapper .o-finance-company-performance_bargraph__annotation {
      color: #999;
    }
.o-finance-company-performance-table .annotation {
    margin-top: 8px;
  }
.o-finance-company-seminars__header {
    padding: 8px 0;
  }
.o-finance-company-seminars__annotation {
    font-size: var(--fs-12px);
    margin-bottom: 0;
  }
.o-finance-company-seminars__items {
    margin-top: 8px;
  }
.o-finance-company-seminars__item {
    border-bottom: 1px solid var(--gray-11);
  }
.o-finance-company-seminars__read-more {
    line-height: 1.2;
  }
.o-finance-company-seminars [aria-hidden="true"] {
    display: none;
  }
.o-finance-company-seminars--open .o-finance-company-seminars__item--hidden {
        display: block;
      }
.o-finance-company-seminars--open .o-finance-company-seminars__read-more {
        display: none;
      }
.o-finance-company-seminars-pc .o-finance-company-seminars__header {
        align-items: center;
        display: flex;
        gap: 24px;
        justify-content: space-between;
      }
.o-finance-company-seminars-pc .o-finance-company-seminars__annotation {
        flex-shrink: 0;
      }
.o-finance-company-seminars-pc .o-finance-company-seminars__item {
        padding: 12px 0;
      }
.o-finance-company-seminars-pc .o-finance-company-seminars__read-more {
        margin-top: 16px;
      }
.o-finance-company-seminars-smp .o-finance-company-seminars__header {
        display: block;
      }
.o-finance-company-seminars-smp .o-finance-company-seminars__annotation {
        margin-top: 8px;
      }
.o-finance-company-seminars-smp .o-finance-company-seminars__item {
        padding: 16px 0;
      }
.o-finance-company-seminars-smp .o-finance-company-seminars__read-more {
        margin-top: 24px;
      }
.o-finance-company-tabs .m-tabs .m-tabs__tab-items {
      border-bottom: var(--tab-border-width) solid var(--gray-11);
    }
.o-finance-company-tabs .m-tabs-smp {
      -ms-overflow-style: none;
      overflow-x: scroll;
      scrollbar-width: none;
    }
.o-finance-company-tabs .m-tabs-smp .a-tab {
        font-size: 13px;
        width: auto;
      }
.o-finance-company-tabs .m-tabs-smp::-webkit-scrollbar {
        display: none;
      }
.o-finance-company-tabs .a-tab {
    border: none;
  }
.o-finance-company-tabs .a-tab--active {
      border-bottom: var(--tab-border-width) solid var(--primary-6);
    }
.o-finance-company-tabs .a-tab-smp {
      padding: 8px 16px;
    }
.o-finance-company-tabs .a-tab-pc {
      padding: 12px 32px;
    }
.t-article-detail__company-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    line-height: var(--univers-default-line-height);
    padding: 12px;
    width: 100%;
  }
/** AB test - B パターンでは企業カードを表示しない */
.t-article-detail__company-card--disabled {
      display: none;
    }
.t-article-detail__company-card--disabled:has(+ div.t-article-detail__article-area .o-summary-accordion--open) {
        display: flex;
      }
.t-article-detail__article-area {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
.t-article-detail__button-area {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    width: 100%;
  }
.t-article-detail__related-articles-area {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    width: 100%;
  }
@media (min-width: 768px) {
.t-article-detail__related-articles-area {
      padding: 8px 16px
  }
    }
/** PC 用 View に適用するスタイル */
@media (max-width: 768px) {
:root.pc body {
        overflow-x: scroll
    }
      }
@media (max-width: 768px) {
:root.pc .l-main {
        min-width: 768px
    }
      }
.t-company-detail {
  color: #1a1717;
}
/* UI Mock 表示確認 */
.t-company-detail-layout {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    width: 100%;
  }
.t-company-detail-layout[data-label]::before {
      border: 1px solid #555;
      box-sizing: border-box;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
.t-company-detail-layout[data-label]::after {
      background-color: #555;
      color: #fff;
      content: attr(data-label);
      display: inline-block;
      font-size: 0.7rem;
      line-height: 1;
      padding: 0.2rem 0.4rem;
      position: absolute;
      top: 0;
      z-index: 2;
    }
.t-company-detail-layout[data-label][data-label-left]::after {
      left: 0;
    }
.t-company-detail-layout[data-label][data-label-right]::after {
      right: 0;
    }
.t-company-detail-layout__title {
      height: 30px;
      width: 196px;
    }
.t-company-detail-layout__bar-graph {
      height: 294px;
      margin-top: 8px;
      width: 100%;
    }
.t-company-detail__panel {
    margin: 0 0 56px;
  }
.t-company-detail__contents {
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 648px;
  }
.t-company-detail__contents-annotation {
      text-align: center;
    }
.t-company-detail__contents-annotation-label {
        color: #7a7777;
        font-weight: 600;
        margin-bottom: 80px;
        text-align: center;
      }
.t-company-detail__contents-annotation-follow-us {
        align-items: center;
        background-color: #faf9f9;
        display: flex;
        flex-direction: column;
        white-space: normal;
      }
.t-company-detail__contents-annotation-follow-us > h3,
        .t-company-detail__contents-annotation-follow-us p {
          color: var(--text-black);
          margin-bottom: 0;
        }
.t-company-detail__contents-annotation-follow-us > h3 {
          font-weight: 700;
        }
.t-company-detail__contents-annotation-follow-us > p {
          font-weight: 500;
        }
.t-company-detail__contents--lg {
      max-width: 1024px;
    }
.t-company-detail__contents,
  .t-company-detail__section {
    border: none;
    box-sizing: border-box;
    display: block;
  }
.t-company-detail__peformance-layout {
    min-height: 200px;
  }
.t-company-detail__peformance-layout .o-finance-company-performance_bargraph {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
.t-company-detail__peformance-layout .finance-company-finboard_annotation {
      bottom: -20px;
    }
.t-company-detail__peformance-layout .finance-company-finboard_graph__wrapper {
      position: relative;
    }
.t-company-detail__peformance-layout .finance-company-finboard_graph__wrapper .finance-company-finboard_graph {
        height: 100%;
        -ms-overflow-style: none;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
      }
.t-company-detail__peformance-layout .finance-company-finboard_graph__wrapper .finance-company-finboard_graph::-webkit-scrollbar {
          display: none;
        }
.t-company-detail__peformance-layout .finance-company-finboard_graph__wrapper .finance-company-finboard_graph iframe {
          aspect-ratio: 4 / 3;
          height: 100%;
        }
.t-company-detail__peformance-layout .finance-company-finboard_annotation {
      font-size: 12px;
      position: absolute;
      right: 0;
      text-align: right;
    }
@media (min-width: 769px) {
.t-company-detail__peformance-layout {
      margin-top: 24px
  }
    }
@media (max-width: 768px) {
.t-company-detail__peformance-layout {
      margin-top: 16px
  }
    }
.t-company-detail__information-layout {
    margin-top: 16px;
  }
.t-company-detail__update-at {
    font-size: var(--fs-12px);
    margin-left: auto;
    text-align: right;
  }
.t-company-detail .o-table th,
    .t-company-detail .o-table td {
      vertical-align: middle;
    }
@media (min-width: 769px) {
.t-company-detail__performance-table {
      margin-top: 32px
  }
    }
@media (max-width: 768px) {
.t-company-detail__performance-table {
      margin-top: 24px
  }
    }
@media (min-width: 769px) {
.t-company-detail__performance-table .o-table {
        font-size: var(--fs-14px)
    }
      }
@media (max-width: 768px) {
.t-company-detail__performance-table .o-table {
        font-size: var(--fs-12px)
    }
      }
@media (max-width: 768px) {
.t-company-detail__performance-table .o-table__cell {
          padding: 8px
      }
        }
.t-company-detail__performance-note {
    margin-bottom: 0;
    margin-top: 8px;
    text-align: right;
  }
@media (min-width: 769px) {
.t-company-detail__performance-note {
      font-size: var(--fs-14px)
  }
    }
@media (max-width: 768px) {
.t-company-detail__performance-note {
      font-size: var(--fs-12px)
  }
    }
/* display: flex; */
@media (min-width: 1024px) {
.t-company-detail__composition-and-employees {
      gap: 24px;
      /* NOTE: 1stリリースでは、事業構成を表示しない方針となったため、従業員数に最大幅を持たせる */
      max-width: 476px
  }

      .t-company-detail__composition-and-employees > * {
        flex-basis: 50%;
      }
    }
/* NOTE: 1stリリースでは、事業構成を表示しない方針となったため、コメントアウト */
@media (max-width: 1023px) {
.t-company-detail__composition-and-employees {
      flex-direction: column;
      gap: 16px
  }
    }
.t-company-detail__employees .o-difinition-list__dt {
        font-size: var(--fs-14px);
        font-weight: normal;
      }
.t-company-detail__employees .o-difinition-list__dt .t-company-detail__employees_text {
          font-weight: bold;
        }
.t-company-detail__employees .o-difinition-list__dd {
        font-size: var(--fs-12px);
        justify-content: flex-end;
      }
.t-company-detail__employees .o-difinition-list__dd strong {
          font-weight: bold;
        }
@media (min-width: 769px) {
.t-company-detail__employees .o-difinition-list__dd strong {
            font-size: var(--fs-20px)
        }
          }
@media (max-width: 768px) {
.t-company-detail__employees .o-difinition-list__dd strong {
            font-size: var(--fs-14px)
        }
          }
@media (min-width: 1024px) {
.t-company-detail__pie-graph-container {
      display: grid;
      gap: 16px;
      grid-template-columns: 100px 1fr;
      margin: 16px 0
  }
    }
@media (max-width: 1023px) {
.t-company-detail__pie-graph-container {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin-top: 16px
  }
    }
.t-company-detail__pie-graph-container--empty {
      height: 160px;
    }
.t-company-detail__pie-graph canvas {
      height: 100% !important;
      width: 100% !important;
    }
@media (min-width: 1024px) {
.t-company-detail__pie-graph {
      width: 100px
  }
    }
@media (max-width: 1023px) {
.t-company-detail__pie-graph {
      align-self: center;
      width: 200px
  }
    }
.t-company-detail__pie-graph-list .o-difinition-list__dt {
        font-size: var(--fs-14px);
        font-weight: normal;
      }
.t-company-detail__pie-graph-list .o-difinition-list__dt .o-difinition-list__icon {
          display: flex;
          padding-right: 16px;
          place-content: center;
        }
.t-company-detail__pie-graph-list .o-difinition-list__dt .o-difinition-list__icon::before {
            background-color: var(--positive-7);
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 14px;
            width: 14px;
          }
.t-company-detail__pie-graph-list .o-difinition-list__dt .o-difinition-list__label {
          -webkit-box-orient: vertical;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
.t-company-detail__pie-graph-list .o-difinition-list__dd {
        font-size: var(--fs-12px);
        justify-content: flex-end;
      }
.t-company-detail__pie-graph-list .o-difinition-list__dd strong {
          font-weight: bold;
        }
@media (min-width: 769px) {
.t-company-detail__pie-graph-list .o-difinition-list__dd strong {
            font-size: var(--fs-20px)
        }
          }
@media (max-width: 768px) {
.t-company-detail__pie-graph-list .o-difinition-list__dd strong {
            font-size: var(--fs-14px)
        }
          }
.t-company-detail__pie-graph-list .o-difinition-list dt:nth-of-type(1) .o-difinition-list__icon::before {
        background-color: var(--positive-8);
      }
.t-company-detail__pie-graph-list .o-difinition-list dt:nth-of-type(2) .o-difinition-list__icon::before {
        background-color: var(--positive-6);
      }
.t-company-detail__pie-graph-list .o-difinition-list dt:nth-of-type(3) .o-difinition-list__icon::before {
        background-color: var(--positive-5);
      }
.t-company-detail__pie-graph-list .o-difinition-list dt:nth-of-type(4) .o-difinition-list__icon::before {
        background-color: var(--positive-4);
      }
.t-company-detail__pie-graph-list .o-difinition-list dt:nth-of-type(5) .o-difinition-list__icon::before {
        background-color: var(--positive-3);
      }
.t-company-detail__empty {
    align-items: center;
    color: #999999;
    display: flex;
    justify-content: center;
  }
.t-company-detail__bargraph--empty {
      height: 184px;
    }
.t-company-detail__bargraph-annotation {
      color: var(--gray-13);
    }
.t-company-detail__legend {
    display: flex;
  }
@media (min-width: 769px) {
.t-company-detail__legend {
      justify-content: flex-end
  }
    }
@media (max-width: 768px) {
.t-company-detail__legend {
      justify-content: center
  }
    }
@media (min-width: 769px) {
.t-company-detail__employees-container {
      margin: 16px 0
  }
    }
@media (max-width: 768px) {
.t-company-detail__employees-container {
      margin-top: 8px
  }
    }
.t-company-detail__information-table {
    font-size: var(--fs-14px);
    margin-top: 8px;
  }
.t-company-detail__information-table .o-table__cell {
        padding: 12px;
      }
.t-company-detail__information-table .o-table th.o-table__cell {
        box-sizing: border-box;
      }
@media (min-width: 769px) {
.t-company-detail__information-table .o-table th.o-table__cell {
          width: 180px
      }
        }
@media (max-width: 768px) {
.t-company-detail__information-table .o-table th.o-table__cell {
          width: 120px
      }
        }
.t-company-detail__information-table-2 {
    margin-top: 8px;
  }
@media (min-width: 769px) {
.t-company-detail__information-table-2 {
      font-size: var(--fs-14px)
  }
    }
@media (max-width: 768px) {
.t-company-detail__information-table-2 {
      font-size: var(--fs-12px)
  }
    }
.t-company-detail__information-table-2 .o-table__cell {
        padding: 8px;
      }
.t-company-detail__information-table-2 .o-table__row :is(th, td) {
          box-sizing: border-box;
        }
@media (min-width: 769px) {
          .t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(1) {
            width: 44px;
          }
        }
@media (max-width: 768px) {
          .t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(1) {
            width: 40px;
          }
        }
.t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(2) {
          width: auto;
        }
@media (min-width: 769px) {
.t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(3) {
            width: 80px
        }
          }
@media (max-width: 768px) {
.t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(3) {
            width: 65px
        }
          }
@media (min-width: 769px) {
.t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(4) {
            width: 120px
        }
          }
@media (max-width: 768px) {
.t-company-detail__information-table-2 .o-table__row :is(th, td):nth-child(4) {
            width: 100px
        }
          }
.t-company-detail-pc .t-company-detail__header,
    .t-company-detail-pc .t-company-detail__panel {
      margin-left: auto;
      margin-right: auto;
    }
@media (min-width: 769px) {
.t-company-detail-pc .t-company-detail__header,
    .t-company-detail-pc .t-company-detail__panel {
        max-width: 1024px
    }
      }
.t-company-detail-pc .t-company-detail__contents {
      margin: 32px auto 0;
      width: 648px;
    }
.t-company-detail-pc .t-company-detail__contents--lg {
        padding: 0 24px;
        width: 100%;
      }
.t-company-detail-pc .t-company-detail__contents--mt-sm {
        margin: 24px auto 0;
      }
.t-company-detail-pc .t-company-detail__contents-annotation {
        padding: 56px 0;
      }
.t-company-detail-pc .t-company-detail__contents-annotation-label {
          font-size: 20px;
          margin-bottom: 80px;
        }
.t-company-detail-pc .t-company-detail__contents-annotation-follow-us {
          gap: 24px;
          padding: 40px;
        }
.t-company-detail-pc .t-company-detail__contents-annotation-follow-us > h3 {
            font-size: 24px;
          }
.t-company-detail-pc .t-company-detail__contents-annotation-follow-us > p {
            font-size: 16px;
          }
.t-company-detail-pc .t-company-detail__article-header {
      align-items: center;
      display: flex;
      height: 46px;
      justify-content: space-between;
    }
.t-company-detail-pc .t-company-detail__annotation {
      height: 18px;
      width: 192px;
    }
.t-company-detail-pc .t-company-detail__articles {
      margin: 8px 0 16px;
    }
.t-company-detail-pc .t-company-detail__article-card {
      height: 100px;
    }
.t-company-detail-pc .t-company-detail__section:not(:first-child) {
        margin-top: 24px;
      }
.t-company-detail-pc .t-company-detail__section--gap-sm:not(:first-child) {
        margin-top: 40px;
      }
.t-company-detail-pc .t-company-detail-layout__content-with-border {
        padding: 24px;
      }
.t-company-detail-pc .t-company-detail__peformance-layout .t-company-detail__peformance-layout-contents {
        display: flex;
        gap: 24px;
        margin-top: 16px;
      }
.t-company-detail-pc .t-company-detail__peformance-layout .o-finance-company-performance_bargraph {
        padding: 16px;
      }
.t-company-detail-pc .t-company-detail__peformance-layout .finance-company-finboard_graph__wrapper {
        width: 50%;
      }
/* アスペクト比統一 & 高さを統一すると、finboardの横幅がやや広いので45%としている */
.t-company-detail-pc .t-company-detail__peformance-layout .o-finance-company-performance_bargraph {
        width: 45%;
      }
.t-company-detail-smp .t-company-detail__contents {
      box-sizing: border-box;
      margin-top: 24px;
    }
.t-company-detail-smp .t-company-detail__contents-annotation-label {
          font-size: 16px;
          margin: 64px 0;
        }
.t-company-detail-smp .t-company-detail__contents-annotation-follow-us {
          gap: 16px;
          padding: 24px;
        }
.t-company-detail-smp .t-company-detail__contents-annotation-follow-us > h3 {
            font-size: 20px;
          }
.t-company-detail-smp .t-company-detail__contents-annotation-follow-us > p {
            font-size: 14px;
          }
@media (max-width: 768px) {
.t-company-detail-smp .t-company-detail__contents {
        padding-left: 12px;
        padding-right: 12px
    }
      }
@media (min-width: 769px) {
.t-company-detail-smp .t-company-detail__contents {
        padding-left: 16px;
        padding-right: 16px
    }
      }
.t-company-detail-smp .t-company-detail__article-header {
      min-height: 46px;
    }
.t-company-detail-smp .t-company-detail__annotation {
      height: 18px;
      margin-top: 8px;
      width: 100%;
    }
.t-company-detail-smp .t-company-detail__articles {
      margin: 8px 0 24px;
    }
.t-company-detail-smp .t-company-detail__article-card {
      height: 130px;
    }
.t-company-detail-smp .t-company-detail__section:not(:first-child) {
        margin-top: 32px;
      }
.t-company-detail-smp .t-company-detail__section--gap-sm:not(:first-child) {
        margin-top: 24px;
      }
.t-company-detail-smp .t-company-detail-layout__content-with-border {
        padding: 16px;
      }
.t-company-detail-smp .t-company-detail__peformance-layout .o-finance-company-performance_bargraph {
        padding: 10px;
      }
.t-company-detail-smp .t-company-detail__peformance-layout .finance-company-finboard_graph {
        margin-top: 16px;
      }
.t-company-detail-smp .t-company-detail__peformance-layout .finance-company-finboard_graph iframe {
          width: 100%;
        }
.t-company-detail-smp .t-company-detail__peformance-layout .finance-company-finboard_annotation {
        bottom: -12px;
      }
.t-company-detail-smp .o-finance-company-performance-table .o-table__cell.o-table__cell--bg-head.u-font-bold {
        font-size: 0;
      }
.t-company-detail-smp .o-finance-company-performance-table .o-table__cell.o-table__cell--bg-head.u-font-bold .o-table__header-cell {
          font-size: 12px;
        }
.t-company-detail-smp .o-finance-company-performance-table .o-table__cell.o-table__cell--bg-head.u-font-bold .a-label--consolidation-kind {
          display: inline-block;
          margin-top: 4px;
        }