@charset "utf-8";

.cont .container.container02 {
  width: 100%;
}

/*============================
メッセージ
============================*/

#message h2 {
  margin-bottom: 20px;
}

#message img.left {
  width: 320px;
}

#message .right {
  width: 690px;
}

#message .name {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  #message img.left {
    width: 100%;
    margin-right: 0;
  }

  #message .right {
    margin-top: 20px;
    width: 100%;
  }

  #message {
    background: url(../images/logo_bg.png) no-repeat right bottom;
    background-size: 50%;
  }
}

/*============================
ギャラリー
============================*/

#gallery {
  background-color: #f3f3f3;
  margin-top: 80px;
  padding-bottom: 80px;
}

#gallery li {
  width: 24%;
}

#gallery li:nth-child(n+5) {
  margin-top: 1%;
}

#gallery img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #gallery {
    margin-top: 60px;
    padding-bottom: 60px;
  }
  #gallery li {
    width: 48%;
  }

  #gallery li:nth-child(n+3) {
    margin-top: 4%;
  }
}