@charset "utf-8";
/*  */
@media (max-width: 768px){

body,html{overflow-x: hidden;}}
span[data-furigana] {
  position: relative;
  display: inline-block;
}
span[data-furigana]::before {
  content: attr(data-furigana);
  position: absolute;
  top: -0.6em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
}
span.vertical[data-furigana]::before{
  top: 10px;
  left: 10px;
}
figure{z-index: 1;position: relative;}
.collect-tit{display: flex;font-weight: 500;justify-content: center;align-items: center;gap: 20px;padding: 16px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin: 0 0 40px;background: #2A2A2A;}
.collect-tit .tit-txt{font-size: min(3vw,4.2rem); line-height: 1.4;}
.sub-tit{font-size: 1.8rem;line-height: 2;text-align: center;margin: 0 0 50px;}

.info-img{text-align: left;}
.info-img .tit-info-img{font-size: 1.8rem;line-height: 2;font-weight: 600;display: flex;align-items: center;margin-top: 15px;flex-wrap: wrap;}
.info-img .tit-info-img small{font-size: 0.7777em;position: relative;top: 0.18em;}
.info-img .tit-info-img span{font-size: 0.7777em;}
.info-img .tit-info-img .mark{background: #fff;padding: 6px;color: #2A2A2A;margin-right: 8px;line-height: 1;font-weight: 400;font-size: 0.7777em;}
.info-img .cap{font-size: 1.1rem;line-height: 1.7;margin: 5px 0 0;}
.info-img .tit-info-img.tit-info-img-mt2{margin-top: 4px;}
.box-time{margin: 0 0 25px;font-size: 1.8rem;}
.title-page{margin-bottom: 0;}
@media (max-width: 768px){
  .title-page{margin-bottom: 40px;}
  .box-time{font-size: 1.6rem;}
    .info-img .tit-info-img{font-size: 1.6rem;line-height: 1.6;}
    .info-img .cap{font-size: 1rem;}
    .collect-tit{margin: 0 0 20px;}
    .sub-tit{text-align: left;font-size: 1.6rem;}
    .sub-tit br{display: none;}
}
@media (max-width: 576px){
        .info-img .tit-info-img.flex-sp{display: flex;flex-direction: column;align-items: flex-start;}
}
.collect-flex{display: flex;gap: 40px;}
.vertical-txt{-ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;display: flex;
  flex-direction: column;
  gap: 15px;
  }
  .cl-txt{font-size: min(3vw,4.2rem);line-height: 1.4;
  letter-spacing: 0.1em;font-weight: 500;}
.cl-txt p{font-size: 0.62em;line-height: 1.6;}
.vertical-txt.cl-txt p{line-height: 1.15;}
.vertical-txt.cl-txt small{font-size: 0.62em;}
.vertical-txt .ttl-cl{line-height: 1.12;}
 .ttl-cl{font-weight: 500;}
.bg-tit{position: relative;}
.bg-tit::before{position: absolute;content: "";width:333px;height: 288px;background: url('../img/collection/tit-bg.webp') no-repeat center center / 100% 100%;top: 0;left: 0;z-index: -1;}
.collection-box01{margin: 0 0 100px;}
.collection-box01 .bg-tit::before{left: -8%;}
@media (max-width: 1000px){
.collect-flex{gap: 20px;}
.vertical-txt{gap: 10px;}
}

@media (max-width: 768px) {
  .collect-tit span img {
    width: 46px;
  }
  .collect-tit .tit-txt{font-size: 2.3rem;}
  .cl-txt{font-size: 2.3rem;grid-area: 5px;}
  .bg-tit::before{width: 233px;height: 201px;}
}
.collection-box01 .inner-collect02{margin: 24px 0 0;max-width: 1068px;margin-left: auto;}
.collection-box01 .inner-collect02 .cl-txt{text-align: right;margin: 0 0 40px;}
.collection-box01 .inner-collect02.bg-tit::before{left: unset;right: -7%;top: -12%;}
.collection-box01 .inner-collect02 .cl-txt .ttl-cl{line-height: 1.5;}
.collection-box01 .inner-collect02 .cl-txt p{line-height: 1.6;}
.collection-box01 .inner-collect02 .cl-txt {letter-spacing: 0;}
@media (max-width: 768px){
  .collection-box01{margin: 0 0 60px;}
  .collection-box01 .inner-collect02{margin: 40px 0 0;}
  .collection-box01 .inner-collect02 .cl-txt{margin: 0 0 20px;}
}
.collection-box02{margin: 0 0 100px;}
.collection-box02 .inner-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.collection-box02 .inner-collect01{width: 41.16667%;}
.collection-box02 .inner-collect02{width: 46.6667%;padding: 0 0 0;}
.collection-box02 .inner-collect02 .cl-txt{text-align: right;letter-spacing: 0;}
.collection-box02 .inner-collect02 .gr-img01{display: flex;gap: 20px;align-items: flex-end;margin: 0 0 50px;position: relative;z-index: 1;}
.collection-box02 .inner-collect02.bg-tit::before{left: unset;right: -10%;top: 0%;}
.collection-box02 .inner-collect01.bg-tit::before{left: -25%;top: -1%;}
.collection-box02 .mark-block{margin: 0 0 4px;}
.collection-box02 .inner-collect02 .ttl-cl{margin: 0 0 30px;position: relative;}
.collection-box02 .inner-collect02 .ttl-cl::before{left: unset;right: -12%;top: -80%;}
@media (max-width: 768px){
  .collection-box02{margin: 0 0 60px;}
  .collection-box02 .inner-collect01{width: 100%;}
  .collection-box02 .inner-collect02{width: 100%;padding: 60px 0 0;}
  .collection-box02 .inner-collect02 .cl-txt{margin: 0 ;padding: 0;}
  .collection-box02  span[data-furigana]::before{top: -1em;}
  .collection-box02 .inner-collect02 .gr-img01{margin: 0 0 40px;}
}
@media (max-width: 420px){
  .collection-box02 .inner-collect02 .gr-img01 .info-img {width: 100%;}
}
/* collection-box03 */
.collection-box03{margin: 0 0 130px;}
.collection-box03 .inner-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.collection-box03 .inner-collect01{width: 100%;display: flex;gap: 70px;align-items: center;position: relative;}
.collection-box03 .inner-collect02{width: 48.33333%;}
.collection-box03 .inner-collect03{width: 42.25%;margin-top: -20px;}

.collection-box03 .inner-collect01 .cl-img{width: 36.333333%;}
.collection-box03 .inner-collect01 .info-img{position: absolute;left: 42.5%;top: 60%;}
.collection-box03 .inner-collect01 .cl-txt{margin: 0 0 100px;z-index: -1;}
.collection-box03 .inner-collect01 .cl-txt.bg-tit::before{left: -35%;top: -120%;} 

.collection-box03 .inner-collect02{padding-left: 60px;align-items: flex-end;padding-top: 120px;}
.collection-box03 .inner-collect02 .cl-txt{padding-bottom: 25px;}
.collection-box03 .inner-collect02 .cl-txt.bg-tit::before{left: -100%;top: unset;bottom: -10%;}

.collection-box03 .inner-collect03 .cl-txt.bg-tit::before{left: -180%;top: -15%;}
@media (max-width: 1200px){
   .collection-box03  span.vertical[data-furigana]::before{top: 0;}

}
@media (max-width: 900px){
  .collection-box03 .inner-collect01 .info-img{left: 45%;}
}
@media (max-width: 768px){
  .collection-box03{margin: 0 0 60px;}
  .collection-box03 .inner-collect03{margin: 20px 0 0;}
  .collection-box03 .inner-collect02{padding-left: 0;padding-top: 60px;}
}
@media (max-width: 576px){
  .collection-box03 .inner-collect01{flex-wrap: wrap;gap: 20px;}
  .collection-box03 .inner-collect01 .cl-txt{width: 100%;order: -1;margin: 0 0 0;}
  .collection-box03 .inner-collect01 .info-img{position: unset;}
  .collection-box03 .inner-collect01 .cl-img{width: 100%;}
  .collection-box03 .inner-collect02{width: 100%;}
  .collection-box03 .inner-collect03{width: 100%;margin-top: 60px;}
}
/*  */
.collection-box04{margin: 0 0 100px;}
.collection-box04 .vertical-en{text-combine-upright: all;-ms-text-combine-horizontal: all;}
.collection-box04 .vertical-en.num{font-size: min(4.2vw,6.4rem);line-height: 0;}
.collection-box04 .cl-txt04{font-size: min(2.9vw,4rem);}
.collection-box04  .inner-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.collection-box04  .inner-wrap .inner-collect01{width: 51%;margin-left: -5%;}
.collection-box04  .inner-wrap .inner-collect02{width: 49%;margin: 67px 0 0;}

.collection-box04  .inner-collect01 .cl-txt.bg-tit::before{left: -50%;top: -3%;}
.let0{letter-spacing: 0;}
.collection-box04  .inner-collect02 .gr-img01{margin: 0 0 70px;display: flex;justify-content: space-between;gap: 40px;align-items: center;position: relative;}
.collection-box04  .inner-collect02 .gr-img01 .cl-txt {text-align: right;}
.collection-box04  .inner-collect02 .gr-img01 .cl-txt::before{top: -100%;left: 15%;}
.collection-box04  .inner-collect02 .gr-img01 .info-img{position: absolute;left: 12%;bottom: 0;}

.collection-box04  .inner-collect02 .gr-img02{display: flex;justify-content: space-between;position: relative;}
.collection-box04  .inner-collect02 .gr-img02 .cl-txt{position: absolute;top: 40%;right: 0;}
.collection-box04  .inner-collect02 .gr-img02 .cl-txt::before{top: -120%;left: -18%;}
.collection-box04 .inner-collect02 .gr-img02 .info-img{width: fit-content;margin-left: auto;}
@media (max-width: 1240px){
.collection-box04 .inner-wrap .inner-collect01{margin-left: 0;}
.collection-box04 .inner-collect02 .gr-img01{padding-left: 40px;}
}
@media (max-width: 1150px){
  .collection-box04 .inner-collect02 .gr-img01 .info-img{left: 3%;}
  .collection-box04 .inner-collect02 .gr-img02 .cl-txt{position: relative;top: unset;right: unset;}
  .collection-box04 .inner-collect02 .gr-img02 .cl-txt::before{top: -20%;}
}
@media (max-width: 1000px){
  .collection-box04 .inner-collect02 .gr-img01{gap: 20px;}
}
@media (max-width: 900px){
  .collection-box04 .inner-collect02 .gr-img01 .info-img{position: relative;}
}
@media (max-width: 768px){
  .collection-box04{margin:0 0 140px;}
  .collection-box04 .cl-txt04{font-size: 2.3rem;gap: 5px;}
  .collection-box04 .vertical-en.num{font-size: 2.6rem;}
  .collection-box04 .inner-wrap .inner-collect01{width: 100%;margin: 0 0 60px;}
  .collection-box04 .inner-wrap .inner-collect02{width: 100%;margin-top: 0;}
  .collection-box04 .inner-collect02 .gr-img01{width: 100%;padding-left: 0;gap: 20px;justify-content: flex-start;margin: 0 0 40px;}
  .collection-box04 .inner-collect02 .gr-img02 .cl-txt{padding-top: 40px;}
  .collection-box04 .inner-collect02 .gr-img02{justify-content: flex-start;gap: 0;}
  .collection-box04 .inner-collect02 .gr-img02 .cl-img{width: 50%;}
  .collection-box04 .inner-collect02 .gr-img02 .info-img{width: 100%;position: absolute;}
}
.collection-box05 {margin:0 0 120px;}
.collection-box05 .inner-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.collection-box05 .inner-collect01{width: 48.5%;}
.collection-box05 .inner-collect02{width: 51.5%;gap: 24px;position: relative;padding-top: 20px;}
.collection-box05 .inner-collect01 .cl-txt .ttl-cl{margin-top: -0.6em;}
.collection-box05 .inner-collect01 .cl-txt::before{left: -100%;top: 20%;}

.collection-box05 .inner-collect02 .info-center{width: fit-content;margin: -20px auto 0;}
/* .collection-box05 .inner-collect02 .info-img-abs{position: absolute;right: 0;bottom: 0;} */
.collection-box05 .inner-collect02 .gr-img01{padding-left:100px;gap: 7px;}
.collection-box05 .inner-collect02 .gr-img01 .tit-info-img{margin-top: 0;}
.collection-box05 .inner-collect02 .gr-img02{display: flex;margin: 56px 0 0;align-items: center;justify-content: space-between;gap:15px;position: relative;}
.collection-box05 .inner-collect02 .gr-img02 figcaption{font-size: 1.1rem;text-align: right;margin: 5px 0 0;}
.collection-box05 .inner-collect02 .cl-txt{padding-top: 40px;}
.collection-box05 .inner-collect02 .cl-txt::before{left: -150%;top: -8%;}
.bg-orange::before{position: absolute;content: "";width:483px;height: 475px;background: url('../img/collection/tit-bg-orange.webp') no-repeat center center / 100% 100%;top: 45%;left: 15%;transform: translate(-50%,-50%);z-index: -1;}
@media (min-width: 769px){
  .collection-box05 .inner-collect01{justify-content: flex-end;}
}
@media (max-width: 768px){
  .collection-box05 .inner-collect01{width: 100%;}
  .collection-box05 .inner-collect02{width: 100%;padding-left: 0;margin: 40px 0 0;}
  .collection-box05 .inner-collect02 .gr-img02{flex-direction: column-reverse;margin: 50px auto 0;width: fit-content;}
  .collection-box05 .inner-collect02 .gr-img02 figcaption{position: absolute;bottom: 10px;right: 10px;color: #2A2A2A;}
  .collection-box05 .inner-collect02 .gr-img02 .info-img{width: 100%;}
  .collection-box05 .inner-collect02 .gr-img01{padding-left: 0;justify-content: center;}
  .bg-orange::before{width: 338px;height: 332px;top: unset;left: 25%;bottom: -52%;}
  .collection-box05 .inner-collect02 .info-center{margin: 0 auto;}
}
@media (max-width: 480px){
  .bg-orange::before{bottom: -62%;}
}
.collection-box06 {margin: 0 0 100px;}
.collection-box06 .inner-collect01{display: flex;gap: 40px;margin: 0 0 70px;}
.collection-box06 .inner-collect01 .ttl-cl{line-height: 1.4;padding-top: 170px;}
.collection-box06 .inner-collect01 .cl-txt::before{top: 20%;left: -30%;}
.collection-box06 .inner-collect02{justify-content: flex-end;}
.collection-box06 .inner-collect02 .bg-tit::before{left: -100%;top:8%;}
@media (max-width: 768px){
  .collection-box06{margin: 0  0 60px;}
  .collection-box06 .inner-collect01{flex-direction: column-reverse;gap: 20px;}
  .collection-box06 .inner-collect01 .ttl-cl{padding-top: 0;}
  .collection-box06 .inner-collect01 .cl-txt::before{top: -15%;left: 0;}
}

.collection-box07 .inner-collect01{position: relative;margin-top: 230px;}
.collection-box07 .inner-collect01 .cl-txt{position: absolute;right: 15%;top: -23%;}
.collection-box07 .inner-collect01 .cl-txt::before{left: -220%;top: 27%;}
.collection-box07 .inner-collect01 .list-img{display: flex;align-items: flex-end;gap: 46px;justify-content: flex-end;margin-right: -60px;}
.collection-box07 figure {position: relative;}
.collection-box07 figure figcaption{position: absolute;font-size: 1.1rem;text-shadow: 0 0 20px rgba(0, 0, 0, 0.56);left: 20px;bottom: 16px;}
.collection-box07 .img-abs{position: absolute;}
.collection-box07 .info-img{max-width: 664px;margin-left: auto;text-align: center;}
.collection-box07 .info-img .tit-info-img{justify-content: center;flex-wrap: nowrap;}
.collection-box07 .info-img .tit-info-img em{font-style: normal;}
.collection-box07 .mark-circle{background: #E57129;width: 54px;height: 54px;border-radius: 50%;align-content: center;}
.collection-box07 .inner-collect02{display: flex;justify-content: flex-start;gap: 40px;align-items: center;position: relative;margin-top: -75px;}
.collection-box07 .inner-collect02 .cl-img{width: 21.4166667%;}
.collection-box07 .inner-collect02 .cl-img .info-img{position: absolute;bottom:10px;left: 23%;text-align: left;}
.collection-box07 .inner-collect02 .info-img .tit-info-img{justify-content: flex-start;}
.collection-box07 .mark-circle{text-align: center;}
.collection-box07 .inner-collect02 .cl-txt{line-height: 1.4;z-index: -1;}
.collection-box07 .inner-collect02 .cl-txt p{line-height: 1.6;}
.collection-box07 .inner-collect02 .cl-txt::before{top: -70%;left: -20%;}
.img03{margin-left: 23px;}
@media (max-width: 1360px){
  .collection-box07 .inner-collect01 .cl-txt{right: 18%;}
.collection-box07 .inner-collect01 .list-img{margin-right: 0;}
.collection-box07 .info-img{max-width: 830px;}
.img03{margin-left: 0;}

}
@media (max-width: 1000px){
.collection-box07 .img-abs{position: relative;}
.collection-box07 .inner-collect01 .cl-txt{right: 30%;}
.collection-box07 .inner-collect02{margin-top: 60px;}
}
@media (max-width: 768px){
  .collection-box07 .inner-collect02{gap: 0px;}
  .collection-box07 .inner-collect01{margin-top: 25vw;}
  .collection-box07 .inner-collect02 .cl-img{width: fit-content;}
  .collection-box07 .inner-collect02 .cl-img .info-img{position: static;width: 200%;}
.collection-box07 .info-img .cap{text-align: left;}
.collection-box07 .info-img .tit-info-img em{font-style: normal;width: calc(100% - 70px);text-align: left;text-indent: -1em;margin-left: 1em;}


}
@media (max-width: 480px){
  .collection-box07 .inner-collect01 .cl-txt{right: 20%;}
  .collection-box07 .inner-collect02 .cl-img{width: 50%;}
  .collection-box07 .inner-collect01 .list-img{gap: 30px;}
}