@charset "utf-8";
/* ======================================================
CSS information

 File Name  : violin.css
 Author     : Link http://www.linkstyle33.com/
 Style Info : 「ヴァイオリン」のCSS
====================================================== */

/* スマホ (～480px)
------------------------------------------------------ */

/* --- プロフィール --- */

#prof-block {
  margin-bottom: 20px;
  text-align: center;
}

#prof-block h2 {
  margin-top: 5px;
  color: #8298cc;
  font-size: 1.6rem;
}

#prof-block .text-box p {
  text-align: left;
}

/* --- その他 --- */

#other-block h3 {
  margin-top: 5px;
  padding-bottom: 5px;
  color: #827b5b;
  font-size: 1.4rem;
  border-bottom: solid 1px #d0c8b4;
}

#other-block li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.3rem;
}

/* タブレット (481px～768px)
------------------------------------------------------ */
@media screen and (min-width: 481px) and (max-width: 768px) {

  /* --- プロフィール --- */

  #prof-block {
    margin-bottom: 25px;
  }

  #prof-block h2 {
    font-size: 1.7rem;
  }

  #prof-block .text-box {
    text-align: left;
  }

  /* --- その他 --- */

  #other-block .box {
    float: left;
    width: 48%;
  }

  #other-block .box:last-child {
    float: right;
  }

}

/* パソコン (769px～)
------------------------------------------------------ */
@media screen and (min-width: 769px) {

  /* --- プロフィール --- */

  #prof-block {
    margin-bottom: 30px;
  }

  #prof-block .img-box {
    float: left;
    width: 31%;
  }

  #prof-block .text-box {
    float: right;
    width: 65%;
    text-align: left;
  }

  #prof-block h2 {
    font-size: 1.8rem;
  }

  #prof-block p {
    font-size: 1.4rem;
  }

  /* --- その他 --- */

  #other-block .box {
    float: left;
    width: 48%;
  }

  #other-block .box:last-child {
    float: right;
  }

  #other-block h3 {
    font-size: 1.5rem;
  }

  #other-block li {
    font-size: 1.4rem;
  }

}