.brandstory_sec_content .txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_content .txt {
    font-size: clamp(
        1.6rem,
        calc(1.6rem + 0.0048076923 * (100vw - 768px)),
        2rem
    );
  }
}

.brandstory_intro_txt .txt {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .brandstory_intro_txt .txt {
    font-size: clamp(
        2.4rem,
        calc(2.4rem + 0.0096153846 * (100vw - 768px)),
        3.2rem
    );
  }
}

.brandstory_mv .lr_breadcrumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .brandstory_mv .lr_breadcrumb_inner {
    padding: 28px 30px;
  }
}
.brandstory_mv .lr_breadcrumb_lists_item {
  color: #fff;
}
.brandstory_mv .lr_breadcrumb_lists_item_link {
  color: #fff;
}
.brandstory_mv .lr_breadcrumb_lists_item_link::after {
  background-color: #fff;
}
.brandstory_intro {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .brandstory_intro .container {
    max-width: 1280px;
  }
}
.brandstory_intro_main {
  width: 100%;
  margin: -60px auto 0;
  background-color: #fefff8;
  padding: 30px 20px;
}
@media only screen and (min-width: 768px) {
  .brandstory_intro_main {
    padding: 61px clamp(
        3rem,
        5.4086538462vw + -1.1538461538rem,
        7.5rem
    ) clamp(
        6.1rem,
        4.0865384615vw + 2.9615384615rem,
        9.5rem
    );
    margin-top: -170px;
  }
}
.brandstory_intro_main .title .jp {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .brandstory_intro_main .title .jp {
    left: 5px;
    margin-top: -1px;
  }
}
.brandstory_intro_txt {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .brandstory_intro_txt {
    margin-top: clamp(
        3rem,
        5.6490384615vw + -1.3384615385rem,
        7.7rem
    );
    padding: 0 4px;
  }
}
.brandstory_intro_txt .txt {
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #2e2e2e;
  line-height: 1.8;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  .brandstory_intro_txt .txt {
    margin-top: 10px;
  }
}
.brandstory_intro_txt .txt:first-child {
  margin-top: 0;
}
.brandstory_secs {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .brandstory_secs {
    margin-top: 29px;
    padding-bottom: 8px;
  }
}
.brandstory_sec {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec {
    margin-top: 100px;
  }
}
.brandstory_sec .container {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec .container {
    max-width: 100%;
    padding: 0;
    flex-direction: row;
    align-items: flex-start;
  }
}
.brandstory_sec_head {
  width: 100%;
  margin: 0 auto;
  padding: 0 70px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_head {
    padding: 0 clamp(
        1rem,
        9.765625vw + -6.5rem,
        6rem
    );
    max-width: 1280px;
  }
}
.brandstory_sec_head.is_show .shape_01,
.brandstory_sec_head.is_show .shape_02 {
  stroke-dashoffset: 0;
}
.brandstory_sec_title {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_title {
    padding-left: clamp(
        0rem,
        -7.8125vw + 10rem,
        4rem
    );
  }
}
.brandstory_sec_title .shape_02,
.brandstory_sec_title .shape_01 {
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.brandstory_sec_title .shape_01 {
  --dash-array: 0;
  --dash-from: 0;
  stroke-dasharray: 640;
  stroke-dashoffset: 640;
  transition: 0.3s ease-in-out;
}
.brandstory_sec_title .shape_02 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transition: 0.3s ease-in-out 0.3s;
}
.brandstory_sec_title .jp {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_title .jp {
    margin-top: 10px;
    left: 1px;
  }
}
.brandstory_sec_title_shape {
  position: absolute;
  display: block;
  right: calc(100% + 5px);
  width: 280px;
  top: 2px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_title_shape {
    top: clamp(
        -1rem,
        -1.8028846154vw + 1.8846153846rem,
        0.5rem
    );
    right: calc(100% - clamp(
        -4.4rem,
        -8.8942307692vw + 9.8307692308rem,
        3rem
    ));
    width: clamp(
        20rem,
        55.2884615385vw + -22.4615384615rem,
        66rem
    );
  }
}
.brandstory_sec:first-child {
  margin-top: 0;
}
.brandstory_sec_main {
  position: relative;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_main {
    margin-top: 57px;
  }
}
.brandstory_sec_main .ani_shape {
  position: absolute;
  left: 0;
  bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_main .ani_shape {
    bottom: 0;
  }
}
.brandstory_sec_img {
  position: relative;
  flex-shrink: 0;
  z-index: 2;
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_img {
    margin-top: 0;
    width: calc(50% - clamp(
        2rem,
        9.6153846154vw + -5.3846153846rem,
        10rem
    ));
    top: 8px;
  }
}
.brandstory_sec_content {
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_content {
    position: relative;
    width: calc(100% - clamp(
        30rem,
        48.0769230769vw + -6.9230769231rem,
        70rem
    ));
    padding-left: clamp(
        3rem,
        3.6057692308vw + 0.2307692308rem,
        6rem
    );
    padding-right: calc(50% - clamp(
        36rem,
        50.9259259259vw + -3.1111111111rem,
        58rem
    ));
    padding-bottom: 99px;
  }
}
.brandstory_sec_content .txt {
  font-weight: 700;
  line-height: 2.25;
  letter-spacing: 0.01em;
  color: #2e2e2e;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_content .txt {
    line-height: 2.25;
    margin-top: clamp(
        2.5rem,
        2.4038461538vw + 0.6538461538rem,
        4.5rem
    );
  }
}
.brandstory_sec_content .txt:first-child {
  margin-top: 0;
}
.brandstory_sec_aligncenter {
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_aligncenter {
    margin-top: 124px;
  }
}
.brandstory_sec_aligncenter .brandstory_sec_img {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_aligncenter .brandstory_sec_img {
    margin-top: 65px;
  }
}
.brandstory_sec_aligncenter .brandstory_sec_content {
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_aligncenter .brandstory_sec_main {
    margin-top: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_aligncenter .brandstory_sec_main .ani_shape {
    bottom: clamp(
        8rem,
        8.6538461538vw + 1.3538461538rem,
        15.2rem
    );
  }
}
.brandstory_sec_aligncenter .brandstory_sec_title .jp {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_aligncenter .brandstory_sec_title .jp {
    margin-top: 10px;
  }
}
.brandstory_sec_aligncenter .container {
  display: block;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_aligncenter .container {
    max-width: 1200px;
    padding: 0 20px;
  }
}
.brandstory_sec_reversed .brandstory_sec_content {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_reversed .brandstory_sec_content {
    padding-left: calc(50% - clamp(
        36rem,
        50.9259259259vw + -3.1111111111rem,
        58rem
    ));
    padding-right: clamp(
        3rem,
        4.4471153846vw + -0.4153846154rem,
        6.7rem
    );
  }
}
@media only screen and (min-width: 768px) {
  .brandstory_sec_reversed .container {
    flex-direction: row-reverse;
  }
}
.brandstory_sec01 .brandstory_sec_title_shape {
  top: -5px;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec01 .brandstory_sec_title_shape {
    top: clamp(
        -2.5rem,
        -2.7644230769vw + 1.9230769231rem,
        -0.2rem
    );
  }
}
.brandstory_sec01 .brandstory_sec_title .jp {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .brandstory_sec01 .brandstory_sec_title .jp {
    left: 1px;
    margin-top: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .brandstory_sec03 {
    margin-top: 125px;
  }
}
@media only screen and (min-width: 768px) {
  .brandstory_sec03 .brandstory_sec_main {
    margin-top: 76px;
  }
}
@media only screen and (min-width: 768px) {
  .brandstory_sec03 .brandstory_sec_main .ani_shape::after {
    left: 0;
  }
}

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