@charset "UTF-8";

html {
  font-size: 62.5%;
  padding: 0px;
  margin: 0px;
}

body {
  font-family: 'Shippori Mincho', serif;
  font-size: 18px;
  color: #141414;
  padding: 0px;
  margin: 0px;
  background-color: #ffffff;
}

#fv {
  text-align: center;
  font-size: 32px;
}

.head_text_sp {
  display: none
}

.head_pic_sp {
  display: none
}

.head_text_pc {
  padding: 2% 0 0 0;
  width: 75%;
}

.head_pic_pc {
  padding: 10% 0 4% 0;
  width: 70%;
}

#about {
  width: 65%;
  margin: auto;
  font-size: 2.0rem;
  padding: 100px 0 300px 0;
}

#about h1 {
  background: #141414;
  color: white;
  width: 43%;
  font-size: 3.0rem;
  padding: 0 0 0 32px;
  display: flex;
  align-items: center;
}

.about_contents {
  padding: 0px 0 100px 0;
}

.present_pic {
  width: 100%;
}

.present_pic_sp {
  display: none;
}

.campaign_pic {
  width: 60%;
  margin: 0px;
  padding: 0px;
}

.attention {
  font-size: 1.8rem;
}

span {
  letter-spacing: 1.8px;
}

.day {
  letter-spacing: 2.2px;
}

a {
  text-decoration: none;
  color: #141414;
}

.link_sp {
  display: none;
}

.link_pc {
}

#footer {
  width: 100%;
  background: black;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;
}

#footer .footer {
  height: 18px;
}

/*-----------------------------------
パソコン
-----------------------------------*/
@media screen and (max-width:1300px) {
  #fv {
    text-align: center;
    font-size: 32px;
  }

  .head_text_sp {
    display: none
  }

  .head_pic_sp {
    display: none
  }

  #about {
    width: 80%;
    margin: auto;
    font-size: 1.8rem;
    padding: 0 0 200px 0;
  }

  #about h1 {
    background: #141414;
    color: white;
    width: 45%;
    height: 100%;
    font-size: 2.5rem;
    padding: 0 0 0 32px;
    display: flex;
    align-items: center;
  }

  .about_contents {
    padding: 0px 0 100px 0;
  }

  .contact {
    margin: 0 0 100px 0;
  }

  .present_pic {
    width: 100%;
  }

  .present_pic_sp {
    display: none;
  }

  #present span {
    font-size: 1.5rem;
    padding: 0 0 0 10px;
  }

  #contact span {
    font-size: 1.5rem;
  }

  .link_sp {
    display: none;
  }

  .link_pc {
}

  #footer {
    width: 100%;
    background: black;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
  }

  #footer .footer {
    height: 18px;
  }
}


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

  .head_text_sp {
    display: none
  }

  .head_pic_sp {
    display: none
  }

  #about {
    width: 80%;
    font-size: 16px;
    padding: 10px 0 100px 0;
  }

  #about h1 {
    width: 80%;
    height: 30px;
    font-size: 20px;
    padding: 0px 0 0px 15px;
    display: flex;
    align-items: center;
  }

  .about_contents {
    padding: 0px 0 50px 0;
  }

  .present_pic {
    width: 100%;
  }

  .present_pic_sp {
    display: none;
  }

  .attention {
    font-size: 1.5rem;
  }

  .link_sp {
    display: none;
  }

  .link_pc {

  }

  #footer {
    width: 100%;
    background: black;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
  }

  #footer .footer {
    height: 10px;
  }

}

/*-----------------------------------
スマホ
-----------------------------------*/
@media screen and (max-width: 600px) {
  #fv {
    text-align: center;
    font-size: 32px;
  }

  .head_text_pc {
    display: none
  }

  .head_pic_pc {
    display: none
  }

  .head_text_sp {
    display: inline-block;
    padding: 10px 0 10px 0;
    width: 95%;
    justify-content: center;
  }

  .head_pic_sp {
    display: inline-block;
    width: 95%;
    padding: 0 0 30px 0;
    justify-content: center;
  }

  #about {
    width: 90%;
    font-size: 16px;
    padding: 60px 0 100px 0;
  }

  #about h1 {
    width: 80%;
    height: 35px;
    font-size: 20px;
    padding: 0px 0 0px 15px;
    display: flex;
    align-items: center;
  }

  .about_contents {
    padding: 0px 0 50px 0;
  }

  .present_pic {
    display: none
  }

  .present_pic_sp {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  .campaign_pic {
    width: 100%;
  }

    .link_sp {
      display: block;
    }

    .link_pc {
      display: none;
    }

  #footer {
    width: 100%;
    background: #141414;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
  }

  #footer .footer {
    height: 10px;
  }
}