/* ===== storyの静的記事（英） ===== */

.m__story__contents img {
  border-radius:24px;
  display:inline-block;
}
.m__story__contents img.article-image--center {
  display:block;
  margin-inline:auto;
}
.m__story__contents .mv {
  margin-bottom:54px;
}
.m__story__contents .lead-text {
  margin-bottom:2em;
}
.m__story__contents .lead-text p {
  font-size:1.8rem;
}
.m__story__contents .guard-text p {
  font-size:1.4rem;
}
.m__story__contents .summary-block {
  background:#fff;
  padding:36px 50px 30px;
  border-radius:24px;
  margin:60px 0 0;
}
@media only screen and (max-width: 767px) {
  .m__story__contents .summary-block {
    padding:30px;
    margin-top:40px;
  }
}
.m__story__contents .summary-block p {
  font-size:1.8rem;
}
.m__story__contents .summary-block .title {
  text-align:center;
  color:var(--sic-color-primary);
  font-family:var(--sic-font-zen);
  font-size:2.4rem;
  line-height:1.5;
  margin-bottom:12px;
  font-weight:700;
}
.m__story__contents .story-article-body {
  margin-top:72px;
}
.m__story__contents .story-article-body > :is(h2,h3):first-child {
  margin-top:0;
}
@media only screen and (max-width: 767px) {
  .m__story__contents .summary-block .title {
    margin-bottom:6px;
  }
}
@media print,screen and (min-width:768px) {
  .m__story__contents .story-article-body {
    margin-top:100px;
  }
}
.m__story__contents .article-image .article-image--center {
  margin-inline:auto;
  text-align:center;
}
.m__story__contents .article-list {
  overflow:hidden;
}
.m__story__contents .article-list + p {
  margin-top:1em;
}
.m__story__contents .article-list li {
  padding-left:1em;
  position:relative;
}
.m__story__contents .article-list li:before {
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  background:var(--sic-color-primary);
  border-radius:50%;
  vertical-align:2px;
  margin-right:4px;
  position:absolute;
  top:.9em;
  left:.2em;
}
@media print,screen and (min-width:768px) {
  .m__story--bluerose2 .image--float-left {
    float:left;
    margin:0 3em 2em 0;
  }
}
@media only screen and (max-width:767px) {
  .m__story--bluerose2 .image--float-left {
    display:table;
    margin:0 auto 2em;
  }
}
@media only screen and (max-width: 767px) {
  .m__story__contents table,.m__story__contents table tbody,.m__story__contents table tr,.m__story__contents table td {
    display:block;
  }
  .m__story__contents table tr {
    border:1px dotted #6a6d98;
  }
  .m__story__contents table tr:not(:first-child) {
    border-top:0;
  }
}
.m__story__contents table tr td,.m__story__contents table tr th {
  padding:42px 0 42px 36px;
  color:var(--sic-color-primary);
  font-weight:500;
}
@media print,screen and (min-width: 768px) {
  .m__story__contents table tr td,.m__story__contents table tr th {
    border:1px dotted #6a6d98;
  }
}
.m__story__contents table tr td:not(.m__story__contents table tr td.has-text-align-center),.m__story__contents table tr th:not(.m__story__contents table tr th.has-text-align-center) {
  text-align:left;
}
@media only screen and (max-width: 767px) {
  .m__story__contents table tr td,.m__story__contents table tr th {
    padding:20px 30px;
  }
  .m__story__contents table tr td,.m__story__contents table tr th {
    border:0;
  }
}
@media print,screen and (min-width: 768px) {
  .m__story__contents table tr td:not(:first-child),.m__story__contents table tr th:not(:first-child) {
    border-left:0;
    padding-right:36px;
  }
}
@media only screen and (max-width: 767px) {
  .m__story__contents table tr td:not(:first-child),.m__story__contents table tr th:not(:first-child) {
    padding-top:0;
  }
}
.m__story__contents .article-table th {
  color:var(--sic-color-primary);
}
.m__story__contents .article-table td,
.m__story__contents .article-table td:first-child {
  color:var(--sic-color-text);
}
.m__story__contents .article-table .award-list {
  margin:0;
  padding-left:1.3em;
}
.m__story__contents .article-table .award-list li {
  list-style:disc;
}
@media print,screen and (min-width: 768px) {
  .m__story__contents table tr td:first-child,.m__story__contents table tr th:first-child {
    border-right:0;
    width:100px;
  }
}
@media only screen and (max-width: 767px) {
  .m__story__contents table tr td:first-child,.m__story__contents table tr th:first-child {
    padding-bottom:0;
  }
}
.m__story__contents table tr td a,.m__story__contents table tr th a {
  text-decoration:underline;
}
.m__story__contents p {
  line-height:1.85;
  font-size:1.6rem;
}
.m__story__contents strong,.m__story__contents b {
  color:var(--sic-color-primary);
  font-weight:700;
}
.m__story__contents .m__link__external-list {
  margin:48px 0;
}
.m__story__contents .m__link__external-list+p {
  margin-top:-.5em;
}
.m__story__contents .article-image img {
  display:block;
  margin-inline:auto;
}
.m__story__contents .article-table {
  margin:48px 0;
}
.m__story__contents .article-table+p {
  margin-top:-.5em;
}
.m__story__contents .article-table+h3 {
  margin-top:60px;
}
@media only screen and (max-width: 767px) {
  .m__story__contents .article-table+h3 {
    margin-top:96px;
  }
}
.m__story__contents .feature-block {
  padding:40px 50px;
  background:#f4f4f8;
  border-radius:24px;
}
.m__story__contents p + a.m__btn__img,
.m__story__contents :is(p,.m__two-columns) + .feature-block {
  margin-top:40px;
}
.m__story__contents .feature-block + p {
  margin-top:40px;
}
@media (hover:hover) and (pointer:fine) {
  .m__story__contents p a:hover {
    color:var(--sic-color-primary);
    text-decoration:underline;
  }
}
.m__story__contents a[target="_blank"]::after {
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  margin-left:4px;
  background:url(../img/common/icon_external_link.svg) no-repeat center / contain;
}
.m__story__contents .sic-share a[target="_blank"]::after {
  content:none;
}

/* 静的ストーリーのメタ情報は、MT記事と同じ構造・表示に統一する */
.m__story.m__single .m__hero__text-box > .meta {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
  margin-bottom:20px;
}
.m__story.m__single .meta .date {
  margin:0;
  color:var(--sic-color-primary);
  font-family:var(--sic-font-en);
  line-height:1;
}
.m__story.m__single .categories {
  display:flex;
  flex-wrap:wrap;
}
.m__story.m__single .categories li {
  display:flex;
  align-items:center;
  line-height:1;
}
.m__story.m__single .meta .categories {
  align-self:baseline;
}
.m__story.m__single .categories .category {
  display:inline-block;
  margin:0 8px 0 0;
  padding:4px 10px 5px;
  border-radius:20px;
  background:#e9eaf0;
  color:var(--sic-color-primary);
  font-size:1.2rem;
  line-height:1;
}
.m__story.m__single .categories .category::before {
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin-right:4px;
  border-radius:50%;
  background:#6a6d98;
  vertical-align:2px;
}
@media only screen and (max-width:767px) {
  .m__story.m__single .m__hero__text-box > .meta {
    margin-bottom:24px;
  }
  .m__story.m__single .meta .date {
    flex-basis:100%;
  }
}
@media print,screen and (min-width:768px) {
  .m__story.m__single .m__hero__text-box > .meta {
    column-gap:15px;
  }
  .m__story__contents p + a.m__btn__img,
  .m__story__contents :is(p,.m__two-columns) + .feature-block {
    margin-top:45px;
  }
  .m__story__contents .feature-block + p {
    margin-top:45px;
  }
}
.m__story__contents .feature-block .title {
  font-family:var(--sic-font-zen);
  font-size:2rem;
  margin-bottom:8px;
}
.m__story__contents .feature-block > p {
  margin:0;
  font-size:1.6rem;
  line-height:2;
}
.m__story__contents .feature-block > p + p {
  margin-top:0;
}
/* 記事本文の共通ブロック */
.m__story__contents .article-image img {
  box-sizing:border-box;
  height:auto;
  max-width:100%;
  vertical-align:bottom;
}
.m__story__contents .article-image > a,
.m__story__contents .article-image > figure > a {
  display:inline-block;
}
.m__story__contents .article-image .article-image--center,
.m__story__contents .article-image.article-image--center {
  display:table;
  margin-inline:auto;
  text-align:center;
}
.m__story__contents .article-table {
  overflow-x:auto;
}
.m__story__contents .article-table table {
  width:100%;
  border-collapse:collapse;
}
.m__story__contents .article-gallery {
  margin:48px 0;
}

/* 既存記事で使用中の表示幅・キャプション調整 */
.sp_w100_pc_w60 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .sp_w100_pc_w60 {
    width: 60%;
  }
}
/* 旧インラインstyleの置換 */
.sic-w-260 {
  width: 260px;
}
.sic-h-100 {
  height: 100px;
}
.sic-w-699-auto {
  height: auto;
  width: 699px;
}
.sic-w-399-auto {
  height: auto;
  width: 399px;
}
.sic-w-700 {
  width: 700px;
}
.sic-w-700-auto {
  height: auto;
  width: 700px;
}
.sic-w-380 {
  width: 380px;
}
.sic-w-840-auto {
  height: auto;
  width: 840px;
}
.sic-w-839-auto {
  height: auto;
  width: 839px;
}
.sic-w-296 {
  width: 296px;
}
.sic-w-400 {
  width: 400px;
}
.sic-w-350 {
  width: 350px;
}
.sic-media-586 {
  aspect-ratio: 1.7504558478770513;
  height: auto;
  width: 586px;
}
.sic-media-691 {
  aspect-ratio: 1.5103358783233243;
  height: auto;
  width: 691px;
}
.sic-media-217-portrait {
  aspect-ratio: 0.7493804965745104;
  height: auto;
  width: 217px;
}
.sic-media-217-landscape {
  aspect-ratio: 1.15259085885183;
  height: auto;
  width: 217px;
}
.sic-media-294 {
  aspect-ratio: 1.6256285314395313;
  height: auto;
  width: 294px;
}
.m__single .page-link { display:flex;gap:12px;margin:30px 0 0 }
@media print,screen and (min-width:768px) {
.m__single .page-link { margin-top:35px }
}
.m__single .page-link .previous-link,
.m__single .page-link .next-link { width:calc(50% - 6px);background:#e9eaf0;border-radius:48px;text-decoration:none;color:var(--sic-color-primary);border:1px solid #e9eaf0;transition:.3s }
@media print,screen and (min-width: 768px) {
.m__single .page-link .previous-link,
.m__single .page-link .next-link { height:167px }
.m__single .page-link .next-link:only-child { margin-left:auto }
}
@media only screen and (max-width: 767px) {
.m__single .page-link { flex-direction:column }
.m__single .page-link .previous-link,
.m__single .page-link .next-link { width:100%;margin-top:0 }
}
.m__single .page-link .previous-link .post-card,
.m__single .page-link .next-link .post-card { display:flex;align-items:center;justify-content:space-between }
@media print,screen and (min-width: 768px) {
.m__single .page-link .previous-link .post-card,
.m__single .page-link .next-link .post-card { height:100% }
}
.m__single .page-link .previous-link .post-image,
.m__single .page-link .next-link .post-image { width:120px;border-radius:100px;height:80px;overflow:hidden }
.m__single .page-link .previous-link .post-image img,
.m__single .page-link .next-link .post-image img { object-fit:cover;object-position:center center;width:100%;height:100%;transition:transform .3s ease-in }
.m__single .page-link .previous-link .post-content,
.m__single .page-link .next-link .post-content { width:214px;flex:1 }
.m__single .page-link .previous-link .post-content .post-title,
.m__single .page-link .next-link .post-content .post-title { display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:var(--sic-font-zen);font-size:1.8rem;line-height:1.35;margin-bottom:12px;margin-top:8px;font-weight:700 }
.m__single .page-link .previous-link .post-content .post-label,
.m__single .page-link .next-link .post-content .post-label { font-size:1.4rem;line-height:1.25;color:#6a6d98;font-weight:600;font-family:var(--sic-font-en) }
.m__single .page-link .previous-link .post-content .post-arrow,
.m__single .page-link .next-link .post-content .post-arrow { background:var(--sic-color-primary);width:36px;height:24px;border-radius:25px;transition:background-color .2s ease-in;position:relative;display:block;overflow:hidden }
.m__single .page-link .previous-link .post-content .post-arrow span,
.m__single .page-link .next-link .post-content .post-arrow span { display:block;width:16px;height:8px;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) }
.m__single .page-link .previous-link .post-content .post-arrow span:before,
.m__single .page-link .next-link .post-content .post-arrow span:before,
.m__single .page-link .previous-link .post-content .post-arrow span:after,
.m__single .page-link .next-link .post-content .post-arrow span:after { content:"";display:inline-block;width:16px;height:8px;position:absolute;top:0;left:0;animation-fill-mode:forwards }
.m__single .page-link .previous-link .post-content .post-arrow span:before,
.m__single .page-link .next-link .post-content .post-arrow span:before { background:url(/sic/assets/img/common/icon_arrow.svg) no-repeat center;background-size:contain;animation-duration:.2s }
.m__single .page-link .previous-link .post-content .post-arrow span:after,
.m__single .page-link .next-link .post-content .post-arrow span:after { background:url(/sic/assets/img/common/icon_arrow_blue.svg) no-repeat center;background-size:contain;transform:translate(-100%);animation-duration:.2s }
.m__single .page-link .previous-link .post-content .post-arrow span:after .post-arrow-block,
.m__single .page-link .next-link .post-content .post-arrow span:after .post-arrow-block { display:flex }
.m__single .page-link .previous-link .post-card { padding:16px 8px 16px 24px }
.m__single .page-link .previous-link .post-image { margin-left:20px }
.m__single .page-link .previous-link .post-arrow { transform:rotate(180deg) }
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
.m__single .page-link .next-link .post-card { padding:16px 24px 16px 8px }
.m__single .page-link .next-link .post-image { margin-right:20px }
.m__single .page-link .next-link .post-arrow-block { justify-content:flex-end;display:flex }
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}

/* Hover effects are limited to devices with a fine pointer. */
@media (hover: hover) and (pointer: fine){
.m__story__contents table tr td a:hover,.m__story__contents table tr th a:hover {
  text-decoration:none;
}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:hover { background:#fff;border:1px solid var(--sic-color-primary) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:hover .post-image img { transform:scale(1.1) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:hover .post-title { color:var(--sic-color-primary) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:hover .post-arrow { background:#bfc0d3 }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:hover .post-arrow span:before { animation-name:arrowWhiteX;animation-delay:.2s;animation-duration:.2s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:hover .post-arrow span:after { animation-name:arrowBlueX;animation-delay:.2s;animation-duration:.2s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:not(:hover) .post-arrow span:before { animation-name:arrowWhiteXBack;transition-delay:.3s;animation-duration:.3s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .previous-link:not(:hover) .post-arrow span:after { animation-name:arrowBlueXBack;transition-delay:.3s;animation-duration:.3s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:hover { background:#fff;border:1px solid var(--sic-color-primary) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:hover .post-image img { transform:scale(1.1) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:hover .post-title { color:var(--sic-color-primary) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:hover .post-arrow { background:#bfc0d3 }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:hover .post-arrow span:before { animation-name:arrowWhiteX;animation-delay:.2s;animation-duration:.2s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:hover .post-arrow span:after { animation-name:arrowBlueX;animation-delay:.2s;animation-duration:.2s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:not(:hover) .post-arrow span:before { animation-name:arrowWhiteXBack;transition-delay:.3s;animation-duration:.3s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__single .page-link .next-link:not(:hover) .post-arrow span:after { animation-name:arrowBlueXBack;transition-delay:.3s;animation-duration:.3s }}}