@charset "utf-8";

/*================================================
      Gallery
================================================*/
/*---------------------------------
    common
---------------------------------*/
.main_sec > div:not(:last-child){
  margin-bottom:12rem;
}

/* @@ tablet(991px~) @@ */
@media screen and (max-width: 991px) {
.main_sec > div:not(:last-child){
  margin-bottom:9rem;
}
}

/* @@ phablet(767px~) @@ */
@media screen and (max-width: 767px) {
.main_sec > div:not(:last-child){
  margin-bottom:6rem;
}
}

/* @@ smartphone(575px~) @@ */
@media screen and (max-width: 575px) {
.main_sec > div:not(:last-child){
  margin-bottom:3rem;
}
}
.ttl_block .container .page_ttl:after {
  background-image: url(../image/mv.jpg);
}
/*---------------------------------
    gallery01
---------------------------------*/
.sec_gallery01{
  margin-bottom: 12rem;
}
.sec_gallery01 ul{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.sec_gallery01 li[animate-scroll]{
  transition: 2s;
}
.sec_gallery01 li:nth-child(n+2){
  margin-top:6px;
}
.sec_gallery01 li.img-large{
  width: 100%;
}
.sec_gallery01 li.img-medium{
  width: 66.66%;
}
.sec_gallery01 li.img-small{
  width: 33.34%;
}
.sec_gallery01 li.img-medium + li.img-small,
.sec_gallery01 li.img-small + li.img-medium{
  padding-left: 3px;
}
.sec_gallery01 li:not(.img-medium) + li.img-small,
.sec_gallery01 li:not(.img-small) + li.img-medium{
  padding-right: 3px;
}
/* @@ smartphone(575px~) @@ */
@media screen and (max-width: 575px) {

.sec_gallery01 li:nth-child(n+2){
  margin-top:4px;
}
.sec_gallery01 li.img-medium + li.img-small,
.sec_gallery01 li.img-small + li.img-medium{
  padding-left: 2px;
}
.sec_gallery01 li:not(.img-medium) + li.img-small,
.sec_gallery01 li:not(.img-small) + li.img-medium{
  padding-right: 2px;
}
}
/*---------------------------------
    gallery02
---------------------------------*/
.sec_gallery02{
  padding-bottom: 12rem;
}
/* @@ tablet(991px~) @@ */
@media screen and (max-width : 991px) {
  .sec_gallery02{
    padding-bottom: 8rem;
  }
}
/* @@ smartphone(575px~) @@ */
@media screen and (max-width : 575px) {
  .sec_gallery02{
    padding-bottom: 6rem;
  }
}