@charset "utf-8";

/*----------------------------
       history
---------------------------*/
.cmnLead{
 overflow: hidden;
 position: relative;
 padding: 0 0 103px;
 margin-bottom:164px ;
}
.cmnLead::before{
 content: "";
 display: block;
 background: url("../img/dress/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height:658px;
 z-index: -1;
}
.cmnLead h1{
 margin-bottom: 77px;
}
.cmnLead .cTxt{
 line-height: 1.6;
}
.imgList01{
 max-width: 998px;
 margin: 0 auto;
 justify-content: space-between;
}
.cmnLead figure.txtCenter{
 max-width: 900px;
 margin: 70px auto 0;
}
@media screen and (min-width: 769px) {
 .imgList01 li{
  width: 44.5%;
  max-width: 443px;
 }
 .imgList01 li.pcOnly{
  width: 52.5%;
  max-width: 522px;
  margin-top: 64px;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
 .cmnLead{
  padding-bottom:60px;
  margin-bottom: 94px;
 }
.cmnLead h1{
 margin-bottom: 55px;
}
 .cmnLead .cTxt{
  max-width: 85vw;
  margin: 55px auto 0;
  font-size: 18px;
  text-align: left;
 }
 .imgList01 li.spOnly{
  margin-top: 10px;
 }
.cmnLead figure.txtCenter{
 margin: 55px auto 0;
}
}/*//sp*/

.imgList02{
 max-width:1000px;
 margin: 104px auto 0;
 flex-wrap: wrap;
 justify-content: space-between;
}
@media screen and (min-width: 769px) {
 .imgList02 li{
  width: 48%;
  margin-top: 37px;
 }
 .imgList02 li.wide{
  margin-top: 166px;
 }
 .imgList02 li.wide .pcOnly{
  margin-top: 37px;
 }
 .imgList02 li.wide + .pcOnly{
  margin-top: 0;
 }
 .imgList02 li.wide + .pcOnly img + img{
  margin-top: 33px;
 }
 .imgList02 li:nth-of-type(6){
  width: 32.5%;
 }
 .imgList02 li:last-of-type{
  width: 63.8%;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.imgList02{
 margin: 45px auto 0;
}
 .imgList02 li{
  margin-top: 10px;
 }
}/*//sp*/


.imgList03{
 max-width:1000px;
 margin: 104px auto 0;
 flex-wrap: wrap;
 justify-content: space-between;
}
@media screen and (min-width: 769px) {
 .imgList03 .wide{
  width: 90%;
  margin: 0 auto;
 }
 .imgList03 li{
  margin-top: 37px;
 }
 .imgList03 li:nth-of-type(2){
  width: 32.5%;
 }
 .imgList03 li:nth-of-type(3){
  width:63.8%;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.imgList03{
 margin: 45px auto 0;
}
 .imgList03 li.spOnly{
  margin-top: -44px;
 }
}/*//sp*/

.cmnLead .txtCenter.mTop35{
 font-size: 24px;
}
@media screen and (max-width: 768px) {
.cmnLead .txtCenter.mTop35{
 margin-top: 5px !important;
}}/*//sp*/