/* hero */
.parallax-wrap {
  border-bottom-right-radius: calc((147 / var(--media_sp)) * 100vw);
  border-right: 1px solid #000;
}

.hero_img-wrap {
  background: url(../img/case/case1/case01_top_img_sp.webp) no-repeat center
    center/cover;
}

.hero_txt-wrap {
  width: 100%;
  height: calc((275.9357 / var(--media_sp)) * 100vw);
  margin-block-start: calc((-45 / var(--media_sp)) * 100vw);
}

.hero_ttl-wrap {
  margin-left: calc((36 / var(--media_sp)) * 100vw);
}

.hero_copy-wrap {
  margin-inline: auto;
}

.hero_ttl img {
  width: calc((84.8535 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .parallax-wrap {
    border-bottom-right-radius: 500px;
  }

  .hero_img-wrap {
    background: url(../img/case/case1/case01_top_img_pc.webp) no-repeat center
      center/cover;
  }

  .hero_txt-wrap {
    margin-block-start: -196px;
    margin-inline: auto;
    padding-inline-end: 24px;
    width: 780px;
    height: 295px;
  }

  .hero_ttl-wrap {
    margin-left: 0;
    margin-right: auto;
  }

  .hero_copy-wrap {
    margin-top: -52px;
    margin-right: 0;
  }

  .hero_ttl img {
    width: 100%;
  }
}

/* hero */

/* contents */
.contents_item_1 {
  width: calc((338.1496 / var(--media_sp)) * 100vw);
  height: calc((202.567 / var(--media_sp)) * 100vw);
}

.contents_item_1 .contents_item-inner {
  width: calc((232 / var(--media_sp)) * 100vw);
  top: calc((51 / var(--media_sp)) * 100vw);
  left: calc((69 / var(--media_sp)) * 100vw);
}

.contents_item_1 .contents_item-a {
  margin-top: calc((10 / var(--media_sp)) * 100vw);
  font-size: calc((14 / var(--media_sp)) * 100vw);
  letter-spacing: 0.05em;
  line-height: 1.857;
}

.contents_item_2 {
  width: calc((271.162 / var(--media_sp)) * 100vw);
  height: calc((202.567 / var(--media_sp)) * 100vw);
}

.contents_item_2 .contents_item-inner {
  width: calc((186 / var(--media_sp)) * 100vw);
  top: calc((41 / var(--media_sp)) * 100vw);
  left: calc((42 / var(--media_sp)) * 100vw);
}

.contents_item_2 .contents_item-a {
  font-size: calc((21 / var(--media_sp)) * 100vw);
  letter-spacing: 0.05em;
  line-height: 1.571;
}

.contents_item_3 {
  width: calc((283.9907 / var(--media_sp)) * 100vw);
  height: calc((192.7894 / var(--media_sp)) * 100vw);
}

.contents_item_3 .contents_item-inner {
  width: calc((192 / var(--media_sp)) * 100vw);
  top: calc((44 / var(--media_sp)) * 100vw);
  left: calc((55 / var(--media_sp)) * 100vw);
}

.contents_item_3 .contents_item-a {
  font-size: calc((16 / var(--media_sp)) * 100vw);
  letter-spacing: 0.06em;
  line-height: 1.75;
}

.contents_item_4 {
  background-color: transparent;
  width: calc((324.9118 / var(--media_sp)) * 100vw);
  height: fit-content;
}

.contents_item_5 {
  width: calc((268.328 / var(--media_sp)) * 100vw);
  height: calc((193.7794 / var(--media_sp)) * 100vw);
}

.contents_item_5 .contents_item-inner {
  width: calc((169 / var(--media_sp)) * 100vw);
  top: calc((49 / var(--media_sp)) * 100vw);
  left: calc((61 / var(--media_sp)) * 100vw);
}

.contents_item_5 .contents_item-a {
  font-size: calc((26 / var(--media_sp)) * 100vw);
  letter-spacing: 0.06em;
  line-height: 1.461;
}

.contents_item_6 {
  width: calc((311.4464 / var(--media_sp)) * 100vw);
  height: calc((166.3143 / var(--media_sp)) * 100vw);
}

.contents_item_6 .contents_item-inner {
  width: calc((237 / var(--media_sp)) * 100vw);
  top: calc((42 / var(--media_sp)) * 100vw);
  left: calc((40 / var(--media_sp)) * 100vw);
}

.contents_item_6 .contents_item-a {
  font-size: calc((18 / var(--media_sp)) * 100vw);
  letter-spacing: 0.06em;
  line-height: 1.722;
}

.contents_item_7 {
  width: calc((295.1084 / var(--media_sp)) * 100vw);
  height: calc((161.4379 / var(--media_sp)) * 100vw);
}

.contents_item_7 .contents_item-inner {
  width: calc((214 / var(--media_sp)) * 100vw);
  top: calc((42 / var(--media_sp)) * 100vw);
  left: calc((44 / var(--media_sp)) * 100vw);
}

.contents_item_7 .contents_item-a {
  font-size: calc((16 / var(--media_sp)) * 100vw);
  letter-spacing: 0.06em;
  line-height: 1.625;
}

.contents_item-wrap:nth-child(odd) {
  margin-left: auto;
}

.contents_item_1 .contents_item-inner-wrap,
.contents_item_3 .contents_item-inner-wrap,
.contents_item_5 .contents_item-inner-wrap,
.contents_item_7 .contents_item-inner-wrap {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.contents_item-wrap:nth-child(even) {
  margin-right: auto;
}

.contents_item_2 .contents_item-inner-wrap,
.contents_item_4 .contents_item-inner-wrap,
.contents_item_6 .contents_item-inner-wrap {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.contents_group_2 {
  margin-block-start: calc((75 / var(--media_sp)) * 100vw);
}
@media screen and (min-width: 1000px) {
  .contents_item_1 {
    width: 495.1025px;
    height: 238.2516px;
  }

  .contents_item_1 .contents_item-inner {
    width: 342px;
    top: 52px;
    left: 87px;
  }

  .contents_item_1 .contents_item-a {
    margin-top: 14px;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.833;
  }

  .contents_item_2 {
    /* margin-block-start: -165px; */
    margin-block-start: -160px;
    width: 523.647px;
    height: 273.4654px;
  }

  .contents_item_2 .contents_item-inner {
    width: 355px;
    top: 76px;
    left: 93px;
  }

  .contents_item_2 .contents_item-a {
    margin-top: 13px;
    font-size: 28px;
    letter-spacing: 0.07em;
    line-height: 1.571;
  }

  .contents_item_3 {
    /* margin-block-start: -125px; */
    margin-block-start: -73px;
    width: 546.4484px;
    height: 214.0792px;
  }

  .contents_item_3 .contents_item-inner {
    width: 380px;
    top: 55px;
    left: 89px;
  }

  .contents_item_3 .contents_item-a {
    margin-top: 16px;
    font-size: 21px;
    line-height: 1.75;
  }

  .contents_item_4 {
    /* margin-block-start: -105px; */
    margin-block-start: 0;
    margin-inline: auto;
    width: 490.686px;
    height: 309.2418px;
  }

  .contents_item_5 {
    /* margin-block-start: 20px; */
    width: 566.3393px;
    height: 316.3572px;
  }

  .contents_item_5 .contents_item-inner {
    width: 395px;
    top: 103px;
    left: 104px;
  }

  .contents_item_5 .contents_item-q {
    font-size: 18.5095px;
  }

  .contents_item_5 .contents_item-a {
    margin-top: 26px;
    font-size: 36px;
    line-height: 1.388;
  }

  .contents_item_6 {
    margin-block-start: -40px;
    width: 578.9567px;
    height: 273.4654px;
  }

  .contents_item_6 .contents_item-inner {
    width: 396px;
    top: 79px;
    left: 108px;
  }

  .contents_item_6 .contents_item-a {
    margin-top: 14px;
    font-size: 24px;
    line-height: 1.75;
  }

  .contents_item_7 {
    margin-block-start: -75px;
    width: 495.1025px;
    height: 238.2516px;
  }

  .contents_item_7 .contents_item-inner {
    width: 320.8662px;
    top: 67px;
    left: 94px;
  }

  .contents_item_7 .contents_item-a {
    margin-top: 17px;
    font-size: 21px;
    line-height: 1.714;
  }

  .contents_item_1 .contents_item-inner-wrap,
  .contents_item_3 .contents_item-inner-wrap,
  .contents_item_5 .contents_item-inner-wrap,
  .contents_item_7 .contents_item-inner-wrap {
    margin-left: auto;
    border-right: 1px solid;
    border-top-right-radius: 100vmax;
    border-bottom-right-radius: 100vmax;
  }

  .contents_item_2 .contents_item-inner-wrap,
  .contents_item_4 .contents_item-inner-wrap,
  .contents_item_6 .contents_item-inner-wrap {
    margin-right: auto;
    border-left: 1px solid;
    border-top-left-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }

  .contents_group_2 {
    margin-block-start:84px;
  }
}
/* contents */

/* graph */
.graph_item-wrap {
  height: calc((183.5 / var(--media_sp)) * 100vw);
}

.graph_chart-inner {
  margin-left: calc((10 / var(--media_sp)) * 100vw);
}

.graph_desc_1,
.graph_desc_2,
.graph_desc_3 {
  text-align: right;
}

/* right */
.graph_desc_1 {
  top: calc((14 / var(--media_sp)) * 100vw);
  right: 0;
}
.graph_desc_1 .graph_desc-cursor {
  margin-top: calc((2 / var(--media_sp)) * 100vw);
  width: calc((129.3606 / var(--media_sp)) * 100vw);
}
.graph_desc_1 .graph_desc-time {
  margin-top: calc((-43 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_item-wrap {
    height: 256.8857px;
  }

  
.graph_chart-inner {
  margin-left: 10px;
}

  .graph_desc_1 {
    top: 18px;
  }

  .graph_desc_1 .graph_desc-cursor {
    margin-top: 4px;
    width: 181.1048px;
  }

  .graph_desc_1 .graph_desc-time {
    margin-top: -60px;
  }
}

.graph_desc_2 {
  top: calc((75 / var(--media_sp)) * 100vw);
  right: 0;
}
.graph_desc_2 .graph_desc-cursor {
  margin-top: calc((3 / var(--media_sp)) * 100vw);
  width: calc((129.2104 / var(--media_sp)) * 100vw);
}
.graph_desc_2 .graph_desc-time {
  margin-top: calc((-6 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_desc_2 {
    top: 103px;
  }

  .graph_desc_2 .graph_desc-cursor {
    margin-top: 5px;
    width: 180.8946px;
  }

  .graph_desc_2 .graph_desc-time {
    margin-top: -8px;
  }
}

.graph_desc_3 {
  bottom: calc((11 / var(--media_sp)) * 100vw);
  right: 0;
}
.graph_desc_3 .graph_desc-cursor {
  margin-bottom: calc((7 / var(--media_sp)) * 100vw);
  width: calc((133.9666 / var(--media_sp)) * 100vw);
}
.graph_desc_3 .graph_desc-ttl {
  margin-bottom: calc((-38 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_desc_3 {
    bottom: 17px;
  }

  .graph_desc_3 .graph_desc-cursor {
    margin-bottom: 7px;
    width: 187.5533px;
  }

  .graph_desc_3 .graph_desc-ttl {
    margin-bottom: -52px;
  }
}
/* right */

/* left */
.graph_desc_4 {
  bottom: 0;
  left: 0;
}
.graph_desc_4 .graph_desc-cursor {
  margin-bottom: calc((4 / var(--media_sp)) * 100vw);
  width: calc((155.067 / var(--media_sp)) * 100vw);
}
.graph_desc_4 .graph_desc-ttl {
  margin-bottom: calc((-48 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_desc_4 {
    bottom: -3px;
  }
  .graph_desc_4 .graph_desc-cursor {
    margin-bottom: 8px;
    width: 217.0937px;
  }
  .graph_desc_4 .graph_desc-ttl {
    margin-bottom: -65px;
  }
}

.graph_desc_5 {
  top: calc((80 / var(--media_sp)) * 100vw);
  left: 0;
}
.graph_desc_5 .graph_desc-cursor {
  margin-top: calc((-16 / var(--media_sp)) * 100vw);
  width: calc((135.146 / var(--media_sp)) * 100vw);
}
.graph_desc_5 .graph_desc-ttl {
  margin-top: calc((20 / var(--media_sp)) * 100vw);
}
.graph_desc_5 .graph_desc-time {
  margin-top: calc((5 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_desc_5 {
    top: 138px;
  }
  .graph_desc_5 .graph_desc-cursor {
    margin-top: -20px;
    width: 189.2044px;
  }
  .graph_desc_5 .graph_desc-ttl {
    margin-top: 0;
  }
  .graph_desc_5 .graph_desc-time {
    margin-top: 8px;
  }
}

.graph_desc_6 {
  top: calc((50 / var(--media_sp)) * 100vw);
  left: 0;
}
.graph_desc_6 .graph_desc-cursor {
  margin-top: calc((2 / var(--media_sp)) * 100vw);
  width: calc((137.771 / var(--media_sp)) * 100vw);
}
.graph_desc_6 .graph_desc-time {
  margin-top: calc((-8 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_desc_6 {
    top: 68px;
  }
  .graph_desc_6 .graph_desc-cursor {
    margin-top: 6px;
    width: 192.8795px;
  }
  .graph_desc_6 .graph_desc-time {
    margin-top: -12px;
  }
}

.graph_desc_7 {
  top: 0;
  left: 0;
}
.graph_desc_7 .graph_desc-cursor {
  margin-top: calc((2 / var(--media_sp)) * 100vw);
  width: calc((147.4698 / var(--media_sp)) * 100vw);
}
.graph_desc_7 .graph_desc-time {
  margin-top: calc((-43 / var(--media_sp)) * 100vw);
}

@media screen and (min-width: 751px) {
  .graph_desc_7 {
    top: -2px;
  }
  .graph_desc_7 .graph_desc-cursor {
    margin-top: 5px;
    width: 206.4577px;
  }
  .graph_desc_7 .graph_desc-time {
    margin-top: -61px;
  }
}
/* graph */

/* link */
.link_contents-wrap-pc {
  display: none;
}

.link_contents-wrap-sp {
  display: block;
}

@media screen and (min-width: 1000px) {
  .link_contents-wrap-pc {
    display: block;
  }

  .link_contents-wrap-sp {
    display: none;
  }
}

.link_content-1 {
  opacity: 1;
  pointer-events: none;
}

.link_content-1 a:hover {
  opacity: 1;
}

.link_content-1 .link_contents_img-wrap span {
  background-color: #fff;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.link_content-1 .link_contents_num-wrap span {
  background-color: #fff;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* link */