@import "fonts.css";
@import "common.css";

/* ヘッダー修正 */
@media screen and (min-width:480px){
  .fab, .lang_switcher p, .lang_switcher a{
    color: #333;
  }
}


/* プロフィール */
.profile{
  width: 75%;
  margin: 0 auto;
  margin-top: 10vw;
}

@media screen and (min-width:480px) {
  .profile{
    position: absolute;
    top: 25vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.pofile_topic_title{
  position: relative;
  width: 40%;
}

@media screen and (min-width:480px) {
  .pofile_topic_title{
    width: 27%;
  }
}

.profile_text{
   width: 100%;
   padding-top: 3.5vw;
}

.profile_text p{
  font-size: 3vw;
  letter-spacing: 0.2vw;
  line-height: 5vw;
}

@media screen and (min-width:480px) {
  .profile_text p{
    font-size: 1.2vw;
    letter-spacing: 0.2vw;
    line-height: 2vw;
  }
}

@media screen and (max-width:480px) {
  .profile_text br{
    display: none;
  }
}

/* スケッチ */
.sketch08{
  position: relative;
  width: 25%;
  float: right;
}

@media screen and (min-width:480px) {
  .sketch08{
    position: absolute;
    width: 15%;
    top: 0vw;
    left: 40vw;
    float: none;
  }
}