/* -----------------
story_wrap
-------------------- */
.story_wrap {
  padding: 150px 0 156px;
}
@media screen and (max-width: 767px) {
  .story_wrap {
    padding: 13.3333333333vw 0;
  }
}
.story_wrap .m_wrap {
  max-width: 1110px;
}
.story_wrap .intro_txt {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  margin-inline: auto;
  max-width: fit-content;
}
@media screen and (max-width: 767px) {
  .story_wrap .intro_txt {
    font-size: 4.2666666667vw;
  }
}
.story_wrap .list {
  margin-top: 83px;
}
@media screen and (min-width: 768px) {
  .story_wrap .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .story_wrap .list {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .story_wrap .list > li {
    width: 48.6486486486%;
  }
  .story_wrap .list > li:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .story_wrap .list > li:nth-child(n+2) {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .story_wrap .list a:hover {
    opacity: 1;
  }
  .story_wrap .list a:hover .img img {
    transform: scale(1.1);
  }
}
.story_wrap .list .img {
  aspect-ratio: 540/380;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .story_wrap .list .img {
    aspect-ratio: 650/458;
  }
}
.story_wrap .list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.story_wrap .list .txt_box {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .story_wrap .list .txt_box {
    margin-top: 7.2vw;
  }
}
.story_wrap .list .sttl {
  font-family: var(--font-noto-serif);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  color: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .story_wrap .list .sttl {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.story_wrap .list .txt,
.story_wrap .list .company {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .story_wrap .list .txt,
  .story_wrap .list .company {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    margin-top: 1.8666666667vw;
  }
}
.story_wrap .list .company {
  margin-left: auto;
  width: fit-content;
}
.story_wrap .list .category_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 7px 15px;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  .story_wrap .list .category_list {
    gap: 1.6vw 3.3333333333vw;
    margin-top: 2.8vw;
  }
}
.story_wrap .list .category_list li {
  font-size: 1.2rem;
  line-height: 1;
  padding: 6px 5px;
  border-radius: 5px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .story_wrap .list .category_list li {
    font-size: 3.2vw;
    padding: 1.6vw;
    border-radius: 0.6666666667vw;
  }
}
.story_wrap .list .category_list li::before {
  content: "#";
}
.story_wrap .m_btn_02 {
  margin-top: 55px;
}
@media screen and (max-width: 767px) {
  .story_wrap .m_btn_02 {
    margin-top: 13.3333333333vw;
  }
}

/* -----------------
story_detail_wrap
-------------------- */
.story_detail_wrap {
  padding: 150px 0 153px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap {
    padding: 13.3333333333vw 0;
  }
}
.story_detail_wrap .m_wrap {
  max-width: 1110px;
}
.story_detail_wrap .catch_img {
  aspect-ratio: 1110/680;
  overflow: hidden;
}
.story_detail_wrap .catch_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story_detail_wrap .art_head {
  margin: 39px auto 0;
  max-width: 730px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head {
    margin-top: 5.3333333333vw;
  }
}
.story_detail_wrap .art_head .ttl {
  font-family: var(--font-noto-serif);
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.6;
  color: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .ttl {
    font-size: 5.8666666667vw;
    line-height: 1.8181818182;
  }
}
.story_detail_wrap .art_head .ttl.size_s {
  font-size: 2rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .ttl.size_s {
    font-size: 4vw;
  }
}
.story_detail_wrap .art_head .ttl.size_m {
  font-size: 3rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .ttl.size_m {
    font-size: 5.8666666667vw;
    line-height: 1.8181818182;
  }
}
.story_detail_wrap .art_head .ttl.size_l {
  font-size: 4rem;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .ttl.size_l {
    font-size: 7vw;
  }
}
.story_detail_wrap .art_head .date {
  font-family: var(--font-crimson);
  font-size: 1.6rem;
  color: #737373;
  margin-top: 11px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .date {
    font-size: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.story_detail_wrap .art_head .category_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .category_list {
    gap: 1.3333333333vw;
    margin-top: 8vw;
  }
}
.story_detail_wrap .art_head .category_list .label {
  font-size: 1.2rem;
  line-height: 2.1666666667;
  color: var(--color-blue);
  display: block;
  padding: 0 16px;
  border: 1px solid var(--color-blue);
  border-radius: 100em;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_head .category_list .label {
    font-size: 3.7333333333vw;
    padding: 0 4.2666666667vw;
  }
}
.story_detail_wrap .art_head .category_list .label::before {
  content: "#";
}
.story_detail_wrap .art_cont {
  margin: 15px auto 0;
  max-width: 730px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont {
    margin-top: 4vw;
  }
}
.story_detail_wrap .art_cont > * {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont > * {
    margin-top: 4vw;
  }
}
.story_detail_wrap .art_cont > *:first-child {
  margin-top: 0 !important;
}
.story_detail_wrap .art_cont iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.story_detail_wrap .art_cont [class^=pm_block_].size_ss .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_ss p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_ss span, .story_detail_wrap .art_cont [class^=pm_block_].size_ss li {
  font-size: 1.2rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_].size_ss .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_ss p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_ss span, .story_detail_wrap .art_cont [class^=pm_block_].size_ss li {
    font-size: 3.2vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_].size_s .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_s p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_s span, .story_detail_wrap .art_cont [class^=pm_block_].size_s li {
  font-size: 1.4rem;
  line-height: 1.8571428571;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_].size_s .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_s p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_s span, .story_detail_wrap .art_cont [class^=pm_block_].size_s li {
    font-size: 3.7333333333vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_].size_m .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_m p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_m span, .story_detail_wrap .art_cont [class^=pm_block_].size_m li {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_].size_m .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_m p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_m span, .story_detail_wrap .art_cont [class^=pm_block_].size_m li {
    font-size: 4.2666666667vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_].size_l .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_l p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_l span, .story_detail_wrap .art_cont [class^=pm_block_].size_l li {
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_].size_l .pm_txt, .story_detail_wrap .art_cont [class^=pm_block_].size_l p:not(.caption), .story_detail_wrap .art_cont [class^=pm_block_].size_l span, .story_detail_wrap .art_cont [class^=pm_block_].size_l li {
    font-size: 4.8vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_] .caption {
  font-size: 1.4rem;
  line-height: 1.5714285714;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_] .caption {
    font-size: 3.7333333333vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_] .caption.size_s {
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_] .caption.size_s {
    font-size: 2.6666666667vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_] .caption.size_m {
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_] .caption.size_m {
    font-size: 3.2vw;
  }
}
.story_detail_wrap .art_cont [class^=pm_block_] .caption.size_l {
  font-size: 1.4rem;
  line-height: 1.5714285714;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont [class^=pm_block_] .caption.size_l {
    font-size: 3.7333333333vw;
  }
}
.story_detail_wrap .art_cont .pm_txt p,
.story_detail_wrap .art_cont .pm_txt span,
.story_detail_wrap .art_cont .pm_txt li,
.story_detail_wrap .art_cont .pm_block_01 p,
.story_detail_wrap .art_cont .pm_block_01 span,
.story_detail_wrap .art_cont .pm_block_01 li {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_txt p,
  .story_detail_wrap .art_cont .pm_txt span,
  .story_detail_wrap .art_cont .pm_txt li,
  .story_detail_wrap .art_cont .pm_block_01 p,
  .story_detail_wrap .art_cont .pm_block_01 span,
  .story_detail_wrap .art_cont .pm_block_01 li {
    font-size: 4.2666666667vw;
  }
}
.story_detail_wrap .art_cont .pm_txt a,
.story_detail_wrap .art_cont .pm_block_01 a {
  color: #003970;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_txt a,
  .story_detail_wrap .art_cont .pm_block_01 a {
    text-underline-offset: 1.3333333333vw;
  }
}
.story_detail_wrap .art_cont .pm_txt ul,
.story_detail_wrap .art_cont .pm_txt ol,
.story_detail_wrap .art_cont .pm_block_01 ul,
.story_detail_wrap .art_cont .pm_block_01 ol {
  padding-left: 2em;
}
.story_detail_wrap .art_cont .pm_txt ul li,
.story_detail_wrap .art_cont .pm_block_01 ul li {
  list-style-type: disc;
}
.story_detail_wrap .art_cont .pm_txt ol li,
.story_detail_wrap .art_cont .pm_block_01 ol li {
  list-style-type: decimal;
}
.story_detail_wrap .art_cont .pm_block_02 .caption {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_02 .caption {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_03 {
    display: flow-root;
  }
}
.story_detail_wrap .art_cont .pm_block_03 .img {
  aspect-ratio: 350/250;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_03 .img {
    float: right;
    margin: 0 0 30px 30px;
    width: 350px;
  }
}
.story_detail_wrap .art_cont .pm_block_03 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story_detail_wrap .art_cont .pm_block_03 .pm_txt {
  margin-top: -7px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_03 .pm_txt {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_04 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
  }
}
.story_detail_wrap .art_cont .pm_block_04 .item {
  aspect-ratio: 230/160;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_04 .item {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_04 .item:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
}
.story_detail_wrap .art_cont .pm_block_04 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_05 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px;
  }
}
.story_detail_wrap .art_cont .pm_block_05 .item {
  aspect-ratio: 350/243;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_05 .item {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_05 .item:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
}
.story_detail_wrap .art_cont .pm_block_05 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_06 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.story_detail_wrap .art_cont .pm_block_06 .list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_06 .list {
    flex-direction: column;
    gap: 20px 0;
    width: 31.5068493151%;
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_06 .list {
    justify-content: space-between;
  }
  .story_detail_wrap .art_cont .pm_block_06 .list .item {
    width: 48.4615384615%;
  }
}
.story_detail_wrap .art_cont .pm_block_06 .pm_txt {
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_06 .pm_txt {
    width: 63.2876712329%;
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_06 .pm_txt {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_07 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.story_detail_wrap .art_cont .pm_block_07 .list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_07 .list {
    flex-direction: column;
    gap: 20px 0;
    width: 31.5068493151%;
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_07 .list {
    justify-content: space-between;
  }
  .story_detail_wrap .art_cont .pm_block_07 .list .item {
    width: 48.4615384615%;
  }
}
.story_detail_wrap .art_cont .pm_block_07 .pm_txt {
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_cont .pm_block_07 .pm_txt {
    width: 63.2876712329%;
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_07 .pm_txt {
    margin-top: 2.6666666667vw;
  }
}
.story_detail_wrap .art_cont .pm_block_08 {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_08 {
    margin-top: 2.6666666667vw;
  }
}
.story_detail_wrap .art_cont .pm_block_08 .pm_txt {
  font-size: 1.4rem;
  line-height: 1.5714285714;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_cont .pm_block_08 .pm_txt {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.story_detail_wrap .art_foot {
  margin: 55px auto 0;
  max-width: 730px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot {
    margin-top: 16vw;
  }
}
.story_detail_wrap .art_foot .sttl {
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .sttl {
    font-size: 4.8vw;
  }
}
.story_detail_wrap .art_foot .business_intro_box {
  padding: 30px;
  border-radius: 10px;
  background: #f9f9f4;
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_foot .business_intro_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .business_intro_box {
    padding: 8vw;
    border-radius: 2.6666666667vw;
  }
}
.story_detail_wrap .art_foot .business_intro_box .sttl + .txt {
  margin: 18px 0 2em;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .business_intro_box .sttl + .txt {
    margin-top: 4.8vw;
  }
}
.story_detail_wrap .art_foot .business_intro_box .txt {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .business_intro_box .txt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .story_detail_wrap .art_foot .business_intro_box .list {
    width: 79.1044776119%;
  }
}
.story_detail_wrap .art_foot .business_intro_box .img {
  width: 17.9104477612%;
  aspect-ratio: 120/160;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .business_intro_box .img {
    margin: 5.3333333333vw auto 0;
    width: 32vw;
  }
}
.story_detail_wrap .art_foot .business_intro_box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story_detail_wrap .art_foot .m_item_box {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .m_item_box {
    margin-top: 13.3333333333vw;
  }
}
.story_detail_wrap .art_foot .m_not_num_pager_list {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .story_detail_wrap .art_foot .m_not_num_pager_list {
    margin-top: 13.3333333333vw;
  }
}

/*# sourceMappingURL=story.css.map */