﻿@charset "utf-8";
/*--------------------------------------------------------------------------------

  message

--------------------------------------------------------------------------------*/
.sec-message {
  display: grid;
  gap: var(--space-m) var(--space-l);
}
.message_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--rd-1);
}
.message_btn {
  font-weight: bold;
  margin-top: var(--space-l);
}
@media not (max-width: 760px) {
  .sec-message {
    grid-template-columns: 1fr minmax(auto, min(calc(560 / var(--base-width) * 100%), 560px));
  }
  .message_img {
    order: 2;
    min-height: 180px;
  }
}
@media (max-width: 760px) {
  .sec-message { padding-bottom: var(--space-s); }
}

/*--------------------------------------------------------------------------------

  outline

--------------------------------------------------------------------------------*/
.sec-outline {
  padding-top: var(--space-2l);
}

/* .outline-tbl_dl
----------------------------------------*/
.outline-tbl_dl {
  --list-rgap: 0;
}
.outline-tbl_dl dt:not(:first-of-type) {
  margin-top: var(--inner-space-2s);
}
.outline-tbl_dl dt {
  color: var(--color-primary);
  display: flex;
  column-gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.outline-tbl_dl[data-list-mark] dt {
  color: inherit;
}
.outline-tbl_dl[data-list-mark] dt:before {
  content: "";
  width: 0.75em;
  height: 0.75em;
  margin-top: 0.4em;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--color-primary);
}
.outline-tbl_dl dd {
  margin-left: 1rem;
}
.outline-tbl_dl[data-list-mark] dd {
  margin-left: 1.25rem;
}
.outline-tbl_dl dl {
  margin-top: 1rem;
}
.outline-tbl_dl dl dt {
  margin-bottom: 0;
}
.outline-tbl_dl dl dt:not(:first-of-type) {
  margin-top: 1rem;
}
