body #contents #main #mainView {
  display: block;
  background-image: url(../img/gallery/main.jpg); }
  body #contents #main #mainView > h2 {
    background-image: url(../img/gallery/main-logo.png);
    padding: 80px 0; }
body #contents #main article.bg-gray_color p.gallery-lead-txt, body #contents #main article.bg-gray_color .gallery-contents-list-ttl, body #contents #main section.bg-gray_color p.gallery-lead-txt, body #contents #main section.bg-gray_color .gallery-contents-list-ttl {
  color: #fffddd; }
body #contents #main article.bg-white_color p.gallery-lead-txt, body #contents #main article.bg-white_color .gallery-contents-list-ttl, body #contents #main section.bg-white_color p.gallery-lead-txt, body #contents #main section.bg-white_color .gallery-contents-list-ttl {
  color: #98893e; }
body #contents #main article .content-detail, body #contents #main section .content-detail {
  padding: 60px 0 60px; }
  body #contents #main article .content-detail.pt0, body #contents #main section .content-detail.pt0 {
    padding-top: 0; }
  body #contents #main article .content-detail .grid1, body #contents #main article .content-detail .grid2, body #contents #main article .content-detail .grid2to2, body #contents #main section .content-detail .grid1, body #contents #main section .content-detail .grid2, body #contents #main section .content-detail .grid2to2 {
    margin-top: 60px;
    gap: 60px 40px; }
  body #contents #main article .content-detail .flex3by1, body #contents #main section .content-detail .flex3by1 {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    body #contents #main article .content-detail .flex3by1 > dt, body #contents #main section .content-detail .flex3by1 > dt {
      width: 65%;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between; }
    body #contents #main article .content-detail .flex3by1 > dd, body #contents #main section .content-detail .flex3by1 > dd {
      width: calc(35% - 40px);
      display: flex;
      flex-wrap: wrap;
      align-content: space-between; }
  body #contents #main article .content-detail .flex3, body #contents #main section .content-detail .flex3 {
    margin-top: 60px; }
  body #contents #main article .content-detail p.gallery-lead-txt, body #contents #main section .content-detail p.gallery-lead-txt {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.25em;
    text-align: center;
    padding: 26px 0 30px; }
  body #contents #main article .content-detail h3, body #contents #main section .content-detail h3 {
    width: 100%;
    display: block;
    padding: 24px 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    body #contents #main article .content-detail h3 > span, body #contents #main section .content-detail h3 > span {
      display: none; }
    body #contents #main article .content-detail h3.ttl01, body #contents #main section .content-detail h3.ttl01 {
      background-image: url(../img/gallery/gallery-h3-ttl01.png), linear-gradient(90deg, #635e5d, #7a7676 50%, #635e5d); }
    body #contents #main article .content-detail h3.ttl02, body #contents #main section .content-detail h3.ttl02 {
      background-image: url(../img/gallery/gallery-h3-ttl02.png), linear-gradient(90deg, #635e5d, #7a7676 50%, #635e5d); }
    body #contents #main article .content-detail h3.ttl03, body #contents #main section .content-detail h3.ttl03 {
      background-image: url(../img/gallery/gallery-h3-ttl03.png), linear-gradient(90deg, #635e5d, #7a7676 50%, #635e5d); }

/*PC ONLY*/
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article .content-detail .grid1, body #contents #main article .content-detail .grid2, body #contents #main article .content-detail .grid2to2, body #contents #main section .content-detail .grid1, body #contents #main section .content-detail .grid2, body #contents #main section .content-detail .grid2to2 {
    margin-top: 30px;
    gap: 30px 30px; }
  body #contents #main article .content-detail .flex3by1, body #contents #main section .content-detail .flex3by1 {
    margin-top: 30px; } }

/*# sourceMappingURL=gallery.css.map */
