#main-content-page {
  overflow: hidden;
}
#main-content-page #page-wrap {
  font-family: "Pretendard", sans-serif;
  letter-spacing: -0.01em;
  background-color: #e8e8e8;
}
#main-content-page br.mb {
  display: none;
}
@media screen and (max-width: 860px) {
  #main-content-page br.mb {
    display: block !important;
  }
}
#main-content-page p:empty {
  display: none;
}
#main-content-page .page-contents {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
#main-content-page .page-sec {
  position: relative;
}
#main-content-page .sec-cover {
  padding-top: 42px;
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-cover {
    padding-top: 23px;
  }
}
#main-content-page .sec-cover .cover-main {
  position: relative;
  border: solid #595959;
  border-width: 1px 0;
  background: url("./images/img_cover_large.webp");
  background-size: cover;
  aspect-ratio: 1920/969;
}
#main-content-page .sec-cover .cover-main::before {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  background-image: url("./images/img_cover_medium.webp");
  z-index: -1;
}
#main-content-page .sec-cover .cover-main::after {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  background-image: url("./images/img_cover_small.webp");
  z-index: -1;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-cover .cover-main {
    background-image: url("./images/img_cover_medium.webp");
    aspect-ratio: 1280/748;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-cover .cover-main {
    background-image: url("./images/img_cover_small.webp");
    aspect-ratio: 390/212;
  }
}
#main-content-page .sec-cover .main-title {
  position: absolute;
  top: 154px;
  left: 82px;
}
@media screen and (min-width: 1280px) {
  #main-content-page .sec-cover .main-title {
    top: 8.0208333333vw;
    left: 4.2708333333vw;
  }
  #main-content-page .sec-cover .main-title img {
    width: 25.2604166667vw;
    height: auto;
  }
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-cover .main-title {
    top: 7.578125vw;
    left: 6.40625vw;
  }
  #main-content-page .sec-cover .main-title img {
    width: 28.671875vw;
    height: auto;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-cover .main-title {
    top: 7.4358974359vw;
    left: 5.1282051282vw;
  }
  #main-content-page .sec-cover .main-title img {
    width: 29.2307692308vw;
  }
}
#main-content-page .sec-cover .text {
  display: flex;
  align-items: flex-start;
  position: absolute;
  bottom: 52px;
  left: 82px;
  color: #121212;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
@media screen and (min-width: 1280px) {
  #main-content-page .sec-cover .text {
    bottom: 2.7083333333vw;
    left: 4.2708333333vw;
    font-size: 0.7291666667vw;
    line-height: 1.4285714286;
  }
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-cover .text {
    bottom: 4.375vw;
    left: 6.40625vw;
    font-size: 0.9375vw;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-cover .text {
    bottom: 6.4102564103vw;
    left: 5.1282051282vw;
    font-size: 1.2820512821vw;
    line-height: 1.2;
  }
}
#main-content-page .sec-cover .text > * {
  flex-shrink: 0;
}
#main-content-page .sec-cover .text em {
  color: #FF7700;
  font-weight: 500;
}
#main-content-page .sec-type-1 {
  padding: 201px 0 133px;
}
#main-content-page .sec-type-1 .sec-inner {
  margin: 0 212px;
}
#main-content-page .sec-type-1 .img-title {
  display: flex;
}
#main-content-page .sec-type-1 .img-title.align-right {
  justify-content: flex-end;
}
#main-content-page .sec-type-1 .video-wrap {
  display: flex;
  justify-content: center;
  gap: 62px;
  margin: 30px 0;
}
#main-content-page .sec-type-1 .video-wrap .video-item {
  flex-shrink: 0;
  position: relative;
  max-width: 515px;
  width: calc(50% - 31px);
  overflow: hidden;
  border: 1px solid #000;
  background-color: #ddd;
  aspect-ratio: 1080/1920;
  box-sizing: border-box;
}
#main-content-page .sec-type-1 .video-wrap .video-item > video, #main-content-page .sec-type-1 .video-wrap .video-item > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-content-page .sec-type-1 .video-wrap .video-item .view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 1;
}
#main-content-page .sec-type-1 .video-wrap .video-item .view::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 105px;
  height: 105px;
  background-image: url('data:image/svg+xml,<svg width="105" height="105" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_415_340)"><circle cx="52.5" cy="52.5" r="43.5" fill="%23464646" fill-opacity="0.8"/><path d="M70 52.5L43.75 67.6554V37.3446L70 52.5Z" fill="white"/></g><defs><filter id="filter0_d_415_340" x="0.1" y="0.1" width="104.8" height="104.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4.45"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_415_340"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_415_340" result="shape"/></filter></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  content: "";
}
#main-content-page .sec-type-1 .out-links {
  margin-top: 99px;
}
#main-content-page .sec-type-1 .out-links .links {
  display: flex;
  justify-content: center;
  gap: 15px;
}
#main-content-page .sec-type-1 .out-links .links a img {
  display: block;
  width: auto;
  height: 32px;
}
#main-content-page .sec-type-1 .out-links .text {
  color: #6B6B6B;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-top: 14px;
}
#main-content-page .sec-type-1 .out-links .text em {
  color: #FF7700;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-1 {
    padding: 200px 0 155px;
  }
  #main-content-page .sec-type-1 .sec-inner {
    margin: 0 82px;
  }
  #main-content-page .sec-type-1 .img-title img {
    height: auto;
  }
  #main-content-page .sec-type-1 .img-title.top img {
    width: 252px;
  }
  #main-content-page .sec-type-1 .img-title.bottom img {
    width: 191px;
  }
  #main-content-page .sec-type-1 .video-wrap {
    gap: 46px;
    margin: 22px 0;
  }
  #main-content-page .sec-type-1 .video-wrap .video-item {
    max-width: 384px;
    width: calc(50% - 23px);
  }
  #main-content-page .sec-type-1 .video-wrap .video-item .view::after {
    width: 76px;
    height: 76px;
    background-image: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_415_372)"><circle cx="38" cy="38" r="29" fill="%23464646" fill-opacity="0.8"/><path d="M49.6667 38L32.1667 48.1037V27.8964L49.6667 38Z" fill="white"/></g><defs><filter id="filter0_d_415_372" x="0.1" y="0.1" width="75.8" height="75.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4.45"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_415_372"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_415_372" result="shape"/></filter></defs></svg>');
  }
  #main-content-page .sec-type-1 .out-links {
    margin-top: 49px;
  }
  #main-content-page .sec-type-1 .out-links .text {
    font-size: 16px;
    line-height: 19px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-1 {
    padding: 111px 0 68px;
  }
  #main-content-page .sec-type-1 .sec-inner {
    margin: 0 50px;
  }
  #main-content-page .sec-type-1 .img-title.top img {
    width: 130px;
  }
  #main-content-page .sec-type-1 .img-title.bottom img {
    width: 110px;
  }
  #main-content-page .sec-type-1 .video-wrap {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    margin: 11px 0;
  }
  #main-content-page .sec-type-1 .video-wrap .video-item {
    max-width: 100%;
    min-width: 230px;
    width: calc(100% - 60px);
  }
  #main-content-page .sec-type-1 .video-wrap .video-item .view::after {
    width: 53px;
    height: 53px;
    background-image: url('data:image/svg+xml,<svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_415_392)"><circle cx="26.5" cy="26.5" r="17.5" fill="%23464646" fill-opacity="0.8"/><path d="M33.5402 26.5L22.9799 32.597V20.403L33.5402 26.5Z" fill="white"/></g><defs><filter id="filter0_d_415_392" x="0.1" y="0.1" width="52.8" height="52.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4.45"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_415_392"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_415_392" result="shape"/></filter></defs></svg>');
  }
  #main-content-page .sec-type-1 .out-links {
    margin-top: 27px;
  }
  #main-content-page .sec-type-1 .out-links .links {
    gap: 8px;
  }
  #main-content-page .sec-type-1 .out-links .links a img {
    height: 17px;
  }
  #main-content-page .sec-type-1 .out-links .text {
    font-size: 8px;
    line-height: 10px;
    margin-top: 8px;
  }
}
#main-content-page .sec-type-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("./images/bg_sec_type_2_large.webp") no-repeat 50% 0;
  background-size: cover;
  padding: 230px 0;
  box-sizing: border-box;
}
#main-content-page .sec-type-2 .sec-title img {
  width: 829px;
}
#main-content-page .sec-type-2 .sec-message {
  width: 1481px;
  max-width: 100%;
  height: 56px;
  background: url("./images/message_sec_2_large.svg") no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  margin-top: 156px;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-2 {
    padding: 230px 0;
    background-image: url("./images/bg_sec_type_2_medium.webp");
  }
  #main-content-page .sec-type-2 .sec-title img {
    width: 743px;
    height: auto;
  }
  #main-content-page .sec-type-2 .sec-message {
    width: 756px;
    height: 88px;
    background-image: url("./images/message_sec_2_medium.svg");
    margin-top: 106px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-2 {
    justify-content: center;
    height: 278px;
    padding: 0;
    background-image: url("./images/bg_sec_type_2_small.webp");
  }
  #main-content-page .sec-type-2 .sec-title img {
    width: 259px;
  }
  #main-content-page .sec-type-2 .sec-message {
    width: 303px;
    height: 33px;
    background-image: url("./images/message_sec_2_small.svg");
    margin-top: 27px;
  }
}
#main-content-page .sec-type-3 {
  padding: 202px 0 0;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-3 {
    padding: 150px 0 0;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-3 {
    padding: 111px 0 0;
  }
}
#main-content-page .sec-type-3 .sec-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 126px;
}
#main-content-page .sec-type-3 .sec-header .sec-label {
  display: flex;
  gap: 20px;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  background-color: #26150D;
  padding: 19px 60px;
  margin-bottom: 50px;
}
#main-content-page .sec-type-3 .sec-header .sec-label span {
  font-weight: 700;
}
#main-content-page .sec-type-3 .sec-header .sec-title {
  color: #26150D;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 74px;
}
#main-content-page .sec-type-3 .sec-header .sec-desc {
  color: #121212;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
}
#main-content-page .sec-type-3 .sec-header .sec-desc strong {
  color: #FF7700;
  font-weight: 500;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-3 .sec-header {
    margin-bottom: 154px;
  }
  #main-content-page .sec-type-3 .sec-header .sec-label {
    gap: 30px;
    font-size: 27px;
    padding: 13px 60px;
    margin-bottom: 35px;
  }
  #main-content-page .sec-type-3 .sec-header .sec-title {
    font-size: 75px;
    margin-bottom: 74px;
  }
  #main-content-page .sec-type-3 .sec-header .sec-desc {
    font-size: 23px;
    line-height: 35px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-3 .sec-header {
    margin-bottom: 75px;
  }
  #main-content-page .sec-type-3 .sec-header .sec-label {
    gap: 10px;
    font-size: 12px;
    padding: 7px 34px;
    margin-bottom: 10px;
  }
  #main-content-page .sec-type-3 .sec-header .sec-title {
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 13px;
  }
  #main-content-page .sec-type-3 .sec-header .sec-desc {
    font-size: 10px;
    line-height: 16px;
  }
}
#main-content-page .sec-type-3 .galley-wrap {
  display: flex;
  justify-content: center;
}
#main-content-page .sec-type-3 .galley-wrap .galley-inner {
  width: 100%;
  max-width: 1398px;
  margin: 0 105px;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-3 .galley-wrap .galley-inner {
    margin: 0 105px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-3 .galley-wrap .galley-inner {
    margin: 0 22px;
  }
}
#main-content-page .sec-type-3 .galley-wrap .galley-notice {
  color: #797979;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
}
#main-content-page .sec-type-3 .galley-wrap .galley-notice em {
  color: #FF7700;
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-3 .galley-wrap .galley-notice {
    font-size: 10px;
    margin-bottom: 8px;
  }
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-title img {
  max-width: 630px;
  width: 32.8125vw;
  height: auto;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item {
  position: relative;
  width: calc((100% - 60px) / 4);
  aspect-ratio: 334/593;
  box-sizing: border-box;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(5) {
  margin-right: calc((100% - 60px) / 4);
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(6) {
  margin-left: calc((100% - 60px) / 4);
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  content: "";
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 0 0 34px 24px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-name {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc {
  height: 60px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding-right: 18px;
  margin: -6px 0;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc em {
  color: #FA5D2E;
}
#main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc span {
  display: block;
  font-size: 11px;
  line-height: 16px;
  padding: 2px 0;
}
@media (any-hover: hover) {
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:hover .galley-layer {
    opacity: 1;
  }
}
@media (any-hover: none) {
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:focus .galley-layer {
    opacity: 1;
  }
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-3 .galley-wrap .galley-contents {
    gap: 15px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-title img {
    max-width: 483px;
    width: 37.734375vw;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item {
    width: calc((100% - 45px) / 4);
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(5) {
    margin-right: calc((100% - 45px) / 4);
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(6) {
    margin-left: calc((100% - 45px) / 4);
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer {
    padding: 0 0 47px 13px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-name {
    font-size: 21px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc {
    height: auto;
    font-size: 12px;
    line-height: 18px;
    padding-right: 10px;
    margin: -6px 0;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc em {
    color: #FA5D2E;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc span {
    font-size: 9px;
    line-height: 14px;
    padding: 2px 0;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-3 .galley-wrap .galley-contents {
    gap: 5px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-title img {
    max-width: 302px;
    width: 302px;
    height: auto;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item {
    width: calc((100% - 10px) / 3);
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(4) {
    margin-bottom: 134px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(5) {
    margin-left: calc((100% - 10px) / 3);
    margin-right: 0;
    margin-bottom: 134px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item:nth-of-type(6) {
    margin-left: 0;
    margin-right: calc((100% - 10px) / 3);
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer {
    padding: 0 0 23px 6px;
    gap: 10px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-name {
    font-size: 10px;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc {
    height: auto;
    font-size: 7px;
    line-height: 10px;
    padding-right: 5px;
    margin: -3px 0;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc em {
    color: #FA5D2E;
  }
  #main-content-page .sec-type-3 .galley-wrap .galley-contents .galley-item .galley-layer .galley-desc span {
    font-size: 5px;
    line-height: 10px;
    padding: 0;
  }
}
#main-content-page .sec-type-3 .sub-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#main-content-page .sec-type-3 .sub-contents.sub-type-1 {
  margin-top: 464px;
}
#main-content-page .sec-type-3 .sub-contents.sub-type-2 {
  margin-top: 317px;
}
#main-content-page .sec-type-3 .sub-contents .sub-label {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  background-color: #26150D;
  padding: 12px 36px;
  margin-left: 131px;
  margin-bottom: 30px;
}
#main-content-page .sec-type-3 .sub-contents .sub-title {
  color: #26150D;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  margin-left: 131px;
}
#main-content-page .sec-type-3 .sub-contents .sub-desc {
  color: #26150D;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  margin-left: 131px;
  margin-top: 45px;
}
#main-content-page .sec-type-3 .sub-contents .sub-figure {
  position: relative;
  margin-top: 222px;
  padding-bottom: 297px;
}
#main-content-page .sec-type-3 .sub-contents .sub-figure figcaption {
  color: #26150D;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 96px;
  margin-left: 131px;
}
#main-content-page .sec-type-3 .sub-contents .sub-figure .figure-grid {
  display: flex;
  width: 100%;
  position: relative;
  border: 2px solid #000;
  border-left: 0;
  box-sizing: border-box;
}
#main-content-page .sec-type-3 .sub-contents .sub-figure .figure-grid .grid-item {
  flex-shrink: 0;
  width: 26%;
  border-left: 2px solid #000;
  box-sizing: border-box;
}
#main-content-page .sec-type-3 .sub-contents .sub-figure .figure-grid .grid-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-content-page .sec-type-3 .sub-contents .sub-figure .figure-grid .grid-item:first-child {
  width: 22%;
  border: 0;
}
#main-content-page .sec-type-3 .sub-contents .figure-pop {
  position: absolute;
  top: 50%;
  right: 29%;
  width: 31%;
  transform: translate(50%, calc(-50% + 30px));
  opacity: 0;
}
#main-content-page .sec-type-3 .sub-contents .figure-pop img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-3 .sub-contents.sub-type-1 {
    margin-top: 253px;
  }
  #main-content-page .sec-type-3 .sub-contents.sub-type-2 {
    margin-top: 245px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-label {
    font-size: 27px;
    padding: 12px 35px;
    margin-left: 104px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-title {
    font-size: 55px;
    line-height: 1;
    margin-left: 104px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-desc {
    font-size: 18px;
    line-height: 31px;
    margin-left: 104px;
    margin-top: 50px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-figure {
    margin-top: 162px;
    padding-bottom: 190px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-figure figcaption {
    font-size: 18px;
    line-height: 28px;
    margin-top: 63px;
    margin-left: 104px;
  }
  #main-content-page .sec-type-3 .sub-contents .figure-pop {
    position: absolute;
    top: 50%;
    right: 29%;
    width: 31%;
    transform: translate(50%, calc(-50% + 30px));
    opacity: 0;
  }
  #main-content-page .sec-type-3 .sub-contents .figure-pop img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-3 .sub-contents.sub-type-1 {
    margin-top: 149px;
  }
  #main-content-page .sec-type-3 .sub-contents.sub-type-2 {
    margin-top: 204px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-label {
    font-size: 12px;
    padding: 4px 17px;
    margin-left: 21px;
    margin-bottom: 15px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-title {
    font-size: 24px;
    margin-left: 21px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-title span {
    display: block;
    margin: 4px 0 0 50px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-desc {
    font-size: 11px;
    line-height: 20px;
    margin-left: 21px;
    margin-top: 20px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-figure {
    margin-top: 34px;
    padding-bottom: 11px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-figure figcaption {
    font-size: 11px;
    line-height: 15px;
    margin-top: 20px;
    margin-left: 21px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-figure .figure-grid {
    border-width: 1px;
  }
  #main-content-page .sec-type-3 .sub-contents .sub-figure .figure-grid .grid-item {
    border-width: 1px;
  }
  #main-content-page .sec-type-3 .sub-contents .figure-pop {
    transform: translate(50%, calc(-50% + 4px));
    opacity: 0;
  }
}
#main-content-page .sec-type-3 *[data-text-animation=true] .figure-pop {
  transition: opacity 1s;
  transition-delay: 0.5s;
  opacity: 1;
}
#main-content-page .step-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#main-content-page .step-header .step-label {
  color: #FF7700;
  font-size: 80px;
  font-weight: 700;
  line-height: 96px;
  margin-bottom: 60px;
}
#main-content-page .step-header .step-title {
  color: #26150D;
  font-size: 44px;
  font-weight: 700;
  line-height: 53px;
  margin-bottom: 20px;
}
#main-content-page .step-header .step-desc {
  color: #26150D;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
}
@media screen and (max-width: 1280px) {
  #main-content-page .step-header .step-label {
    font-size: 75px;
    line-height: 90px;
    margin-bottom: 30px;
  }
  #main-content-page .step-header .step-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 55px;
  }
  #main-content-page .step-header .step-desc {
    font-size: 18px;
    line-height: 36px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .step-header .step-label {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
  }
  #main-content-page .step-header .step-title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 25px;
  }
  #main-content-page .step-header .step-desc {
    font-size: 11px;
    line-height: 15px;
  }
}
#main-content-page .sec-type-4 {
  overflow: hidden;
  padding: 300px 0 0;
}
#main-content-page .sec-type-4 .step-header {
  padding: 0 181px;
}
#main-content-page .sec-type-4 .figure-wrap {
  padding: 0 84px;
  margin-top: 115px;
}
#main-content-page .sec-type-4 .figure-wrap .figure-bg {
  position: relative;
  max-width: 1548px;
  aspect-ratio: 1548/1021;
  background: url("./images/figure_step_1_large.webp") no-repeat;
  background-size: contain;
  margin: 0 auto;
}
#main-content-page .sec-type-4 .figure-wrap .figure-pop-1 {
  position: absolute;
  top: -10.5%;
  left: 69.6%;
  width: 38%;
  background: url("./images/figure_pop_1_large.svg") no-repeat;
  background-size: contain;
  aspect-ratio: 588/252;
  transform: translateX(100px);
  opacity: 0;
  transition: opacity 1s, transform 1s;
}
#main-content-page .sec-type-4 .figure-wrap .figure-pop-2 {
  position: absolute;
  top: 38.5%;
  right: 69%;
  width: 38%;
  background: url("./images/figure_pop_2_large.svg") no-repeat;
  background-size: contain;
  aspect-ratio: 588/252;
  transform: translateX(-100px);
  opacity: 0;
}
#main-content-page .sec-type-4 *[data-text-animation=true] .figure-pop-1 {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 1s, transform 1s;
  transition-delay: 1s;
}
#main-content-page .sec-type-4 *[data-text-animation=true] .figure-pop-2 {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 1s, transform 1s;
  transition-delay: 1.5s;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-4 {
    padding: 138px 0 0;
  }
  #main-content-page .sec-type-4 .step-header {
    padding: 0 104px;
  }
  #main-content-page .sec-type-4 .figure-wrap {
    padding: 0 84px;
    margin-top: 85px;
  }
  #main-content-page .sec-type-4 .figure-wrap .figure-bg {
    max-width: 1112px;
    aspect-ratio: 2225/1721;
    background-image: url("./images/figure_step_1_medium.webp");
  }
  #main-content-page .sec-type-4 .figure-wrap .figure-pop-1 {
    top: -8.02%;
    left: 65.7%;
    width: 39.7%;
    background-image: url("./images/figure_pop_1_medium.svg");
    aspect-ratio: 441/180;
  }
  #main-content-page .sec-type-4 .figure-wrap .figure-pop-2 {
    top: 48.7%;
    right: 65.7%;
    width: 39.6%;
    background-image: url("./images/figure_pop_2_medium.svg");
    aspect-ratio: 440/184;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-4 {
    padding: 170px 0 0;
  }
  #main-content-page .sec-type-4 .step-header {
    padding: 0 20px;
  }
  #main-content-page .sec-type-4 .figure-wrap {
    padding: 0 20px;
    margin-top: 72px;
  }
  #main-content-page .sec-type-4 .figure-wrap .figure-bg {
    max-width: 100%;
    aspect-ratio: 350/309;
    background-image: url("./images/figure_step_1_small.webp");
  }
  #main-content-page .sec-type-4 .figure-wrap .figure-pop-1 {
    top: -19.8%;
    left: 36.7%;
    width: 68%;
    background-image: url("./images/figure_pop_1_small.svg");
    aspect-ratio: 246/97;
  }
  #main-content-page .sec-type-4 .figure-wrap .figure-pop-2 {
    top: 45.1%;
    right: 33.7%;
    width: 72%;
    background-image: url("./images/figure_pop_2_small.svg");
    aspect-ratio: 247/97;
  }
}
#main-content-page .sec-type-5 {
  padding: 400px 82px 0;
}
#main-content-page .sec-type-5 .sec-inner {
  border: 1px solid #000;
  background-color: #f4f4f4;
  padding: 80px 87px 93px 54px;
  box-sizing: border-box;
}
#main-content-page .sec-type-5 .step-header {
  align-items: flex-end;
  text-align: right;
}
#main-content-page .sec-type-5 .sub-contents {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5%;
  margin-top: 60px;
}
#main-content-page .sec-type-5 .details {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 28.9583333333vw;
}
#main-content-page .sec-type-5 .details .point {
  position: relative;
  color: #26150D;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 44px;
}
#main-content-page .sec-type-5 .details .point::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 4px;
  overflow: hidden;
  background-color: #26150D;
  margin-top: 9px;
  content: "";
}
#main-content-page .sec-type-5 .details .point[data-text-animation] {
  opacity: 1;
  transform: none;
}
#main-content-page .sec-type-5 .details .point[data-text-animation]::after {
  transition: width 0.5s;
}
#main-content-page .sec-type-5 .details .point[data-text-animation=true]::after {
  width: 100%;
}
#main-content-page .sec-type-5 .details .point-image {
  width: 100%;
  background: url("./images/img_keypoint_1_large.png") no-repeat;
  background-size: contain;
  margin-bottom: 34px;
  aspect-ratio: 556/470;
}
#main-content-page .sec-type-5 .details .point-text {
  color: #26150D;
  font-size: 1.1458333333vw;
  font-weight: 400;
  line-height: 1.64;
}
#main-content-page .sec-type-5 .video-wrap {
  flex-shrink: 0;
  display: flex;
  gap: 32px;
  width: 60.1857585139%;
  padding-bottom: 35px;
}
#main-content-page .sec-type-5 .video-wrap .video-item {
  width: calc(50% - 16px);
}
#main-content-page .sec-type-5 .video-wrap .video-item .item-bd {
  width: 100%;
  overflow: hidden;
  border: 1px solid #000;
  box-sizing: border-box;
  aspect-ratio: 470/836;
}
#main-content-page .sec-type-5 .video-wrap .video-item video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-content-page .sec-type-5 .video-wrap .video-item .name {
  display: block;
  color: #B1A8A4;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-top: 9px;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-5 {
    padding: 300px 87px 0;
  }
  #main-content-page .sec-type-5 .sec-inner {
    padding: 113px 66px 100px;
  }
  #main-content-page .sec-type-5 .sub-contents {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    gap: 150px;
    margin-top: 79px;
  }
  #main-content-page .sec-type-5 .details {
    width: 100%;
  }
  #main-content-page .sec-type-5 .details .point {
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 40px;
  }
  #main-content-page .sec-type-5 .details .point::after {
    height: 5px;
    margin-top: 0;
  }
  #main-content-page .sec-type-5 .details .point-image {
    max-width: 972px;
    width: 100%;
    background-image: url("./images/img_keypoint_1_medium.png");
    margin: 0 auto 45px;
    aspect-ratio: 972/822;
  }
  #main-content-page .sec-type-5 .details .point-text {
    font-size: 18px;
    line-height: 28px;
  }
  #main-content-page .sec-type-5 .details .point-text .tb-none {
    display: none;
  }
  #main-content-page .sec-type-5 .video-wrap {
    gap: 34px;
    width: 100%;
    padding-bottom: 0;
  }
  #main-content-page .sec-type-5 .video-wrap .video-item {
    width: calc(50% - 17px);
  }
  #main-content-page .sec-type-5 .video-wrap .video-item .name {
    font-size: 14px;
    line-height: 1;
    margin-top: 12px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-5 {
    padding: 150px 20px 0;
  }
  #main-content-page .sec-type-5 .sec-inner {
    padding: 32px 16px 48px;
  }
  #main-content-page .sec-type-5 .sub-contents {
    gap: 70px;
    margin-top: 34px;
  }
  #main-content-page .sec-type-5 .details .point {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  #main-content-page .sec-type-5 .details .point::after {
    height: 2.5px;
    margin-top: 1px;
  }
  #main-content-page .sec-type-5 .details .point-image {
    background-image: url("./images/img_keypoint_1_small.png");
    margin: 0 auto 25px;
    aspect-ratio: 319/270;
  }
  #main-content-page .sec-type-5 .details .point-text {
    font-size: 11px;
    line-height: 15px;
  }
  #main-content-page .sec-type-5 .details .point-text .tb-none {
    display: block;
  }
  #main-content-page .sec-type-5 .video-wrap {
    gap: 12px;
  }
  #main-content-page .sec-type-5 .video-wrap .video-item {
    width: calc(50% - 6px);
  }
  #main-content-page .sec-type-5 .video-wrap .video-item .name {
    font-size: 8px;
    margin-top: 4px;
  }
}
#main-content-page .sec-type-6 {
  padding: 430px 163px 0;
}
#main-content-page .sec-type-6 .step-inner {
  position: relative;
}
#main-content-page .sec-type-6 .step-header {
  margin-right: 632px;
  margin-bottom: 345px;
}
#main-content-page .sec-type-6 .sub-figure-1 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  position: absolute;
  top: 20px;
  right: 0;
}
#main-content-page .sec-type-6 .sub-figure-1 .figure-item {
  position: relative;
}
#main-content-page .sec-type-6 .sub-figure-1 .figure-item::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  content: "";
}
#main-content-page .sec-type-6 .sub-figure-1 .figure-item .figure-left {
  max-width: 145px;
}
#main-content-page .sec-type-6 .sub-figure-1 .figure-item .figure-right {
  max-width: 309px;
}
#main-content-page .sec-type-6 .sub-contents {
  position: relative;
}
#main-content-page .sec-type-6 .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: calc(37.0138017566% + 43px);
}
#main-content-page .sec-type-6 .details .point {
  position: relative;
  color: #26150D;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 48px;
}
#main-content-page .sec-type-6 .details .point::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 4px;
  overflow: hidden;
  background-color: #26150D;
  margin-top: 9px;
  content: "";
}
#main-content-page .sec-type-6 .details .point[data-text-animation] {
  opacity: 1;
  transform: none;
}
#main-content-page .sec-type-6 .details .point[data-text-animation]::after {
  transition: width 0.5s;
}
#main-content-page .sec-type-6 .details .point[data-text-animation=true]::after {
  width: 100%;
}
#main-content-page .sec-type-6 .details .point-text {
  color: #26150D;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  word-break: keep-all;
}
#main-content-page .sec-type-6 .sub-figure-2 {
  position: absolute;
  top: 159px;
  right: 0;
  width: 37.0138017566%;
  aspect-ratio: 1180/1434;
  background: url("./images/figure_2_large.jpg") no-repeat;
  background-size: contain;
}
#main-content-page .sec-type-6 .video-wrap {
  position: relative;
  margin-top: 123px;
}
#main-content-page .sec-type-6 .video-wrap .video-item {
  width: 31.4303638645%;
  border: 1px solid #000;
  box-sizing: border-box;
  aspect-ratio: 501/835;
}
#main-content-page .sec-type-6 .video-wrap .video-item video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-content-page .sec-type-6 .video-wrap .video-image {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: calc(31.4303638645% + 28px);
  height: 100%;
}
#main-content-page .sec-type-6 .video-wrap .video-image img {
  height: calc((100% - 32px) / 3);
  border: 1px solid #000;
  box-sizing: border-box;
}
#main-content-page .sec-type-6 .sub-figure-3 {
  position: absolute;
  bottom: 0;
  left: min(39.32vw, 755px);
  border: 1px solid #333;
  border-radius: 30px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding-left: min(1.04vw, 20px);
  padding-right: min(2.92vw, 56px);
  padding-top: min(0.83vw, 16px);
  padding-bottom: min(0.83vw, 16px);
}
#main-content-page .sec-type-6 .sub-figure-3 .line-1 {
  color: #333;
  font-size: min(1.15vw, 22px);
  font-weight: 500;
  line-height: 1.63;
  padding-bottom: 1.51vw;
}
#main-content-page .sec-type-6 .sub-figure-3 .line-2 {
  color: #333;
  font-size: min(1.15vw, 22px);
  font-weight: 700;
  line-height: 1.63;
  padding-bottom: 0.63vw;
}
#main-content-page .sec-type-6 .sub-figure-3 .line-3 {
  color: #333;
  font-size: min(0.83vw, 16px);
  font-weight: 400;
  line-height: 1.44;
}
#main-content-page .sec-type-6 *[data-text-animation] .sub-figure-1 .figure-item:has(.figure-left) {
  opacity: 0;
  transform: translateY(-100px);
}
#main-content-page .sec-type-6 *[data-text-animation] .sub-figure-1 .figure-item:has(.figure-right) {
  opacity: 0;
  transform: translateX(100px);
}
#main-content-page .sec-type-6 *[data-text-animation=true] .sub-figure-1 .figure-item:has(.figure-left) {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s, transform 0.5s;
  transition-delay: 0.5s;
}
#main-content-page .sec-type-6 *[data-text-animation=true] .sub-figure-1 .figure-item:has(.figure-right) {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.5s, transform 0.5s;
  transition-delay: 1s;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-6 {
    padding: 250px 104px 0;
  }
  #main-content-page .sec-type-6 .step-header {
    margin-right: 0;
    margin-bottom: 150px;
  }
  #main-content-page .sec-type-6 .sub-figure-1 {
    gap: 40px;
    position: static;
    width: 80.46875%;
    margin: 0 auto;
  }
  #main-content-page .sec-type-6 .sub-figure-1 .figure-item:has(.figure-left) {
    width: calc(34.854368932% - 20px);
  }
  #main-content-page .sec-type-6 .sub-figure-1 .figure-item:has(.figure-right) {
    width: calc(61.067961165% - 20px);
  }
  #main-content-page .sec-type-6 .sub-figure-1 .figure-item .figure-left,
  #main-content-page .sec-type-6 .sub-figure-1 .figure-item .figure-right {
    max-width: none;
    width: 100%;
  }
  #main-content-page .sec-type-6 .sub-contents {
    margin-top: 150px;
  }
  #main-content-page .sec-type-6 .details {
    width: 100%;
  }
  #main-content-page .sec-type-6 .details .point {
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 40px;
  }
  #main-content-page .sec-type-6 .details .point::after {
    height: 5px;
    margin-top: 0;
  }
  #main-content-page .sec-type-6 .details .point-text {
    font-size: 18px;
    line-height: 28px;
  }
  #main-content-page .sec-type-6 .details .point-text span {
    display: block;
  }
  #main-content-page .sec-type-6 .details .point-text .tb-none {
    display: none;
  }
  #main-content-page .sec-type-6 .sub-figure-2 {
    position: static;
    margin: 150px auto 0;
    width: 90.5027932961%;
    background-image: url("./images/figure_2_medium.jpg");
    aspect-ratio: 1944/2218;
  }
  #main-content-page .sec-type-6 .video-wrap {
    margin-top: 149px;
  }
  #main-content-page .sec-type-6 .video-wrap .video-item {
    width: 74%;
  }
  #main-content-page .sec-type-6 .video-wrap .video-image {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 22%;
  }
  #main-content-page .sec-type-6 .video-wrap .video-image img {
    width: 100%;
    height: auto;
  }
  #main-content-page .sec-type-6 .sub-figure-3 {
    position: static;
    width: 100%;
    padding-left: min(2.5vw, 32px);
    padding-right: min(2.5vw, 32px);
    padding-top: min(3.51vw, 45px);
    padding-bottom: min(3.51vw, 45px);
    margin: 150px auto 0;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-1 {
    font-size: min(2.34vw, 30px);
    line-height: 1.2;
    padding-bottom: 2.81vw;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-2 {
    font-size: min(2.73vw, 35px);
    line-height: 1.02;
    padding-bottom: 1.17vw;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-3 {
    font-size: min(1.95vw, 25px);
    line-height: 1.4;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-6 {
    padding: 150px 21px 0;
  }
  #main-content-page .sec-type-6 .step-header {
    margin-bottom: 73px;
  }
  #main-content-page .sec-type-6 .sub-figure-1 {
    justify-content: center;
    gap: 13px;
    width: 100%;
  }
  #main-content-page .sec-type-6 .sub-figure-1 .figure-item:has(.figure-left) {
    width: 28.9743589744vw;
  }
  #main-content-page .sec-type-6 .sub-figure-1 .figure-item:has(.figure-right) {
    width: 50.7692307692vw;
  }
  #main-content-page .sec-type-6 .sub-contents {
    margin-top: 51px;
  }
  #main-content-page .sec-type-6 .details .point {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px;
  }
  #main-content-page .sec-type-6 .details .point::after {
    height: 2.5px;
    margin-top: 1px;
  }
  #main-content-page .sec-type-6 .details .point-text {
    font-size: 11px;
    line-height: 15px;
  }
  #main-content-page .sec-type-6 .details .point-text span {
    display: inline;
  }
  #main-content-page .sec-type-6 .details .point-text .tb-none {
    display: block;
  }
  #main-content-page .sec-type-6 .sub-figure-2 {
    margin-top: 73px;
    width: 78.4615384615vw;
    background-image: url("./images/figure_2_small.jpg");
    aspect-ratio: 612/756;
  }
  #main-content-page .sec-type-6 .video-wrap {
    margin-top: 55px;
    padding: 0 3px;
    box-sizing: border-box;
  }
  #main-content-page .sec-type-6 .video-wrap .video-image {
    right: 3px;
  }
  #main-content-page .sec-type-6 .sub-figure-3 {
    margin-top: 81px;
    padding-left: max(2.82vw, 11px);
    padding-right: max(2.82vw, 11px);
    padding-top: max(3.3vw, 13px);
    padding-bottom: max(3.3vw, 13px);
    border-radius: 15px;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-1 {
    font-size: max(3.07vw, 12px);
    line-height: 1;
    padding-bottom: 5.64vw;
    letter-spacing: -0.04em;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-2 {
    font-size: max(3.84vw, 15px);
    line-height: 1;
    padding-bottom: 1.17vw;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-3 {
    font-size: max(2.56vw, 10px);
    line-height: 1.2;
    letter-spacing: -0.04em;
  }
  #main-content-page .sec-type-6 .sub-figure-3 .line-3 br {
    display: none;
  }
}
#main-content-page .sec-type-7 {
  margin: 465px 0 0;
}
#main-content-page .sec-type-7 .sec-inner {
  background: url("./images/bg_step_4_large.webp") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 234px 180px 248px;
  box-sizing: border-box;
}
#main-content-page .sec-type-7 .step-header {
  align-items: flex-end;
  text-align: right;
}
#main-content-page .sec-type-7 .sub-contents {
  position: relative;
  margin: 129px 68px 0 26px;
}
#main-content-page .sec-type-7 .image-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 17px;
}
#main-content-page .sec-type-7 .image-list img {
  flex-shrink: 0;
  width: calc((100% - 51px) / 4);
  border: 1px solid #000;
  box-sizing: border-box;
}
#main-content-page .sec-type-7 .image-list.list-1::before {
  flex-shrink: 0;
  width: calc((100% - 51px) / 4);
  content: "";
}
#main-content-page .sec-type-7 .image-list.list-2 {
  margin-top: 17px;
}
#main-content-page .sec-type-7 .image-list.list-2::after {
  flex-shrink: 0;
  width: calc((100% - 51px) / 4);
  content: "";
}
#main-content-page .sec-type-7 .text-1 {
  position: absolute;
  bottom: 15%;
  left: 68%;
  width: 42%;
  aspect-ratio: 1164/432;
  background: url("./images/text_step_4_1_large.png") no-repeat;
  background-size: contain;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1s, transform 1s;
}
#main-content-page .sec-type-7 .text-2 {
  position: absolute;
  bottom: 2%;
  left: 76%;
  width: 38%;
  aspect-ratio: 1072/306;
  background: url("./images/text_step_4_2_large.png") no-repeat;
  background-size: contain;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1s, transform 1s;
}
#main-content-page .sec-type-7 .text-1[data-text-animation=true] {
  transform: translateY(0);
  opacity: 1;
}
#main-content-page .sec-type-7 .text-1[data-text-animation=true] + .text-2 {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.5s;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-7 {
    margin: 300px 0 0;
  }
  #main-content-page .sec-type-7 .sec-inner {
    padding: 159px 96px 478px;
  }
  #main-content-page .sec-type-7 .sub-contents {
    margin: 120px 0 0;
  }
  #main-content-page .sec-type-7 .image-list {
    gap: 12px;
  }
  #main-content-page .sec-type-7 .image-list img {
    width: calc((100% - 36px) / 4);
  }
  #main-content-page .sec-type-7 .image-list.list-1::before {
    flex-shrink: 0;
    width: calc((100% - 36px) / 4);
    content: "";
  }
  #main-content-page .sec-type-7 .image-list.list-2 {
    margin-top: 12px;
  }
  #main-content-page .sec-type-7 .image-list.list-2::after {
    flex-shrink: 0;
    width: calc((100% - 36px) / 4);
    content: "";
  }
  #main-content-page .sec-type-7 .text-1 {
    top: 94%;
    bottom: auto;
    left: 36%;
    width: 59%;
    aspect-ratio: 1269/468;
    background-image: url("./images/text_step_4_1_medium.png");
  }
  #main-content-page .sec-type-7 .text-2 {
    top: 119%;
    bottom: auto;
    left: 48%;
    width: 53%;
    aspect-ratio: 1169/329;
    background-image: url("./images/text_step_4_2_medium.png");
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-7 {
    margin: 102px 0 0;
  }
  #main-content-page .sec-type-7 .sec-inner {
    padding: 68px 20px 55.8974358974vw;
  }
  #main-content-page .sec-type-7 .step-header {
    margin-right: -2px;
  }
  #main-content-page .sec-type-7 .sub-contents {
    margin: 71px 0 0;
  }
  #main-content-page .sec-type-7 .image-list {
    gap: 4px;
  }
  #main-content-page .sec-type-7 .image-list img {
    width: 25.8974358974vw;
  }
  #main-content-page .sec-type-7 .image-list.list-1 {
    justify-content: flex-end;
  }
  #main-content-page .sec-type-7 .image-list.list-1::before {
    display: none;
  }
  #main-content-page .sec-type-7 .image-list.list-2 {
    justify-content: flex-start;
    margin-top: 4px;
  }
  #main-content-page .sec-type-7 .image-list.list-2::after {
    display: none;
  }
  #main-content-page .sec-type-7 .text-1 {
    top: 93%;
    bottom: auto;
    left: -4%;
    width: 85%;
    aspect-ratio: 624/221;
    background-image: url("./images/text_step_4_1_small.png");
  }
  #main-content-page .sec-type-7 .text-2 {
    top: 117%;
    bottom: auto;
    left: 17%;
    width: 87%;
    aspect-ratio: 633/187;
    background-image: url("./images/text_step_4_2_small.png");
  }
}
#main-content-page .sec-type-8 {
  position: relative;
  background-image: url("./images/bg_last.png");
  background-repeat: no-repeat;
  background-position: 0 378px;
  background-size: 100% auto;
}
#main-content-page .sec-type-8 .pc {
  display: block;
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-8 .pc {
    display: none;
  }
}
#main-content-page .sec-type-8 .mb {
  display: none;
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-8 .mb {
    display: block;
  }
}
#main-content-page .sec-type-8 .sec-inner {
  position: relative;
  padding: 300px 0 115px;
  z-index: 1;
}
#main-content-page .sec-type-8 .sec-title {
  width: 30.4%;
  margin-left: 8.49%;
}
#main-content-page .sec-type-8 .sec-title img {
  width: 100%;
  height: auto;
}
#main-content-page .sec-type-8 .img-item {
  overflow: hidden;
}
#main-content-page .sec-type-8 .img-item img {
  width: 100%;
  height: auto;
}
#main-content-page .sec-type-8 .item-1 {
  width: 28.4%;
  border-radius: 20px;
  margin-right: 5.26%;
}
#main-content-page .sec-type-8 .item-2 {
  width: 25.1%;
  border-radius: 20px;
  margin-top: 103px;
  margin-left: 6.25%;
}
#main-content-page .sec-type-8 .item-3 {
  width: 29.2%;
  border-radius: 10px;
  margin-right: 23.7%;
  margin-top: 118px;
}
#main-content-page .sec-type-8 .item-4 {
  width: 16.2%;
  border-radius: 10px;
  margin-top: 103px;
  margin-left: 5.36%;
}
#main-content-page .sec-type-8 .float-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 566px;
  width: 100%;
  box-sizing: border-box;
}
#main-content-page .sec-type-8 .sub-contents {
  overflow: hidden;
  border-radius: 30px;
  background: url("./images/bg_epilogue_large.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 67px 135px 98px;
  margin: 396px 82px 0;
  box-sizing: border-box;
}
#main-content-page .sec-type-8 .sub-contents .epilogue-label {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  background-color: #26150D;
  padding: 9px 21px;
  margin: 0 0 22px;
  box-sizing: border-box;
}
#main-content-page .sec-type-8 .sub-contents .epilogue-title {
  color: #26150D;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  margin-bottom: 38px;
}
#main-content-page .sec-type-8 .sub-contents .epilogue-text {
  color: #26150D;
  font-size: 22px;
  line-height: 36px;
}
#main-content-page .sec-type-8 .sub-contents .epilogue-text ~ .epilogue-text {
  margin-top: 36px;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-8 {
    background-position-y: 608px;
  }
  #main-content-page .sec-type-8 .sec-inner {
    padding: 250px 0 155px;
  }
  #main-content-page .sec-type-8 .sec-title {
    width: 37.1%;
    margin-left: 6.48%;
  }
  #main-content-page .sec-type-8 .item-1 {
    width: 33.4%;
    margin-right: 5.26%;
  }
  #main-content-page .sec-type-8 .item-2 {
    width: 30.1%;
    margin-top: 164px;
    margin-left: 6.25%;
  }
  #main-content-page .sec-type-8 .item-3 {
    width: 32.3%;
    margin-right: 12.18%;
    margin-top: 102px;
  }
  #main-content-page .sec-type-8 .item-4 {
    width: 25.07%;
    border-radius: 10px;
    margin-top: 103px;
    margin-left: 2.19%;
  }
  #main-content-page .sec-type-8 .float-item {
    top: 556px;
  }
  #main-content-page .sec-type-8 .sub-contents {
    border-radius: 40px;
    padding: 160px 78px;
    margin: 369px 145px 0;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-label {
    font-size: 27px;
    line-height: 32px;
    padding: 7px 27px;
    margin: 0 0 35px;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-title {
    font-size: 55px;
    line-height: 1;
    margin-bottom: 65px;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-text {
    font-size: 27px;
    line-height: 40px;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-text ~ .epilogue-text {
    margin-top: 40px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-8 {
    background-image: url("./images/bg_last_small.png");
    background-position-y: 322px;
  }
  #main-content-page .sec-type-8 .sec-inner {
    padding: 105px 0 49px;
  }
  #main-content-page .sec-type-8 .sec-title {
    width: 56.6666666667vw;
    margin-left: 5.1282051282vw;
  }
  #main-content-page .sec-type-8 .line {
    display: flex;
    width: 100%;
  }
  #main-content-page .sec-type-8 .line:nth-child(1) {
    justify-content: flex-end;
    margin-top: -23.8461538462vw;
  }
  #main-content-page .sec-type-8 .line:nth-child(3) {
    justify-content: flex-end;
  }
  #main-content-page .sec-type-8 .item-4 {
    width: 30.2564102564vw;
    border-radius: 5px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 5.1282051282vw;
  }
  #main-content-page .sec-type-8 .item-2 {
    width: 46.9230769231vw;
    margin-top: 0;
    margin-left: 5.641025641vw;
    border-radius: 10px;
  }
  #main-content-page .sec-type-8 .item-1 {
    width: 53.3333333333vw;
    border-radius: 10px;
    margin-top: 7.6923076923vw;
    margin-right: 5.1282051282vw;
  }
  #main-content-page .sec-type-8 .item-3 {
    width: 54.6153846154vw;
    margin-right: 0;
    margin-top: 13.5897435897vw;
    margin-left: 5.641025641vw;
    border-radius: 5px;
  }
  #main-content-page .sec-type-8 .sub-contents {
    background-image: url("./images/bg_epilogue_small.jpg");
    border-radius: 20px;
    padding: 96px 25px;
    margin: 102.0512820513vw 20px 0;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-label {
    font-size: 12px;
    line-height: 14px;
    padding: 2px 6px;
    margin: 0 0 12px;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 32px;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-text {
    font-size: 11px;
    line-height: 18px;
  }
  #main-content-page .sec-type-8 .sub-contents .epilogue-text ~ .epilogue-text {
    margin-top: 18px;
  }
}
#main-content-page .page-modal-contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  z-index: 1000;
}
#main-content-page .page-modal-contents[aria-hidden=false] {
  display: block;
}
#main-content-page .page-modal-contents .page-modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#main-content-page .page-modal-contents .page-modal[aria-hidden=false] {
  display: block;
}
#main-content-page .page-modal-contents .page-modal .modal-inner {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#main-content-page .page-modal-contents .page-modal .modal-inner video {
  width: auto;
  height: 100%;
}
#main-content-page .page-modal-contents .page-modal .close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="25.2812" cy="24.7188" r="24.3594" fill="%23464646"/><line x1="17.5176" y1="16.2465" x2="34.5669" y2="33.2958" stroke="white"/><line x1="16.8022" y1="33.2959" x2="33.8515" y2="16.2466" stroke="white"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1500;
}
#main-content-page *[data-text-animation] {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1s, transform 1s;
}
#main-content-page *[data-text-animation=true] {
  opacity: 1;
  transform: translateY(0);
}
#main-content-page .sec-type-bottom {
  padding: 136px 0 275px;
  background-color: #fff;
}
#main-content-page .sec-type-bottom .sec-title {
  color: #26150D;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  text-align: center;
  margin-bottom: 116px;
}
#main-content-page .sec-type-bottom .rel-content-swiper {
  padding: 0 82px;
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide {
  width: calc((100% - 90px) / 4);
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide > a {
  display: block;
  color: #000;
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1490196078);
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide .thumb {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 416/234;
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide .text {
  height: 105px;
  overflow: hidden;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  word-break: break-all;
  margin: 21px 20px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide .date {
  color: #adadad;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
  margin: 85px 20px 24px;
}
@media screen and (max-width: 1280px) {
  #main-content-page .sec-type-bottom {
    padding: 71px 0 198px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper {
    padding: 0 0 40px;
    --swiper-scrollbar-bottom: 0;
    --swiper-scrollbar-size: 2px;
    --swiper-scrollbar-border-radius: 2px;
    --swiper-scrollbar-bg-color: #ccc;
    --swiper-scrollbar-drag-bg-color: #333;
    --swiper-scrollbar-sides-offset: 85px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide {
    width: 416px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide:first-child {
    margin-left: 85px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide:last-child {
    margin-right: 85px;
  }
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-bottom {
    padding: 88px 0;
  }
  #main-content-page .sec-type-bottom .sec-title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 59px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper {
    padding: 0 0 35px;
    --swiper-scrollbar-size: 1px;
    --swiper-scrollbar-border-radius: 1px;
    --swiper-scrollbar-sides-offset: 58px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide {
    width: 286px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide:first-child {
    margin-left: 58px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide:last-child {
    margin-right: 58px;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide .text {
    height: 90px;
    font-size: 20px;
    line-height: 30px;
    margin: 15px 14px 0;
  }
  #main-content-page .sec-type-bottom .rel-content-swiper .swiper-slide .date {
    font-size: 12px;
    margin: 55px 14px 6px;
  }
}
#main-content-page .sec-type-bottom .category {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  position: absolute;
  bottom: 90px;
  left: 20px;
}
#main-content-page .sec-type-bottom .category div, #main-content-page .sec-type-bottom .category a {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #333;
  border-radius: 100px;
  padding: 5px 11px;
  box-sizing: border-box;
}
@media screen and (min-width: 1280px) {
  #main-content-page .sec-type-bottom .category div:hover, #main-content-page .sec-type-bottom .category a:hover {
    color: #fff;
    background-color: #333;
  }
}
#main-content-page .sec-type-bottom .tags {
  display: flex;
  position: absolute;
  bottom: 60px;
  left: 20px;
  gap: 12px;
  margin-top: 14px;
  overflow: hidden;
  flex-wrap: wrap;
  height: 16px;
  right: 20px;
}
#main-content-page .sec-type-bottom .tags div, #main-content-page .sec-type-bottom .tags a {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1;
}
#main-content-page .sec-type-bottom .tags div::before, #main-content-page .sec-type-bottom .tags a::before {
  content: "#";
}
@media screen and (max-width: 860px) {
  #main-content-page .sec-type-bottom .category {
    display: flex;
    position: absolute;
    bottom: 66px;
    left: 14px;
    overflow: hidden;
    flex-wrap: wrap;
    height: 24px;
  }
  #main-content-page .sec-type-bottom .category div, #main-content-page .sec-type-bottom .category a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 23px;
    color: #333;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #333;
    border-radius: 99px;
    padding: 0 11px;
    box-sizing: border-box;
  }
  #main-content-page .sec-type-bottom .tags {
    display: flex;
    position: absolute;
    bottom: 40px;
    left: 14px;
    gap: 6px;
    overflow: hidden;
    flex-wrap: wrap;
    height: 15px;
    right: 14px;
  }
  #main-content-page .sec-type-bottom .tags div, #main-content-page .sec-type-bottom .tags a {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 1;
  }
}