@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400&display=swap');
.about-caption.about-caption2 {
  padding-left: 50px
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-area .about-caption.about-caption2 {
    padding-left: 0
  }
}
.about-area .about-caption h2 {
  font-family: "Poiret One", cursive;
  font-size: 50px;
  display: block;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 12px
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-area .about-caption h2 {
    font-size: 40px
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-area .about-caption h2 {
    font-size: 30px
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area .about-caption h2 {
    font-size: 30px
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-area .about-caption h2 {
    font-size: 31px
  }
}
@media (max-width: 575px) {
  .about-area .about-caption h2 {
    font-size: 24px
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-area .about-caption h2 br {
    display: none
  }
}
@media (max-width: 575px) {
  .about-area .about-caption h2 br {
    display: none
  }
}
.about-area .about-caption p {
  color: #656565;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-area .about-caption p br {
    display: none
  }
}
@media (max-width: 575px) {
  .about-area .about-caption p br {
    display: none
  }
}
.about-area .about-caption p a {
  text-decoration: underline
}
.about-area .about-caption .experience img {
  margin-bottom: 20px
}
.about-area .about-caption .experience p {
  color: #0A0A0A;
  font-size: 20px;
  font-weight: 300
}
.about-area .about-caption .pera-top {
  font-size: 16px;
  font-weight: 500;
  color: #212025;
  margin-bottom: 25px
}
.about-area .about-caption .pera-bottom {
  font-size: 18px;
  color: #656565;
  margin-bottom: 30px;
  font-weight: 400
}
.jpfont {
font-family: 'Zen Kaku Gothic New', sans-serif;
line-height: 1.7em;
}
.jpfont2 {
	font-size: 1em !important;
font-family: 'Zen Kaku Gothic New', sans-serif;
line-height: 1.7em;
}
.btn_03 {
  color: #fff !important;
  border: 1px solid #E6DAD8;
  display: inline-block;
  padding: 5px 21px;
  text-transform: capitalize;
  font-size: 13px;
  border-radius: 4px
}
.btn_03:hover {
  background-color: #fff;
  border: 1px solid #0A0A0A;
  color: #0A0A0A !important
}

/* wrap */

.hero {
  position: relative;
}

/* video */

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* overlay */

.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

.youtube {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}