@media screen and (max-width: 768px) {
  .l-main {
    padding-bottom: 80px;
  }
}

.content {
  max-width: var(--contmax);
  margin: 80px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1160px) {
  .content {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 40px auto 0;
  }
}

.content_main {
  width: calc(100% - 300px);
  padding: 64px 40px 40px;
  border: 1px solid var(--border);
  border-radius: 16px;
}
@media screen and (max-width: 1000px) {
  .content_main {
    width: calc(100% - 240px);
  }
}
@media screen and (max-width: 768px) {
  .content_main {
    width: 100%;
    padding: 0;
    border: none;
  }
}
.content_main h1 {
  font-size: 3.6em;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .content_main h1 {
    font-size: 2.8em;
  }
}
@media screen and (max-width: 768px) {
  .content_main figure.wp-block-flexible-table-block-table {
    width: calc(100% + 4.6875vw);
    overflow: scroll;
  }
  .content_main figure.wp-block-flexible-table-block-table table {
    min-width: 1000px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .content_main figure.wp-block-flexible-table-block-table table {
    margin-bottom: 0;
  }
}
.content_main figure + p {
  margin: 30px 0 0;
}
.content_main figure figcaption {
  font-size: 14px;
  line-height: 1.7;
}
.content_main figure table {
  margin: 30px 0;
}
.content_main figure table td {
  padding: 12px 16px !important;
  font-size: 1.6em !important;
}
.content_main > p {
  font-size: 1.6em;
  line-height: 1.7;
}
.content_main > p + p {
  margin: 32px 0;
}
.content_main > p.date {
  margin: 24px 0 0;
  font-size: 1.4em;
}
.content_main h2 {
  font-size: 2.4em;
  line-height: 1.4;
  padding: 16px 8px;
  font-weight: bold;
  margin: 32px 0;
  border-bottom: 3px solid var(--border);
  position: relative;
}
.content_main h2:before {
  content: "";
  width: 80px;
  height: 3px;
  background: var(--blue);
  position: absolute;
  bottom: -3px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .content_main h2 {
    font-size: 2em;
  }
}
.content_main h3 {
  margin: 30px 0;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 5px 15px;
  border-bottom: 2px solid var(--border);
  position: relative;
}
.content_main h3:before {
  position: absolute;
  width: 80px;
  height: 2px;
  background: var(--blue);
  bottom: -2px;
  left: 0;
  content: "";
}
.content_main h4 {
  font-size: 1.6em;
  line-height: 1.5;
  font-weight: bold;
  margin: 32px 0;
}
.content_main ol {
  margin: 32px 0;
  padding: 0 0 0 25px;
  list-style-type: auto;
}
.content_main ol li {
  font-size: 1.6em;
  line-height: 1.5;
}
.content_main ul {
  margin: 32px 0;
  padding: 0 0 0 25px;
  list-style: disc;
}
.content_main ul li {
  font-size: 1.6em;
  line-height: 1.5;
}
.content_main a {
  color: var(--blue);
  position: relative;
}
.content_main a:hover {
  opacity: 1;
  text-decoration: underline;
}
.content_main a[target=_blank] {
  position: relative;
  display: inline-block;
  padding: 0 18px 0 0;
  position: relative;
}
.content_main a[target=_blank]:before {
  content: url(../../img/common/blank.svg);
  position: absolute;
  top: 3px;
  right: 0;
}
.content_main a:focus-visible:after {
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  top: -4px;
  left: -4px;
  border: 2px solid var(--focus);
  border-radius: 4px;
}
.content_main blockquote {
  padding: 8px 24px;
  position: relative;
}
.content_main blockquote:before {
  content: "";
  width: 5px;
  height: 100%;
  background: var(--gray6);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
}
.content_main blockquote > * {
  font-size: 1.6em;
  line-height: 1.5;
  color: var(--gray2);
}
.content_main blockquote > cite {
  font-size: 1.2em;
}
.content_main .btnwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .content_main .btnwrap {
    margin-top: 80px;
  }
}
.content_main .btnwrap a.c-btn_3 {
  color: var(--white);
}
.content_main .btnwrap a.c-btn_3:hover {
  text-decoration: none;
}

.content_sub {
  width: 260px;
  -ms-flex-item-align: auto;
  align-self: auto;
}
@media screen and (max-width: 1000px) {
  .content_sub {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .content_sub {
    margin: 40px 0 0;
    width: 100%;
  }
}
.content_sub ul {
  border: 1px solid var(--border);
  border-radius: 16px;
}
.content_sub ul .u-fz_2 {
  color: var(--blue);
}
.content_sub ul li {
  padding: 16px;
}
.content_sub ul li:not(:first-of-type) {
  border-top: 1px solid var(--border);
}
.content_sub ul li a {
  position: relative;
}
.content_sub ul li a:hover {
  opacity: 1;
}
.content_sub ul li a:focus-visible:after {
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  top: -4px;
  left: -4px;
  border: 2px solid var(--focus);
  border-radius: 3px;
}
/*# sourceMappingURL=p-single-glossary.css.map */