@charset "UTF-8";

#glbMenu .logoSct {
  display: none;
}
.asTit {
  padding: 3em 0 2em;
}
.artclArea {
  margin: 0 auto 14em;
  width: 100%;
  background: #fff;
  top: 0;
  position: relative;
  padding: 0;
  margin: 0 auto 0;
  margin-top: 0;
}
.artclArea .readArea {
  width: 92%;
  margin: 0 auto 0;
}
.artclArea .readArea .imgObj {
}
.ctlgSet {
  margin: 0;
  position: relative;
}
.ctlgSet .csTxtBlk {
  margin: 1em 0 0;
}
.btnLine.bkBtn {
  margin-bottom: 12em;
  width: 50%;
}

.dblSet.spDbl {
  width: 50%;
}

.creditTxt {
  display: none;
}

.clWh li {
  color: #fff;
}

picture {
  line-height: 1;
  display: block;
}
@media screen and (max-width: 960px) {
}
@media screen and (min-width: 641px) {
  .contsArea {
    padding: 0;
  }
}
@media screen and (min-width: 961px) {
  .artclArea {
    padding: 0;
    margin-top: 0;
  }
  .artclArea .readArea {
    width: min(93%, 1400px);
  }
  .artclArea .readArea .imgObj {
  }

  .sglSet {
    width: 100%;
  }
  .sglSet .csImgBlk {
    width: 50%;
    margin: 0 auto;
  }
  .sglSet.wideAcv .csImgBlk {
    width: 100%;
    margin: 0 auto;
  }
  .dblSet {
    width: 50%;
  }
  .btnLine.bkBtn {
    width: 100%;
  }
}
@media screen and (min-width: 1281px) {
}

.slideIn {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#mainArea .mainImg {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}

.catalogArea p {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.creditSet {
  width: 90%;
  margin: 1.5rem auto 0;
}
.creditSet p {
  color: #b7b7b7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
}

.artclArea .imgSet {
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  width: 100%;
  position: relative;
}
.artclArea .imgSet .imgObj {
  margin: 0 auto;
  width: 100%;
}
.artclArea .imgSet a {
  display: block;
}
.artclArea .imgSet a:hover {
  opacity: 1;
}
.creditLists {
  text-align: center;
  margin: 0.5em auto 0;
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
}
.creditLists.flex {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 0.8em 0 0;
}
.creditLists li {
  font-family: "Host Grotesk", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  font-size: 0.85rem;
  font-size: min(2.8vw, 1.95rem);
  letter-spacing: 0.04em;
  line-height: 1.6;
  text-align: center;
}
.creditLists li + li {
}
.creditLists li a {
  pointer-events: none;
}
.nowloading .spinner {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0, -50%);
}
.spinner {
}
.spinner svg {
  width: 85vw;
  height: 29vw;
  max-height: 185px;
  max-width: 584px;
}

.mainImg {
  width: 100%;
  margin: 0 auto;
  /* max-width: 800px; */
  position: relative;
}

.creditLists {
  flex-flow: column;
  align-items: flex-start;
  margin: 2.5em 0 0;
}
.creditLists li {
}

.ctlgSet {
  width: 100%;
}

#mainArea {
  width: 92%;
  margin: 0 auto 21%;
  padding: 0;
}

#mainArea .mainImg {
}

#mainArea .logoImg {
  position: absolute;
  top: 46%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 69%;
}

@media screen and (min-width: 961px) {
  #mainArea {
  }

  #mainArea .mainImg {
  }

  #mainArea .logoImg {
  }
}
#p1 {
  margin: 0 auto 11%;
}
#p2 {
  margin: 0 auto 11%;
}
#p3 {
  margin: 0 auto 10.5%;
}
#p4 {
  margin: 0 auto 26%;
}
#p5 {
  margin: 0 auto 25%;
}
#p6 {
  position: relative;
  display: flex;
  flex-flow: wrap;
  margin: 0 auto 21%;
}
#p7 {
  margin: 0 auto 23.5%;
}
#p8 {
  margin: 0 auto 23%;
}
#p9 {
  margin: 0 auto 24.5%;
}
#p10 {
  margin: 0 auto 19%;
}
#p11 {
}

#p1 .imgSet {
  width: 73%;
}
#p2 .imgSet {
  width: 73%;
}
#p3 .imgSet {
  width: 73%;
}
#p4 .imgSet {
  width: 73%;
}
#p5 .imgSet {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}
#p6 .imgSet {
  width: 41%;
  margin: 0% auto 0 14%;
  z-index: 2;
  padding: 5.5% 0 0;
}
#p7 .imgSet {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
#p8 .imgSet {
  width: 70%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
#p9 .imgSet {
}
#p10 .imgSet {
  z-index: 2;
  display: flex;
  flex-flow: wrap;
  padding: 6.5% 0;
  justify-content: space-between;
  width: 87%;
}
#p11 .imgSet {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  /* align-items: center; */
  width: 100%;
}

#p1 .imgObj {
}
#p2 .imgObj {
}
#p3 .imgObj {
}
#p4 .imgObj {
}
#p5 .imgObj {
  width: 32%;
  margin: 0;
}
#p6 .imgObj {
  margin: 0 0 7%;
}
#p7 .imgObj {
  width: 49%;
  margin: 0;
}
#p8 .imgObj {
  width: 47%;
  margin: 0 0 8%;
}
#p9 .imgObj {
  width: 77%;
  margin: 0 3.5% 0 auto;
}
#p10 .imgObj {
  width: 46.5%;
  margin: 0 0 8%;
}
#p11 .imgObj {
  width: 38%;
  margin: 0 auto 0 8%;
}
#p11 .txtGlp {
  width: 44%;
  margin: 15.5% auto 0;
}
#p11 .txtGlp .logoObj {
  width: 23%;
  margin: 0 auto 10%;
}
#p11 .txtGlp .txtObj {
}

#p1 .i1 {
}
#p2 .i1 {
}
#p3 .i1 {
}
#p4 .i1 {
}
#p5 .i1 {
}
#p5 .i2 {
}
#p6 .i1 {
}
#p6 .i2 {
}
#p6 .i3 {
}
#p6 .i4 {
}
#p7 .i1 {
}
#p7 .i2 {
}
#p8 .i1 {
}
#p8 .i2 {
}
#p8 .i3 {
  margin-right: 53%;
  margin-bottom: 0;
}
#p8 .i4 {
  margin-left: 53%;
}
#p8 .i5 {
}
#p8 .i6 {
}
#p9 .i1 {
}
#p10 .i1 {
}
#p10 .i2 {
}
#p10 .i3 {
}
#p10 .i4 {
}
#p10 .i5 {
  margin-left: auto;
  margin: 0 0 0 auto;
}
#p11 .i1 {
}

#p1 .txtObj {
  position: absolute;
  top: 6%;
  left: 4%;
  width: 19%;
  page-break-after: always;
}
#p2 .txtObj {
  position: absolute;
  right: 3.5%;
  width: 10%;
  top: 6%;
}
#p4 .txtObj {
  position: absolute;
  width: 19.5%;
  left: 4%;
  top: 7%;
}
#p5 .txtObj {
  width: 22%;
  margin: 2% auto 0%;
}
#p9 .txtObj {
  position: absolute;
  left: 6%;
  top: 42%;
  width: 36.5%;
}
#p11 .txtObj {
  width: 94%;
  margin: 0 auto;
}

#p6 .bgBlk {
  width: 70%;
  position: relative;
  margin: 0 0 0 -25%;
  top: 0;
  pointer-events: none;
}
#p6 .bgBlk .bgObj {
}
#p6 .bgBlk .txtObj {
  position: absolute;
  right: 15%;
  bottom: 10.5%;
  width: 7.7%;
}
#p10 .bgBlk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
#p10 .bgBlk .bgObj {
}

@media screen and (min-width: 961px) {
  #p1 .i1 {
  }
  #p2 .i1 {
  }
  #p3 .i1 {
  }
  #p4 .i1 {
  }
  #p5 .i1 {
  }
  #p5 .i2 {
  }
  #p6 .i1 {
  }
  #p6 .i2 {
  }
  #p6 .i3 {
  }
  #p6 .i4 {
  }
  #p7 .i1 {
  }
  #p7 .i2 {
  }
  #p8 .i1 {
  }
  #p8 .i2 {
  }
  #p8 .i3 {
  }
  #p8 .i4 {
  }
  #p8 .i5 {
  }
  #p8 .i6 {
  }
  #p9 .i1 {
  }
  #p10 .i1 {
  }
  #p10 .i2 {
  }
  #p10 .i3 {
  }
  #p10 .i4 {
  }
  #p10 .i5 {
  }
  #p11 .i1 {
  }

  #p1 .txtObj {
  }
  #p2 .txtObj {
  }
  #p4 .txtObj {
  }
  #p5 .txtObj {
  }
  #p9 .txtObj {
  }
  #p11 .txtObj {
  }

  #p6 .bgBlk {
  }
  #p6 .bgBlk .bgObj {
  }
  #p6 .bgBlk .txtObj {
  }
  #p10 .bgBlk {
  }
  #p10 .bgBlk .bgObj {
  }
}

.prev {
  pointer-events: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.6;
  filter: hue-rotate(45deg);
}

.clrWh {
  color: #fff;
}

.contsArea {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}

.contsArea .informationArea {
  background: #fff;
  margin: 0 auto;
  padding: 50px 0;
}

.js-fade {
  opacity: 0;
  transition: 0s;
}
.js-fade.active {
  opacity: 1;
}