/*
 * birth-story 페이지 전용 스타일.
 * 원본 사이트의 구조와 클래스 이름을 유지하며, 모든 규칙은 .legacy-page 범위 안에서만 적용된다.
 */

.legacy-page {
  font-size: 10px;
  line-height: 1.5;
  color: #333;
}
/* 공통 스타일(base.css)의 컨테이너 폭·여백이 서브페이지에 섞이지 않도록 초기화한다. */
.legacy-page .container {
  width: auto;
  padding: 0;
}
@keyframes marquee-toleft {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes marquee-toright {
  0% {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.legacy-page {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.legacy-page {
  --fa-family-brands: 'Font Awesome 7 Brands';
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}
.legacy-page {
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
}
.legacy-page {
  --fa-family-classic: 'Font Awesome 7 Free';
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic);
}
.legacy-page *,
.legacy-page :after,
.legacy-page :before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.legacy-page ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.legacy-page *,
.legacy-page :after,
.legacy-page :before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
.legacy-page :after,
.legacy-page :before {
  --tw-content: '';
}
.legacy-page {
  margin: 0;
  line-height: inherit;
}
.legacy-page h1,
.legacy-page h2,
.legacy-page h3,
.legacy-page h5,
.legacy-page h6 {
  font-size: inherit;
  font-weight: inherit;
}
.legacy-page a {
  color: inherit;
  text-decoration: inherit;
}
.legacy-page b,
.legacy-page strong {
  font-weight: bolder;
}
.legacy-page :-moz-focusring {
  outline: auto;
}
.legacy-page :-moz-ui-invalid {
  box-shadow: none;
}
.legacy-page ::-webkit-inner-spin-button,
.legacy-page ::-webkit-outer-spin-button {
  height: auto;
}
.legacy-page [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.legacy-page ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.legacy-page ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.legacy-page h1,
.legacy-page h2,
.legacy-page h3,
.legacy-page h5,
.legacy-page h6,
.legacy-page p {
  margin: 0;
}
.legacy-page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.legacy-page [role='button'] {
  cursor: pointer;
}
.legacy-page :disabled {
  cursor: default;
}
.legacy-page img,
.legacy-page video {
  display: block;
  vertical-align: middle;
}
.legacy-page img,
.legacy-page video {
  max-width: 100%;
  height: auto;
}
.legacy-page [hidden]:where(:not([hidden='until-found'])) {
  display: none;
}
.legacy-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.legacy-page .underline {
  text-decoration-line: underline;
}
.legacy-page {
  overflow-x: hidden;
  max-width: 100%;
}
.legacy-page {
  font-family:
    'Pretendard',
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    var(--font-roboto),
    Roboto,
    'Helvetica Neue',
    'Segoe UI',
    'Apple SD Gothic Neo',
    'Noto Sans KR',
    'Malgun Gothic',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    sans-serif;
  color: #333;
  position: relative;
}
.legacy-page,
.legacy-page div,
.legacy-page h1,
.legacy-page h2,
.legacy-page h3,
.legacy-page h5,
.legacy-page h6,
.legacy-page p {
  letter-spacing: -0.05em;
}
.legacy-page .font-Regular {
  font-weight: 400 !important;
}
.legacy-page #birth .gr_birth,
.legacy-page #birth .gr_birth2,
.legacy-page #birth .gr_birth3 {
  background-clip: text;
}
.legacy-page img {
  max-width: 100%;
}
.legacy-page :focus {
  outline: 0 auto -webkit-focus-ring-color;
}
@media (max-width: 768px) {
  .legacy-page .hide768 {
    display: none;
  }
  .legacy-page .show768 {
    display: block;
  }
}
@media (max-width: 450px) {
  .legacy-page .hide450 {
    display: none;
  }
  .legacy-page .show450 {
    display: block;
  }
}
@media (min-width: 1370px) {
  .legacy-page .container:not(.mini) {
    width: 1370px;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .legacy-page .sub_wrap {
    width: 92.7419vw;
  }
}
@media (max-width: 768px) {
  .legacy-page .sub_wrap {
    width: 92.1875vw;
  }
}
@media (max-width: 450px) {
  .legacy-page .sub_wrap {
    width: 93.3333vw;
  }
}
.legacy-page .font-Light {
  font-weight: 300 !important;
}
.legacy-page .font-Medium {
  font-weight: 500 !important;
}
.legacy-page .font-Bold {
  font-weight: 700 !important;
}
.legacy-page .c_wt {
  color: #fff !important;
}
.legacy-page .sub_wrap {
  width: 1340px;
}
.legacy-page .sub_wrap {
  margin: 0 auto;
  position: relative;
}
.legacy-page .show450,
.legacy-page .show768 {
  display: none;
}
.legacy-page #visual2 {
  position: relative;
  overflow: hidden;
  height: 810px;
}
.legacy-page #visual2 .myVideo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.legacy-page #visual2 .myVideo:before {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
}
.legacy-page #visual2 .myVideo:after,
.legacy-page #visual2 .myVideo:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.legacy-page #visual2 .myVideo:after {
  z-index: 2;
  background-color: hsla(0, 0%, 51%, 0.2);
  mix-blend-mode: color-burn;
}
.legacy-page #visual2 .myVideo video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  position: relative;
}
.legacy-page #visual2 .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 5;
}
@media (max-width: 1370px) {
  .legacy-page .sub_wrap {
    width: 97.8102vw;
  }
}
@media (max-width: 1200px) {
  .legacy-page .sub_wrap {
    width: 93.3333vw;
  }
}
@media (max-width: 992px) {
  .legacy-page #visual2 {
    height: 100vw;
    max-height: 800px;
  }
  .legacy-page .sub_wrap {
    width: 92.7419vw;
  }
}
@media (max-width: 768px) {
  .legacy-page .sub_wrap {
    width: 92.1875vw;
  }
  .legacy-page .hide768 {
    display: none;
  }
  .legacy-page .show768 {
    display: block;
  }
}
@media (max-width: 500px) {
  .legacy-page #visual2 {
    height: 150vw;
    max-height: 500px;
    padding-top: calc(100vw * (80 / 500));
    padding-bottom: calc(100vw * (80 / 500));
  }
  .legacy-page #visual2 .myVideo:before {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .legacy-page #visual2 .txt {
    position: relative;
    background-color: transparent;
  }
}
@media (max-width: 450px) {
  .legacy-page .sub_wrap {
    width: 93.3333vw;
  }
  .legacy-page .hide450 {
    display: none;
  }
  .legacy-page .show450 {
    display: block;
  }
}
@media (min-width: 768px) {
  .legacy-page .container {
    width: 750px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .legacy-page .container {
    width: 970px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .legacy-page .container {
    width: 1170px;
    margin: 0 auto;
  }
}
.legacy-page .clearfix:after,
.legacy-page .clearfix:before {
  content: ' ';
  display: table;
}
.legacy-page .clearfix:after {
  clear: both;
}
.legacy-page #birth .maintitle {
  font-size: 46px;
  line-height: 55px;
  letter-spacing: -2.5px;
}
.legacy-page #birth .subtitle {
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -1.5px;
}
.legacy-page #birth .text {
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -1.5px;
}
@media (max-width: 1200px) {
  .legacy-page #birth .maintitle {
    font-size: calc(100vw * (41 / 1200));
    line-height: calc(100vw * (50 / 1200));
    letter-spacing: -0.2083vw;
  }
  .legacy-page #birth .subtitle {
    font-size: calc(100vw * (35 / 1200));
    line-height: calc(100vw * (35 / 1200));
    letter-spacing: -0.125vw;
  }
  .legacy-page #birth .text {
    font-size: calc(100vw * (30 / 1200));
    line-height: calc(100vw * (45 / 1200));
    letter-spacing: -0.125vw;
  }
}
@media (max-width: 992px) {
  .legacy-page #birth .maintitle {
    font-size: calc(100vw * (41 / 992));
    line-height: calc(100vw * (50 / 992));
    letter-spacing: -0.2083vw;
  }
  .legacy-page #birth .subtitle {
    font-size: calc(100vw * (35 / 992));
    line-height: calc(100vw * (35 / 992));
    letter-spacing: -0.125vw;
  }
  .legacy-page #birth .text {
    font-size: calc(100vw * (30 / 992));
    line-height: calc(100vw * (45 / 992));
    letter-spacing: -0.125vw;
  }
}
@media (max-width: 768px) {
  .legacy-page #birth .maintitle {
    font-size: calc(100vw * (34 / 768));
    line-height: calc(100vw * (45 / 768));
    letter-spacing: -0.3255vw;
  }
  .legacy-page #birth .subtitle {
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (30 / 768));
    letter-spacing: -0.1953vw;
  }
  .legacy-page #birth .text {
    font-size: calc(100vw * (25 / 768));
    line-height: calc(100vw * (40 / 768));
    letter-spacing: -0.1953vw;
  }
}
@media (max-width: 450px) {
  .legacy-page #birth .maintitle {
    font-size: calc(100vw * (26 / 450));
    line-height: calc(100vw * (35 / 450));
    letter-spacing: -0.3333vw;
  }
  .legacy-page #birth .subtitle {
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (15 / 450));
    letter-spacing: -0.3333vw;
  }
  .legacy-page #birth .text {
    font-size: calc(100vw * (22 / 450));
    line-height: calc(100vw * (33 / 450));
    letter-spacing: -0.3333vw;
  }
}
.legacy-page #birth .gr_birth {
  background: linear-gradient(88deg, #2282ff, #002a9d);
  -webkit-background-clip: text;
}
.legacy-page #birth .gr_birth,
.legacy-page #birth .gr_birth2 {
  display: inline-block;
  -webkit-text-fill-color: transparent;
}
.legacy-page #birth .gr_birth2 {
  background: linear-gradient(76deg, #22ffd6, #008ded);
  -webkit-background-clip: text;
}
.legacy-page #birth .gr_birth3 {
  display: inline-block;
  background: linear-gradient(180deg, #fff, #7593f9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.legacy-page #birth .underline {
  text-decoration: underline;
}
.legacy-page #birth,
.legacy-page #birth p {
  word-break: keep-all;
  color: #333;
}
.legacy-page #birth a:hover {
  text-decoration: none;
}
.legacy-page #birth #visual2 .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: url(/img/birth_mainvisual_bg.webp) no-repeat 50% / cover;
}
.legacy-page #birth #visual2 .txt .container h3 {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 19px;
}
.legacy-page #birth #visual2 .txt .container h1,
.legacy-page #birth #visual2 .txt .container h2.as-h1 {
  font-family:
    Pretendard,
    Noto Sans KR,
    sans-serif;
  font-size: 60px;
  line-height: 80px;
  letter-spacing: -2.5px;
  margin: 30px 0 50px;
}
.legacy-page #birth #visual2 .txt .container h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1.5px;
}
.legacy-page #birth #visual2 .downarr {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  z-index: 998;
}
.legacy-page #birth #visual2 .downarr span {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  color: #0a0f7a;
}
.legacy-page #birth #visual2 .downarr p {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -1.5px;
  color: #fff;
}
.legacy-page #birth .section {
  padding: 200px 0;
  color: #333;
}
.legacy-page #birth #section1 .sub_wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}
.legacy-page #birth #section1 img {
  width: 1340px;
  height: 678px;
}
.legacy-page #birth #section1 .titlewrap h2 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 15px;
  position: relative;
  z-index: 0;
}
.legacy-page #birth #section1 .titlewrap h2:before {
  content: '';
  position: absolute;
  bottom: 9px;
  left: -45px;
  z-index: -1;
  width: 91px;
  height: 71px;
  background: url(/img/birth_section1_2.webp) no-repeat 50% / contain;
}
.legacy-page #birth #section1 .contwrap {
  text-align: left;
}
.legacy-page #birth #section1 .contwrap h1,
.legacy-page #birth #section1 .contwrap h2.as-h1 {
  margin-bottom: 50px;
}
.legacy-page #birth #section2 {
  width: 100%;
  height: 100%;
  background: url(/img/birth_section2_bg.webp) no-repeat 50% / cover;
  padding: 131px 0;
}
.legacy-page #birth #section2 .sub_wrap {
  z-index: 0;
}
.legacy-page #birth #section2 .sub_wrap:before {
  content: '';
  position: absolute;
  top: -213px;
  left: -98px;
  z-index: -1;
  width: 53px;
  height: 224px;
  background: url(/img/birth_section2_1.webp) no-repeat 50% / contain;
}
.legacy-page #birth #section2 h1,
.legacy-page #birth #section2 h2.as-h1 {
  margin-bottom: 50px;
}
.legacy-page #birth #section2 .speech_bubbles {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  margin-top: 80px;
}
.legacy-page #birth #section2 .speech_bubbles .speech_bubble {
  background-color: #0fb3e6;
  padding: 15px 30px;
  border-radius: 100px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.legacy-page #birth #section2 .speech_bubbles .speech_bubble:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 45px;
  border-top: 15px solid #0fb3e6;
  border-right: 15px solid transparent;
}
.legacy-page #birth #section3 {
  background-color: #f2f2f2;
}
.legacy-page #birth #section3 .sub_wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.legacy-page #birth #section3 .first {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}
.legacy-page #birth #section3 .first h1,
.legacy-page #birth #section3 .first h2.as-h1 {
  position: relative;
  z-index: 0;
}
.legacy-page #birth #section3 .first h1:before,
.legacy-page #birth #section3 .first h2.as-h1:before {
  content: '';
  position: absolute;
  bottom: 9px;
  left: -45px;
  z-index: -1;
  width: 91px;
  height: 71px;
  background: url(/img/birth_section3_1.webp) no-repeat 50% / contain;
}
.legacy-page #birth #section3 .second img {
  width: 1340px;
  height: 954px;
}
.legacy-page #birth #section3 .third {
  padding: 50px 40px;
  background-color: #fff;
  border-radius: 20px;
}
.legacy-page #birth #section3 .third h1,
.legacy-page #birth #section3 .third h2.as-h1 {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}
.legacy-page #birth #section3 .third h1 span,
.legacy-page #birth #section3 .third h2.as-h1 span {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: linear-gradient(-45deg, #2282ff, #002a9d);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  line-height: 55px;
}
.legacy-page #birth #section3 .third p {
  margin: 50px 0 80px;
}
.legacy-page #birth #section3 .third .img_box {
  width: 100%;
}
.legacy-page #birth #section3 .third .img_box .imgdesc {
  width: 100%;
  height: 58px;
  background-color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -1.5px;
}
.legacy-page #birth #section3 .fourth {
  padding: 50px 40px;
  background-color: #fff;
  border-radius: 20px;
}
.legacy-page #birth #section3 .fourth h1,
.legacy-page #birth #section3 .fourth h2.as-h1 {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 50px;
}
.legacy-page #birth #section3 .fourth h1 span,
.legacy-page #birth #section3 .fourth h2.as-h1 span {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: linear-gradient(-45deg, #2282ff, #002a9d);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  line-height: 55px;
}
.legacy-page #birth #section3 .fourth p {
  margin-bottom: 80px;
}
.legacy-page #birth #section3 .fourth .img_box {
  width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
}
.legacy-page #birth #section3 .fourth .img_box .marquee.toleft {
  margin-bottom: 40px;
}
.legacy-page #birth #section3 .fourth .img_box .marquee.toleft .marquee-track {
  display: flex;
  gap: 16px;
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 0;
  animation: marquee-toleft 20s linear infinite;
}
.legacy-page #birth #section3 .fourth .img_box .marquee.toright .marquee-track {
  display: flex;
  gap: 16px;
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 0;
  animation: marquee-toright 20s linear infinite;
}
.legacy-page #birth #section3 .fourth .img_box .marquee-track img {
  width: 439px;
  flex-shrink: 0;
}
.legacy-page #birth #section3 .fourth .list {
  padding: 30px;
  background-color: #0a1229;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}
.legacy-page #birth #section3 .fourth .list ul {
  display: flex;
  flex-direction: column;
  list-style-type: decimal;
  list-style-position: inside;
  width: 100%;
}
.legacy-page #birth #section3 .fourth .list ul li {
  font-size: 30px;
  line-height: 45px;
  letter-spacing: -1.5px;
  color: #fff;
  font-weight: 400;
  padding: 20px 0;
  border-bottom: 1px dashed #fff;
  padding-top: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.legacy-page #birth #section3 .fourth .list ul li:first-child:before {
  content: '1.';
  display: block;
}
.legacy-page #birth #section3 .fourth .list ul li:nth-child(2):before {
  content: '2.';
  display: block;
}
.legacy-page #birth #section3 .fourth .list ul li:last-child:before {
  content: '3.';
  display: block;
}
.legacy-page #birth #section3 .fifth {
  padding: 50px 40px;
  background-color: #fff;
  border-radius: 20px;
}
.legacy-page #birth #section3 .fifth h1,
.legacy-page #birth #section3 .fifth h2.as-h1 {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 50px;
}
.legacy-page #birth #section3 .fifth h1 span,
.legacy-page #birth #section3 .fifth h2.as-h1 span {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: linear-gradient(-45deg, #2282ff, #002a9d);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  line-height: 55px;
}
.legacy-page #birth #section3 .fifth .p1st {
  margin-bottom: 80px;
}
.legacy-page #birth #section3 .fifth .img_box {
  width: 100%;
  margin-bottom: 60px;
}
.legacy-page #birth #section3 .fifth .img_box img {
  width: 100%;
}
.legacy-page #birth #section3 .fifth h2,
.legacy-page #birth #section4 h1,
.legacy-page #birth #section4 h2.as-h1 {
  margin-bottom: 50px;
}
.legacy-page #birth #section5 {
  width: 100%;
  padding: 65px 0;
  background: url(/img/summer_section16_bg.webp) no-repeat 50% / cover;
}
.legacy-page #birth #section5 .contactbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 41px;
}
.legacy-page #birth #section5 .contactbox .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.legacy-page #birth #section5 .contactbox .left h6 {
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -1px;
}
.legacy-page #birth #section5 .contactbox .left h1,
.legacy-page #birth #section5 .contactbox .left h2.as-h1 {
  font-size: 70px;
  line-height: 70px;
  letter-spacing: -2.25px;
  margin: 10px 0 25px;
}
.legacy-page #birth #section5 .contactbox .left h5 {
  font-size: 25px;
  line-height: 40px;
  letter-spacing: -1px;
}
.legacy-page #birth #section5 .contactbox .right img {
  width: 350px;
}
.legacy-page #birth #section5 a {
  width: 461px;
  height: 90px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #20e3dc, #0085ee);
  font-size: 30px;
  line-height: 30px;
  color: #353535;
  letter-spacing: -1.4px;
}
@media (max-width: 1370px) {
  .legacy-page #birth #visual2 .txt .container h3 {
    letter-spacing: 1.3869vw;
  }
  .legacy-page #birth #visual2 .txt .container h1,
  .legacy-page #birth #visual2 .txt .container h2.as-h1 {
    letter-spacing: -0.1825vw;
    margin: 2.1898vw 0 3.6496vw;
  }
  .legacy-page #birth #visual2 .txt .container h2 {
    letter-spacing: -0.1095vw;
  }
  .legacy-page #birth #visual2 .downarr {
    bottom: 2.1898vw;
    gap: 1.4599vw;
  }
  .legacy-page #birth #visual2 .downarr span {
    width: 4.3796vw;
    height: 4.3796vw;
    border-radius: 72.9197vw;
  }
  .legacy-page #birth #visual2 .downarr p {
    letter-spacing: -0.1095vw;
  }
  .legacy-page #birth .section {
    padding: 14.5985vw 0;
  }
  .legacy-page #birth #section1 .sub_wrap {
    gap: 2.1898vw;
  }
  .legacy-page #birth #section1 img {
    width: 97.8102vw;
    height: 49.4891vw;
  }
  .legacy-page #birth #section1 .titlewrap h2 {
    margin-bottom: 1.0949vw;
  }
  .legacy-page #birth #section1 .titlewrap h2:before {
    bottom: 0.6569vw;
    left: 0;
    width: 6.6423vw;
    height: 5.1825vw;
  }
  .legacy-page #birth #section1 .contwrap h1,
  .legacy-page #birth #section1 .contwrap h2.as-h1 {
    margin-bottom: 3.6496vw;
  }
  .legacy-page #birth #section2 {
    padding: 9.562vw 0;
  }
  .legacy-page #birth #section2 .sub_wrap:before {
    top: -15.5474vw;
    left: -7.1533vw;
    width: 3.8686vw;
    height: 16.3504vw;
  }
  .legacy-page #birth #section2 h1,
  .legacy-page #birth #section2 h2.as-h1 {
    margin-bottom: 3.6496vw;
  }
  .legacy-page #birth #section2 .speech_bubbles {
    gap: 2.9197vw;
    margin-top: 5.8394vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble {
    padding: 1.0949vw 2.1898vw;
    border-radius: 7.2993vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble:after {
    bottom: -1.0949vw;
    left: 3.2847vw;
    border-top: 1.0949vw solid #0fb3e6;
    border-right: 1.0949vw solid transparent;
  }
  .legacy-page #birth #section3 .sub_wrap {
    gap: 5.8394vw;
  }
  .legacy-page #birth #section3 .first {
    gap: 3.6496vw;
  }
  .legacy-page #birth #section3 .first h1:before,
  .legacy-page #birth #section3 .first h2.as-h1:before {
    bottom: 0.6569vw;
    left: -3.2847vw;
    width: 6.6423vw;
    height: 5.1825vw;
  }
  .legacy-page #birth #section3 .second img {
    width: 97.8102vw;
    height: 69.635vw;
  }
  .legacy-page #birth #section3 .third {
    padding: 3.6496vw 2.9197vw;
    border-radius: 1.4599vw;
  }
  .legacy-page #birth #section3 .third h1,
  .legacy-page #birth #section3 .third h2.as-h1 {
    gap: 1.4599vw;
  }
  .legacy-page #birth #section3 .third h1 span,
  .legacy-page #birth #section3 .third h2.as-h1 span {
    width: 4.3796vw;
    height: 4.3796vw;
    border-radius: 72.9197vw;
    background: linear-gradient(-45deg, #2282ff, #002a9d);
  }
  .legacy-page #birth #section3 .third p {
    margin: 3.6496vw 0 5.8394vw;
  }
  .legacy-page #birth #section3 .third .img_box .imgdesc {
    width: 100%;
    height: 4.2336vw;
    letter-spacing: -0.1095vw;
  }
  .legacy-page #birth #section3 .fourth {
    padding: 3.6496vw 2.9197vw;
    border-radius: 1.4599vw;
  }
  .legacy-page #birth #section3 .fourth h1,
  .legacy-page #birth #section3 .fourth h2.as-h1 {
    gap: 1.4599vw;
    margin-bottom: 3.6496vw;
  }
  .legacy-page #birth #section3 .fourth h1 span,
  .legacy-page #birth #section3 .fourth h2.as-h1 span {
    width: 4.3796vw;
    height: 4.3796vw;
    border-radius: 72.9197vw;
  }
  .legacy-page #birth #section3 .fourth p {
    margin-bottom: 5.8394vw;
  }
  .legacy-page #birth #section3 .fourth .img_box {
    margin-bottom: 4.3796vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft {
    margin-bottom: 2.9197vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft .marquee-track,
  .legacy-page #birth #section3 .fourth .img_box .marquee.toright .marquee-track {
    gap: 1.1679vw;
  }
  .legacy-page #birth #section3 .fourth .list {
    padding: 2.1898vw;
    border-radius: 1.4599vw;
    gap: 3.6496vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee-track img {
    width: 32.0438vw;
  }
  .legacy-page #birth #section3 .fourth .list ul li {
    letter-spacing: -0.1095vw;
    padding: 1.4599vw 0;
    border-bottom: 0.073vw dashed #fff;
    gap: 0.7299vw;
  }
  .legacy-page #birth #section3 .fifth {
    padding: 3.6496vw 2.9197vw;
    border-radius: 1.4599vw;
  }
  .legacy-page #birth #section3 .fifth h1,
  .legacy-page #birth #section3 .fifth h2.as-h1 {
    gap: 1.4599vw;
    margin-bottom: 3.6496vw;
  }
  .legacy-page #birth #section3 .fifth h1 span,
  .legacy-page #birth #section3 .fifth h2.as-h1 span {
    width: 4.3796vw;
    height: 4.3796vw;
    border-radius: 72.9197vw;
  }
  .legacy-page #birth #section3 .fifth .p1st {
    margin-bottom: 5.8394vw;
  }
  .legacy-page #birth #section3 .fifth .img_box {
    width: 100%;
    margin-bottom: 4.3796vw;
  }
  .legacy-page #birth #section3 .fifth h2,
  .legacy-page #birth #section4 h1,
  .legacy-page #birth #section4 h2.as-h1 {
    margin-bottom: 3.6496vw;
  }
  .legacy-page #birth #section5 {
    padding: 4.7445vw 0;
  }
  .legacy-page #birth #section5 .contactbox {
    margin-bottom: 2.9927vw;
  }
  .legacy-page #birth #section5 .contactbox .left h6 {
    letter-spacing: -0.073vw;
  }
  .legacy-page #birth #section5 .contactbox .left h1,
  .legacy-page #birth #section5 .contactbox .left h2.as-h1 {
    letter-spacing: -0.1642vw;
    margin: 0.7299vw 0 1.8248vw;
  }
  .legacy-page #birth #section5 .contactbox .left h5 {
    letter-spacing: -0.073vw;
  }
  .legacy-page #birth #section5 .contactbox .right img {
    width: 25.5474vw;
  }
  .legacy-page #birth #section5 a {
    width: 33.6496vw;
    height: 6.5693vw;
    letter-spacing: -0.1022vw;
  }
}
@media (max-width: 1200px) {
  .legacy-page #birth #visual2 .txt .container h3 {
    font-size: calc(100vw * (25 / 1200));
    line-height: calc(100vw * (25 / 1200));
    letter-spacing: 1.5833vw;
  }
  .legacy-page #birth #visual2 .txt .container h1,
  .legacy-page #birth #visual2 .txt .container h2.as-h1 {
    font-size: calc(100vw * (55 / 1200));
    line-height: calc(100vw * (75 / 1200));
    letter-spacing: -0.2083vw;
    margin: 2.5vw 0 4.1667vw;
  }
  .legacy-page #birth #visual2 .txt .container h2 {
    font-size: calc(100vw * (35 / 1200));
    line-height: calc(100vw * (45 / 1200));
    letter-spacing: -0.125vw;
  }
  .legacy-page #birth #visual2 .downarr {
    bottom: 2.5vw;
    gap: 1.6667vw;
  }
  .legacy-page #birth #visual2 .downarr span {
    width: 5vw;
    height: 5vw;
    border-radius: 83.25vw;
    font-size: calc(100vw * (25 / 1200));
    line-height: calc(100vw * (25 / 1200));
  }
  .legacy-page #birth #visual2 .downarr p {
    font-size: calc(100vw * (15 / 1200));
    line-height: calc(100vw * (15 / 1200));
    letter-spacing: -0.125vw;
  }
  .legacy-page #birth .section {
    padding: 16.6667vw 0;
  }
  .legacy-page #birth #section1 .sub_wrap {
    gap: 2.5vw;
  }
  .legacy-page #birth #section1 img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section1 .titlewrap h2 {
    font-size: calc(100vw * (35 / 1200));
    line-height: calc(100vw * (40 / 1200));
    margin-bottom: 1.25vw;
  }
  .legacy-page #birth #section1 .titlewrap h2:before {
    bottom: 0.75vw;
    left: 0;
    width: 7.5833vw;
    height: 5.9167vw;
  }
  .legacy-page #birth #section1 .contwrap h1,
  .legacy-page #birth #section1 .contwrap h2.as-h1 {
    margin-bottom: 4.1667vw;
  }
  .legacy-page #birth #section2 {
    padding: 10.9167vw 0;
  }
  .legacy-page #birth #section2 .sub_wrap:before {
    top: -17.75vw;
    left: -8.1667vw;
    width: 4.4167vw;
    height: 18.6667vw;
  }
  .legacy-page #birth #section2 h1,
  .legacy-page #birth #section2 h2.as-h1 {
    margin-bottom: 4.1667vw;
  }
  .legacy-page #birth #section2 .speech_bubbles {
    gap: 3.3333vw;
    margin-top: 6.6667vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble {
    padding: 1.25vw 2.5vw;
    border-radius: 8.3333vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble:after {
    bottom: -1.25vw;
    left: 3.75vw;
    border-top: 1.25vw solid #0fb3e6;
    border-right: 1.25vw solid transparent;
  }
  .legacy-page #birth #section3 .sub_wrap {
    gap: 6.6667vw;
  }
  .legacy-page #birth #section3 .first {
    gap: 4.1667vw;
  }
  .legacy-page #birth #section3 .first h1:before,
  .legacy-page #birth #section3 .first h2.as-h1:before {
    bottom: 0.75vw;
    left: -3.75vw;
    width: 7.5833vw;
    height: 5.9167vw;
  }
  .legacy-page #birth #section3 .second img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section3 .third {
    padding: 4.1667vw 3.3333vw;
    border-radius: 1.6667vw;
  }
  .legacy-page #birth #section3 .third h1,
  .legacy-page #birth #section3 .third h2.as-h1 {
    gap: 1.6667vw;
  }
  .legacy-page #birth #section3 .third h1 span,
  .legacy-page #birth #section3 .third h2.as-h1 span {
    width: 5vw;
    height: 5vw;
    border-radius: 83.25vw;
    font-size: calc(100vw * (37 / 1200));
    line-height: calc(100vw * (50 / 1200));
  }
  .legacy-page #birth #section3 .third p {
    margin: 4.1667vw 0 6.6667vw;
  }
  .legacy-page #birth #section3 .third .img_box .imgdesc {
    height: 4.8333vw;
    font-size: calc(100vw * (19 / 1200));
    line-height: calc(100vw * (33 / 1200));
    letter-spacing: -0.125vw;
  }
  .legacy-page #birth #section3 .fourth {
    padding: 4.1667vw 3.3333vw;
    border-radius: 1.6667vw;
  }
  .legacy-page #birth #section3 .fourth h1,
  .legacy-page #birth #section3 .fourth h2.as-h1 {
    gap: 1.6667vw;
    margin-bottom: 4.1667vw;
  }
  .legacy-page #birth #section3 .fourth h1 span,
  .legacy-page #birth #section3 .fourth h2.as-h1 span {
    width: 5vw;
    height: 5vw;
    border-radius: 83.25vw;
    font-size: calc(100vw * (37 / 1200));
    line-height: calc(100vw * (50 / 1200));
  }
  .legacy-page #birth #section3 .fourth p {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section3 .fourth .img_box {
    margin-bottom: 5vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft {
    margin-bottom: 3.3333vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft .marquee-track,
  .legacy-page #birth #section3 .fourth .img_box .marquee.toright .marquee-track {
    gap: 1.3333vw;
  }
  .legacy-page #birth #section3 .fourth .list {
    padding: 2.5vw;
    border-radius: 1.6667vw;
    gap: 4.1667vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee-track img {
    width: 36.5833vw;
  }
  .legacy-page #birth #section3 .fourth .list ul li {
    font-size: calc(100vw * (25 / 1200));
    line-height: calc(100vw * (40 / 1200));
    letter-spacing: -0.125vw;
    padding: 1.6667vw 0;
    border-bottom: 0.0833vw dashed #fff;
    gap: 0.8333vw;
  }
  .legacy-page #birth #section3 .fifth {
    padding: 4.1667vw 3.3333vw;
    border-radius: 1.6667vw;
  }
  .legacy-page #birth #section3 .fifth h1,
  .legacy-page #birth #section3 .fifth h2.as-h1 {
    gap: 1.6667vw;
    margin-bottom: 4.1667vw;
  }
  .legacy-page #birth #section3 .fifth h1 span,
  .legacy-page #birth #section3 .fifth h2.as-h1 span {
    width: 5vw;
    height: 5vw;
    border-radius: 83.25vw;
    font-size: calc(100vw * (37 / 1200));
    line-height: calc(100vw * (50 / 1200));
  }
  .legacy-page #birth #section3 .fifth .p1st {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section3 .fifth .img_box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .legacy-page #birth #section3 .fifth h2,
  .legacy-page #birth #section4 h1,
  .legacy-page #birth #section4 h2.as-h1 {
    margin-bottom: 4.1667vw;
  }
  .legacy-page #birth #section5 {
    padding: 5.4167vw 0;
  }
  .legacy-page #birth #section5 .contactbox {
    margin-bottom: 3.4167vw;
  }
  .legacy-page #birth #section5 .contactbox .left h6 {
    letter-spacing: -0.0833vw;
    font-size: calc(100vw * (15 / 1200));
    line-height: calc(100vw * (29 / 1200));
  }
  .legacy-page #birth #section5 .contactbox .left h1,
  .legacy-page #birth #section5 .contactbox .left h2.as-h1 {
    letter-spacing: -0.1875vw;
    margin: 0.8333vw 0 2.0833vw;
    font-size: calc(100vw * (65 / 1200));
    line-height: calc(100vw * (65 / 1200));
  }
  .legacy-page #birth #section5 .contactbox .left h5 {
    letter-spacing: -0.0833vw;
    font-size: calc(100vw * (20 / 1200));
    line-height: calc(100vw * (35 / 1200));
  }
  .legacy-page #birth #section5 .contactbox .right img {
    width: 29.1667vw;
  }
  .legacy-page #birth #section5 a {
    width: 38.4167vw;
    height: 7.5vw;
    letter-spacing: -0.1167vw;
    font-size: calc(100vw * (25 / 1200));
    line-height: calc(100vw * (25 / 1200));
  }
}
@media (max-width: 992px) {
  .legacy-page #birth #visual2 .txt .container h3 {
    font-size: calc(100vw * (25 / 992));
    line-height: calc(100vw * (25 / 992));
    letter-spacing: 1.9153vw;
  }
  .legacy-page #birth #visual2 .txt .container h1,
  .legacy-page #birth #visual2 .txt .container h2.as-h1 {
    font-size: calc(100vw * (55 / 992));
    line-height: calc(100vw * (75 / 992));
    letter-spacing: -0.252vw;
    margin: 3.0242vw 0 5.0403vw;
  }
  .legacy-page #birth #visual2 .txt .container h2 {
    font-size: calc(100vw * (35 / 992));
    line-height: calc(100vw * (45 / 992));
    letter-spacing: -0.1512vw;
  }
  .legacy-page #birth #visual2 .downarr {
    bottom: 3.0242vw;
    gap: 2.0161vw;
  }
  .legacy-page #birth #visual2 .downarr span {
    width: 6.0484vw;
    height: 6.0484vw;
    border-radius: 100.7056vw;
    font-size: calc(100vw * (25 / 992));
    line-height: calc(100vw * (25 / 992));
  }
  .legacy-page #birth #visual2 .downarr p {
    font-size: calc(100vw * (15 / 992));
    line-height: calc(100vw * (15 / 992));
    letter-spacing: -0.1512vw;
  }
  .legacy-page #birth .section {
    padding: 20.1613vw 0;
  }
  .legacy-page #birth #section1 .sub_wrap {
    gap: 3.0242vw;
  }
  .legacy-page #birth #section1 img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section1 .titlewrap h2 {
    font-size: calc(100vw * (35 / 992));
    line-height: calc(100vw * (40 / 992));
    margin-bottom: 1.5121vw;
  }
  .legacy-page #birth #section1 .titlewrap h2:before {
    bottom: 0.9073vw;
    left: 0;
    width: 9.1734vw;
    height: 7.1573vw;
  }
  .legacy-page #birth #section1 .contwrap h1,
  .legacy-page #birth #section1 .contwrap h2.as-h1 {
    margin-bottom: 5.0403vw;
  }
  .legacy-page #birth #section2 {
    padding: 13.2056vw 0;
  }
  .legacy-page #birth #section2 .sub_wrap:before {
    top: -21.4718vw;
    left: -9.879vw;
    width: 5.3427vw;
    height: 22.5806vw;
  }
  .legacy-page #birth #section2 h1,
  .legacy-page #birth #section2 h2.as-h1 {
    margin-bottom: 5.0403vw;
  }
  .legacy-page #birth #section2 .speech_bubbles {
    gap: 4.0323vw;
    margin-top: 8.0645vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble {
    padding: 1.5121vw 3.0242vw;
    border-radius: 10.0806vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble:after {
    bottom: -1.5121vw;
    left: 4.5363vw;
    border-top: 1.5121vw solid #0fb3e6;
    border-right: 1.5121vw solid transparent;
  }
  .legacy-page #birth #section3 .sub_wrap {
    gap: 8.0645vw;
  }
  .legacy-page #birth #section3 .first {
    gap: 5.0403vw;
  }
  .legacy-page #birth #section3 .first h1:before,
  .legacy-page #birth #section3 .first h2.as-h1:before {
    bottom: 0.9073vw;
    left: -4.5363vw;
    width: 9.1734vw;
    height: 7.1573vw;
  }
  .legacy-page #birth #section3 .second img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section3 .third {
    padding: 5.0403vw 4.0323vw;
    border-radius: 2.0161vw;
  }
  .legacy-page #birth #section3 .third h1,
  .legacy-page #birth #section3 .third h2.as-h1 {
    gap: 2.0161vw;
  }
  .legacy-page #birth #section3 .third h1 span,
  .legacy-page #birth #section3 .third h2.as-h1 span {
    width: 6.0484vw;
    height: 6.0484vw;
    border-radius: 100.7056vw;
    font-size: calc(100vw * (37 / 992));
    line-height: calc(100vw * (50 / 992));
  }
  .legacy-page #birth #section3 .third p {
    margin: 5.0403vw 0 8.0645vw;
  }
  .legacy-page #birth #section3 .third .img_box .imgdesc {
    height: 5.8468vw;
    font-size: calc(100vw * (19 / 992));
    line-height: calc(100vw * (33 / 992));
    letter-spacing: -0.1512vw;
  }
  .legacy-page #birth #section3 .fourth {
    padding: 5.0403vw 4.0323vw;
    border-radius: 2.0161vw;
  }
  .legacy-page #birth #section3 .fourth h1,
  .legacy-page #birth #section3 .fourth h2.as-h1 {
    gap: 2.0161vw;
    margin-bottom: 5.0403vw;
  }
  .legacy-page #birth #section3 .fourth h1 span,
  .legacy-page #birth #section3 .fourth h2.as-h1 span {
    width: 6.0484vw;
    height: 6.0484vw;
    border-radius: 100.7056vw;
    font-size: calc(100vw * (37 / 992));
    line-height: calc(100vw * (50 / 992));
  }
  .legacy-page #birth #section3 .fourth p {
    margin-bottom: 8.0645vw;
  }
  .legacy-page #birth #section3 .fourth .img_box {
    margin-bottom: 6.0484vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft {
    margin-bottom: 4.0323vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft .marquee-track,
  .legacy-page #birth #section3 .fourth .img_box .marquee.toright .marquee-track {
    gap: 1.6129vw;
  }
  .legacy-page #birth #section3 .fourth .list {
    padding: 3.0242vw;
    border-radius: 2.0161vw;
    gap: 5.0403vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee-track img {
    width: 44.254vw;
  }
  .legacy-page #birth #section3 .fourth .list ul li {
    font-size: calc(100vw * (25 / 992));
    line-height: calc(100vw * (40 / 992));
    letter-spacing: -0.1512vw;
    padding: 2.0161vw 0;
    border-bottom: 0.1008vw dashed #fff;
    gap: 1.0081vw;
  }
  .legacy-page #birth #section3 .fifth {
    padding: 5.0403vw 4.0323vw;
    border-radius: 2.0161vw;
  }
  .legacy-page #birth #section3 .fifth h1,
  .legacy-page #birth #section3 .fifth h2.as-h1 {
    gap: 2.0161vw;
    margin-bottom: 5.0403vw;
  }
  .legacy-page #birth #section3 .fifth h1 span,
  .legacy-page #birth #section3 .fifth h2.as-h1 span {
    width: 6.0484vw;
    height: 6.0484vw;
    border-radius: 100.7056vw;
    font-size: calc(100vw * (37 / 992));
    line-height: calc(100vw * (50 / 992));
  }
  .legacy-page #birth #section3 .fifth .p1st {
    margin-bottom: 8.0645vw;
  }
  .legacy-page #birth #section3 .fifth .img_box {
    margin-bottom: 6.0484vw;
  }
  .legacy-page #birth #section3 .fifth h2,
  .legacy-page #birth #section4 h1,
  .legacy-page #birth #section4 h2.as-h1 {
    margin-bottom: 5.0403vw;
  }
  .legacy-page #birth #section5 {
    padding: 6.5524vw 0;
  }
  .legacy-page #birth #section5 .contactbox {
    margin-bottom: 4.1331vw;
  }
  .legacy-page #birth #section5 .contactbox .left h6 {
    letter-spacing: -0.1008vw;
    font-size: calc(100vw * (15 / 992));
    line-height: calc(100vw * (29 / 992));
  }
  .legacy-page #birth #section5 .contactbox .left h1,
  .legacy-page #birth #section5 .contactbox .left h2.as-h1 {
    letter-spacing: -0.2268vw;
    margin: 1.0081vw 0 2.5202vw;
    font-size: calc(100vw * (65 / 992));
    line-height: calc(100vw * (65 / 992));
  }
  .legacy-page #birth #section5 .contactbox .left h5 {
    letter-spacing: -0.1008vw;
    font-size: calc(100vw * (20 / 992));
    line-height: calc(100vw * (35 / 992));
  }
  .legacy-page #birth #section5 .contactbox .right img {
    width: 35.2823vw;
  }
  .legacy-page #birth #section5 a {
    width: 46.4718vw;
    height: 9.0726vw;
    letter-spacing: -0.1411vw;
    font-size: calc(100vw * (25 / 992));
    line-height: calc(100vw * (25 / 992));
  }
}
@media (max-width: 768px) {
  .legacy-page #birth #visual2 .bgimg {
    background: url(/img/birth_mainvisual_bg768.webp) no-repeat 50% / cover;
  }
  .legacy-page #birth #visual2 .txt .container h3 {
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (30 / 768));
    letter-spacing: 2.474vw;
  }
  .legacy-page #birth #visual2 .txt .container h1,
  .legacy-page #birth #visual2 .txt .container h2.as-h1 {
    font-size: calc(100vw * (50 / 768));
    line-height: calc(100vw * (70 / 768));
    letter-spacing: -0.252vw;
    margin: 3.9063vw 0 6.5104vw;
  }
  .legacy-page #birth #visual2 .txt .container h2 {
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (40 / 768));
    letter-spacing: -0.1512vw;
  }
  .legacy-page #birth #visual2 .downarr {
    bottom: 2.6042vw;
    gap: 2.6042vw;
  }
  .legacy-page #birth #visual2 .downarr span {
    width: 7.8125vw;
    height: 7.8125vw;
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (30 / 768));
  }
  .legacy-page #birth #visual2 .downarr p {
    font-size: calc(100vw * (20 / 768));
    line-height: calc(100vw * (20 / 768));
    letter-spacing: -0.1953vw;
  }
  .legacy-page #birth .section {
    padding: 13.0208vw 0;
  }
  .legacy-page #birth #section1 .sub_wrap {
    gap: 3.9063vw;
  }
  .legacy-page #birth #section1 img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section1 .titlewrap h2 {
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (35 / 768));
    margin-bottom: 1.9531vw;
  }
  .legacy-page #birth #section1 .titlewrap h2:before {
    bottom: 1.1719vw;
    width: 7.8125vw;
    height: 6.1198vw;
    background: url(/img/birth_section1_2.webp) no-repeat 50% / contain;
  }
  .legacy-page #birth #section1 .contwrap h1,
  .legacy-page #birth #section1 .contwrap h2.as-h1 {
    margin-bottom: 3.9063vw;
  }
  .legacy-page #birth #section2 {
    background: url(/img/birth_section2_bg.webp) no-repeat 50% / cover;
    padding: 13.0208vw 0;
  }
  .legacy-page #birth #section2 .sub_wrap:before {
    top: -21.3542vw;
    left: 0;
    width: 3.9063vw;
    height: 16.5365vw;
  }
  .legacy-page #birth #section2 h1,
  .legacy-page #birth #section2 h2.as-h1 {
    margin-bottom: 6.5104vw;
  }
  .legacy-page #birth #section2 .speech_bubbles {
    gap: 5.2083vw;
    margin-top: 10.4167vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble {
    padding: 1.9531vw 3.9063vw;
    border-radius: 13.0208vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble:after {
    bottom: -1.9531vw;
    left: 6.901vw;
    border-top: 1.9531vw solid #0fb3e6;
    border-right: 1.9531vw solid transparent;
  }
  .legacy-page #birth #section3 .first,
  .legacy-page #birth #section3 .sub_wrap {
    gap: 3.9063vw;
  }
  .legacy-page #birth #section3 .first h1:before,
  .legacy-page #birth #section3 .first h2.as-h1:before {
    bottom: 1.1719vw;
    left: 0;
    width: 7.8125vw;
    height: 6.1198vw;
  }
  .legacy-page #birth #section3 .second img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section3 .third {
    padding: 5.2083vw 3.9063vw;
    border-radius: 2.6042vw;
  }
  .legacy-page #birth #section3 .third h1,
  .legacy-page #birth #section3 .third h2.as-h1 {
    gap: 2.6042vw;
  }
  .legacy-page #birth #section3 .third h1 span,
  .legacy-page #birth #section3 .third h2.as-h1 span {
    width: 5.2083vw;
    height: 5.2083vw;
    border-radius: 130.0781vw;
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (40 / 768));
  }
  .legacy-page #birth #section3 .third p {
    margin: 3.9063vw 0 6.5104vw;
  }
  .legacy-page #birth #section3 .third .img_box .imgdesc {
    width: 100%;
    height: 4.9479vw;
    font-size: calc(100vw * (14 / 768));
    line-height: calc(100vw * (28 / 768));
    letter-spacing: -0.1953vw;
  }
  .legacy-page #birth #section3 .fourth {
    padding: 5.2083vw 3.9063vw;
    border-radius: 2.6042vw;
  }
  .legacy-page #birth #section3 .fourth h1,
  .legacy-page #birth #section3 .fourth h2.as-h1 {
    gap: 2.6042vw;
    margin-bottom: 3.9063vw;
  }
  .legacy-page #birth #section3 .fourth h1 span,
  .legacy-page #birth #section3 .fourth h2.as-h1 span {
    width: 5.2083vw;
    height: 5.2083vw;
    border-radius: 130.0781vw;
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (40 / 768));
  }
  .legacy-page #birth #section3 .fourth .img_box,
  .legacy-page #birth #section3 .fourth p {
    margin-bottom: 3.9063vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft {
    margin-bottom: 2.6042vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft .marquee-track,
  .legacy-page #birth #section3 .fourth .img_box .marquee.toright .marquee-track {
    gap: 2.0833vw;
  }
  .legacy-page #birth #section3 .fourth .list {
    padding: 3.9063vw;
    border-radius: 2.6042vw;
    gap: 5.2083vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee-track img {
    width: 39.0625vw;
  }
  .legacy-page #birth #section3 .fourth .list ul li {
    font-size: calc(100vw * (20 / 768));
    line-height: calc(100vw * (35 / 768));
    letter-spacing: -0.1953vw;
    padding: 2.6042vw 0;
    border-bottom: 0.1302vw dashed #fff;
    gap: 1.3021vw;
  }
  .legacy-page #birth #section3 .fifth {
    padding: 5.2083vw 3.9063vw;
    border-radius: 2.6042vw;
  }
  .legacy-page #birth #section3 .fifth h1,
  .legacy-page #birth #section3 .fifth h2.as-h1 {
    gap: 2.6042vw;
    margin-bottom: 3.9063vw;
  }
  .legacy-page #birth #section3 .fifth h1 span,
  .legacy-page #birth #section3 .fifth h2.as-h1 span {
    width: 5.2083vw;
    height: 5.2083vw;
    border-radius: 130.0781vw;
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (40 / 768));
  }
  .legacy-page #birth #section3 .fifth .img_box,
  .legacy-page #birth #section3 .fifth .p1st {
    margin-bottom: 6.5104vw;
  }
  .legacy-page #birth #section3 .fifth h2 {
    margin-bottom: 3.9063vw;
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (40 / 768));
    letter-spacing: -0.3255vw;
  }
  .legacy-page #birth #section4 h1,
  .legacy-page #birth #section4 h2.as-h1 {
    margin-bottom: 6.5104vw;
  }
  .legacy-page #birth #section5 {
    padding: 13.0208vw 0;
    background: url(/img/summer_section16_bg_m.webp) no-repeat 50% / cover;
  }
  .legacy-page #birth #section5 .contactbox {
    justify-content: center;
    margin-bottom: 5.2083vw;
  }
  .legacy-page #birth #section5 .contactbox .left {
    align-items: center;
  }
  .legacy-page #birth #section5 .contactbox .left h6 {
    letter-spacing: -0.1302vw;
    font-size: calc(100vw * (20 / 768));
    line-height: calc(100vw * (34 / 768));
  }
  .legacy-page #birth #section5 .contactbox .left h1,
  .legacy-page #birth #section5 .contactbox .left h2.as-h1 {
    letter-spacing: -0.293vw;
    margin: 1.302vw 0 3.2552vw;
    font-size: calc(100vw * (50 / 768));
    line-height: calc(100vw * (70 / 768));
  }
  .legacy-page #birth #section5 .contactbox .left h5 {
    letter-spacing: -0.1302vw;
    text-align: center;
    font-size: calc(100vw * (25 / 768));
    line-height: calc(100vw * (40 / 768));
  }
  .legacy-page #birth #section5 .contactbox .right img {
    width: auto;
  }
  .legacy-page #birth #section5 a {
    width: 52.8646vw;
    height: 8.4635vw;
    margin: 0 auto;
    border-radius: 999px;
    letter-spacing: -0.1823vw;
    font-size: calc(100vw * (30 / 768));
    line-height: calc(100vw * (30 / 768));
  }
}
@media (max-width: 450px) {
  .legacy-page #birth #visual2 .bgimg {
    background: url(/img/birth_mainvisual_bg450.webp) no-repeat 50% / cover;
  }
  .legacy-page #birth #visual2 .txt .container {
    padding: 0;
    width: 93.3333vw;
    margin: 0 auto;
  }
  .legacy-page #birth #visual2 .txt .container h3 {
    font-size: calc(100vw * (25 / 450));
    line-height: calc(100vw * (20 / 450));
    letter-spacing: 1.9153vw;
  }
  .legacy-page #birth #visual2 .txt .container h1,
  .legacy-page #birth #visual2 .txt .container h2.as-h1 {
    font-size: calc(100vw * (34 / 450));
    line-height: calc(100vw * (50 / 450));
    letter-spacing: -0.5556vw;
    margin: 6.6667vw 0;
  }
  .legacy-page #birth #visual2 .txt .container h2 {
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (15 / 450));
    letter-spacing: -0.3333vw;
  }
  .legacy-page #birth #visual2 .downarr {
    bottom: 4.4444vw;
    gap: 1.7778vw;
  }
  .legacy-page #birth #visual2 .downarr span {
    width: 8.8889vw;
    height: 8.8889vw;
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (20 / 450));
  }
  .legacy-page #birth #visual2 .downarr p {
    font-size: calc(100vw * (15 / 450));
    line-height: calc(100vw * (15 / 450));
    letter-spacing: -0.3333vw;
  }
  .legacy-page #birth .section {
    padding: 17.7778vw 0;
  }
  .legacy-page #birth #section1 .sub_wrap {
    gap: 6.6667vw;
  }
  .legacy-page #birth #section1 img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section1 .titlewrap h2 {
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (25 / 450));
    margin-bottom: 3.3333vw;
  }
  .legacy-page #birth #section1 .titlewrap h2:before {
    bottom: 2vw;
    width: 13.3333vw;
    height: 10.4444vw;
  }
  .legacy-page #birth #section1 .contwrap h1,
  .legacy-page #birth #section1 .contwrap h2.as-h1 {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section2 {
    padding: 17.7778vw 0;
  }
  .legacy-page #birth #section2 .sub_wrap:before {
    top: -27.3333vw;
    left: 0;
    width: 4.4444vw;
    height: 18.8889vw;
  }
  .legacy-page #birth #section2 h1,
  .legacy-page #birth #section2 h2.as-h1 {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section2 .speech_bubbles {
    gap: 8.8889vw;
    margin-top: 6.6667vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble {
    padding: 3.3333vw 6.6667vw;
    border-radius: 22.2222vw;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble:after {
    bottom: -3vw;
    left: 11.7778vw;
    border-top: 3vw solid #0fb3e6;
    border-right: 3vw solid transparent;
  }
  .legacy-page #birth #section2 .speech_bubbles .speech_bubble p {
    font-size: calc(100vw * (16 / 450));
    line-height: calc(100vw * (28 / 450));
  }
  .legacy-page #birth #section3 .first,
  .legacy-page #birth #section3 .sub_wrap {
    gap: 6.6667vw;
  }
  .legacy-page #birth #section3 .first h1:before,
  .legacy-page #birth #section3 .first h2.as-h1:before {
    bottom: 10vw;
    left: -2vw;
    width: 13.3333vw;
    height: 10.4444vw;
  }
  .legacy-page #birth #section3 .second img {
    width: 100%;
    height: auto;
  }
  .legacy-page #birth #section3 .third {
    padding: 6.6667vw 2.2222vw;
    border-radius: 4.4444vw;
  }
  .legacy-page #birth #section3 .third h1,
  .legacy-page #birth #section3 .third h2.as-h1 {
    gap: 2.2222vw;
  }
  .legacy-page #birth #section3 .third h1 span,
  .legacy-page #birth #section3 .third h2.as-h1 span {
    width: 6.6667vw;
    height: 6.6667vw;
    border-radius: 222vw;
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (30 / 450));
  }
  .legacy-page #birth #section3 .third p {
    margin: 6.6667vw 0;
  }
  .legacy-page #birth #section3 .third .img_box .imgdesc {
    width: 100%;
    height: 8vw;
    font-size: calc(100vw * (13 / 450));
    line-height: calc(100vw * (16 / 450));
    letter-spacing: -0.2222vw;
  }
  .legacy-page #birth #section3 .fourth {
    padding: 6.6667vw 2.2222vw;
    border-radius: 4.4444vw;
  }
  .legacy-page #birth #section3 .fourth h1,
  .legacy-page #birth #section3 .fourth h2.as-h1 {
    gap: 2.2222vw;
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section3 .fourth h1 span,
  .legacy-page #birth #section3 .fourth h2.as-h1 span {
    width: 6.6667vw;
    height: 6.6667vw;
    border-radius: 222vw;
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (30 / 450));
  }
  .legacy-page #birth #section3 .fourth .img_box,
  .legacy-page #birth #section3 .fourth p {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft {
    margin-bottom: 1.7778vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee.toleft .marquee-track,
  .legacy-page #birth #section3 .fourth .img_box .marquee.toright .marquee-track {
    gap: 1.7778vw;
  }
  .legacy-page #birth #section3 .fourth .list {
    padding: 6.6667vw 4.4444vw;
    border-radius: 4.4444vw;
    gap: 6.6667vw;
  }
  .legacy-page #birth #section3 .fourth .img_box .marquee-track img {
    width: 55.5556vw;
  }
  .legacy-page #birth #section3 .fourth .list ul li {
    font-size: calc(100vw * (22 / 450));
    line-height: calc(100vw * (33 / 450));
    letter-spacing: -0.3333vw;
    padding: 3.3333vw 0;
    border-bottom: 0.2222vw dashed #fff;
    gap: 2.2222vw;
  }
  .legacy-page #birth #section3 .fifth {
    padding: 6.6667vw 2.2222vw;
    border-radius: 4.4444vw;
  }
  .legacy-page #birth #section3 .fifth h1,
  .legacy-page #birth #section3 .fifth h2.as-h1 {
    gap: 2.2222vw;
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section3 .fifth h1 span,
  .legacy-page #birth #section3 .fifth h2.as-h1 span {
    width: 6.6667vw;
    height: 6.6667vw;
    border-radius: 222vw;
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (30 / 450));
  }
  .legacy-page #birth #section3 .fifth .img_box,
  .legacy-page #birth #section3 .fifth .p1st {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section3 .fifth h2 {
    margin-bottom: 6.6667vw;
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (30 / 450));
    letter-spacing: -0.3333vw;
  }
  .legacy-page #birth #section4 h1,
  .legacy-page #birth #section4 h2.as-h1 {
    margin-bottom: 6.6667vw;
  }
  .legacy-page #birth #section5 {
    padding: 22.2222vw 0;
  }
  .legacy-page #birth #section5 .contactbox {
    margin-bottom: 8.8889vw;
  }
  .legacy-page #birth #section5 .contactbox .left h6 {
    letter-spacing: -0.2222vw;
    font-size: calc(100vw * (18 / 450));
    line-height: calc(100vw * (18 / 450));
  }
  .legacy-page #birth #section5 .contactbox .left h1,
  .legacy-page #birth #section5 .contactbox .left h2.as-h1 {
    letter-spacing: -0.5vw;
    margin: 2.2222vw 0 5.5556vw;
    font-size: calc(100vw * (40 / 450));
    line-height: calc(100vw * (40 / 450));
  }
  .legacy-page #birth #section5 .contactbox .left h5 {
    letter-spacing: -0.2222vw;
    font-size: calc(100vw * (20 / 450));
    line-height: calc(100vw * (30 / 450));
  }
  .legacy-page #birth #section5 a {
    width: 88.8889vw;
    height: 14.4444vw;
    border-radius: 999px;
    letter-spacing: -0.3111vw;
    font-size: calc(100vw * (22 / 450));
    line-height: calc(100vw * (25 / 450));
  }
}