@charset "utf-8";

.mainvisual__title  {
  flex-basis: 40%;
} 

.mainvisual__img  {
  flex-basis: 60%;
}

.mainvisual__title img {
  width: calc(373px /2);
} 

.mainvisual__img img {
  width: calc(1394px /2);
}

.profile__img {
  flex-basis: 200px;
}

.profile__text {
  flex-basis:calc(100% - 236px);
}


@media only screen and (max-width:520px) {
  .mainvisual {
    overflow-x: hidden;
  }
  
  .mainvisual__title  {
    flex-basis: 30%;
  } 

  .mainvisual__img  {
    flex-basis: 90%;
    margin-right: -20%;
  }

  .mainvisual__title img {
    width: calc(373px / 4);
  } 

  .mainvisual__img img {
    width: calc(1394px / 2);
  }

  .profile__img ,
  .profile__text {
    flex-basis: 100%;
  }

}

@media only screen and (min-width:521px) and (max-width:767px){
  .mainvisual__title  {
    flex-basis: 15%;
    margin-left: 10%;
  } 

  .mainvisual__img  {
    flex-basis: 65%;
  }

  .profile__container {
    align-items: top;
  }

  .profile__img {
    flex-basis: 200px;
  }

  .profile__text {
    flex-basis:calc(100% - 236px);
  }

}