@charset "UTF-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
img {
  display: block;
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%
}

body * {
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #494949;
  font-family: YuGothic, "My Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family: "IPA P明朝","IPA PMincho","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;*/
}


#gallery01 {
  max-width: 900px;
  margin: 1.0rem auto 10.0rem;
}

@media screen and (max-width: 700px) {
  #gallery01 {
    max-width: 540px;
    margin: 1.0rem auto 10.0rem;
  }
}

#gallery01 img {
  width: 100%;
}

#gallery01 .pc_on {
  display: block;
  max-width: 761px;
  margin: 0.1rem auto 0;
}

#gallery01 .sp_on {
  display: none;
}

@media screen and (max-width: 700px) {
  #gallery01 .pc_on {
    display: none;
  }

  #gallery01 .sp_on {
    display: block;
    margin-top: 0.1rem;
  }
}

#gallery01 .photo {
  margin-top: 10.0rem;
  border: solid 1px #d9d8d7;
  padding: 2.0rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#gallery01 .photo h2 {
  font-weight: normal;
  margin: 0;
  width: 100%;
}

#gallery01 .photo h3 {
  font-weight: normal;
  margin: 0;
  text-align: right;
  width: 100%;
}

#gallery01 .photo a {
  display: block;
  width: 24%;
  margin-top: 1.0rem;
}

@media screen and (max-width: 700px) {
  #gallery01 .photo a {
    width: 100%;
  }
}