@charset "UTF-8";
html {
  scroll-behavior: auto !important; /* smoothスクロール解除 */
}

.box {
  position: absolute;
  top: 2000px;
}

#smooth-content {
  height: auto;
}

.MainContainer {
  background: linear-gradient(to bottom, #eaf5fb 0px, #eaf5fb 3000px, #ffffff 3000px, #ffffff 100%);
}

.MainVisual {
  position: absolute;
  width: 100%;
  top: 0px;
  height: 2500px;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #eaf5fb;
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.MainVisual::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1800px;
  background-color: #eaf5fb;
}

#WhatsVisionScroll {
  top: 984px;
}

.WhatsVision {
  position: absolute;
  width: 100%;
  top: 984px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transform: translate(0px, 1000px);
}
.WhatsVision .template {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  opacity: 1;
}
.WhatsVision .cloud01 {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  opacity: 1;
  top: 0px;
  transition: all 1s ease;
}
.WhatsVision .cloud01 image {
  transition: all 1s ease;
}
.WhatsVision .cloud01 img {
  transform: translate(-32px, 0px);
}
.WhatsVision .cloud02 {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  opacity: 1;
  top: 18px;
  transition: all 1s ease;
  /*
  &::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 240px;
    top: 400px;
    left: 1px;
    background-color: #efefef;
  }
    */
}
.WhatsVision .cloud02 image {
  transition: all 1s ease;
}
.WhatsVision .cloud02 img {
  transform: translate(26px, 0px);
}
.WhatsVision .cloud03 {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  opacity: 1;
  top: 177px;
  transition: all 1s ease;
}
.WhatsVision .cloud03 image {
  transition: all 1s ease;
}
.WhatsVision .cloud03 img {
  transform: translate(-14px, 0px);
}
.WhatsVision .bird_l {
  position: absolute;
  width: 324.75px;
  height: 249.2px;
  transform-origin: left center;
  left: calc(50% - 50px);
  top: 107px;
  transition: all 0.3s ease;
}
.WhatsVision .cosmos {
  position: absolute;
  top: 0px;
  width: 1800px;
  height: 100%;
  pointer-events: none;
  transition: all 1s ease;
}
.WhatsVision .cosmos .star {
  position: absolute;
  top: 438px;
  transition: all 1s ease;
}
.WhatsVision .cosmos .planet_a {
  position: absolute;
  /* 海王星 */
  left: calc(50% - 392px);
  top: 412px;
  transition: all 1s ease;
}
.WhatsVision .cosmos .planet_b {
  position: absolute;
  /* 火星 */
  left: calc(50% + 322px);
  top: 633px;
  transition: all 1s ease;
}
.WhatsVision .cosmos .planet_c {
  position: absolute;
  /* 土星 */
  left: calc(50% - 572px);
  top: 1272px;
  transition: all 1s ease;
}
.WhatsVision .cosmos .planet_d {
  position: absolute;
  /* 木星 */
  left: calc(50% + 322px);
  top: 1459px;
  transition: all 1s ease;
}
.WhatsVision .back {
  position: absolute;
  top: 613px;
  width: 100%;
  height: 2200px;
  background: var(--color-cosmos);
  transition: all 1s ease;
}
.WhatsVision #WhatsVision {
  top: 400px;
}
.WhatsVision .info {
  position: relative;
  margin-top: 613px;
  padding-top: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1000px;
  transition: all 1s ease;
}
.WhatsVision .info h1 {
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
}
.WhatsVision .info .text01 {
  position: relative;
  width: 100%;
  max-width: 550px;
  height: 60px;
  font-family: var(--font-family-en);
  font-weight: 600;
  font-size: 40px;
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.WhatsVision .info .text02 {
  position: relative;
  width: 100%;
  max-width: 550px;
  min-height: 56px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
}
.WhatsVision .info .text03 {
  /* 冠婚・葬祭・互助会を柱とした事業を展開するアルファクラブ武蔵野が、 未来そして未来の人々へ向けた事業計、それが「VISION70」です。 */
  position: relative;
  width: 100%;
  max-width: 550px;
  font-weight: 400;
  font-size: 15px;
  line-height: 2;
  text-align: center;
  color: #ffffff;
  margin-bottom: 108px;
}
.WhatsVision .info .themaContener {
  position: relative;
  width: calc(100% - 160px);
  max-width: 716px;
  height: 202px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.WhatsVision .info .themaContener .theme {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.3333333333%;
}
.WhatsVision .info .themaContener .theme .theme01 {
  height: 32px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
}
.WhatsVision .info .themaContener .theme .theme02 {
  margin-left: 4px;
  height: 126px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 120px;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}
.WhatsVision .info .themaContener .theme .theme03 {
  height: 36px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}
.WhatsVision .info .text04 {
  /* 想いを、未来へ。 */
  width: 100%;
  max-width: 550px;
  height: 55px;
  margin-bottom: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
}
.WhatsVision .info .text05 {
  position: relative;
  width: 100%;
  max-width: 550px;
  margin-bottom: 148px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.WhatsVision .info .text05 p {
  font-size: 15px;
  line-height: 2.5;
}
.WhatsVision .info .text06 {
  position: relative;
  /* VISION 70 */
  margin-bottom: 2px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 800;
  font-size: 100px;
  letter-spacing: 2px;
  line-height: 100%;
  color: #ffffff;
}
.WhatsVision .info .text07 {
  position: relative;
  margin-bottom: 60px;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  color: #ffffff;
}
.WhatsVision .info .text08 {
  /* 2032年まであと */
  position: relative;
  width: 175px;
  margin-bottom: 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  /* ボックスの高さと同一 */
  text-align: center;
  color: #ffffff;
}
.WhatsVision .atCounter {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.WhatsVision .atCounter .atCounterContainer {
  box-sizing: border-box;
  width: 520px;
  height: 130px;
  border: 4px solid #ffffff;
  border-radius: 6px;
  padding: 0 20px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  gap: 49px;
}
.WhatsVision .atCounter .atCounterContainer .atCounterAtom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.WhatsVision .atCounter .atCounterContainer .atCounterAtom .Num {
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: #ffffff;
}
.WhatsVision .atCounter .atCounterContainer .atCounterAtom .Label {
  /* DAYS */
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

.PicupBusiness {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 2960px;
  height: 1473px;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  transform: translate(0px, 1000px);
}
.PicupBusiness .CloudBase {
  position: absolute;
  top: 0;
  z-index: 2;
  transition: all 1s ease;
}
.PicupBusiness .CloudBaseSP {
  position: absolute;
  top: 0;
  display: none;
  z-index: 2;
  transition: all 1s ease;
}
.PicupBusiness #PicupBusiness {
  top: 200px;
}
.PicupBusiness .info {
  position: absolute;
  top: 382px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1700px;
  background-color: #fff;
  overflow: hidden;
}
.PicupBusiness .info .labelEn {
  position: relative;
  margin-top: 300px;
  width: 200px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  letter-spacing: 0.8px;
  transition: all 1s ease;
  z-index: 3;
}
.PicupBusiness .info h2 {
  position: relative;
  margin-top: 6px;
  width: 400px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.625rem, 1.425rem + 0.94vw, 2.25rem);
  line-height: 1.4;
  /* ボックスの高さと同一 */
  text-align: center;
  color: #000000;
  z-index: 3;
}
.PicupBusiness .info .PicupBusinessCarousel {
  position: relative;
  margin-top: 30px;
  width: 100%;
  max-width: 1800px;
  height: 457px;
  overflow: hidden;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack {
  position: absolute;
  left: 0px;
  display: flex;
  gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack .PicupBusinessSlide {
  display: flex;
  width: 280px;
  height: 457px;
  text-decoration: none;
  user-select: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-user-drag: none; /* Safari/Chrome のリンクドラッグをオフ */
  user-select: none;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack .PicupBusinessSlide .Back {
  position: relative;
  border-radius: 22px;
  width: 280px;
  height: 340px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack .PicupBusinessSlide .Back .moreread {
  position: absolute;
  width: 248px;
  height: 30px;
  bottom: 14px;
  padding: 4.5px 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack .PicupBusinessSlide .cardLabelEn {
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #090909;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack .PicupBusinessSlide .cardLabelJa {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 8px;
  color: #090909;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PicupBusiness .info .PicupBusinessCarousel .PicupBusinessCarouselTrack .PicupBusinessSlide p {
  width: 228px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PicupBusiness .info .action {
  position: relative;
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.Interview {
  position: relative;
  margin-top: 4333px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 55px 0 80px;
  overflow: hidden;
  transform: translate(0px, 1000px);
}
.Interview .InterviewPrimary {
  position: relative;
  width: 100%;
  max-width: 1830px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 56px;
}
.Interview .InterviewPrimary .left {
  position: absolute;
  width: 38%;
  max-width: 599px;
  right: 58.5%;
  min-height: 639px;
  padding-left: 2px;
}
.Interview .InterviewPrimary .left .title {
  position: relative;
  margin: 0 0 72px;
}
.Interview .InterviewPrimary .left .title h2 {
  font-weight: 400;
  font-size: clamp(1.625rem, 1.425rem + 0.94vw, 2.25rem);
  line-height: 1.4;
  color: #000000;
  white-space: nowrap;
  text-align: left;
}
.Interview .InterviewPrimary .left .title h2 span {
  font-family: var(--font-family-en);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 4px;
  letter-spacing: 0.7px;
  text-align: left;
}
.Interview .InterviewPrimary .left article {
  position: relative;
}
.Interview .InterviewPrimary .left article .labelEn {
  font-family: var(--font-family-en);
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 23px;
  letter-spacing: 1.4px;
}
.Interview .InterviewPrimary .left article .labelPost {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 8px;
}
.Interview .InterviewPrimary .left article .labelName {
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 28px;
}
.Interview .InterviewPrimary .left article h3 {
  width: calc(100% - 80px);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.4;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 24px;
}
.Interview .InterviewPrimary .left article p {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 24px;
}
.Interview .InterviewPrimary .left article .action {
  display: flex;
  justify-content: flex-end;
}
.Interview .InterviewPrimary .Image {
  position: absolute;
  top: 0;
  right: 0;
  width: 994px;
  height: 988px;
  overflow: hidden;
}
.Interview .InterviewPrimary .Image .back {
  position: absolute;
  top: 0;
  right: 0;
  width: 994px;
  height: 988px;
  opacity: 0.8;
}
.Interview .InterviewPrimary .Image .image {
  position: absolute;
  top: 176px;
  right: 24px;
  width: 846px;
  height: 647px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  mask-image: url("../images/top/interview_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-position: top center;
  mask-size: cover;
  -webkit-mask-image: url("../images/top/interview_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  -webkit-mask-size: cover;
  /*
  mask: url('../images/top/interview_mask.png') no-repeat center/cover;
  -webkit-mask: url('../images/top/interview_mask.png') no-repeat center/cover;
  */
}
.Interview .InterviewPrimary .Image .spotlight {
  position: absolute;
  left: 39px;
  top: 278.86px;
}
.Interview .InterviewPrimary .Image .spotlight .lightStand {
  position: absolute;
  width: 99.84px;
  height: 140.01px;
}
.Interview .InterviewPrimary .Image .spotlight .lightHead {
  position: absolute;
  left: 47.32px;
  top: -26.87px;
  width: 860px;
  height: 893px;
  transform-origin: 8.5px 25px;
  transform: rotate(-60deg);
}
.Interview .InterviewSecondary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  width: calc(100% - 60px);
}
.Interview .InterviewSecondary a {
  position: relative;
  width: 48%;
  max-width: 580px;
  max-height: 420px;
  margin-bottom: 30px;
  text-decoration: none;
}
.Interview .InterviewSecondary a article {
  width: 100%;
}
.Interview .InterviewSecondary a article .Back {
  position: relative;
  width: 100%;
  max-height: 260px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 15px 24px;
}
.Interview .InterviewSecondary a article .Back .moreread {
  background: var(--color-cosmos);
  border-radius: 100px;
  font-family: var(--font-family-en);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  letter-spacing: 0.8px;
}
.Interview .InterviewSecondary a article p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #000000;
  margin: 10px 0 6px;
}
.Interview .InterviewSecondary a article h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 8px 4px;
}

.FutureAiMessage {
  position: relative;
  min-height: 868px;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  background-color: var(--color-cosmos);
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 207px 0 138px;
}
.FutureAiMessage .labelEn {
  position: absolute;
  top: 112px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 80px;
  line-height: 119px;
  letter-spacing: 2.7px;
  color: #ffffff;
}
.FutureAiMessage .Frame {
  position: absolute;
  width: calc(100% - 40px);
  max-width: 1240px;
  min-height: 523px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: flex-end;
}
.FutureAiMessage .Frame .image {
  position: absolute;
  width: 518px;
  height: auto;
  left: calc(25% - 300px);
  top: 75px;
}
.FutureAiMessage .Frame .info {
  position: relative;
  margin: 94px 0 0;
  padding: 20px 30px 40px 20px;
  right: 0px;
  width: calc(50% + 60px);
  border-radius: 8px;
  isolation: isolate;
  z-index: 2;
}
.FutureAiMessage .Frame .info::before {
  content: "";
  position: absolute;
  transform: translate(-20px, -20px);
  width: 50%;
  height: 100%;
  inset: 0;
  z-index: -1;
  width: 50%;
  height: 100%;
  background: #fff;
  filter: url(#blurX);
}
.FutureAiMessage .Frame .info h2 {
  /* 20年後のあなたへ AIがメッセージ */
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.625rem, 1.425rem + 0.94vw, 2.25rem);
  line-height: 1.4;
  margin: 0 0 18px;
  color: #000000;
  text-align: left;
}
.FutureAiMessage .Frame .info h2 span {
  top: 0;
  position: relative;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: #000000;
  margin: 0 0 6px;
  text-align: left;
}
.FutureAiMessage .Frame .info p {
  /* 20年後のあなたは、何歳でどんな暮らしをしてるんだろう・・・ 未来のあなたにAIがメッセージを送ります！簡単な質問に答えるとAIがメッセージを送るよ！ */
  position: relative;
  width: 100%;
  max-width: 600px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  margin: 0 0 28px;
  /* または200% */
  color: #000000;
}
.FutureAiMessage .Frame .info .action {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.FutureAiMessage .Frame .info .action .button {
  position: relative;
  width: 303px;
  height: 54px;
}

.FutureWorks {
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  width: 100%;
  min-height: 794px;
  overflow-x: hidden;
  background-color: #eaf5fb;
  color: #666;
  display: flex;
  justify-content: center;
  padding: 208px 0 157px;
}
.FutureWorks .info {
  background-color: #eaf5fb;
  position: absolute;
  width: 796.5px;
  display: flex;
  justify-content: space-between;
  top: 80px;
}
.FutureWorks .info .image01 {
  width: 147.5px;
  height: 223.59px;
}
.FutureWorks .info .labelEn {
  margin-top: 31px;
  width: 496px;
  height: 119px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 80px;
  line-height: 119px;
  text-align: center;
  color: #30b0c0;
  letter-spacing: 2.5px;
}
.FutureWorks .info .image02 {
  width: 147.5px;
  height: 223.59px;
}
.FutureWorks .Frame {
  position: relative;
  width: calc(100% - 40px);
  max-width: 1240px;
  height: 50%;
  min-height: 429px;
  background-color: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  padding: 61px 0 48px;
}
.FutureWorks .Frame h2 {
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.625rem, 1.425rem + 0.94vw, 2.25rem);
  line-height: 1.4;
  text-align: center;
  color: #000000;
}
.FutureWorks .Frame .text01 {
  position: relative;
  width: calc(100% - 120px);
  max-width: 1000px;
  margin: 0 auto 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
.FutureWorks .Frame .labelEn {
  position: relative;
  width: 100%;
  height: 53px;
  padding: 0px 0;
  margin: 0 auto 10px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 53px;
  text-align: center;
  letter-spacing: 2px;
  color: #000000;
}
.FutureWorks .Frame .action {
  position: relative;
  width: 100%;
  max-width: 631px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.FutureWorks .Frame .action .left {
  width: 303px;
}
.FutureWorks .Frame .action .right {
  width: 303px;
}
.FutureWorks .Frame .action .button {
  position: relative;
  margin-bottom: 10px;
}
.FutureWorks .Frame .action p {
  padding: 0 6px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000;
}

.Character {
  position: relative;
  width: 100%;
  height: 1056px;
  background-image: url("../images/sample/character1800.png");
  background-repeat: no-repeat;
  background-position: top center;
  background: #43c2d2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 73px 0 0;
}
.Character .CharacterHeader {
  width: 100%;
  text-align: center;
  padding: 12px 0 34px;
}
.Character .CharacterHeader .labelEn {
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 80px;
  line-height: 96px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 3.5px;
}
.Character .CharacterHeader h2 {
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.625rem, 1.425rem + 0.94vw, 2.25rem);
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0px;
  color: #ffffff;
}

.AboutUS {
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  width: 100%;
  min-height: 786px;
  overflow-x: hidden;
  background-color: #ffffff;
  color: #666;
  display: flex;
  justify-content: center;
  padding: 215px 0 100px;
}
.AboutUS .info {
  position: absolute;
  width: 796px;
  display: flex;
  justify-content: center;
  top: 118px;
}
.AboutUS .info .labelEn {
  width: 496px;
  height: 119px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 80px;
  line-height: 119px;
  text-align: center;
  color: #30b0c0;
  letter-spacing: 2.5px;
}
.AboutUS .Frame {
  position: relative;
  width: calc(100% - 40px);
  max-width: 1240px;
  height: 50%;
  min-height: 429px;
  background-color: #eaf5fb;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  padding: 61px 0 48px;
}
.AboutUS .Frame h2 {
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.625rem, 1.425rem + 0.94vw, 2.25rem);
  line-height: 1.4;
  text-align: center;
  color: #000000;
}
.AboutUS .Frame .text01 {
  position: relative;
  width: calc(100% - 120px);
  max-width: 1000px;
  margin: 0 auto 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  /* または200% */
  text-align: center;
  color: #000000;
}
.AboutUS .Frame .labelEn {
  position: relative;
  width: 100%;
  height: 53px;
  padding: 20px 0;
  margin: 0 auto 24px;
  font-family: var(--font-family-en);
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 2px;
  color: #000000;
}
.AboutUS .Frame .action {
  position: relative;
  width: 100%;
  max-width: 631px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.AboutUS .Frame .action .left {
  width: 300px;
}
.AboutUS .Frame .action .right {
  width: 300px;
}
.AboutUS .Frame .action .button {
  position: relative;
  width: 300px;
  margin-bottom: 10px;
}
.AboutUS .Frame .action p {
  padding: 0 6px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000;
}

@media (max-width: 1024px) {
  .Interview {
    max-height: 2679px;
  }
  .Interview .InterviewPrimary {
    align-items: center;
    margin-bottom: 79px;
  }
  .Interview .InterviewPrimary .left {
    position: relative;
    right: initial;
    width: 100%;
    max-width: 690px;
    min-height: 520px;
    padding: 0 40px;
    margin-top: -50px;
  }
  .Interview .InterviewPrimary .left .title {
    margin: 0 0 28px;
  }
  .Interview .InterviewPrimary .left article h3 {
    width: calc(100% - 0px);
  }
  .Interview .InterviewPrimary .left article p {
    margin-bottom: 30px;
  }
  .Interview .InterviewPrimary .Image {
    position: relative;
    margin-left: -120px;
    margin-top: -20px;
    height: 981px;
  }
  .Interview .InterviewPrimary .Image .spotlight {
    transform: scale(1);
    left: 113px;
    top: 190.86px;
  }
  .Interview .InterviewSecondary {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    gap: 68px;
  }
  .Interview .InterviewSecondary a {
    width: 100%;
    max-width: 580px;
    max-height: 420px;
    margin-bottom: 0px;
  }
}