@media (max-width: 767px) {
  body {
    overflow: unset !important;
  }
  .signature .welcome {
    box-sizing: border-box;
  }
  .signature .welcome .wrapper {
    flex-direction: column;
    gap: 0;
  }
  .signature .welcome .wrapper .welcome_photo01 {
    overflow: hidden;
    height: 120vh;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
  }
  .signature .welcome .wrapper .welcome_photo01 .welcome_title {
    justify-content: flex-start;
  }
  .signature .welcome .wrapper .welcome_photo01 .welcome_title h1 {
    font-size: 4em;
  }
  .signature .welcome .wrapper .welcome_photo01 .welcome_title h1:first-child {
    padding-top: 180px;
  }
  .signature .welcome .wrapper .welcome_photo01 .welcome_title p {
    height: 500px;
    width: 2px;
    margin: 30px auto;
    background-color: #fff;
  }
  .signature .welcome .wrapper .welcome_photo02 {
    transform: translateY(-4px);
    scale: 0.9;
    height: 40vh;
    z-index: 3;
    position: fixed;
    left: 0;
    transform: initial;
  }
  .signature .welcome .wrapper .welcome_photo03 {
    max-width: 550px;
    position: fixed;
    left: 0;
    scale: 0;
    opacity: 0;
    z-index: 4;
  }
  .signature .welcome .wrapper .welcome_photo03 .welcome_mid {
    margin-top: 0;
    transform: translateY(-4px);
  }
  .signature .welcome .wrapper .welcome_photo03 .welcome_mid .welcome_title {
    width: 100%;
    padding: 10px;
  }
  .signature .welcome .wrapper .welcome_photo03 .welcome_mid .welcome_title h1 {
    font-size: 4em;
    white-space: nowrap;
  }
  .signature .welcome .wrapper .welcome_photo03 .welcome_mid .welcome_title .title_bottom {
    padding-top: 10px;
    transform: translate(-75%, 40%);
  }
  .signature .welcome .wrapper .welcome_photo03 .welcome_mid .welcome_title .title_bottom p {
    height: 2px;
    width: 600px;
    margin: 0 2px;
    padding: 0 16px;
    background-color: #fff;
  }
  .signature .video_landing {
    padding-top: 740px;
  }
  .signature .video_landing .wrapper {
    height: 500px;
    padding: 0 5%;
  }
  .signature .video_landing .wrapper .video_text {
    width: 330px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .signature .video_landing .wrapper .video_text p {
    font-size: 1.4em;
  }
  .signature #TextTransition_m {
    color: #000;
    transition: 1s;
  }
  .signature #TextTransition_m.scroll {
    color: #fff;
  }
  .signature #VideoWrapTransition_m.video_wrap.only_mobile {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    transition: 1s;
  }
  .signature #VideoWrapTransition_m.video_wrap.only_mobile.scroll {
    border-radius: 0;
    width: 100%;
    height: 100%;
  }
  .signature #VideoTransition_m {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .signature .text_moving {
    padding-bottom: 30%;
  }
  .signature .text_moving .wrapper {
    white-space: nowrap;
  }
  .signature .text_moving .wrapper .goto_left#TextMoving01_m {
    transform: none;
    transition: all 2s;
  }
  .signature .text_moving .wrapper .goto_left#TextMoving01_m.scroll {
    transform: translateX(-20%);
  }
  .signature .text_moving .wrapper .goto_left#TextMoving02_m {
    transform: none;
    transition: all 2s;
  }
  .signature .text_moving .wrapper .goto_left#TextMoving02_m.scroll {
    transform: translateX(-10%);
  }
  .signature .text_moving .wrapper .goto_left p {
    font-size: 1.7em;
  }
  .signature .text_moving .wrapper .goto_right#TextMoving03_m {
    transform: none;
    transition: all 2s;
  }
  .signature .text_moving .wrapper .goto_right#TextMoving03_m.scroll {
    transform: translateX(10%);
  }
  .signature .text_moving .wrapper .goto_right p {
    font-size: 1.7em;
  }
  .signature .introduce .wrapper {
    padding: 90px 15px;
  }
  .signature .introduce .wrapper .greeting .content_wrapper {
    padding: 0;
  }
  .signature .introduce .wrapper .greeting .content_wrapper h3 {
    font-size: 2em;
    line-height: 1.6em;
    padding: 40px 5px;
  }
  .signature .introduce .wrapper .greeting .content_wrapper h3 span {
    display: block;
  }
  .signature .introduce .wrapper .greeting .content_wrapper p {
    font-size: 1em;
    line-height: 1.6em;
  }
  .signature .introduce .wrapper .greeting .content_wrapper p span {
    display: block;
  }
  .signature .introduce .wrapper .greeting .content_wrapper a {
    bottom: 12%;
    left: 38%;
  }
  .signature .introduce .wrapper .greeting .content_wrapper a span {
    width: 0.3em;
    height: 0.3em;
  }
  .signature .introduce .wrapper .greeting .content_wrapper a span em {
    transform: translate(-3.5px, -2.5px);
  }
  .signature #IntroduceDesc {
    transform: translateY(70px);
    opacity: 0;
    transition: 1s;
  }
  .signature #IntroduceDesc.scroll {
    transform: translateY(0);
    opacity: 1;
  }
  .signature .personal {
    margin: 45px 0;
  }
  .signature .personal .wrapper {
    flex-direction: column;
    padding: 45px 15px;
  }
  .signature .personal .wrapper .desc .content_title h3 {
    font-size: 2em;
  }
  .signature .personal .wrapper .desc .content_list {
    padding: 45px 0;
  }
  .signature .personal .wrapper .desc .content_list h4 {
    font-size: 1.5em;
  }
  .signature .personal .wrapper .desc .content_list p {
    font-size: 1.5em;
    display: block;
  }
  .signature .personal .wrapper .desc .content_desc p {
    font-size: 1em;
    line-height: 1.6em;
  }
  .signature .personal .wrapper .desc .content_desc p span {
    display: block;
  }
  .signature .personal .wrapper .personal_photo {
    padding-top: 30px;
  }
  .signature #PersonalTitle {
    transform: translateX(-90px);
    opacity: 0;
    transition: 1s;
  }
  .signature #PersonalTitle.scroll {
    transform: translateX(0);
    opacity: 1;
  }
  .signature .equipment {
    margin: 45px 0;
  }
  .signature .equipment .wrapper {
    flex-direction: column-reverse;
    padding: 0 15px;
  }
  .signature .equipment .wrapper .desc .content_title h3 {
    font-size: 2em;
  }
  .signature .equipment .wrapper .desc .content_list {
    padding: 45px 0;
  }
  .signature .equipment .wrapper .desc .content_list h4 {
    font-size: 1.5em;
  }
  .signature .equipment .wrapper .desc .content_list p {
    font-size: 1.5em;
    display: block;
  }
  .signature .equipment .wrapper .desc .content_list p span {
    display: block;
  }
  .signature .equipment .wrapper .desc .content_desc p {
    font-size: 1em;
    line-height: 1.6em;
    display: inline;
  }
  .signature .equipment .wrapper .desc .content_desc p span {
    display: block;
  }
  .signature .equipment .wrapper .equipment_photo {
    padding-top: 30px;
  }
  .signature .equipment .wrapper .equipment_photo .photo_wrapper:nth-child(2) {
    text-align: left;
  }
  .signature .equipment .wrapper .equipment_photo .photo_bot .photo_info {
    display: none;
  }
  .signature #EquipmentTitle {
    transform: translateX(-90px);
    opacity: 0;
    transition: 1s;
  }
  .signature #EquipmentTitle.scroll {
    transform: translateX(0);
    opacity: 1;
  }
  .signature .portfolio .content_wrapper .portfolio_title {
    position: relative;
    font-size: 4em;
    padding: 150px 0;
    left: 0;
  }
  .signature .portfolio .content_wrapper .works_wrapper {
    margin-top: 0;
    padding: 15px;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc {
    flex-direction: column;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_title h3 {
    font-size: 1.5em;
    line-height: 1.4em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_left .works_parkt h5 {
    font-size: 1.2em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right div p {
    font-size: 1em;
    line-height: 1.6em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_desc .works_right div p span {
    display: block;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list {
    width: 100%;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper {
    flex-direction: column;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_photo_left {
    gap: 0;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_list_wrapper .works_list img {
    width: 100%;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_desc h3 {
    font-size: 1.2em;
    line-height: 1.6em;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_desc h3 span {
    display: block;
  }
  .signature .portfolio .content_wrapper .works_wrapper .works_photo_list .works_photo_desc p {
    font-size: 0.9em;
  }
  .signature #our {
    transform: translateX(90px);
    transition: 1s;
  }
  .signature #our.scroll {
    transform: translateX(0);
  }
  .signature #journey {
    transform: translateX(-45px);
    transition: 1s;
  }
  .signature #journey.scroll {
    transform: translateX(0);
  }
  .signature #Portfolio01 {
    transform: translateX(70px);
    opacity: 0;
    transition: 1s;
  }
  .signature #Portfolio01.scroll {
    transform: translateX(0);
    opacity: 1;
  }
  .signature #Portfolio02 {
    transform: translateX(70px);
    opacity: 0;
    transition: 1s;
  }
  .signature #Portfolio02.scroll {
    transform: translateX(0);
    opacity: 1;
  }
  .signature #Portfolio03 {
    transform: translateX(70px);
    opacity: 0;
    transition: 1s;
  }
  .signature #Portfolio03.scroll {
    transform: translateX(0);
    opacity: 1;
  }
  .signature #PortfolioLast {
    transform: translateY(100px);
    opacity: 0;
    transition: 1.3s;
  }
  .signature #PortfolioLast.scroll {
    transform: translateY(0);
    opacity: 1;
  }
  .signature .vision .content_wrapper {
    padding: 100px 15px;
  }
  .signature .vision .content_wrapper .content_title {
    padding-bottom: 45px;
  }
  .signature .vision .content_wrapper .content_title h5 {
    font-size: 1.1em;
  }
  .signature .vision .content_wrapper .content_title h3 {
    font-size: 1.2em;
  }
  .signature .vision .content_wrapper .content_title p {
    font-size: 1em;
    line-height: 1.6em;
  }
  .signature .vision .content_wrapper .content_title p span {
    display: block;
  }
  .signature .vision .content_wrapper .vision_photo .vision_title {
    display: block;
    margin-bottom: 10px;
  }
  .signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div {
    flex-direction: column;
    gap: 10px;
  }
  .signature .vision .content_wrapper .vision_photo .vision_photo_wrapper > div.photo_top {
    margin-bottom: 10px;
  }
  .signature .vision .content_wrapper .more_product {
    padding: 30px 0;
  }
  .signature .vision .content_wrapper .more_product a {
    font-size: 1em;
  }
  .signature .vision .content_wrapper .more_product a p {
    border: 1px solid #efefef;
    font-size: 1.2em;
    line-height: 2.6em;
  }
  .signature .vision .content_wrapper .more_product a p span {
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
  }
  .signature .partnership .content_wrapper {
    padding: 15px;
  }
  .signature .partnership .content_wrapper .content_title {
    padding: 0;
  }
  .signature .partnership .content_wrapper .content_title h5 {
    font-size: 1.1em;
  }
  .signature .partnership .content_wrapper .content_title h3 {
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: center;
  }
  .signature .partnership .content_wrapper .content_title h3 span {
    display: block;
  }
  .signature .partnership .content_wrapper .partners .partners_wrapper .partner_items {
    -webkit-animation-name: slideLogo2;
            animation-name: slideLogo2;
    -webkit-animation-duration: 60s;
            animation-duration: 60s;
  }
  .signature .partnership .content_wrapper .partners .partners_wrapper .partner_items .partner_item {
    width: 50%;
  }
}
.fixed1 {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
}

.fixed2 {
  position: fixed !important;
  left: 0 !important;
  bottom: 0 !important;
}

#wt_text3 {
  transform-origin: bottom;
}