@charset "UTF-8";
.p-aboutThought {
  margin-top: 11rem;
}
@media screen and (max-width: 767px) {
  .p-aboutThought {
    margin-top: 13rem;
    --wrapPaddingHorizontal: 4.5rem;
  }
}

.p-aboutThoughtTexts {
  margin-top: 5.5rem;
  width: 100%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-aboutThoughtTexts {
    margin-top: 7.7rem;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    gap: 4.3rem;
  }
}

.p-aboutThoughtTexts__text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  line-height: 2.25;
  margin-block: 0;
}
@media screen and (max-width: 767px) {
  .p-aboutThoughtTexts__text {
    font-size: 2.4rem;
    line-height: 1.8;
  }
}

.p-aboutThought__image {
  margin-top: 22.5rem;
  width: 100%;
  height: 50rem;
}
@media screen and (max-width: 767px) {
  .p-aboutThought__image {
    margin-top: 15rem;
    height: 60rem;
  }
}
.p-aboutThought__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-aboutCraft {
  margin-top: 22rem;
}
@media screen and (max-width: 767px) {
  .p-aboutCraft {
    margin-top: 12.5rem;
    overflow: hidden;
  }
}

.p-aboutCraftBox01 {
  margin-top: 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01 {
    margin-top: 9.5rem;
  }
}

.p-aboutCraftBox01 + .p-aboutCraftBox01 {
  margin-top: 24.2rem;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01 + .p-aboutCraftBox01 {
    margin-top: 10rem;
  }
}

.p-aboutCraftBox01Item01 {
  width: 100%;
  height: 50rem;
}
.p-aboutCraftBox01Item01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-aboutCraftBox01Item02 {
  margin-top: 7.6rem;
}

.p-aboutCraftBox01Item02__title {
  position: relative;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item02__title {
    padding-bottom: 2.6rem;
  }
}
.p-aboutCraftBox01Item02__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--black01);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.p-aboutCraftBox01Item02.is-show .p-aboutCraftBox01Item02__title::before {
  -webkit-animation-name: line01;
          animation-name: line01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.p-aboutCraftBox01Item02__titleInner {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 4rem;
  margin-block: 0;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item02__titleInner {
    font-size: 4.2rem;
  }
}
.p-aboutCraftBox01Item02.is-show .p-aboutCraftBox01Item02__titleInner {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.p-aboutCraftBox01Item02__texts {
  margin-top: 2.7rem;
  display: grid;
  grid-template-columns: 100%;
  gap: 2em;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item02__texts {
    margin-top: 3.7rem;
  }
}
.p-aboutCraftBox01Item02.is-show .p-aboutCraftBox01Item02__texts {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.p-aboutCraftBox01Item02__text {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.125;
  letter-spacing: 0.04em;
  margin-block: 0;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item02__text {
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: -0.02em;
  }
}

.p-aboutCraftBox01Item03 {
  margin-top: 15.5rem;
  display: grid;
  grid-template-columns: 60rem 1fr;
  gap: 8rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item03 {
    margin-top: 8.5rem;
    grid-template-columns: 100%;
    gap: 10rem;
  }
}

@media screen and (min-width: 768px) {
  .p-aboutCraftBox01Item03__image {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  .p-aboutCraftBox01Item03__image.is-show {
    -webkit-animation-name: anime_fade01;
            animation-name: anime_fade01;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
            animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item03__image {
    margin-inline: calc(var(--wrapPaddingHorizontal) * -1);
    height: 44rem;
  }
  .p-aboutCraftBox01Item03__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-aboutCraftBox01Item03__texts {
  display: grid;
  grid-template-columns: 100%;
  gap: 3.3em;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item03__texts {
    gap: 2.7em;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
}

.p-aboutCraftBox01Item03__text {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.125;
  letter-spacing: 0.04em;
  margin-block: 0;
}
.p-aboutCraftBox01Item03__text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.125) * 0.5em);
  content: "";
}
.p-aboutCraftBox01Item03__text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item03__text {
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: -0.02em;
  }
  .p-aboutCraftBox01Item03__text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .p-aboutCraftBox01Item03__text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.p-aboutCraftBox01Item04 {
  margin-top: 18rem;
  display: grid;
  grid-template-columns: 1fr 60rem;
  gap: 8rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item04 {
    margin-top: 9.5rem;
    grid-template-columns: 100%;
    gap: 9.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-aboutCraftBox01Item04__image {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  .p-aboutCraftBox01Item04__image.is-show {
    -webkit-animation-name: anime_fade01;
            animation-name: anime_fade01;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
            animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item04__image {
    margin-inline: calc(var(--wrapPaddingHorizontal) * -1);
    height: 44rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-aboutCraftBox01Item04__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-aboutCraftBox01Item04__texts {
  display: grid;
  grid-template-columns: 100%;
  gap: 3.3em;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item04__texts {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    gap: 2.7em;
  }
}

.p-aboutCraftBox01Item04__text {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.125;
  letter-spacing: 0.04em;
  margin-block: 0;
}
.p-aboutCraftBox01Item04__text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.125) * 0.5em);
  content: "";
}
.p-aboutCraftBox01Item04__text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.125) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox01Item04__text {
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: -0.02em;
  }
  .p-aboutCraftBox01Item04__text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .p-aboutCraftBox01Item04__text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.p-aboutCraftBox02 {
  margin: 18.2rem auto 0;
  width: 83.5rem;
  position: relative;
  translate: 0.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox02 {
    margin: 9.5rem auto 0;
    width: 62.7rem;
    translate: 0 0;
  }
}

.p-aboutCraftBox02__image {
  width: 39rem;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.p-aboutCraftBox02.is-show .p-aboutCraftBox02__image {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@media screen and (max-width: 767px) {
  .p-aboutCraftBox02__image {
    width: 39rem;
  }
}

.p-aboutCraftBox02__area01 {
  --aboutCraftBox02TextTop: 6.8rem;
  --aboutCraftBox02TextLine: 46.2rem;
  --aboutCraftBox02TextLineRatio: 461/52;
  --aboutCraftBox02TextLineTop: 51.5%;
}
.p-aboutCraftBox02__area01::before {
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 461.56 52.39"><path d="M.71,52.39l-.71-.71L51.7,0h409.87v1H52.11L.71,52.39Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 461.56 52.39"><path d="M.71,52.39l-.71-.71L51.7,0h409.87v1H52.11L.71,52.39Z" /></svg>');
}
@media screen and (min-width: 768px) {
  .mac.chrome .p-aboutCraftBox02__area01 {
    --aboutCraftBox02TextTop: 6.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox02__area01 {
    --aboutCraftBox02TextTop: 6.9rem;
    --aboutCraftBox02TextLine: 27.2rem;
    --aboutCraftBox02TextLineRatio: 266/52;
  }
  .p-aboutCraftBox02__area01::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 266.13 52.4"><path d="M52.11,1h214.03V0H51.69L0,51.69l.71.71L52.11,1Z" /></svg>');
            mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 266.13 52.4"><path d="M52.11,1h214.03V0H51.69L0,51.69l.71.71L52.11,1Z" /></svg>');
  }
}

.p-aboutCraftBox02__area02 {
  --aboutCraftBox02TextTop: 12.5rem;
  --aboutCraftBox02TextLine: 37.1rem;
  --aboutCraftBox02TextLineRatio: 370/45;
  --aboutCraftBox02TextLineTop: 51%;
}
.p-aboutCraftBox02__area02::before {
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 370.42 43.78"><path d="M.71,43.78l-.71-.71L43.07,0h327.35v1H43.49L.71,43.78Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 370.42 43.78"><path d="M.71,43.78l-.71-.71L43.07,0h327.35v1H43.49L.71,43.78Z" /></svg>');
}
@media screen and (min-width: 768px) {
  .mac .p-aboutCraftBox02__area02 {
    --aboutCraftBox02TextTop: 12.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox02__area02 {
    --aboutCraftBox02TextTop: 12.4rem;
    --aboutCraftBox02TextLine: 18rem;
    --aboutCraftBox02TextLineRatio: 175/43;
    --aboutCraftBox02TextLineTop: 50%;
  }
  .p-aboutCraftBox02__area02::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 175 43.78"><path d="M43.49,1h131.51V0H43.07L0,43.07l.71.71L43.49,1Z" /></svg>');
            mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 175 43.78"><path d="M43.49,1h131.51V0H43.07L0,43.07l.71.71L43.49,1Z" /></svg>');
  }
}

.p-aboutCraftBox02__area03 {
  --aboutCraftBox02TextTop: 18.4rem;
  --aboutCraftBox02TextLine: 46.9rem;
  --aboutCraftBox02TextLineRatio: 468/24;
  --aboutCraftBox02TextLineTop: 51%;
}
.p-aboutCraftBox02__area03::before {
  translate: 0 -100%;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 468.47 20.73"><path d="M468.47,20.73H20.02L0,.71l.71-.71,19.73,19.73h448.04v1Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 468.47 20.73"><path d="M468.47,20.73H20.02L0,.71l.71-.71,19.73,19.73h448.04v1Z" /></svg>');
}
@media screen and (min-width: 768px) {
  .mac.chrome .p-aboutCraftBox02__area03 {
    --aboutCraftBox02TextTop: 18.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox02__area03 {
    --aboutCraftBox02TextTop: 18.4rem;
    --aboutCraftBox02TextLine: 27.8rem;
    --aboutCraftBox02TextLineRatio: 275/25;
  }
  .p-aboutCraftBox02__area03::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 273.05 20.73"><path d="M273.05,19.73H20.43L.71,0l-.71.71,20.02,20.02h253.03v-1Z" /></svg>');
            mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 273.05 20.73"><path d="M273.05,19.73H20.43L.71,0l-.71.71,20.02,20.02h253.03v-1Z" /></svg>');
  }
}

.p-aboutCraftBox02__area04 {
  --aboutCraftBox02TextTop: 24.4rem;
  --aboutCraftBox02TextLine: 41.7rem;
  --aboutCraftBox02TextLineRatio: 416/38;
  --aboutCraftBox02TextLineTop: 51%;
}
.p-aboutCraftBox02__area04::before {
  translate: 0 -100%;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 416.82 38.29"><path d="M416.82,38.29H37.58L0,.71l.71-.71,37.29,37.29h378.83v1Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 416.82 38.29"><path d="M416.82,38.29H37.58L0,.71l.71-.71,37.29,37.29h378.83v1Z" /></svg>');
}
@media screen and (min-width: 768px) {
  .mac.chrome .p-aboutCraftBox02__area04 {
    --aboutCraftBox02TextTop: 24.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox02__area04 {
    --aboutCraftBox02TextTop: 24.4rem;
    --aboutCraftBox02TextLine: 22.6rem;
    --aboutCraftBox02TextLineRatio: 221/39;
  }
  .p-aboutCraftBox02__area04::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 221.4 38.29"><path d="M221.4,37.29H37.99L.71,0l-.71.71,37.58,37.58h183.82v-1Z" /></svg>');
            mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 221.4 38.29"><path d="M221.4,37.29H37.99L.71,0l-.71.71,37.58,37.58h183.82v-1Z" /></svg>');
  }
}

.p-aboutCraftBox02__area05 {
  --aboutCraftBox02TextTop: 36rem;
  --aboutCraftBox02TextLine: 43.8rem;
  --aboutCraftBox02TextLineRatio: 435/135;
  --aboutCraftBox02TextLineTop: 51%;
}
.p-aboutCraftBox02__area05::before {
  translate: 0 -100%;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 435.35 135.7"><path d="M435.35,135.7H134.99L0,.71l.71-.71,134.7,134.7h299.94v1Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 435.35 135.7"><path d="M435.35,135.7H134.99L0,.71l.71-.71,134.7,134.7h299.94v1Z" /></svg>');
}
@media screen and (max-width: 767px) {
  .p-aboutCraftBox02__area05 {
    --aboutCraftBox02TextTop: 36.4rem;
    --aboutCraftBox02TextLine: 24.6rem;
    --aboutCraftBox02TextLineRatio: 239/135;
  }
  .p-aboutCraftBox02__area05::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 239.92 135.7"><path d="M239.92,135.7h-104.92L0,.71l.71-.71,134.7,134.7h104.51v1Z" /></svg>');
            mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 239.92 135.7"><path d="M239.92,135.7h-104.92L0,.71l.71-.71,134.7,134.7h104.51v1Z" /></svg>');
  }
}
.p-aboutCraftBox02__area05 img {
  width: 11.7rem;
}

[class^=p-aboutCraftBox02__area0] {
  position: absolute;
  top: var(--aboutCraftBox02TextTop);
  left: 59.6rem;
}
@media screen and (max-width: 767px) {
  [class^=p-aboutCraftBox02__area0] {
    left: 39.6rem;
  }
}
[class^=p-aboutCraftBox02__area0]::before {
  content: "";
  position: absolute;
  top: var(--aboutCraftBox02TextLineTop);
  left: calc(var(--aboutCraftBox02TextLine) * -1 - 1.7rem);
  width: var(--aboutCraftBox02TextLine);
  aspect-ratio: var(--aboutCraftBox02TextLineRatio);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: right center;
          mask-position: right center;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(80, 80, 80)), color-stop(50%, rgba(80, 80, 80, 0)));
  background: linear-gradient(90deg, rgb(80, 80, 80) 50%, rgba(80, 80, 80, 0) 50%);
  background-size: 200% 200%;
  background-position: 100% 0;
}
@media screen and (max-width: 767px) {
  [class^=p-aboutCraftBox02__area0]::before {
    left: calc(var(--aboutCraftBox02TextLine) * -1 - 0.8rem);
  }
}
.p-aboutCraftBox02.is-show [class^=p-aboutCraftBox02__area0]::before {
  -webkit-animation-name: aboutMap;
          animation-name: aboutMap;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

@-webkit-keyframes aboutMap {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes aboutMap {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.p-aboutCraftBox02__text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1;
  margin-block: 0;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  white-space: nowrap;
}
.p-aboutCraftBox02.is-show .p-aboutCraftBox02__text {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.p-aboutCraft__image {
  margin-top: 24rem;
  width: 100%;
  height: 50rem;
}
@media screen and (max-width: 767px) {
  .p-aboutCraft__image {
    margin-top: 15rem;
    height: 60rem;
  }
}
.p-aboutCraft__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-aboutProfile {
  margin-top: 22.4rem;
}
@media screen and (max-width: 767px) {
  .p-aboutProfile {
    margin-top: 13.4rem;
    overflow: hidden;
  }
}

.p-aboutProfileGrid {
  display: grid;
  grid-template-columns: 54rem 1fr;
  gap: 5.7rem;
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGrid {
    grid-template-columns: 100%;
    gap: 9.2rem;
    margin-top: 9.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-aboutProfileGrid__image {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  .p-aboutProfileGrid__image.is-show {
    -webkit-animation-name: anime_fade01;
            animation-name: anime_fade01;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
            animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  }
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGrid__image {
    margin-inline: calc(var(--wrapPaddingHorizontal) * -1);
    height: 44rem;
  }
  .p-aboutProfileGrid__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-aboutProfileGridBox__texts {
  padding-top: 9.2rem;
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGridBox__texts {
    padding-top: 0;
  }
}

.p-aboutProfileGridBoxHeading {
  position: relative;
  padding-bottom: 3.5rem;
}
.p-aboutProfileGridBoxHeading::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--black01);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGridBoxHeading::before {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
.p-aboutProfileGridBox.is-show .p-aboutProfileGridBoxHeading::before {
  -webkit-animation-name: line01;
          animation-name: line01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.p-aboutProfileGridBoxHeading__name {
  font-weight: 500;
  font-size: 2.4rem;
  margin-block: 0;
  line-height: 1;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGridBoxHeading__name {
    font-size: 4.4rem;
  }
}
.p-aboutProfileGridBox.is-show .p-aboutProfileGridBoxHeading__name {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.p-aboutProfileGridBoxHeading__english {
  font-weight: 300;
  font-size: 1.6rem;
  margin-block: 1.5rem 0;
  line-height: 1;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGridBoxHeading__english {
    font-size: 2.5rem;
  }
}
.p-aboutProfileGridBox.is-show .p-aboutProfileGridBoxHeading__english {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.p-aboutProfileGridBox__texts {
  margin-top: 4.5rem;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGridBox__texts {
    margin-top: 8.5rem;
  }
}
.p-aboutProfileGridBox.is-show .p-aboutProfileGridBox__texts {
  -webkit-animation-name: anime_fade01;
          animation-name: anime_fade01;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.p-aboutProfileGrid__text {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5;
  margin-block: 0;
}
@media screen and (max-width: 767px) {
  .p-aboutProfileGrid__text {
    font-size: 2.5rem;
    line-height: 1.8;
  }
  .p-aboutProfileGrid__text:nth-child(n+2) {
    margin-top: 1.8em;
  }
}