/* ===== storyのインデックス（英） ===== */

.m__story {
  position:relative;
}
@media print,screen and (min-width: 768px) {
  .m__story .internal-links {
    gap:0 95px;
    padding:0 70px;
  }
}
@media print,screen and (min-width: 768px) {
  .m__story.l__bg-section {
    background:linear-gradient(to bottom,#0000 550px,#fff 800px),url(../img/common/bg_mv_pc.png) center top 72px;
  }
}
@media only screen and (max-width: 767px) {
  .m__story.l__bg-section {
    background:linear-gradient(to bottom,#0000 550px,#fff 800px),url(../img/common/bg_mv_sp.png) center top;
  }
}
@media print,screen and (min-width: 768px) {
  .m__story.m__single.l__bg-section {
    background:linear-gradient(to bottom,#0000 1750px,#fff 2000px),url(../img/common/bg_mv_pc.png) center top 72px;
  }
}
@media only screen and (max-width: 767px) {
  .m__story.m__single.l__bg-section {
    background:linear-gradient(to bottom,#0000 2250px,#fff 2500px),url(../img/common/bg_mv_sp.png) center top;
  }
}
.m__story .m__hero__text-box {
  padding-top:162px;
  margin-bottom:48px;
}
@media only screen and (max-width: 767px) {
  .m__story .m__hero__text-box {
    padding-top:55px;
    margin-bottom:0;
    padding-bottom:55px;
  }
}
.m__story .m__hero__text-box :is(.title,.story-card-title) {
  display:flex;
  font-size:1.4rem;
  margin-bottom:44px;
  flex-wrap:wrap;
}
@media only screen and (max-width: 767px) {
  .m__story .m__hero__text-box :is(.title,.story-card-title) {
    margin-bottom:28px;
  }
}
.m__story:not(.m__single) .m__hero__text-box .en-title {
  margin-bottom:0;
}

.m__story .m__hero__text-box .lead br {
  display:block!important;
}

@media print,screen and (min-width: 768px) {
  .m__story.m__single .m__hero__text-box {
    padding-top:170px;
    margin-bottom:67px;
  }
  .m__story.m__single .m__hero__text-box :is(.title,.story-card-title) {
    margin-bottom:20px;
  }
}
@media only screen and (max-width: 767px) {
  .m__story.m__single .m__hero__text-box :is(.title,.story-card-title) {
    margin-bottom:24px;
  }
}
.m__story.m__single .m__hero__text-box .date {
  display:inline-block;
  margin-right:8px;
  margin-bottom:8px;
  color:var(--sic-color-primary);
  font-family:var(--sic-font-en);
  font-size:1.6rem;
  font-weight:600;
  line-height:1;
  letter-spacing:normal;
}
.m__story :is(.category-link,.story-tag),.m__story .tag-link {
  display:inline-block;
  margin-right:8px;
  color:var(--sic-color-primary);
  
  background:#e9eaf0;
  border-radius:20px;
  font-size:1.2rem;
  margin-bottom:8px;
  line-height:1;
  padding:4px 10px 5px;
}
.m__story :is(.category-link,.story-tag):before,.m__story .tag-link:before {
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  background:#6a6d98;
  border-radius:50%;
  vertical-align:2px;
  margin-right:4px;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.mv,.story-card-image) {
    margin-bottom:72px;
  }
  .m__story :is(.mv,.story-card-image) img {
    border-radius:24px;
  }
}
.m__story .profile-block {
  padding:53px 0;
  border-top:1px dotted #6a6d98;
  border-bottom:1px dotted #6a6d98;
  margin:60px 0;
}
.m__story .profile-block :is(.title,.story-card-title) {
  font-size:1.4rem;
  font-family:var(--sic-font-en);
  color:#6a6d98;
  margin-bottom:15px;
  font-weight:600;
}
.m__story .profile-block .name {
  font-size:2rem;
  font-weight:700;
  line-height:1.5rem;
  font-family:var(--sic-font-zen);
  color:var(--sic-color-primary);
  margin-bottom:15px;
}
.m__story .profile-block .name+.name {
  margin-top:36px;
}
.m__story .profile-block .contents {
  font-size:1.4rem;
}
.m__story .profile-block .contents+.name {
  margin-top:36px;
}
.m__story .write-block {
  text-align:right;
  margin:60px 0;
}
.m__story .write-block .name {
  font-size:1.6rem;
  line-height:1;
}
@media print,screen and (min-width: 768px) {
  .m__story :is(.article-list,.story-list) :is(.article-item,.story-card) a {
    display:flex;
    justify-content:space-between;
    gap:24px;
    margin-bottom:40px;
  }
}
.m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) {
  width:198px;
  height:132px;
  overflow:hidden;
  border-radius:16px;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) {
    width:100%;
    height:auto;
    aspect-ratio:3/2;
    margin-bottom:16px;
  }
}
.m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) img {
  object-fit:cover;
  width:100%;
  height:100%;
  border-radius:16px;
  transition:transform .3s ease-in;
}
.m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.content-box,.story-card-content) {
  flex:1;
}
.m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
  font-size:1.8rem;
  font-weight:700;
  line-height:1.5;
  font-family:var(--sic-font-zen);
  color:var(--sic-color-primary);
  transition:color .3s ease-in;
  margin-bottom:23px;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
    font-size:2.2rem;
    margin-bottom:15px;
  }
}
.m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.story-tags,.story-card-tags) {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.m__story :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.story-tags,.story-card-tags) :is(.category-link,.story-tag) {
  margin:0;
}
@media print,screen and (min-width: 768px) {
  .m__story .article-columns {
    display:flex;
    justify-content:space-between;
    margin:60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .m__story .article-columns {
    margin:50px 0 120px;
  }
}
@media print,screen and (min-width: 768px) {
  .m__story .article-columns .article-column {
    width:570px;
  }
}
@media only screen and (max-width: 1224px) {
  .m__story .article-columns .article-column {
    width:calc(50% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .m__story .article-columns .article-column {
    width:auto;
  }
  .m__story .article-columns .article-column--sub {
    margin-bottom:110px;
  }
}
@media print,screen and (min-width: 768px) {
  .m__story .article-columns .article-column--sub :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.content-box,.story-card-content) {
    margin-top:-6px;
  }
}
@media only screen and (max-width: 767px) {
  .m__story .article-columns .article-column--sub :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
    font-size:1.6rem;
  }
}
@media print,screen and (min-width: 768px) {
  .m__story .article-columns .article-column--main :is(.article-list,.story-list) :is(.article-item,.story-card) a {
    display:block;
  }
  .m__story .article-columns .article-column--main :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) {
    width:570px;
    height:380px;
    overflow:hidden;
    border-radius:25px;
    margin-bottom:28px;
  }
  .m__story .article-columns .article-column--main :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) img {
    object-fit:cover;
    width:100%;
    height:100%;
  }
  .m__story .article-columns .article-column--main :is(.article-list,.story-list) :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
    font-size:2.4rem;
    font-weight:700;
    line-height:1.5;
    font-family:var(--sic-font-zen);
    color:var(--sic-color-primary);
    margin-bottom:24px;
  }
  .m__story .article-columns .article-column--sub {
    margin:0;
  }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
  .m__story .article-columns .article-column--main :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) {
    width:100%;
    height:auto;
    aspect-ratio:3/2;
  }
}
@media only screen and (max-width: 767px) {
  .m__story .article-columns .article-column--sub {
    margin-inline:-24px;
    padding-inline:24px;
  }
}
.m__story .story-featured .story-list {
  display:flex;
  gap:40px 24px;
  flex-wrap:wrap;
  margin:60px 0 0;
}
@media print,screen and (min-width: 768px) {
  .m__story .story-featured .story-card {
    width:570px;
  }
}
@media only screen and (max-width: 1224px) {
  .m__story .story-featured .story-card {
    width:calc(50% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .m__story .story-featured .story-card {
    width:auto;
  }
}
.m__story .story-featured .story-card a {
  margin-bottom:0;
}
@media print,screen and (min-width: 768px) {
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) {
    display:flex;
    gap:56px 24px;
    flex-wrap:wrap;
  }
}
.m__story :is(.article-section,.story-category) :is(.article-list,.story-list) {
  margin:60px 0;
}
.m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) {
  width:372px;
}
@media only screen and (max-width: 1224px) {
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) {
    width:calc((100% / 3) - 16px);
  }
}
.m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) a {
  display:block;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) {
    width:100%;
  }
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) a {
    display:flex;
    width:100%;
    align-items:flex-start;
    gap:16px;
    margin-bottom:40px;
  }
}
.m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) {
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  margin-bottom:30px;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) :is(.mv,.story-card-image) {
    width:116px;
  }
}
.m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.article-item,.story-card) img {
  object-fit:cover;
  width:100%;
  height:100%;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.content-box,.story-card-content) {
    margin-top:-5px;
  }
}
.m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
  font-size:2rem;
}
@media only screen and (max-width: 767px) {
  .m__story :is(.article-section,.story-category) :is(.article-list,.story-list) :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
    font-size:1.6rem;
  }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
  .m__story .m__nav__lower {
    gap:16px;
  }
}
/* Keep the space before breadcrumbs independent of article navigation. */
.m__story.m__single .page-link {
  margin-bottom:0;
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
  .m__story .m__nav__lower li a {
    gap:10px;
    padding:24px 16px;
    width:100%;
  }
}
.m__story .m__nav__lower li a span {
  font-family:var(--sic-font-zen);
  font-weight:700;
  font-size:2rem;
  line-height:1.35;
}
@media print,screen and (min-width: 768px) {
  .m__story .m__nav__lower li a span {
    margin-right:-5px;
  }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
  .m__story .m__nav__lower li a span {
    font-size:1.7rem;
  }
  .m__story .m__nav__lower li a>img {
    width:90px;
    height:auto;
  }
}

/* Hover effects are limited to devices with a fine pointer. */
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
  .m__story :is(.article-list,.story-list) :is(.article-item,.story-card) a:hover :is(.mv,.story-card-image) img {
    transform:scale(1.1);
  }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
  .m__story :is(.article-list,.story-list) :is(.article-item,.story-card) a:hover :is(.content-box,.story-card-content) :is(.title,.story-card-title) {
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:4px;
  }}}