/*  パソコン用CSS  */
@media screen and (min-width:601px) {
  main{
       width: 1080px;
       margin-right: auto;
       margin-left: auto;
       padding-top: 120px;
       text-align: center;
  }

  #mainvisual{
       font-family: "Roboto","arial";
       font-weight: 900;
       font-size: 32px;
       letter-spacing: 0.1em;
       text-align: center;
  }

  #logo3{
       text-align: center;
       margin-top: 40px;
  }

  #logo3_ph{
       display: none;
  }

  #profile1{
       width: 800px;
       display: inline-block;
       text-align: center;
  }

  .profile001{
       font-size: 13px;
       font-weight: bold;
       letter-spacing: 0.1em;
       line-height: 19px;
       text-align: justify;
       text-justify: inter-ideograph;
       margin-top: 50px;
  }

  #logo4{
       font-family: "Roboto","arial";
       font-weight: 900;
       font-size: 32px;
       letter-spacing: 0.1em;
       text-align: center;
       margin-top: 80px;
       margin-bottom: 40px;
  }

  #profile2{
       font-size: 13px;
       font-weight: bold;
       letter-spacing: 0.1em;
       line-height: 19px;
       text-align: center;
       margin-top: 16px;
  }

  .contents1{
       text-align: left;
       margin-top: 14px;
  }

  .item01{
       display: inline-block;
       vertical-align: top;
       width: 120px;
       margin-left: 160px;
  }

  .contents01{
       display: inline-block;
       margin-left: 30px;
  }

  .contents2{
       display: inline-block;
       vertical-align: top;
       margin-left: 30px;
  }

  .contents3{
       display: inline-block;
       margin-left: 30px;
  }
}


/*  スマホ用CSS  */
@media screen and (max-width:600px) {
  main{
       width: 390px;
       margin-right: auto;
       margin-left: auto;
       padding-top: 100px;
       text-align: center;
  }

  #mainvisual{
       font-family: "Roboto","arial";
       font-weight: 900;
       font-size: 25px;
       letter-spacing: 0.05em;
       text-align: center;
       margin-top: 10px;
       margin-bottom: 15px;
  }

  #logo3_pc{
       display: none;
  }

  #profile1{
       width: 300px;
       display: inline-block;
       text-align: center;
       margin-top: 10px;
       margin-bottom: 40px;
  }

  .profile001{
       font-size: 13px;
       font-weight: bold;
       letter-spacing: 0.1em;
       line-height: 19px;
       text-align: justify;
       text-justify: inter-ideograph;
  }

  #logo4{
       font-family: "Roboto","arial";
       font-weight: 900;
       font-size: 25px;
       letter-spacing: 0.05em;
       text-align: center;
  }

  #profile2{
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.1em;
       line-height: 19px;
       text-align: center;
  }

  .contents1{
       text-align: left;
       width: 340px;
       margin-top: 20px;
       margin-left: 40px;
  }

  .item01{
       text-align: left;
  }

  .contents01{
       text-align: left;
       margin-left: 10px;
  }

  .contents2{
       display: inline-block;
       vertical-align: top;
       margin-left: 10px;
  }

  .contents3{
       display: inline-block;
       margin-left: 10px;
  }
}