@charset "utf-8";

/*******************************************************************/
/* PC：幅769px以上
/*******************************************************************/
@media screen and (min-width: 769px), print {
/*<start>==========================================================*/

/*=================================================================*/
/*  dress
/*=================================================================*/
.dress {
  background: #f2f7fa;
  background-size: cover;
  padding: 60px 0 50px;
  margin: 0 0 0;
}
.dress .inner {
  width: 800px;
  margin: 0 auto;
  text-align: center;
}
.dress h2 {
  font-size: 2.2rem;
  margin: 0 0 15px !important;
  background: none !important;
}
.dress h2 + p {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin: 0 0 30px;
}
.dressSlide .slick-slide {
  margin: 0 7px 7px;
  box-sizing: border-box;
  border: solid 2px #FFF;
  box-shadow: 3px 3px 7px rgb(0 0 0 / 10%);
}
.dressSlide .slick-slide {
  margin: 0 7px 7px;
  box-sizing: border-box;
  border: solid 2px #FFF;
  box-shadow: 3px 3px 7px rgb(0 0 0 / 10%);
}
.dressSlide .slick-prev:before,
.dressSlide .slick-next:before {
  color: #000;
}
.dressSlide .slick-prev,
.dressSlide .slick-next {
  margin-top: 0;
}
.dressSlide .slick-next {
  right: 6%;
  margin-right: -120px;
}
.dressSlide .slick-prev {
  left: 6%;
  margin-left: -120px;
}
.dress .toList {
  text-align: right;
  padding: 15px 10px 0 0;
}
.dress .toList a {
  color: #3d6094;
  text-decoration: underline;
}
.dress .toList a:hover {
  text-decoration: none;
}


/*<end>============================================================*/
}

/*******************************************************************/
/* SP：幅768px以下 
/*******************************************************************/
@media screen and (max-width: 768px) {
/*<start>==========================================================*/

/*=================================================================*/
/*  dress
/*=================================================================*/
.dress {
  background: #f2f7fa;
  background-size: cover;
  padding: 45px 4% 40px;
  margin: 0 0 0;
  overflow: hidden;
}
.dress .inner {
  margin: 0 auto;
  text-align: center;
}
.dress h2 {
  font-size: 2.2rem;
  margin: 0 0 15px !important;
  background: none !important;
}
.dress h2 + p {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  margin: 0 0 30px;
}
.dressSlide {
  padding: 0 4%;
}
.dressSlide .slick-slide {
  margin: 0 7px 7px;
  box-sizing: border-box;
  border: solid 2px #FFF;
  box-shadow: 3px 3px 7px rgb(0 0 0 / 10%);
}
.dressSlide .slick-slide {
  margin: 0 7px 7px;
  box-sizing: border-box;
  border: solid 2px #FFF;
  box-shadow: 3px 3px 7px rgb(0 0 0 / 10%);
}
.dressSlide .slick-prev:before,
.dressSlide .slick-next:before {
  color: #000;
}
.dressSlide .slick-prev,
.dressSlide .slick-next {
  margin-top: 0;
}
.dressSlide .slick-next {
  right: 6%;
  margin-right: -47px;
}
.dressSlide .slick-prev {
  left: 6%;
  margin-left: -47px;
}
.dress .toList {
  text-align: right;
  padding: 15px 10px 0 0;
}
.dress .toList a {
  color: #3d6094;
  text-decoration: underline;
}
.dress .toList a:hover {
  text-decoration: none;
}
.slick-slide img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*<end>============================================================*/
}