body {
  font-weight: 400;
  font-style: normal;
  font-family: "Helvetica Neue", Helvetica, "Yu Gothic", "游ゴシック", "游ゴシック体", YuGothic, "kozuka-gothic-pr6n", "Hiragino Kaku Gothic ProN", sans-serif, "komu-a", sans-serif;
  letter-spacing: 0.5em;
}

.sp_none {
  display: none;
}

@media(min-width:1126px) {
  .sp_none {
    display: block;
  }

  .pc_none {
    display: none;
  }
}

header {
  width: 100%;
  position: absolute;
}

.header_animation {
  writing-mode: vertical-lr;
  color: white;
  font-family: "Helvetica";
  line-height: 2;
  font-size: min(24px, 2.13vw);
  letter-spacing: 0.7px;
  margin: 5.33vw 0 0 3vw;
}

.page_link ul {
  display: flex;
}

.page_link li {
  margin-left: 5.11vw;
}

.page_link {
  position: absolute;
  top: 5.85vw;
  right: 5.69vw;
  letter-spacing: 0.34vw;
  font-family: "komu-a";
  color: black;
  font-size: min(48px, 4.26vw);
  z-index: 2000;
}

.page_link.colorChange {
  color: white;
}

@media(min-width:1126px) {
  .page_link li:last-child {
    padding-left: 1.666vw;
    height: 1.46vw;
    margin-left: 1.4vw;
  }

  .page_link.colorChange li:last-child {
    color: white;
    border-left: 1px solid white;
    height: 30px;
  }

  .page_link.colorChange i {
    color: white;
  }

  .page_link {
    font-size: 30px;
    top: 51px;
    right: 49px;
    letter-spacing: 2.3px;
  }

  .header_animation {
    line-height: 1.9;
    font-size: 16px;
    letter-spacing: 0.4px;
    margin: 50px 0 0 40px;
  }

  .page_link li {
    margin-left: 1.8vw;
  }
}

@media(max-width:425px) {

  .scroll_animation::before,
  .scroll_animation::after {
    bottom: -110px;
  }
}



.splash_container {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 111;
}
.splash_container.finish, .splash.finish{
  z-index:-100;
}
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  z-index:110;
}

#splash-logo {
  width: 65.8vw;
  position: absolute;
  top: 63%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

#splash-logo img {
  width: 100%;
  margin-top: -12.3vw;
}


.splashbg {
  display: block;
  content: "";
  position: fixed;
  right: 0px;
  z-index: 99;
  height: 100%;
  top: 0;
  background-color: #000000;
}

.splashbg.slideOut {
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #000000;
  animation: anime;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes anime {
  0% {
    width: 100%;

  }

  100% {
    width: 0%;
  }
}

.bg1 {
  left: 0;
}

.bg2 {
  left: 33.333%
}

.bg3 {
  left: 66.333%;
}

.bg4.slideOut,
.bg5.slideOut {
  display: none;
}

@media(min-width: 1126px) {
  .bg1 {
    left: 0;
  }

  .bg2 {
    left: 20%
  }

  .bg3 {
    left: 40%;
  }

  .bg4 {
    left: 60%;
  }

  .bg5 {
    left: 80%;
  }

  .bg4.slideOut,
  .bg5.slideOut {
    display: block;
  }
}

@media(max-width:1125px) {

  body.appear .splashbg,
  .splashbg {
    width: 33.3vw;
  }
}
.splash_container.finish,
  .splash.finish{
    display:none;
  }
@media(min-width:1126px) {
  
  body.appear .splashbg,
  .splashbg {
    width: 20.5vw;
    z-index:100;
  }

  #splash-logo {
    width: 600px;
    text-align: center;
    margin: 0 auto;
  }
}




.fv {
  position: relative;
  background-image: url("./img/top.png");
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
  background-position: center 88%;
  z-index: -1;
}

.fv h1 {
  width: 65.8vw;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fv img {
  width: 100%;
  height: 100%;
}

.scroll_animation {
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  position: absolute;
  color: white;
  letter-spacing: 3px;
  font-size: min(24px, 2.13vw);
  font-family: "Helvetica";
  bottom: 12.17vw;
  right: 4.7vw;
  z-index: 200;
}

.scroll_animation::before {
  transform: translateX(-50%);
  position: absolute;
  content: "";
  width: 1px;
  height: 8.8vw;
  background: #fff;
  bottom: -12.17vw;
  left: 48%;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition-delay: 1.5s;
  opacity: 0.2;
}

.scrolldown1::after {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 1px;
  height: 8.8vw;
  background: #eee;
  animation: pathmove 4s ease-in-out infinite;
  opacity: 0;
  left: 48%;
  z-index: -1;
  margin-top: 13vw;
}
@media(max-width:767px){
  .scrolldown1::after {
    margin-top:16vw;
  }
}
@media(max-width:400px){
  .scrolldown1::after {
    margin-top:18vw;
  }
}
 
  @keyframes pathmove {
    0% {
      height: 0;
      top: 0;
      opacity: 0;
    }

    30% {
      height: 100px;
      opacity: 1;
    }

    100% {
      height: 0;
      top: 100px;
      opacity: 0;
    }
  }
@media(min-width:1126px) {
  .fv {
    background-image: url("./img/top.png");
    width: 100%;
    z-index: -1;
    position: relative;
  }

  .fv h1 {
    width: 600px;
    text-align: center;
    margin: 0 auto;
    padding-top: 0;
    ;
  }

  .scroll_animation {
    font-size: 16px;
    bottom: 78px;
    right: 47px;
    letter-spacing: 0.12em;
  }

  .scroll_animation::before {
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition-delay: 1.5s;
    opacity: 0.2;
    right: 7px;
  }

  .scrolldown1::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100px;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0;
    right: 8px;
    margin-top: 100px;
  }
}

@keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*-----about(base)-----*/
.about_container {
  width: 87vw;
  margin: 0 auto 0;

}

.about_top {
  padding-top: 14.975vw;
}

#about_title {
  margin-bottom: 10vw;
}

.contents_title h2 {
  font-family: "komu-a";
  font-size: min(100px, 8.8vw);
  letter-spacing: 0.7vw;
}

.contents_title h3 {
  letter-spacing: 0.1em;
  margin-left: -4px;
  margin-top: -13px;
}

@media(max-width:768px) {
  .contents_title h3 {
    margin-top: 0;
  }
}

.contents_title h3,
.about_subtitle p {
  font-family: "游ゴシック体", "Hiragino Kaku Gothic ProN";
  font-size: min(38px, 3.4vw);
  font-weight: 700;
  line-height: 1.579;
}

.about_subtitle {
  margin-top: -2.6vw;
  margin-left: 0.6vw;
  letter-spacing: 0.19em;
}

.about_contents {
  padding-left: 0.6vw;
  padding-top: 4.2vw;
}


.about_content {
  border-bottom: 1px solid #999999;
  letter-spacing: 0.2em;
}

.about_subtitle p {
  color: rgba(0, 0, 0, 0.79);
}

.about_content p {
  color: black;
}

.about_content h4 {
  font-family: "kozuka-gothic-pr6n", "Hiragino Kaku Gothic ProN";
  font-size: min(38px, 3.8vw);
  padding-top: 4.5vw;
  padding-bottom: 1.5vw;
}

.about_content p {
  font-family: "游ゴシック体", "Hiragino Kaku Gothic ProN";
  font-size: min(38px, 3.4vw);
  font-weight: 700;
  padding-bottom: 3.8vw;
}

.about_outer {
  background: #fff;
}

@media(min-width:1126px) {
  .about_outer {
    width: 100%;
    position: relative;

  }

  .about_container {
    width: 960px;
    margin: 0 auto 0;

  }

  .about_top {
    width: 960px;
    display: flex;
    margin-top: 0;
    padding-top: 0;
  }

  #about_title {
    margin-bottom: 0;
  }

  .contents_title {
    width: 480px;
    margin: 0;
  }

  .contents_title h2 {
    font-size: 72px;
    padding-top: 235px;
    margin-left: 0.65vw;
    letter-spacing: 0.08em;

  }

  .contents_title h3 {
    letter-spacing: 0.1em;
    margin-top: -7.68px;
    margin-left: 0.59vw;
  }

  .contents_title h3 {
    font-size: 16px;
    line-height: 1.579;
  }

  .about_subtitle p {
    font-size: 16px;
    line-height: 2.12;
    margin-top: 2px;
  }

  .about_subtitle {
    margin-top: 234px;
    margin-left: 0;
    letter-spacing: 0.075em;
  }

  .about_contents {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    border-bottom: 1px solid #999999;
    padding-bottom: 132.5px;
    padding-top: 69px;
  }

  #content6 h4::after {
    content: "";
    position: absolute;
    left: -0.573vw;
    bottom: -1px;
    width: 50px;
    height: inherit;
    border-bottom: 1px solid black;
    
  }
  .about_content {
    border: none;
    width: 469px;
    letter-spacing: 0.2em;
  }

  .about_subtitle p,
  .about_content p {
    color: black;
  }

  .about_content h4 {
    font-size: 14px;
    padding-top: 9.6px;
    letter-spacing: 0.08em;
    padding-bottom: 13.5px;
  }

  .about_content p {
    font-size: 16px;
    padding-bottom: 0;
    letter-spacing: 0.08em;
  }

}
@media(max-width:1125px){
  .contact_btn{
  margin-top:16.5vw;
}
}

@media(max-width:1125px) {

  #content2 h4 {
    padding-bottom: 1.9vw;
  }

  #content2 p {
    padding-bottom: 3.4vw;
  }

  #content3 {
    margin-left: 0.1vw;
    margin-top: -1.1vw;
  }

  #content3 h4 {
    margin-bottom: 0.6vw;
    margin-top: 0.7vw;
  }

  #content4 {
    margin-top: 0.4vw;
    margin-left: 0.2vw;
  }

  #content4 h4 {
    padding-top: 4vw;
    margin-bottom: -0.5vw;
  }

  #content4 p {
    line-height: 1.6em;
    margin-left: 0.1vw;
    letter-spacing: 0.08em;
  }

  #content5 h4 {
    margin-top: 0.65vw;
    margin-bottom: -0.4vw;
  }

  #content5 p {
    margin-left: 0.2vw;
    line-height: 1.6em;
    padding-bottom: 1vw;
  }

  #content5 {
    padding-bottom: 3.3vw;
  }

  #content6 {
    margin-top: -1vw;
    margin-left: 0.3vw;
    padding-bottom: 1vw;
  }

  #content6 h4 {
    margin-top: 0.5vw;
    margin-bottom: 0.6vw;
    margin-left: 0.1vw;
  }

  #content6 p {
    letter-spacing: 0.08em;
  }
}






@media(min-width:1126px) {

  #content3,
  #content4 {
    padding-top: 46.1px;
  }

  #content4 p {
    line-height: 1.9;
    margin-left: 0;
    padding-bottom: 0;
    letter-spacing: 0.08em;
    margin-top: -5.8px;
  }

  #content5 {
    margin-top: -31.68px;
    margin-left: -0.1vw;
    padding-bottom: 63.36px;
  }

  #content5 h4 {
    margin-top: 2px;
    margin-bottom: -5.76px;
  }

  #content5 p {
    line-height: 1.9;
    padding-bottom: 19.2px;
    font-size: 16px;
  }

  #content6 {
    margin-top: 50px;
    padding-bottom: 19.2px;
  }

  #content6 h4 {
    margin-left: 0.1vw;
    letter-spacing: 0.1em;
  }

  #content6 p {
    letter-spacing: 0.08em;
    margin-left: 0.06vw;
  }

  .side_text {
    color: #999999;
    font-size: 16px;
    letter-spacing: 0.08em;
  }

  .text_right {
    position: absolute;
    font-family: "Helvetica";
    transform: rotate(90deg);
    right: -122.8px;
    top: 640px;
    letter-spacing: 0.025em;
  }

  .text_left {
    position: absolute;
    font-family: "Helvetica";
    transform: rotate(-90deg);
    left: -120.96px;
    top: 640px;
    letter-spacing: 0.02em;
  }

}

/*----works-----*/
.works {
  padding-top: 15.8vw;

}

.works h2 {
  margin-left: -0.2vw;
  margin-bottom: 0.8vw;
}

.works h3 {
  letter-spacing: 0.08em;
}

#works_title {
  width: 87vw;
  margin: 0 auto 8vw;
}

.works_container {
  width: 87vw;
  margin: 0 auto;
}

@media(min-width: 1126px) {
  .works {
    margin-top: -5.5px;
    padding-top: 0;
  }

  .works h2 {
    margin-left: -0.1vw;
    margin-bottom: 0.1vw;
  }

  .works h3 {
    margin-left: -0.15vw;
    letter-spacing: 0.08em;
  }

  #works_title {
    width: 960px;
    margin: -0.1vw auto 0;
  }
}

.works img {
  width: 100%;
  height: 66.6vw;
  max-height: 749px;
  overflow: hidden;
  object-fit: cover;
}


.works h4 {
  font-family: "komu-a";
  font-size: min(100px, 8.8vw);
  text-align: center;
  margin-bottom: 3.2vw;
  letter-spacing: 0.08em
}

.ja {
  font-family: "游ゴシック体", "Hiragino Kaku Gothic ProN";
  font-size: min(38px, 3.4vw);
  letter-spacing: 0.1em;
  margin-bottom: 5vw;
}

.en,
.works a {
  font-family: "Helvetica";
  font-size: min(36px, 3.2vw);
  letter-spacing: 0.05em;
  margin-bottom: 5vw;
}


.login_okinawa {
  margin-top: 17.1vw;
  letter-spacing: 0.52em;
  margin-bottom: 8.2vw;
}

.login_okinawa p {
  margin-left: 1.3vw;
  line-height: 1.7;
  letter-spacing: 0.08em;
}

.login_okinawa .en {
  line-height: 1.25;
  letter-spacing: 0.103em;
  margin-top: -0.4vw;
}

.login_okinawa a {
  margin-left: 1.4vw;
  letter-spacing: 0.08em;
  line-height: 1.8;
}

@media(min-width: 1126px) {
  .works_container {
    width: 960px;
    margin: 0 auto;
  }

  .works h4 {
    color: white;
    font-size: 60px;
    text-align: left;
    margin-bottom: 61.44px;
  }

  .ja {
    color: white;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 96px;
  }

  .en,
  .works a {
    font-family: "游ゴシック体", "Hiragino Kaku Gothic ProN";
    color: white;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-bottom: 96px;
  }
 
  .login_okinawa,
  .login_okinawa ul{
    width: 100%;
    height: 768px;
    margin-top: 51px;
    margin-bottom: 0;
    position:relative;
  }

  .login_slide1{
    background-image: url('./img/LOGINOKINAWA.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .login_slide2{
    background-image: url('./img/LOGINOKINAWA_02.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .login_slide3{
    background-image: url('./img/LOGINOKINAWA_03.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .login_slide4{
    background-image: url('./img/LOGINOKINAWA_04.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .login_container{
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    height: 768px;
    position:absolute;
    z-index: 2;
  }



  
  .login_okinawa h4 {
    padding-top: 72px;
    letter-spacing: 0.08em;
    margin-left: -2.88px;
    margin-bottom: 0;
  }

  .login_okinawa .ja {
    font-weight: 700;
    margin-top: 18.24px;
    margin-left: -0.1vw;
    margin-bottom: 0;
    line-height: 1.7;
    letter-spacing: 0.08em;
  }

  .login_okinawa .ja2 {
    margin-top: 0;
    letter-spacing: 0.09em;
  }

  .login_okinawa .en {
    margin-top: 21.12px;
    margin-left: -0.08vw;
    line-height: 1.3;
    letter-spacing: 0.103em;
    margin-bottom: 0.08vw;
  }

  .login_okinawa .link {
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.8;
  }

}

.imagine_okinawa {
  margin-bottom: 9.2vw;
}

.imagine_okinawa h4 {
  margin-top: 16.4vw;
}

.imagine_okinawa p {
  margin-top: -0.2vw;
  ;
  margin-left: 1.3vw;
}

.imagine_okinawa .ja {
  letter-spacing: 0.08em;
  line-height: 1.75;
  margin-bottom: 0;
}

.imagine_okinawa .ja2 {
  letter-spacing: 0.09em;
  margin-bottom: 5vw;
}

.imagine_okinawa .en {
  line-height: 1.8;
  letter-spacing: 0.105em;
  margin-top: -1.2vw;
  margin-left: 1.8vw;
  margin-bottom: 3.4vw;
}

.imagine_okinawa a {
  margin-left: 1.4vw;
  letter-spacing: 0.08em;
  line-height: 1.8;
}

@media(min-width: 1126px) {
  .imagine_okinawa,
  .imagine_okinawa ul{
    width: 100%;
    height: 768px;
    position:relative;
    margin-bottom: 0;
  }

  .imagine_slide1{
    background-image: url('./img/Imagineokinawa.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .imagine_slide2{
    background-image: url('./img/IMAGINEOKINAWA_02.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .imagine_slide3{
    background-image: url('./img/IMAGINEOKINAWA_03.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .imagine_slide4{
    background-image: url('./img/IMAGINEOKINAWA_04.png');
    height: 768px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .imagine_container{
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    height: 755px;
    position:absolute;
    z-index: 2;
  }

  .imagine_okinawa h4 {
    margin-top:0;
    padding-top: 94px;
    margin-left: -0.15vw;
    letter-spacing: 0.0775em;
    margin-bottom: 21.12px;
  }

  .imagine_okinawa p {
    font-weight: 700;
    margin-top: -3.84px;
    margin-left: 25px;
  }

  .imagine_okinawa .ja {
    letter-spacing: 0.08em;
    line-height: 1.75;
    margin-bottom: 0;
    margin-left: -2px;
    ;
  }

  .imagine_okinawa .ja2 {
    margin-top: -0.7px;
    margin-left: -0.07vw;
    letter-spacing: 0.09em;
  }

  .imagine_okinawa .en {
    line-height: 1.28;
    letter-spacing: 0.075em;
    margin-top: 19.2px;
    margin-left: -0.07vw;
    margin-bottom: 2px;
  }

  .imagine_okinawa .link {
    font-weight: 700;
    margin-left: -0.09vw;
    letter-spacing: 0.08em;
    line-height: 1.8;
  }
}

.uotomo {
  width: 87vw;
  margin: 16.7vw auto 0;

}

.uotomo h4 {
  margin-left: 0.6vw;
}

.uotomo .ja {
  margin-top: -2.5vw;
  margin-left: 1.9vw;
  font-size: min(36px, 3.2vw);
  letter-spacing: 0.063em;
  line-height: 1.8;
  margin-bottom: 2.4vw;
}

.uotomo .ja2 {
  letter-spacing: 0.09em;
  margin-bottom: 5vw;
}

.uotomo .en {
  margin-left: 2.2vw;
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-size: min(38px, 3.4vw);
}

@media(min-width: 1126px) {
  .uotomo {
    margin-top: 0;
    background-image: url('./img/UOTOMO.png');
    width: 100%;
    height: 760px;
  }


  .uotomo,
  .uotomo_ul{
    width: 100%;
    height: 760px;
    margin-bottom: 0;
    position:relative;
  }

  .uotomo_slide1{
    background-image: url('./img/UOTOMO.png');
    height: 760px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .uotomo_slide2{
    background-image: url('./img/UOTOMO_02.png');
    height: 760px;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center 88%;
  }

  .uotomo_container{
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    height: 760px;
    position:absolute;
    z-index: 2;
  }

  .uotomo h4 {
    margin-left: 0;
    padding-top: 96px;
    letter-spacing: 0.08em;
  }

  .uotomo .ja {
    margin-top: -4px;
    margin-left: 0;
    font-size: 14px;
    letter-spacing: 0.075em;
    line-height: 1.8;
    font-weight: 700;
    margin-bottom: 19.2px;
  }

  .uotomo .ja2 {
    margin-top: -19.2px;
  }

  .uotomo .en {
    margin-left: -0.03vw;
    line-height: 1.75;
    letter-spacing: 0.077em;
    font-size: 14px;
    font-weight: 700;
    margin-top: 24.6px;
    margin-bottom: 0;
  }

  .uotomo .en2 {
    margin-top: -0.3vw;
  }
}

/*---footer---*/
footer {
  width: 85.3vw;
  margin: 0 auto 10vw;
}

.contact_btn {
  width: 85.3vw;
  color:white;
  background-color: black;
  text-align: center;
  padding: 5.3333vw 0 5.77777vw;
  position: relative;
  overflow: hidden;
  transition: ease .2s;
  box-sizing: border-box;
  
}
.contact_btn p {
  font-family: "komu-a";
  font-size: min(100px, 8.8vw);
  margin-bottom: -1.1vw;
  z-index: 3 !important;
  position: relative;
  letter-spacing: 0.08em;
}

.contact_btn span {
  font-family: "Helvetica";
  font-size: min(36px, 3.2vw);
  letter-spacing: 0.025em;
  z-index: 3 !important;
  position: relative;
}

.contact_btn:hover p,
.contact_btn:hover span {
  color: #fff;
}


.Insta {
  text-align: center;
  font-size: min(38px, 3.4vw);
  font-family: "Helvetica";
  margin: 10vw 0 4.7vw;
}

.Insta h6 {
  margin-top: 17.1vw;
  letter-spacing: 0.14em;
  margin-left: 0.7vw;
}

.Insta img {
  width: 10.6vw;
  height: 10.6vw;
  margin-top: 2vw;
  margin-left: 0.24vw;
  z-index: 1
}

small {
  color: #999999;
  font-size: min(38px, 3.4vw);
  font-family: "Helvetica";
  letter-spacing: 0.027em;
  margin-left: 5.7vw;
  padding-bottom: 16vw;
}

@media(min-width: 1126px) {
  footer {
    margin-bottom: 0;
    margin: 0 auto;
    width: 960px;
    text-align: center;
  }

  .contact_btn {
    margin-top: 239px;
    width: 960px;
    text-align: center;
    padding: 31px 0 24px;
    background-color: white;
    color: black;
    border: 1px solid black;
  }

  .contact_btn p {
    font-family: "komu-a";
    font-size: 60px;
    margin-left: 0.2vw;
    margin-bottom: -0.05vw;
    letter-spacing: 0.08em;
  }

  .contact_btn span {
    font-family: "Helvetica";
    font-size: 16px;
    letter-spacing: 0.028em;
  }

  .bgleft:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: black;
    width: 100%;
    height: 100%;
    transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
  
  
  .bgleft:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  
  .Insta {
    margin-top: 131px;
    text-align: center;
    font-size: 16px;
    font-family: "Helvetica";
    margin-bottom: 107.52px;
  }

  .Insta h6 {
    margin-top: 0;
    letter-spacing: 0.14em;
    margin-left: 0.1vw;
  }

  .Insta img {
    width: 50px;
    height:50px;
    margin-top: 15px;
    margin-left: 0;

  }

  small {
    color: #999999;
    font-size: 16px;
    font-family: "Helvetica";
    letter-spacing: 0.027em;
    margin-left: 0.2vw;
    padding-bottom: 135px;

  }
}