@charset "UTF-8";
h1.title {
  text-align: center;
  margin-top: 15vw;
}
h1.title img {
  width: 90%;
  max-width: 500px;
  
}
h2.title2 {
  text-align: center;
  margin-top: 7vw;
}
h2.title2 img { width: 260px;}
.logo2 {
  text-align: center;
  margin-top: 7vw;
  display: block;
  margin-bottom: 10vw;
}
@media only screen and (min-width: 783px) {
  h1.title {
    margin-top: 10vw;
  }
  h1.title img {
    max-width: 870px;
  }
  h2.title2 {margin-top: 50px;}
  h2.title2 img { width: 260px;}
  .bg_boys {
    background: url("../img/boys.png") no-repeat right 50% / 550px auto;
    padding-right: 540px;
  }
}

.flex {
  margin-top: 30px;
}
@media only screen and (min-width: 783px) {
  .flex {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flex figure {
    width: 360px;
  }
  .flex .text {
    width: calc(100% - 360px);
  }
  .flex.reflect {align-items: flex-end; }
  .flex.reflect figure { display: flex; justify-content: flex-end; width: 310px;}
  .flex .text {
    width: calc(100% - 310px);
  }
}