@charset "UTF-8";

.youtube-top{
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  aspect-ratio: 1440/616;
  background: url(../images/5.sns_contact.image/youtube-top.jpg) no-repeat center/cover;
  z-index: -1000;
  /* background-position: 50% 20px; */
}

.bg-under{
  margin-top: calc( 616 / 1440 * 40vw );
  background-image: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
}

.bg-under img{
  width: 100%;
}

.wrap{
  display: flex;
  gap: 103px;
  justify-content: center;
  background-color: #fff;
}

.wrap p{
  /* font-size: 18px; */
  text-align: left;
}

.wrap section{
  margin-bottom: 84px;
}

.box1{
  margin-top: 20px;
}

.box2{
  padding-top: 50px;
}

.box2 img{
  margin-bottom: 10px;
}

.footer{
  background-color: #fff;
}
/* ---------------english------------------------- */
.en_nav a{
  font-size: 2.0rem;
}
.en_h1 img{
  transform: translatey(24%);
}

@media screen and (max-width:960px) { 
  .wrap{
    gap: 40px;
  }
  .box1 img{
    width: 85%;
  }
  .footer{
  margin-top: 40px;
  }
}

@media screen and (max-width:520px) { 
  .box1 img{
    width: 20%;
  }
  .box1{
    margin-left: 5vw;
  }
  .box2{
    margin-left: -5vw;
  }
  .wrap{
    display: block;
  }
  .box1{
    margin-top: 0;
    margin-left: 0;
    background-color: #fff;
  }
  .box2{
    margin-left: 0;
    padding-top: 0px;
  }
  .wrap section{
    margin-top: 60px;
    margin-bottom: 0px;
  }
}