@charset "UTF-8";
/*!  変数・関数
================================================ */
/*-----------------------------------------------
 main
-----------------------------------------------*/
h2 {
  margin-bottom: 74px; }

/*-----------------------------------------------
 .gallery
-----------------------------------------------*/
.gallery {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px; }
  .gallery .gallery-area {
    display: flex;
    flex-wrap: wrap; }
    .gallery .gallery-area li {
      margin-right: 33px; }
      .gallery .gallery-area li:nth-child(4) {
        margin-right: 0; }
      .gallery .gallery-area li:nth-child(-n+4) {
        margin-bottom: 33px; }
      .gallery .gallery-area li:hover {
        cursor: pointer; }

@media screen and (max-width: 640px) {
  /*-----------------------------------------------
   main
  -----------------------------------------------*/
  h2 {
    margin-bottom: 8.75vw; }

  /*-----------------------------------------------
   .gallery
  -----------------------------------------------*/
  .gallery {
    width: 78.125vw;
    padding-bottom: 15.625vw; }
    .gallery .gallery-area li {
      margin-right: 4.6875vw;
      margin-bottom: 5.78125vw; }
      .gallery .gallery-area li:nth-child(4) {
        margin-right: 4.6875vw; }
      .gallery .gallery-area li:nth-child(-n+4) {
        margin-bottom: 5.78125vw; }
      .gallery .gallery-area li img {
        width: 34.375vw; } }