@charset "UTF-8";
/* CSS Document */

.gallery_list{ display: flex !important; justify-content: space-between; flex-wrap: wrap; }
.gallery_list article{ margin: 2.0em 0 0 0; flex: 0 0 32%; border: solid 1px #CCCCCC;}
.gallery_list article a{ display: block; text-decoration: none; padding: 0 0 1.0em 0;}
.gallery_list article figure{ display: block; margin: 0; padding: 66.66% 0 0 0; width: 100%; background: no-repeat center center / cover;}
.gallery_list article h3{ margin: 1.0em 1.0em 0 1.0em; padding: 0;}
.gallery_list article p{ margin:0 1.0em 0 1.0em !important; padding: 0; font-size: 86% !important;}

.galleryInfo{ display: flex; justify-content: space-between; margin: 2.0em 0 0 0;}
.galleryInfo .galleryInfo_title{ margin-right: 2.0em;}
.galleryInfo .galleryInfo_title h2{ margin:0 !important; font-size: 200%;}
.galleryInfo .galleryInfo_title div{ margin: 2.0em 0 0 0; font-size: 100%; line-height: 1.8;}
.galleryInfo figure{ margin: 0; flex: 0 0 350px;}

.caseList{ }
.caseList article{ display: flex; justify-content: space-between; margin:3.0em 0 0 0;}
.caseList figure{}
.caseList figure figcaption{ display: block; margin: 1.0em 0 0 0;}
.caseList .flexcolumn2 figure{ flex: 0 0 48%;}
.caseList .flexcolumn3 figure{ flex: 0 0 32%;}

.extContent{ margin-top: 3.0em;}

@media all and (min-width: 0) and (max-width: 767px) {
  .gallery_list{ }
  .gallery_list article{ margin: 1.0em 0 0 0; flex: 0 0 48%; flex-wrap: wrap;}
  .gallery_list article h3{ font-size: 86%; line-height: 1.5; margin-bottom: 0 !important; margin: 0.3em 0.5em 0 0.5em !important;}
  .gallery_list article p{ font-size: 73%; line-height: 1.5; margin: 0.3em 0.5em 0 0.5em !important;}
  
  .galleryInfo{ display: block;}
  .galleryInfo .galleryInfo_title h2{ margin: 1.0em 0 0 0; font-size: 100%;}
  .galleryInfo .galleryInfo_title div{ font-size: 86%;}
  .caseList article{ display: block; margin: 1.5em 0 0 0;}
  .caseList figure figcaption{ font-size: 86%;}
  .extContent{ margin-top: 1.5em; font-size: 86%;}
}