@charset "UTF-8";
@font-face {
  font-family: 'Kollektif';
  src: url("fonts/Kollektif.ttf");
}
@font-face {
  font-family: 'KollektifBold';
  src: url("fonts/Kollektif-Bold.ttf");
}
body {
  color: #434242;
  padding-top: 0!important;
}
.eclat_mint2025 {
  position: relative;
  margin: 0 auto;
  width: 800px;
  background-color: #eed9de;
}
.eclat_mint2025 #sec1 .bg {
  background: url(/images/special/eclat_mint2025/bg01.png) no-repeat top center / cover;
  padding-bottom: 353px;
}
.eclat_mint2025 #sec1 .wrap {
  padding: 0 58px;
}
.eclat_mint2025 #sec1 .renewal {
  position: absolute;
  left: 40px;
  top: 24px;
  width: 358px;
}
.eclat_mint2025 #sec1 .ttl_img {
  position: absolute;
  right: 60px;
  top: 128px;
  width: 458px;
}
.eclat_mint2025 #sec1 .img1 {
  position: absolute;
  left: 33px;
  top: 217px;
  width: 242px;
}
.eclat_mint2025 #sec1 h2 {
  padding-top: 145px;
  text-align: right;
  font-size: 138px;
  letter-spacing: 24px;
  margin-right: -12px;
  line-height: 1.1;
  color: #f2b3b4;
}
.eclat_mint2025 #sec1 h2 span {
  display: block;
  font-size: 61px;
  font-family: "Kollektif", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.eclat_mint2025 #sec2 {
  padding-top: 244px;
  background: url(/images/special/eclat_mint2025/bg02.png);
  background-position-y: 172px;
  background-position-x: left;
  background-size: 537px;
  background-repeat: no-repeat;
}
.eclat_mint2025 #sec2 .textWrap {
  text-align: left;
  padding-left: 91px;
}
.eclat_mint2025 #sec2 .textWrap p.ttl {
  font-size: 30px;
  position: relative;
  font-family: "KollektifBold", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.eclat_mint2025 #sec2 .textWrap p.ttl::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -26px;
  display: inline-block;
  width: 55px;
  height: 5px;
  background-color: #434242;
}
.eclat_mint2025 #sec2 .textWrap p.txt1 {
  padding-top: 60px;
  font-size: 19px;
  letter-spacing: 1px;
  line-height: 1.52;
  font-family: "Kollektif", sans-serif;
  font-style: normal;
}
.eclat_mint2025 #sec2 .textWrap p.txt2 {
  padding-top: 25px;
  font-size: 19px;
  line-height: 1.52;
  font-family: "Kollektif", sans-serif;
  font-style: normal;
}
.eclat_mint2025 #sec2 .img2 {
  text-align: right;
  background: url(/images/special/eclat_mint2025/bg03.png);
  background-position-y: bottom;
  background-position-x: right;
  background-size: 521px;
  background-repeat: no-repeat;
}
.eclat_mint2025 #sec2 .img2 img {
  width: 435px;
  padding: 44px 34px 38px 0;
}
.eclat_mint2025 .img3 img {
  display: block;
}
.eclat_mint2025 .img5 img {
  display: block;
}
.eclat_mint2025 #sec3 {
  padding-top: 205px;
  background: url(/images/special/eclat_mint2025/bg04.png);
  background-position-y: -36px;
  background-position-x: 23px;
  background-size: 597px;
  background-repeat: no-repeat;
  position: relative;
}
.eclat_mint2025 #sec3 .textWrap {
  text-align: left;
  padding-left: 50px;
}
.eclat_mint2025 #sec3 .textWrap p.ttl {
  font-size: 55px;
  letter-spacing: 1px;
  font-family: "KollektifBold", sans-serif;
  font-weight: bolder;
  font-style: normal;
}
.eclat_mint2025 #sec3 .textWrap p.txt1 {
  font-size: 19px;
  padding-top: 8px;
  line-height: 1.52;
  letter-spacing: 1px;
  font-family: "Kollektif", sans-serif;
  font-style: normal;
}
.eclat_mint2025 #sec3 .textWrap p.txt1 span {
  font-size: 12px;
  font-family: "Kollektif", sans-serif;
}
.eclat_mint2025 #sec3 .textWrap p.annotation {
  font-size: 16px;
  padding-top: 30px;
  font-family: "Kollektif", sans-serif;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 1px;
}
.eclat_mint2025 #sec3 .textWrap p.product {
  font-size: 23px;
  padding-top: 26px;
  font-family: "sawarabi-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.eclat_mint2025 #sec3 .textWrap p.product span {
  padding-left: 20px;
}
.eclat_mint2025 #sec3 .img4 {
  position: absolute;
  right: 0;
  top: 300px;
}
.eclat_mint2025 #sec4 {
  padding-top: 204px;
  background: url(/images/special/eclat_mint2025/bg05.png);
  background-position-y: 44px;
  background-position-x: 26px;
  background-size: 608px;
  background-repeat: no-repeat;
  position: relative;
}
.eclat_mint2025 #sec4 .img5 {
  position: absolute;
  left: 41px;
  top: 223px;
  width: 293px;
}
.eclat_mint2025 #sec4 .textWrap {
  text-align: right;
  padding: 67px 36px 155px 0;
}
.eclat_mint2025 #sec4 .textWrap p.ttl {
  font-size: 55px;
  letter-spacing: 1px;
  font-family: "KollektifBold", sans-serif;
  font-weight: bolder;
  font-style: normal;
}
.eclat_mint2025 #sec4 .textWrap p.txt1 {
  font-size: 19px;
  padding-top: 12px;
  line-height: 1.52;
  letter-spacing: 1px;
  font-family: "Kollektif", sans-serif;
  font-style: normal;
}
.eclat_mint2025 #sec4 .textWrap p.txt1 span {
  font-size: 12px;
  font-family: "Kollektif", sans-serif;
}
.eclat_mint2025 #sec4 .textWrap p.annotation {
  font-size: 16px;
  padding-top: 30px;
  font-family: "Kollektif", sans-serif;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 1px;
}
.eclat_mint2025 #sec4 .textWrap p.product {
  font-size: 23px;
  padding-top: 26px;
  font-family: "sawarabi-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.eclat_mint2025 #sec4 .textWrap p.product span {
  padding-left: 20px;
}