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

  #main_2{
       width: 1050px;
       margin-right: auto;
       margin-left: auto;
       text-align: center;
  }

  #item1{
       margin-top: 60px;
       margin-bottom: 60px;
       text-align: center;

  }

  #item101_pc{
       margin-bottom: 30px;
       font-size: 24px;
       font-weight: bold;
       letter-spacing: 0.1em;
       margin-bottom: 20px;
  }

  #item101_ph{
       display: none;
  }

  #item102_pc{
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.2em;
       line-height: 22px;
  }

  #item102_ph{
       display: none;
  }

  .item2{
       display: flex;
       flex-direction: row-reverse;
       align-items: center;
       width: 1050px;
       text-align: center;
       margin-top: 0px;
       margin-left: 0px;
       margin-right: 0px;
       margin-bottom: 30px;
       padding: 0px;
       border: none;
  }

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

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

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

  .item201{
       display: flex;
       justify-content: center;
       align-items: center;
       width: 450px;
       margin: 0px;
       padding: 0px;
       border: none;
  }

  .item201_1{
       width: 270px;
  }

  .item201_1_1{
       text-align: center;
       font-size: 15px;
       font-weight: bold;
       line-height: 30px;
       letter-spacing: 0.2em;
       margin-bottom: 20px;
  }

  .item201_1_2{
       text-align: justify;
       text-justify: inter-ideograph;
       font-size: 12px;
       font-weight: bold;
       line-height: 22px;
       letter-spacing: 0.2em;
  }

  #copy_ba_pc{
       font-family: "Roboto","arial";
       text-align: left;
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.2em;
  }

  #copy_ba_pc img{
       vertical-align: top;
  }

  #copy_ba_pc span{
       vertical-align: middle;
  }

  #copy_ki_pc{
       text-align: left;
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.2em;
       margin-top: 8px;
  }

  #copy_ki_pc a{
       font-family: "Roboto","arial";
       color: black;
       text-decoration: none;
  }

  #copy_ba_ph_1{
       display: none;
  }

  #copy_ba_ph_2{
       display: none;
  }

  #copy_ki_ph_1{
       display: none;
  }

  #copy_ki_ph_2{
       display: 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;
  }

  #mainvisual{
       text-align: center;
  }

  #item1{
       display: inline-block;
       text-align: center;
       width: 270px;
       margin-top: 25px;
       margin-bottom: 30px;
  }

  #item101_pc{
       display: none;
  }

  #item101_ph{
       text-align: center;
       font-size: 24px;
       font-weight: bold;
       letter-spacing: 0.05em;
  }

  #item102_pc{
       display: none;
  }

  #item102_ph{
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.1em;
       line-height: 19px;
       text-align: justify;
       text-justify: inter-ideograph;
       margin-top: 10px;
  }

  .item201{
       display: inline-block;
       text-align: center;
       width: 270px;
       margin-top: 15px;
       margin-bottom: 30px;
  }

  .item201_1{
       display: inline-block;
       text-align: center;
       width: 270px;
  }

  .item201_1_1{
       text-align: center;
       font-size: 15px;
       font-weight: bold;
       line-height: 20px;
       letter-spacing: 0.2em;
  }

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

  #copy_ba_pc{
       display: none;
  }

  #copy_ki_pc{
       display: none;
  }

  #copy_ba_ph_1{
       font-family: "Roboto","arial";
       text-align: left;
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.15em;
       margin-left: 15px;
  }

  #copy_ba_ph_2{
       font-family: "Roboto","arial";
       text-align: left;
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.15em;
       margin-left: 32px;
  }

  #copy_ba_ph_1 img{
       vertical-align: top;
  }

  #copy_ba_ph_1 span{
       vertical-align: middle;
  }

  #copy_ki_ph_1{
       text-align: left;
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.15em;
       margin-top: 8px;
       margin-left: 15px;
  }

  #copy_ki_ph_2{
       text-align: left;
       font-family: "Roboto","arial";
       font-size: 12px;
       font-weight: bold;
       letter-spacing: 0.15em;
       margin-left: 15px;
  }

  #copy_ki_ph_2 a{
       color: black;
       text-decoration: none;
  }

  .visual_pc{
       display: none;
  }
}