@charset "utf-8";
/* -------------------------------------------
	#sec_mv
------------------------------------------- */
.sub_mv{
  background: url(../image/tour/ttl_bg.jpg) no-repeat center center;
  background-size: cover;
  border-bottom: none;
}
.sub_mv + .label{
  color: #fff;
  background: #000;
  padding: 1em 1rem .875em;
}
.label-ttl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  background: #e9e9e9;
  border-left: solid 10px var(--red);
  padding: 20px 20px 16px;
}
@media screen and (max-width: 750px){
  .sub_mv{
    background: url(../image/tour/ttl_bg_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
/* -------------------------------------------
	#sec_warehouse
------------------------------------------- */
#sec_warehouse .gallery{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
#sec_warehouse .gallery li:nth-of-type(1) { grid-area: 1 / 1 / 2 / 3; }
#sec_warehouse .gallery li:nth-of-type(2) { grid-area: 1 / 3 / 2 / 4; }
#sec_warehouse .gallery li:nth-of-type(3) { grid-area: 2 / 1 / 3 / 2; }
#sec_warehouse .gallery li:nth-of-type(4) { grid-area: 2 / 2 / 3 / 3; }
#sec_warehouse .gallery li:nth-of-type(5) { grid-area: 2 / 3 / 3 / 4; }

#sec_warehouse .tour-list li{
  width: 23%;
}
#sec_warehouse .tour-list li h3 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 2.6lh;
  border: solid 3px var(--red);
  border-radius: 10px;
  letter-spacing: .02em;
  padding: 14px 10px;
}
@media screen and (max-width: 1200px) {
  #sec_warehouse .tour-list li{
    width: 48%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  #sec_warehouse .gallery{
    display: block;
  }
  #sec_warehouse .gallery li{
    max-width: 380px;
    margin: 0 auto;
  }
  #sec_warehouse .gallery li img{
    aspect-ratio: 19 / 16;
    object-fit: cover;
  }
  #sec_warehouse .gallery li + li{
    margin-top: 20px;
  }
  #sec_warehouse .tour-list li{
    width: 100%;
    margin-bottom: 0;
  }
  #sec_warehouse .tour-list li + li{
    margin-top: 20px;
  }
}
/* -------------------------------------------
	#sec_other
------------------------------------------- */
.dot-ttl{
  position: relative;
  padding: 0 64px;
}
.dot-ttl::before,
.dot-ttl::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  width: 64px;
  height: 8px;
  background: url(../image/tour/dot.png) no-repeat center center;
  background-size: contain;
  transform: translateY(-50%);
}
.dot-ttl::before{
  left: 0;
}
.dot-ttl::after{
  right: 0;
}
.other-list li{
  width: 48.7%;
}
.other-list li.w-100{
  width: 100%;
}
.other-list .imgs img{
  width: 31.6%;
}
@media screen and (max-width: 960px) {
  .dot-ttl{
    padding: 0 32px;
  }
  .dot-ttl::before,
  .dot-ttl::after{
    width: 32px;
    height: 4px;
  }
  .other-list li{
    width: 100%;
    text-align: center;
  }
}
/* -------------------------------------------
	#sec_miso_tour
------------------------------------------- */
#sec_miso_tour .gallery{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
#sec_miso_tour .gallery img:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; }
#sec_miso_tour .gallery img:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; }
#sec_miso_tour .gallery img:nth-of-type(3) { grid-area: 1 / 2 / 3 / 3; }
@media screen and (max-width: 960px) {
  #sec_miso_tour .gallery{
    display: block;
  }
  #sec_miso_tour .gallery img{
    margin: 0 auto;
  }
  #sec_miso_tour .gallery img + img{
    margin-top: 1rem;
  }
}
/* -------------------------------------------
	#sec_bnr
------------------------------------------- */
#sec_bnr{
  background: #e4e1d6;
}