@charset "UTF-8";
.section-container:has(.blog-detail-main) {
  padding-top: 32px;
}

.blog-detail-main {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.back-link-area {
  margin: 80px 0 40px;
}

.blog-posts-date {
  display: block;
  color: #919191;
  font-size: 14px;
  margin: clamp(16px, 1.94vw, 24px) 0 clamp(24px, 2.58vw, 32px);
}

.blog-detail-title {
  display: block;
  margin: 0 0 40px;
  margin: 0 0 clamp(32px, 3.23vw, 40px);
  font-size: 2.5rem;
  font-size: clamp(32px, 3.23vw, 40px);
  font-weight: 700;
  line-height: 1.3;
  color: #5d5d5d;
}

.blog-detail-txt-area {
  line-height: 1.8;
  /* Begin bidirectionality settings (do not change) */
}
.blog-detail-txt-area address,
.blog-detail-txt-area blockquote,
.blog-detail-txt-area dd,
.blog-detail-txt-area div,
.blog-detail-txt-area dl,
.blog-detail-txt-area dt,
.blog-detail-txt-area fieldset,
.blog-detail-txt-area form,
.blog-detail-txt-area frame,
.blog-detail-txt-area frameset,
.blog-detail-txt-area h1,
.blog-detail-txt-area h2,
.blog-detail-txt-area h3,
.blog-detail-txt-area h4,
.blog-detail-txt-area h5,
.blog-detail-txt-area h6,
.blog-detail-txt-area noframes,
.blog-detail-txt-area ol,
.blog-detail-txt-area p,
.blog-detail-txt-area ul,
.blog-detail-txt-area center,
.blog-detail-txt-area dir,
.blog-detail-txt-area hr,
.blog-detail-txt-area menu,
.blog-detail-txt-area pre {
  display: block;
  unicode-bidi: embed;
}
.blog-detail-txt-area li {
  display: list-item;
}
.blog-detail-txt-area head {
  display: none;
}
.blog-detail-txt-area table {
  display: table;
}
.blog-detail-txt-area tr {
  display: table-row;
}
.blog-detail-txt-area thead {
  display: table-header-group;
}
.blog-detail-txt-area tbody {
  display: table-row-group;
}
.blog-detail-txt-area tfoot {
  display: table-footer-group;
}
.blog-detail-txt-area col {
  display: table-column;
}
.blog-detail-txt-area colgroup {
  display: table-column-group;
}
.blog-detail-txt-area td,
.blog-detail-txt-area th {
  display: table-cell;
}
.blog-detail-txt-area caption {
  display: table-caption;
}
.blog-detail-txt-area th {
  font-weight: bolder;
  text-align: center;
}
.blog-detail-txt-area caption {
  text-align: center;
}
.blog-detail-txt-area body {
  margin: 8px;
}
.blog-detail-txt-area h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.blog-detail-txt-area h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}
.blog-detail-txt-area h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}
.blog-detail-txt-area h4,
.blog-detail-txt-area p,
.blog-detail-txt-area blockquote,
.blog-detail-txt-area ul,
.blog-detail-txt-area fieldset,
.blog-detail-txt-area form,
.blog-detail-txt-area ol,
.blog-detail-txt-area dl,
.blog-detail-txt-area dir,
.blog-detail-txt-area menu {
  margin: 1.12em 0;
}
.blog-detail-txt-area h5 {
  font-size: 0.83em;
  margin: 1.5em 0;
}
.blog-detail-txt-area h6 {
  font-size: 0.75em;
  margin: 1.67em 0;
}
.blog-detail-txt-area h1,
.blog-detail-txt-area h2,
.blog-detail-txt-area h3,
.blog-detail-txt-area h4,
.blog-detail-txt-area h5,
.blog-detail-txt-area h6,
.blog-detail-txt-area b,
.blog-detail-txt-area strong {
  font-weight: bolder;
}
.blog-detail-txt-area blockquote {
  margin-left: 40px;
  margin-right: 40px;
}
.blog-detail-txt-area i,
.blog-detail-txt-area cite,
.blog-detail-txt-area em,
.blog-detail-txt-area var,
.blog-detail-txt-area address {
  font-style: italic;
}
.blog-detail-txt-area pre,
.blog-detail-txt-area tt,
.blog-detail-txt-area code,
.blog-detail-txt-area kbd,
.blog-detail-txt-area samp {
  font-family: monospace;
}
.blog-detail-txt-area pre {
  white-space: pre;
}
.blog-detail-txt-area button,
.blog-detail-txt-area textarea,
.blog-detail-txt-area input,
.blog-detail-txt-area select {
  display: inline-block;
}
.blog-detail-txt-area big {
  font-size: 1.17em;
}
.blog-detail-txt-area small,
.blog-detail-txt-area sub,
.blog-detail-txt-area sup {
  font-size: 0.83em;
}
.blog-detail-txt-area sub {
  vertical-align: sub;
}
.blog-detail-txt-area sup {
  vertical-align: super;
}
.blog-detail-txt-area table {
  border-spacing: 2px;
}
.blog-detail-txt-area thead,
.blog-detail-txt-area tbody,
.blog-detail-txt-area tfoot {
  vertical-align: middle;
}
.blog-detail-txt-area td,
.blog-detail-txt-area th,
.blog-detail-txt-area tr {
  vertical-align: inherit;
}
.blog-detail-txt-area s,
.blog-detail-txt-area strike,
.blog-detail-txt-area del {
  text-decoration: line-through;
}
.blog-detail-txt-area hr {
  border: 1px inset;
}
.blog-detail-txt-area ol,
.blog-detail-txt-area ul,
.blog-detail-txt-area dir,
.blog-detail-txt-area menu,
.blog-detail-txt-area dd {
  margin-left: 40px;
}
.blog-detail-txt-area ol {
  list-style-type: decimal;
}
.blog-detail-txt-area ol ul,
.blog-detail-txt-area ul ol,
.blog-detail-txt-area ul ul,
.blog-detail-txt-area ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.blog-detail-txt-area u,
.blog-detail-txt-area ins {
  text-decoration: underline;
}
.blog-detail-txt-area br:before {
  content: “\a ”;
  white-space: pre-line;
}
.blog-detail-txt-area center {
  text-align: center;
}
.blog-detail-txt-area :link,
.blog-detail-txt-area :visited {
  text-decoration: underline;
}
.blog-detail-txt-area :focus {
  outline: thin dotted invert;
}
.blog-detail-txt-area BDO[DIR=”ltr”] {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.blog-detail-txt-area BDO[DIR=”rtl”] {
  direction: rtl;
  unicode-bidi: bidi-override;
}
.blog-detail-txt-area *[DIR=”ltr”] {
  direction: ltr;
  unicode-bidi: embed;
}
.blog-detail-txt-area *[DIR=”rtl”] {
  direction: rtl;
  unicode-bidi: embed;
}
@media print {
  .blog-detail-txt-area h1 {
    page-break-before: always;
  }
  .blog-detail-txt-area h1,
  .blog-detail-txt-area h2,
  .blog-detail-txt-area h3,
  .blog-detail-txt-area h4,
  .blog-detail-txt-area h5,
  .blog-detail-txt-area h6 {
    page-break-after: avoid;
  }
  .blog-detail-txt-area ul,
  .blog-detail-txt-area ol,
  .blog-detail-txt-area dl {
    page-break-before: avoid;
  }
}
.blog-detail-txt-area :where(figure) {
  margin: 0 0 1em;
}
.blog-detail-txt-area a {
  color: var(--ac-font-c-1);
  text-decoration: underline;
}

.blog-detail-img {
  display: block;
  width: 100%;
  padding: 30% 0 0;
  margin-bottom: 30px;
  position: relative;
}

.blog-detail-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 520px) {
  .blog-detail-main {
    padding: 0 0 100px;
  }
  .blog-detail-main a,
  .blog-list-item-link p {
    overflow-wrap: break-word;
  }
  .blog-detail-title {
    font-size: 1.6rem;
  }
  .blog-detail-img {
    height: 300px;
  }
}