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

  body img{
       margin: 0px;
       padding: 0px;
       border: none;
  }

  #item1{
       margin-top: 90px;
       margin-bottom: 90px;
       padding: 0px;
       letter-spacing: 0.1em;
  }

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

  #item102_pc{
       text-align: center;
       font-size: 12px;
       line-height: 22px;
       margin-top: 20px;
       font-weight: bold;
  }

  #item102_ph{
       display: none;
  }

  .item2{
       display: flex;
       flex-direction: row;
       align-items: center;
       width: 1080px;
       text-align: center;
       margin: 0px;
       padding: 0px;
       border: none;
  }

  .item2 img{
       margin: 0px;
       padding: 0px;
       border: none;
  }

  .item201{
       display: flex;
       justify-content: center;
       align-items: center;
       width: 540px;
       height: 540px;
       margin: 0px;
       padding: 0px;
       border: none;
       background-color: #DDDDDD;
  }

  #profile1{
       font-family: "Roboto","arial";
       font-weight: bold;
       text-align: center;
       font-size: 25px;
       letter-spacing: 0.1em;
  }

  #profile2_pc{
       text-align: center;
       font-size: 13px;
       line-height: 25px;
       margin-top: 30px;
       letter-spacing: 0.1em;
       font-weight: bold;
  }

  #profile2_ph{
       display: none;
  }

  .item3{
       display: flex;
       flex-direction: row;
       align-items: center;
       width: 1080px;
       text-align: center;
       margin-top: 150px;
       margin-left: 0px;
       margin-bottom: 0px;
       margin-right: 0px;
       padding: 0px;
       border: none;
  }

  .item3_img_pc{
       margin: 0px;
       padding: 0px;
       border: none;
  }

  .item3_img_ph{
       display: none;
  }

  .item301{
       display: flex;
       justify-content: center;
       align-items: center;
       width: 540px;
       height: 810px;
       margin: 0px;
       padding: 0px;
       border: none;
       background-color: #DDDDDD;
  }

  #hari_rogo_top_pc{
       text-align: center;
       margin-bottom: 40px;
  }

  #hari_rogo_top_ph{
       display: none;
  }

  .item301_1{
       display: inline-block;
       width: 350px;
  }

  .item301_1_1{
       font-family: "Roboto","arial";
       font-weight: 900;
       text-align: center;
       font-size: 25px;
       letter-spacing: 0.1em;
  }

  .item301_1_2{
       font-family: "Roboto","arial";
       font-weight: 900;
       text-align: center;
       font-size: 13px;
       letter-spacing: 0.1em;
       margin-top: 10px;
  }

  .item301_1_3{
       font-family: "Roboto","arial";
       font-weight: 900;
       text-align: center;
       font-size: 25px;
       letter-spacing: 0.1em;
       margin-top: 15px;
       margin-bottom: 15px;
  }

  .item301_1_4_pc{
       text-align: center;
       font-size: 13px;
       line-height: 25px;
       letter-spacing: 0.1em;
       font-weight: bold;
       margin-top: 30px;
  }

  .item301_1_4_ph{
       display: none;
  }

  .item301_1_5_pc{
       text-align: center;
       margin-top: 120px;
  }

  .item301_1_5_ph{
       display: none;
  }

  #hari_insta_1{
       margin-right: 20px;
  }

  .kc_images_pc{
       margin-top: -2px;
       padding: 0px;
       border: none;
  }

  .kc_images_ph{
       display: none;
  }

  .visual_pc{
       margin: 0px;
       padding: 0px;
       border: none;
  }

  .visual_ph{
       display: none;
  }
}


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

  #item1{
       display: inline-block;
       text-align: center;
       width: 290px;
  }

  #item101{
       display: inline-block;
       width: 290px;
       font-family: "Roboto","arial";
       text-align: center;
       font-size: 25px;
       font-weight: 900;
       letter-spacing: 0.05em;
       margin-top: 30px;
       margin-bottom: 15px;
  }

  #item102_pc{
       display: none;
  }

  #item102_ph{
       text-align: justify;
       text-justify: inter-ideograph;
       font-size: 12px;
       line-height: 22px;
       letter-spacing: 0.05em;
       font-weight: bold;
       margin-bottom: 30px;
  }

  .item2{
       text-align: center;
  }

  .item201{
       display: inline-block;
       width: 290px;
  }

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

  #profile2_pc{
       display: none;
  }

  #profile2_ph{
       text-align: center;
       font-size: 12px;
       line-height: 22px;
       letter-spacing: 0.1em;
       font-weight: bold;
       margin-bottom: 40px;
  }

  .item3{
       position: relative;
       width: 390px;
       text-align: center;
       margin-top: 40px;
  }

  .item3_img_pc{
       display: none;
  }

  .item3_img_ph{
       position: absolute;
       top: 0px;
       left: 0px;
       z-index: 10;
  }

  .item301{
       position: absolute;
       top: 47px;
       left: 45px;
       z-index: 20;
       background-color: rgba(255,255,255,0.7);
       width: 300px;
  }

  #hari_rogo_top_pc{
       display: none;
  }

  #hari_rogo_top_ph{
       text-align: center;
       margin-top: 30px;
       margin-bottom: 30px;
  }

  .item301_1{
       display: inline-block;
       width: 220px;
  }

  .item301_1_1{
       font-family: "Roboto","arial";
       font-weight: 900;
       text-align: center;
       font-size: 22px;
       letter-spacing: 0.05em;
  }

  .item301_1_2{
       font-family: "Roboto","arial";
       font-weight: 900;
       text-align: center;
       font-size: 16px;
       letter-spacing: 0.1em;
       margin-top: 3px;
  }

  .item301_1_3{
       font-family: "Roboto","arial";
       font-weight: 900;
       text-align: center;
       font-size: 22px;
       letter-spacing: 0.1em;
       margin-top: 4px;
       margin-bottom: 4px;
  }

  .item301_1_4_pc{
       display: none;
  }

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

  .item301_1_5_pc{
       display: none;
  }

  .item301_1_5_ph{
       text-align: center;
       margin-top: 30px;
       margin-bottom: 40px;
  }

  .item301_1_5_ph img{
       margin: 0px;
       padding: 0px;
       border: 0px;
  }

  #hari_insta_1{
       margin-right: 9px;
  }

  .kc_images_pc{
       display: none;
  }

  #kc_images_top_ph{
       margin-top: 584px;
  }

  .kc_images_ph{
       margin-top: -1px;
       padding: 0px;
       border: none;
  }

  .visual_ph{
       margin-top: -1px;
  }

  .visual_pc{
       display: none;
  }
}