/* PC：仮で設定しておりますので、調整の際は削除してください。 */

#breadcrumb{
  display: none;
}
#Contents,
#Wrap{
  padding: 0;
  margin: 0;
}



/* header */
.header-nav.header-nav_fixed,
.newsticker {
  display: none;
}

header{
  text-align: left;
  position: fixed;
  top: 0;
  z-index: 99;
  transition: transform 0.3s 0.3s;
}

header.hidden {
  display: none;
}

.btn-menu {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .btn-menu__icon.btn-search,
  .btn-menu__icon.btn-cart {
    display: none;
  }
}

.header-nav.header-nav_fixed,
.newsticker {
  display: none;
}
header{
  text-align: left;
  position: fixed;
  top: 0;
  z-index: 99;
  transition: transform 0.3s 0.3s;
}
header.hidden {
  display: none;
}
.btn-menu {
  margin-top: 0;
}
.header .header-logo{
  filter: invert(1);
}
.header .btn-menu .border-t,
.header .btn-menu .border-m,
.header .btn-menu .border-b{
  background: var(--baceColor);
}
.header .btn-menu.open .border-t,
.header .btn-menu.open .border-m,
.header .btn-menu.open .border-b{
  background: var(--txtColor);
}
@media screen and (max-width: 750px) {
  .btn-menu__icon.btn-search,
  .btn-menu__icon.btn-cart {
    display: none;
  }
  .main-area {
    padding-top: calc(55*(100vw / 375));
  }
  .header .header-logo,
  .header .btn-menu__icon{
    filter: invert(0);
  }
  .header .btn-menu .border-t,
  .header .btn-menu .border-m,
  .header .btn-menu .border-b{
    background: #000;
  }
  .header .btn-menu.open .border-t,
  .header .btn-menu.open .border-m,
  .header .btn-menu.open .border-b{
    background: #000;
  }
}

#issue101 {
  --font-en01: 'UniversLTStd-Light', serif;
  --font-en02: "Times New Roman", Times, serif;
  --color-gray: #F5F7F7;
  --color-gray2: #868F90;
  --color-black: #231815;
  background: var(--color-gray);
  overflow-x: clip;
  cursor: none; /*もともとあるカーソルは非表示に*/
}
@media only screen and (min-width: 768px) {
  #cursor{
    position: fixed;
    border: 1px solid var(--color-black);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;/*真ん中にくるようにマイナスマージンで調整*/
    z-index: 2;/*一番手前に来るように*/
    pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
    opacity: 0;
  }
}

#issue101 a{
  display: inline-block;
}

#issue101 img,
#issue101 picture,
#issue101 video{
  display: inline-block;
  width: 100%;
  height: auto;
}
#issue101 .imgLink{
  background: #fff;
  position: relative;
  transition: opacity 1.5s;
}
#issue101 a:hover{
  transition: .5s;
  opacity: .7;
}
#issue101 span{
  display: inline-block;
}
#issue101 li{
  list-style: none;
}
#issue101 .flexArea{
  display: flex;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #issue101 .spOnly {
    display: none!important;
  }
  #issue101 .pcOnly {
    display: block;
  }
  #issue101 .flexAreaPc{
    display: flex;
    /* justify-content: space-between; */
    width: 100%;
    margin: 0 auto;
  }

}

@media screen and (max-width: 767px) {
  #issue101 .spOnly {
    display: block;
  }
  #issue101 .pcOnly {
    display: none!important;
  }
  #issue101 .flexAreaSp{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }

}


/*================================
  共通
=================================*/


/*--------------------------------
  font
--------------------------------*/
#issue101 .font-en01{
  font-family: var(--font-en01);
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: var(--color-black);
}

#issue101 .font-en02{
  font-family: var(--font-en02);
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: var(--color-black);
}


@font-face {
  font-family: 'UniversLTStd-Light';
  src: url('../font/UniversLTStd-Light.woff') format('woff'),
}

@media screen and (max-width: 767px) {
  #issue101 .font-en01{
    font-size: calc(22* (100vw / 750));
  }
}

/*--------------------------------
  credit
--------------------------------*/
#issue101 .crdtWrap{
  display: flex;
  flex-wrap: wrap;
}

#issue101 .crdt a{
  letter-spacing: -0.02em;
  font-family: var(--font-en01);
  color: var(--color-black);
}


/*------- credit for pc-------*/

@media only screen and (min-width: 768px) {
  #issue101 .crdtWrap{
    display: flex;
    flex-wrap: wrap;
    width: 38rem;
    opacity: 0;
    pointer-events: none;
  }
  #issue101 .crdt__wrapper{
    position: relative;
    margin-left: 0.7rem;
    margin-top: 11.5rem;
  }
  #issue101 .sec01__crdt.crdtWrap{
    opacity: 0!important;
    }

  #issue101 .crdtWrap-fixed{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.2rem;
    width: 38rem;
  }
  #issue101 .crdt a{
    font-size: 1.5rem;
  }
}

/*------- credit for sp　-------*/
@media screen and (max-width: 767px) {
  #issue101 .crdtWrap{
    width: 100%;
    height: auto;
    margin-top: calc(30* (100vw / 750));
  }
  #issue101 .crdt a{
    font-size: calc(22 * (100vw / 750));
  }
}


/*--------------------------------
  style
--------------------------------*/

@media screen and (max-width: 767px) {
  #issue101 .w670{
    width: calc(670* (100vw / 750));
    margin: 0 auto;
  }
}

/* ========== ▼ block01 ▼ ========== */
/* ----------- ▽ main visual ▽ ----------- */
#issue101 .main-visual{
  position: relative;
  width: 100vw;
}

#issue101 .mvWrap__ttls{
  position: absolute;
  bottom: 8.1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

@media only screen and (min-width: 768px) {
  #issue101 .main-visual{
    margin-bottom: 7.5rem;
  }
  #issue101 .mvWrap__ttl {
    width: 19.245rem;
    margin-bottom: 5.35rem;
    margin-left: 0.3rem;
  }
  #issue101 .mvWrap__subttl{
    width: 30.412rem;
  }
}

@media screen and (max-width: 767px) {
  #issue101 .main-visual{
    margin-bottom: calc(57 * (100vw / 750));
  }
  #issue101 .crdt a{
    font-size: calc(22 * (100vw / 750));
  }
  #issue101 .mvWrap__logo{
    position: absolute;
    inset: 50%;
    translate: calc(-158*(100vw / 750)) calc(-16*(100vw / 750));
    width: calc(311.3874* (100vw / 750));
  }
  #issue101 .mvWrap__subttl{
    width: calc(343.5603*(100vw / 750));
    margin-right: calc(1*(100vw / 750));
    margin-bottom: calc(25*(100vw / 750));
  }
  #issue101 .mvWrap__ttls{
    bottom: 5.5rem;
  }
}
/* ----------- △ main visual △  ----------- */
/* ----------- ▽ firstArea ▽ ----------- */

@media only screen and (min-width: 768px) {
  #issue101 .firstArea{
    margin-bottom: 15.65407rem;
  }
  #issue101 .firstArea__wrap{
    justify-content: space-between;
  }
  #issue101 .firstArea__cont01{
    margin: 2.6rem 0 0 6.37rem;
        padding-top: 0.3rem;
  }
  #issue101 .firstArea__ttl {
    width: 62.3rem;
    margin-bottom: 2.8rem;
  }
  #issue101 .firstArea__lead{
    text-align: left;
    width: 56.6rem;
    font-size: 2.51rem;
    color: var(--color-gray2);
    word-spacing: 0;
    letter-spacing: 0.005em;
    line-height: 1.5179282869;
    padding-left: 1.2rem;
  }
  #issue101 .firstArea__img{
    width: 133.8305rem;
  }

}

@media screen and (max-width: 767px) {
  #issue101 .firstArea{
    margin-bottom: calc(229.4361* (100vw / 750));
  }
  #issue101 .firstArea__wrap{
    width: calc(680* (100vw / 750));
    margin: 0 auto;
  }
  #issue101 .firstArea__cont01{
    margin-bottom: calc(136* (100vw / 750));
  }
  #issue101 .firstArea__ttl{
    width: calc(689.0566*(100vw / 750));
    margin-left: calc(3*(100vw / 750));
    margin-bottom: calc(25*(100vw / 750));
  }
  #issue101 .firstArea__lead{
    width: calc(656.2659*(100vw / 750));
    font-size: calc(30.99* (100vw / 750));
    line-height: 1.2820264601;
    letter-spacing: -0.015em;
    text-align: left;
    color: var(--color-gray2);
    margin-left: calc(11.5*(100vw / 750));
  }
  #issue101 .firstArea__img{
    width: calc(463.7449* (100vw / 750));
  }
  #issue101 .firstArea__subttl{
    font-size: calc(27* (100vw / 750));
    letter-spacing: 0.02em;
    word-spacing: calc(3*(100vw / 750));
    margin: calc(25*(100vw / 750)) 0 0 calc(1.1*(100vw / 750));
  }

}
/* ----------- △ firstArea △  ----------- */

/* ========== ▲ block01 ▲ ========== */
/* ========== ▼ block02 ▼ ========== */

#issue101 .ap-ttl{
  color: #000;
  font-family: var(--font-en02);
}

#issue101 .ap-txt{
  font-family: var(--font-en01);
}

/* #issue101 .sec__nmbr{
  position: relative;
} */


@media screen and (min-width: 768px) {
  #issue101 .block02{
    display: grid;
    width: 100%;
    max-width: 2100px;
    grid-template-columns: 28rem auto;
  }
  #issue101 .ap01 .font-en01,
  #issue101 .ap03 .font-en01{
    font-size: 1.98rem;
  }
  #issue101 .ap02 .font-en01,
  #issue101 .ap03 .font-en01,
  #issue101 .ap05 .font-en01{
    font-size: 1.9rem;
  }

  #issue101 .ap-ttl{
    font-size: 2.79rem;
    letter-spacing: -0.011em;
    margin-left: 0.1rem;
    margin-bottom: 2.7rem;
  }
  #issue101 .ap-txt{
    font-size: 1.9rem;
    width: 50rem;
    line-height: 1.63;
  }
}

@media screen and (max-width: 767px) {

  #issue101 .ap-ttl{
    font-size: calc(31* (100vw / 750));
    margin-bottom: calc(23* (100vw / 750));
    letter-spacing: -0.015em;
  }
  #issue101 .ap-txt{
    font-size: calc(22* (100vw / 750));
    margin-bottom: calc(90* (100vw / 750));
    line-height: 1.4181818182;
  }
}

/* ----------- ▽ stickyWrap ▽ ----------- */

@media only screen and (min-width: 768px) {
  #issue101 .stickyWrap{
    position: sticky;
    display: flex;
    top: 10rem;
    left: 0;
    height: 100vh;
  }
  #issue101 .stickyWrap__img{
    width: 19.976em;
    padding: 8.6rem 0 0 5.2rem;
    margin-right: 2rem;
  }
}



/* ----------- △ stickyWrap △  ----------- */


/* ----------- ▽ sectionWrap ▽ ----------- */

@media screen and (min-width: 768px) {
  #issue101 .sec{
    margin-bottom: 24rem;
  }
  #issue101 .sectionWrap{
    margin-top: 5.5rem;
  }
  #issue101 .sec{
    margin-bottom: 24rem;
  }
  #issue101 .nmbr{
    font-size: 6.483rem;
    letter-spacing: -0.027em;
  }
  #issue101 .sec01__nmbr .nmbr,
  #issue101 .sec02__nmbr .nmbr,
  #issue101 .sec03__nmbr .nmbr,
  #issue101 .sec04__nmbr .nmbr {
    font-size: 6.8rem;
    letter-spacing: -0.04em;
  }


  #issue101 .ap01__img,
  #issue101 .ap03__img{
    width: 60.53052rem;
  }
  #issue101 .ap02__img,
  #issue101 .ap04__img,
  #issue101 .ap05__img{
    width: 60.29812rem;
  }
}

@media screen and (max-width: 767px) {
  #issue101 .ap01__img,
  #issue101 .ap02__img,
  #issue101 .ap03__img{
    width: calc(464* (100vw / 750));
  }
  #issue101 .ap04__img{
    width: calc(568* (100vw / 750));
    margin-left: auto;
  }
  #issue101 .ap05__img{
    width: calc(521* (100vw / 750));
  }
}
/* ----------- sec01 ----------- */


@media screen and (min-width: 768px) {
  #issue101 .sec01__wrap{
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  #issue101 .sec01__cont01 {
    justify-content: space-between;
    width: 75.8rem;
    margin: 0.8rem 0 0 42.93rem;
  }
  #issue101 .sec01__img{
    width: 60.62309rem;
  }
  #issue101 .sec01__crdt{
    /* margin-top: 6.1rem; */
    column-gap: 0.25rem;
  }
  #issue101 .sec01__nmbr {
    display: flex;
    align-self: end;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .sec01 {
    margin-bottom: calc(376* (100vw / 750));
  }
  #issue101 .sec01__imgs{
    position: relative;
    width: 100%;
  }
  #issue101 .sec01 .crdtWrap {
    margin: calc(31*(100vw / 750)) 0 0 calc(31*(100vw / 750));
  }
  #issue101 .sec01__nmbr {
    display: flex;
    align-items: flex-end;
    margin-left: 6rem;
  }
  #issue101 .sec01 .swiper-pagination{
    bottom: calc(7*(100vw / 750));
    right: calc(32*(100vw / 750));
    left: auto;
  }
}
/* ----------- sec02 ----------- */
#issue101 .sec02 .swiper-pagination {
  justify-content: right;
  bottom: -2.8rem;
  right: 0.3rem;
  left: auto;
}
@media screen and (min-width: 768px) {
  #issue101 .sec02__cont01 {
    position: relative;
  }

  #issue101 .sec02__imgWrap{
    justify-content: space-between;
    width: 123.688rem;
    margin-left: 12.3rem;
  }
  #issue101 .sec02__img,
  #issue101 .sec02__imgs  {
    width: 60.87398rem;
  }
  #issue101 .sec02__nmbr {
    position: absolute;
    bottom: 15rem;
    left: -4.7rem;
    z-index: 1;
  }
  #issue101 .sec02 .swiper{
    margin-right: 0;
  }

}

@media screen and (max-width: 767px) {
  #issue101 .sec02{
    margin-bottom: calc(363* (100vw / 750));
  }
  #issue101 .sec02__img{
    width: 100%;
    margin-bottom: calc(100*(100vw / 750));
  }
  #issue101 .sec02__imgs{
    width: calc(547 * (100vw / 750));
    margin-left: calc(163* (100vw / 750));
  }
  #issue101 .sec02__nmbr {
    display: flex;
    align-items: flex-end;
    margin-left: 6rem;
  }
  #issue101 .sec02 .crdtWrap {
    margin-top: calc(32*(100vw / 750));
    margin-left: calc(6*(100vw / 750));
  }
  #issue101 .sec02 .swiper-pagination {
    bottom: calc(-84* (100vw / 750));
  }
}
/* ----------- sec03 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec03 {
    margin-bottom: 26rem;
}
  #issue101 .sec03__wrap{
    flex-direction: column-reverse;
  }
  #issue101 .sec03__crdt{
    width: 34.2rem;
    column-gap: 0.2rem;
  }
  #issue101 .sec03__nmbr {
    padding-top: 22rem;

  }
  #issue101 .sec03__nmbr .nmbr {
    letter-spacing: -0.02em;
  }
  .sec03__cont01-01{
    margin: 0 2.6rem 0 6.4rem;
  }
  #issue101 .sec03__img01{
    width: 60.53052rem;
  }
  #issue101 .sec03__img02{
    width: 60.53052rem;
  }
  #issue101 .sec03__cont02 {
    margin: 0 0 24rem 10.2rem;
  }
  #issue101 .sec03__img03{
    width: 133.8305rem;
  }
}


@media screen and (max-width: 767px) {
  #issue101 .sec03{
    margin-bottom: calc(190* (100vw / 750));
  }

  #issue101 .sec03__ttl{
    width: calc(465.5183*(100vw / 750));
    margin-left: calc(31*(100vw / 750));
    margin-bottom: calc(20*(100vw / 750));
  }

  #issue101 .sec03__img01{
    width: 100%;
    margin-bottom: calc(190* (100vw / 750));
  }

  #issue101 .sec03__cont01-02{
    width: calc(545 * (100vw / 750));
    margin-bottom: calc(234* (100vw / 750));
    margin-right: 0;
    margin-left: auto;

  }
  #issue101 .sec03__img03{
    width: 100%;
  }
  #issue101 .sec03 .crdtWrap {
    justify-content: right;
    margin-top: calc(25*(100vw / 750));
    padding-right: calc(20*(100vw / 750));
  }
}

/* ----------- ap01 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .ap01 {
    margin-bottom: 28rem;
  }
  #issue101 .ap01__cont01 {
    margin-bottom: 6.8rem;
  }
  #issue101 .ap01__wrap{
    width: 159.819rem;
    margin-left: 10rem;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: end;
  }
  #issue101 .ap01 .ap-txt{
    width: 56.56rem;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .ap01{
    margin-bottom: calc(197* (100vw / 750));
  }
  #issue101 .ap01__cont01 {
    margin-left: calc(11*(100vw / 750));
  }
  #issue101 .ap01 .ap-ttl {
    margin-bottom: calc(21*(100vw / 750));
  }
  #issue101 .ap01 .ap-txt {
    width: calc(627*(100vw / 750));
    margin-bottom: calc(63*(100vw / 750));
  }
  #issue101 .ap01__crdt {
    margin-top: calc(20*(100vw / 750));
    justify-content: flex-end;
  }

  #issue101 .ap01__img {
    margin-left: auto;
  }
}

/* ----------- sec04 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec04{
    margin-bottom: 24.7rem;
  }
  #issue101 .sec04__wrap{
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  #issue101 .sec04__cont01 {
    margin-left: 8.8rem;
  }
  #issue101 .sec04__cont01-01{
    align-items: flex-end;
    margin-bottom: 2rem;
  }
  #issue101 .sec04__nmbr{
    margin-left: 5.2rem;
    margin-bottom: 11.9rem;
  }
  #issue101 .sec04__nmbr .nmbr{
    letter-spacing: 0;
  }
  #issue101 .sec04__crdt {
    column-gap: 0.2rem;
  }
  #issue101 .sec04__img01,
  #issue101 .sec04__img02 {
    width: 60.53052rem;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .sec04{
    margin-bottom: calc(270* (100vw / 750));
  }
  #issue101 .sec04__img01 {
    width: 100%;
    margin-bottom: calc(190*(100vw / 750));
  }
  #issue101 .sec04__img02{
    width: calc(639.6745* (100vw / 750));
  }
  #issue101 .sec04__crdt{
    margin-top: calc(38*(100vw / 750));
    margin-left: calc(30*(100vw / 750));
  }
}

/* ----------- sec05 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec05 {
    margin-bottom: 13.5rem;
  }
  #issue101 .sec05__crdt {
    /* margin-top: 3.3rem; */
    column-gap: 0.2rem;
  }
  #issue101 .sec05__cont01 {
    margin-left: 12.5rem;
  }
  #issue101 .sec05__cont01-01{
    justify-content: space-between;
  }
  #issue101 .sec05__img01,
  #issue101 .sec05__img02{
    width: 60.7rem;
  }
  #issue101 .sec05__cont01-02 {
    margin-left: 2.2rem;
  }
  #issue101 .sec05__nmbr {
    margin: 1.6rem 0.8rem 0 0;
    text-align: right;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .sec05{
    margin-bottom: calc(190* (100vw / 750));
  }
  #issue101 .sec05__cont01-01 {
    width: calc(546* (100vw / 750));
    margin-right: calc(34*(100vw / 750));
    margin-bottom: calc(231*(100vw / 750));
  }
  #issue101 .sec05__cont01-02{
    width: 100%;
  }
  #issue101 .sec05__crdt{
    justify-content: flex-end;
    margin-top: calc(28*(100vw / 750));
  }
}

/* ----------- ap02 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .ap02 {
    margin-left: 10.1rem;
    margin-bottom: 24rem;
  }
  #issue101 .ap02__cont02 {
    margin-bottom: 7rem;
    width: 49.257rem;
  }
  #issue101 .ap02__wrap{
    width: 152.62rem;
    justify-content: space-between;
    align-items: end;
    margin-left: 0;
  }

  #issue101 .ap02 .ap-txt {
    text-align: left;
    width: 49.4rem;
    line-height: 1.58;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .ap02{
    margin-bottom: calc(195* (100vw / 750));
  }
  #issue101 .ap02__cont01 {
    margin-left: calc(11*(100vw / 750));
  }
  #issue101 .ap02__cont02 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: calc(543*(100vw / 750));
    margin-top: calc(69*(100vw / 750));
    margin-right: calc(10*(100vw / 750));
    margin-left: auto;
  }
  #issue101 .ap02 .ap-ttl {
    margin-bottom: calc(21*(100vw / 750));
  }
  #issue101 .ap02 .ap-txt {
    text-align: end;
    letter-spacing: -0.02em;
    margin-bottom: calc(36*(100vw / 750));
  }
  #issue101 .ap02__crdt {
    justify-content: flex-end;
  }
}

/* ----------- sec06 ----------- */
#issue101 .sec06 .swiper-pagination {
  justify-content: right;
  bottom: -3rem;
  right: 0.3rem;
  left: auto;
}
@media screen and (min-width: 768px) {
  #issue101 .sec06 {
    margin-bottom: 23.8rem;
}
#issue101 .sec06__crdt{
  row-gap: 1.4rem;
  width: 45rem;
  margin-right: 11rem;
}

  #issue101 .sec06__cont01-01{
    width: 124.17645rem;
    justify-content: space-between;
  }
  #issue101 .sec06__cont02 {
    position: relative;
    margin-left: 6.2rem;
  }
  #issue101 .sec06__nmbr{
    position: absolute;
    left: -14.9rem;
    bottom: 12.3rem;
  }
  #issue101 .sec06 .nmbr{
    letter-spacing: 0;
  }
  #issue101 .sec06__img02,
  #issue101 .sec06__imgs{
    width: 60.99rem;
  }
  #issue101 .sec06__img02{
    margin-right: 2.23rem;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .sec06{
    margin-bottom: calc(325* (100vw / 750));
  }
  #issue101 .sec06__cont01{
    width: 100%;
    margin-bottom: calc(185*(100vw / 750));
  }
  #issue101 .sec06__cont02 {
    width: calc(596* (100vw / 750));
    margin-left: auto;
  }
  #issue101 .sec06__crdt {
    margin-top: calc(35*(100vw / 750));
    row-gap: calc(9*(100vw / 750));
  }
  #issue101 .sec06 .swiper-pagination {
    bottom: calc(-117*(100vw / 750));
    right: auto;
  }
}
/* ----------- sec07 ----------- */
@media screen and (min-width: 768px) {

  #issue101 .sec07__cont01{
    flex-direction: column-reverse;

  }
  #issue101 .sec07__cont01-01{
    width: 124.17645rem;
  }
  #issue101 .sec07__cont01-02 {
    margin-bottom: 22.5rem;
  }
  #issue101 .sec07__img01{
    width: 133.8305rem;
    margin-left: 10.1rem;
  }
  #issue101 .sec07__img02 {
    width: 61.01927rem;
    margin-left: 42.7rem;
  }
  /* #issue101 .sec07__crdt {
    margin-top: 2.7rem;
  } */
  #issue101 .sec07__nmbr {
    display: flex;
    align-items: end;
  }
  #issue101 .sec07 .nmbr {
    margin: 0 0 15.2rem 4.5rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .sec07{
    margin-bottom: calc(232* (100vw / 750));
  }
  #issue101 .sec07__cont01-01{
    margin-bottom: calc(190* (100vw / 750));
  }
  #issue101 .sec07__ttl{
    width: calc(387*(100vw / 750));
    margin-left: calc(33*(100vw / 750));
    margin-bottom: calc(22*(100vw / 750));
  }
  #issue101 .sec07__cont01{
    width: 100%;
  }
  #issue101 .sec07__img02 {
    width: calc(635.8868* (100vw / 750));
  }
  #issue101 .sec07__crdt {
    margin-top: calc(27*(100vw / 750));
  }
}

/* ----------- sec08 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec08 {
    margin-bottom: 26.3rem;
  }
  #issue101 .sec08__wrap{
    flex-direction: row-reverse;
  }
  #issue101 .sec08__cont01{
    justify-content: space-between;
    width: auto;
    column-gap: 2.3rem;
    margin-left: 11.2rem;
  }
  #issue101 .sec08__cont01-01{
    position: relative;
  }
  #issue101 .sec08__cont01-01,
  #issue101 .sec08__cont01-02{
    width: 60.87398rem;
  }
  #issue101 .sec08__crdt{
    width: 39rem;
    /* margin-top: 3.3rem; */
  }

  #issue101 .sec08__nmbr{
    position: absolute;
    top: 26.9rem;
    left: -14.5rem;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .sec08{
    margin-bottom: calc(297* (100vw / 750));
  }

  #issue101 .sec08__cont01-01{
    margin-bottom: calc(10.0342* (100vw / 750));
  }
  /* #issue101 .sec08__cont01-02{
    margin-bottom: calc(15* (100vw / 750));
  } */
  #issue101 .sec08__cont01-01,
  #issue101 .sec08__cont01-02{
    width: 100%;
  }
  #issue101 .sec08__crdt {
    justify-content: flex-end;
    padding-right: calc(40*(100vw / 750));
  }
}

/* ----------- ap03 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .ap03{
    margin-bottom: 24.1rem;
  }
  #issue101 .ap03__wrap{
    align-items: flex-end;
    justify-content: space-between;
    margin-left: 10rem;
    width: 144.951rem;
  }
  #issue101 .ap03__cont02 .ap-ttl{
    margin-bottom: 2.6rem;
  }
  #issue101 .ap03__cont02 .ap-txt {
    width: 41.3rem;
    text-align: unset;
    letter-spacing: -0.02em;
    line-height: 1.75;
  }
  #issue101 .ap03__cont02 {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .ap03{
    margin-bottom: calc(215* (100vw / 750));
  }
  #issue101 .ap03__wrap{
    width: calc(674*(100vw / 750));
  }
  #issue101 .ap03__img {
    margin-left: auto;
    margin-bottom: calc(60*(100vw / 750));
  }
  #issue101 .ap03__cont02 {
    width: calc(546*(100vw / 750));
    margin-left: calc(10*(100vw / 750));
  }
  #issue101 .ap03 .ap-txt {
    margin-bottom: calc(134*(100vw / 750));
  }
  #issue101 .ap03__crdt {
    margin-left: calc(15*(100vw / 750));
  }
}

/* ----------- sec09 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec09{
    margin-bottom: 24.9rem;
  }
  #issue101 .sec09__cont01 {
    margin-left: 43rem;
}
  #issue101 .sec09__wrap {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  #issue101 .sec09__img {
    margin-bottom: 1.92rem;
  }
  #issue101 .sec09__img,
  #issue101 .sec09__imgs {
    width: 60.61522rem;
  }
   #issue101 .sec09__imgs{
    position: relative;
  }
   #issue101 .sec09__nmbr{
    position: absolute;
    top: 14.7rem;
    right: -13.5rem;
    z-index: 10;
  }
}

@media screen and (max-width: 767px) {
  #issue101 .sec09{
    margin-bottom: calc(355* (100vw / 750));
  }
  .sec09__cont01-02 {
    margin-bottom: calc(120*(100vw / 750));
}
  #issue101 .sec09__img{
    width: 100%;
  }
  #issue101 .sec09__cont01-01{
    width: calc(597* (100vw / 750));
    margin-right: calc(30*(100vw / 750));
    margin-left: auto;
  }
  #issue101 .sec09 .swiper-pagination {
    left: calc(2*(100vw / 750));
    bottom: calc(-32*(100vw / 750));
  }

}

/* ----------- sec10 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec10 {
    margin-bottom: 23.8rem;
  }
  #issue101 .sec10__cont01{
    justify-content: space-between;
    width: 123.51598rem;
    margin-left: 12.7rem;
  }
  #issue101 .sec10__cont01-01{
    position: relative;

  }
  /* #issue101 .sec10__crdt {
    margin-top: 2.5rem;
  } */
  #issue101 .sec10__nmbr{
    position: absolute;
    bottom: 16.4rem;
    left: -14.2rem;
  }
  #issue101 .sec10 .nmbr{
    letter-spacing: -0.04em;
  }
  #issue101 .sec10__cont01-01,
  #issue101 .sec10__cont01-02{
    width: 60.53052rem;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .sec10{
    margin-bottom: calc(375* (100vw / 750));
  }

  #issue101 .sec10__cont01-01{
    margin-bottom: calc(10.0342* (100vw / 750));
  }
  #issue101 .sec10__cont01-02{
    margin-bottom: calc(15* (100vw / 750));
  }
  #issue101 .sec10__cont01-01,
  #issue101 .sec10__cont01-02{
    width: 100%;
  }
  #issue101 .sec10__crdt {
    margin-top: calc(33*(100vw / 750));
    justify-content: flex-end;
    padding-right: calc(39*(100vw / 750));
  }
}

/* ----------- sec11 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec11__cont01{
    position: relative;
    width: 66.96712rem;
  }
  #issue101 .sec11__nmbr{
    position: absolute;
    bottom: -1.2rem;
    right: -51.4rem;
  }
  #issue101 .sec11 .nmbr{
    letter-spacing: -0.04em;
  }
  /* #issue101 .sec11__crdt{
    margin-top: 3.3rem;
  } */
  #issue101 .sec11__imgs{
    width: 66.967rem;
    margin-left: 40rem;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .sec11{
    margin-bottom: calc(318* (100vw / 750));
  }
  #issue101 .sec11__cont01{
    width: 100%;
    margin-bottom: calc(190*(100vw / 750));
  }
  #issue101 .sec11__cont02{
    width: calc(567.8563* (100vw / 750));
    margin-left: auto;
    margin-right: calc(39*(100vw / 750));
  }
  #issue101 .sec11__crdt {
    margin-top: calc(35*(100vw / 750));
    justify-content: flex-end;
  }
  #issue101 .sec11 .swiper-pagination{
    left: auto;
    right: calc(20*(100vw / 750));
    bottom: calc(-30*(100vw / 750));
  }

}

/* ----------- sec12-01 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec12-01{
    margin-bottom: 26.4rem;
  }
  #issue101 .sec12-01__cont{
    position: relative;
  }
  #issue101 .sec12__ttl{
    position: absolute;
    width: 148.537rem;
    margin-top: 46rem;
    margin-left: 5rem;
  }
  #issue101 .random_TxtBox{
    justify-content: space-between;
  }
  #issue101 .sec12-01__cont01{
    width: 66.96712rem;
  }
  #issue101 .sec12-01__img{
    width: 75.32712rem;
    margin-left: 40.2rem;
  }


}
@media screen and (max-width: 767px) {
  #issue101 .sec12-01{
    margin-bottom: calc(256* (100vw / 750));
  }
  #issue101 .sec12-01__img{
    width: calc(753*(100vw / 750));
  }
  #issue101 .sec12-01__cont01{
    width: 100%;
  }
  #issue101 .sec12-01__cont02{
    width: calc(567.8563* (100vw / 750));
  }
  .sec12__ttl {
    margin-left: calc(18*(100vw / 750));
    margin-right: calc(102*(100vw / 750));
    margin-bottom: calc(30*(100vw / 750));
  }
}
/* ----------- ap04 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .ap04__wrap{
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between;
    width: 155.9rem;
    margin-left: 10rem;
  }
  #issue101 .ap04__cont01{
    margin-bottom: 9.5rem;
  }
  #issue101 .ap04 .ap-txt{
    width: 52.4rem;
    line-height: 1.7473684211;
    letter-spacing: -0.02em;
  }
  #issue101 .ap04 .ap-ttl{
    margin-bottom: 2.6rem;
    margin-left: 0;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .ap04{
    margin-bottom: calc(201* (100vw / 750));
  }
  #issue101 .ap04__wrap {
    width: calc(694*(100vw / 750));
    margin: 0 auto;
  }
  .ap04__cont01 {
    width: calc(599.36* (100vw / 750));
    margin-left: calc(22*(100vw / 750));
  }
  #issue101 .ap04 .ap-ttl {
    margin-bottom: calc(39*(100vw / 750));
  }
  #issue101 .ap04 .ap-txt {
    letter-spacing: -0.02em;
    margin-bottom: calc(48*(100vw / 750));
  }
  #issue101 .ap04__crdt {
    justify-content: flex-end;
    margin-top: calc(24*(100vw / 750));
}
}

/* ----------- sec12-02 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec12-02 {
    margin-bottom: 19.4rem;
  }
  #issue101 .sec12-02__wrap{
    flex-direction: row-reverse;
  }
  #issue101 .sec12-02__cont01{
    align-self: flex-start;
    margin-left: 33.6rem;
  }
  #issue101 .sec12-02__img{
    width: 75rem;
  }
  #issue101 .sec12-02__nmbr{
    display: flex;
    align-items: end;
    margin: 0 5rem 29.2rem 0;
  }
  #issue101 .sec12-02 .nmbr{
    letter-spacing: -0.05em;
  }
  #issue101 .sec12-02 .crdtWrap{
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .sec12-02__wrap {
    margin-bottom: calc(250*(100vw / 750));
  }
  #issue101 .sec12-02__img{
    margin-bottom: calc(33*(100vw / 750));
  }
  #issue101 .sec12-02__img{
    width: 100%;
  }
  #issue101 .sec12-02__crdt {
    justify-content: flex-start;
    margin-left: calc(31*(100vw / 750));
  }
}

/* ----------- sec13 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec13 {
    margin-bottom: 15.5rem;
}
  #issue101 .sec13__cont01{
    flex-direction: column;
    width: 123.51598rem;
    margin-left: 12.7rem;
  }
  #issue101 .sec13__cont01-01{
    justify-content: space-between;
  }
  #issue101 .sec13__img01{
    width: 60.44098rem;
  }
  #issue101 .sec13__img02{
    width: 61.18413rem;
  }
  #issue101 .sec13__nmbr {
    margin-top: 2.1rem;
  }
  #issue101 .sec13 .nmbr {
    position: relative;
    right: -1.5rem;
    text-align: right;
  }


}
@media screen and (max-width: 767px) {
  #issue101 .sec13{
    margin-bottom: calc(338* (100vw / 750));
  }
  
  #issue101 .sec13__img01 {
    margin-bottom: calc(11*(100vw / 750));
  }
  #issue101 .sec13__cont01-01{
    margin-bottom: calc(10.0342* (100vw / 750));
  }
  #issue101 .sec13__cont01-02{
    margin-bottom: calc(15* (100vw / 750));
  }
  #issue101 .sec13__img01,
  #issue101 .sec13__img02{
    width: 100%;
  }
  #issue101 .sec13__crdt {
    justify-content: flex-start;
    margin-left: calc(32*(100vw / 750));
  }
}

/* ----------- sec14 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec14 {
    margin-bottom: 26.3rem;
  }
  #issue101 .sec14__cont01{
    justify-content: left;
    flex-direction: row-reverse;
    margin: 0 0 21.5rem 0;
  }
  #issue101 .sec14__cont02-01{
    margin-left: 8.9rem;
  }
  #issue101 .sec14__img01 {
    margin-right: 2rem;
  }
  #issue101 .sec14__img01{
    width: 59.646rem;
  }
  #issue101 .sec14__img02{
    width: 61.827rem;
  }
  #issue101 .sec14__img03{
    width: 74.98041rem;
  }
  #issue101 .sec14__crdt01 {
    width: 41rem;
    /* margin-top: 2rem; */
  }
  #issue101 .sec14__crdt02 {
    width: 57rem;
    margin-top: 3rem;
  }


  #issue101 .sec14__nmbr {
    display: flex;
    align-items: end;
    margin: 0 4.3rem 7.8rem 31.5rem;

  }
  #issue101 .sec14 .nmbr {
    letter-spacing: -0.056em;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .sec14{
    margin-bottom: calc(375* (100vw / 750));
  }

  #issue101 .sec14__wrap.sec__wrap {
    display: flex;
    flex-direction: column-reverse;
  }

  #issue101 .sec14__cont01{
    width: calc(640* (100vw / 750));
    margin-bottom: calc(10.0342* (100vw / 750));
  }
  #issue101 .sec14__cont02 {
    display: flex;
    flex-direction: column-reverse;
  }
  #issue101 .sec14__cont02-01 {
    margin-bottom: calc(190*(100vw / 750));
  }

  #issue101 .sec14__img01,
  #issue101 .sec14__img02{
    margin-left: auto;
    width: calc(638* (100vw / 750));
  }
  #issue101 .sec14__img01 {
    margin-bottom: calc(10*(100vw / 750));
  }
  #issue101 .sec14__crdt01{
    margin-top: calc(25*(100vw / 750));
    margin-left: calc(30*(100vw / 750));
  }
}

/* ----------- ap05 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .ap05 {
    margin-bottom: 24.1rem;
}
  #issue101 .ap05__wrap{
    align-items: flex-end;
    justify-content: space-between;
    width: 157.9rem;
    margin-left: 10rem;
  }
  #issue101 .ap05__cont02 {
    margin-bottom: 6.5rem;
  }
  #issue101 .ap05 .ap-txt{
    width: 54.4rem;
    line-height: 1.7473684211;
    letter-spacing: -0.02em;
  }
  #issue101 .ap05 .ap-ttl{
    margin-bottom: 2.5rem;
    margin-left: 0;
  }

}
@media screen and (max-width: 767px) {
  #issue101 .ap05{
    margin-bottom: calc(205* (100vw / 750));
  }
  #issue101 .ap05__wrap {
    width: calc(675*(100vw / 750));
  }
  #issue101 .ap05__cont01 {
    margin-bottom: calc(45*(100vw / 750));
  }

  #issue101 .ap05__cont02 {
    width: calc(594.6*(100vw / 750));
    margin-left: calc(13*(100vw / 750));
  }
  #issue101 .ap05__img {
    width: calc(464*(100vw / 750));
    margin-left: auto;
  }
  #issue101 .ap05 .ap-txt{
    letter-spacing: -0.02em;
    margin-bottom: calc(78*(100vw / 750));

  }
}

/* ----------- sec15 ----------- */
@media screen and (min-width: 768px) {
  #issue101 .sec15 {
    margin-bottom: 23rem;
  }
  #issue101 .sec15__cont01-02{
    position: relative;
    margin-left: 12.4rem;
  }
  #issue101 .sec15__img01 {
    margin-right: 1.4rem;
  }
  #issue101 .sec15__img01{
  width: 60.87398rem;
  }
  #issue101 .sec15__imgs{
  width: 61.602rem;
  }
  #issue101 .sec15__nmbr{
    position: absolute;
    bottom: 13rem;
    left: -14.6rem;
  }
  #issue101 .sec15 .nmbr{
    letter-spacing: -0.04em;
  }

  #issue101 .sec15 .swiper-pagination {
    justify-content: right;
    bottom: -3.2rem;
    right: 0.8rem;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .sec15{
    margin-bottom: calc(138* (100vw / 750));
  }
  #issue101 .sec15__cont01 {
    margin-bottom: calc(228*(100vw / 750));
  }
  #issue101 .sec15__cont02{
    margin-right: calc(37*(100vw / 750));
  }
  #issue101 .sec15__img01 {
    width: calc(637.62*(100vw / 750));
    margin-left: auto;
  }

  #issue101 .sec15__imgs{
    width: 63.7618rem;
  }
  #issue101 .sec15__img02{
    width: 100%;
  }
  #issue101 .sec15__img03{
    width: calc(521.09* (100vw / 750));
    margin-left: auto;
  }
  #issue101 .sec15__ttl{
    font-family: var(--font-en02);
    font-size: calc(26* (100vw / 750));
    letter-spacing: 0.02em;
    text-align: end;
    margin-bottom: calc(28*(100vw / 750));
  }
  #issue101 .sec15__crdt {
    justify-content: flex-end;
    margin-top: calc(27*(100vw / 750));
    margin-bottom: calc(223* (100vw / 750));
    padding-right: calc(30*(100vw / 750));
}

}

/* ----------- △ sectionWrap △  ----------- */

/* ========== ▲ block02 ▲ ========== */
/* ========== ▼ block03 ▼ ========== */

#issue101 .staff-name{
  font-family: var(--font-en02);
}

@media screen and (min-width: 768px) {
  #issue101 .block03{
    padding-bottom: 9.5rem;
  }
  #issue101 .l-section__wrap {
    justify-content: space-between;
  }
  #issue101 .l-section__cont01 {
    margin-top: 0.5rem;
    margin-left: 5rem;
  }
  #issue101 .l-section__cont02-01{
    display: grid;
    grid-template-rows: auto auto;
    margin-bottom: 35.2rem;
  }
  #issue101 .l-section__ttl{
    width: 19.976rem;
    margin-bottom: 3rem;
    margin-left: 0.3rem;
  }
  #issue101 .l-section__subttl{
    grid-row: 1;
    width: 68.90566rem;
    margin-bottom: 4.4rem;
  }
  #issue101 .l-section__mdl-name{
    grid-row: 2;
    width: 35.8rem;
    margin-left: 0.1rem;
  }
  #issue101 .l-section__btn{
    margin-bottom: 8.8rem;
  }
  #issue101 .check-all-btn{
    width: 18.962rem;
    font-size: 3.2rem;
    letter-spacing: 0.028em;
    margin-left: 0.2rem;
    padding-bottom: 1.7rem;
    border-bottom: solid 1px #595757;
  }
  #issue101 .staff-name{
    font-size: 2.1rem;
    letter-spacing: 0;
    margin-top: 1.7rem;
  }
  #issue101 .l-section__img-pc{
    width: 60.972rem;
    margin-right: 8rem;
  }
}
@media screen and (max-width: 767px) {
  #issue101 .block03{
    padding-bottom: calc(153*(100vw / 750));
  }
  #issue101 .l-section__cont02-01 {
    width: calc(660*(100vw / 750));
    margin-bottom: calc(45* (100vw / 750));
    margin-left: calc(40*(100vw / 750));
  }
  #issue101 .l-section__mdl-name{
    width: calc(356*(100vw / 750));
    margin-bottom: calc(27*(100vw / 750));
  }
  #issue101 .l-section__txt{
    font-size: calc(31* (100vw / 750));
    text-align: left;
    letter-spacing: -0.015em;
    line-height: 1.2820264601;
    width: calc(655.6384* (100vw / 750));
    margin-bottom: calc(28*(100vw / 750));
    color: var(--color-gray2);
  }
  #issue101 .l-section__subttl{
    width: calc(689.0566* (100vw / 750));
  }
  #issue101 .l-section__btn {
    text-align: right;
}
  #issue101 .check-all-btn{
    font-size: calc(32* (100vw / 750));
    padding-right: calc(47*(100vw / 750));
    word-spacing: calc(4*(100vw / 750));
  }
  #issue101 .check-all-btn{
    width: 100%;
    font-size: calc(32* (100vw / 750));
    word-spacing: calc(4*(100vw / 750));
    border-top: solid 1px #595757;
    border-bottom: solid 1px #595757;
    padding-top: calc(38*(100vw / 750));
    padding-bottom: calc(34*(100vw / 750));
    padding-right: calc(47*(100vw / 750));
    margin-bottom: calc(55*(100vw / 750));
  }
  #issue101 .l-section__staff-list {
    margin-left: calc(47*(100vw / 750));
  }
  #issue101 .staff-name{
    font-size: calc(21* (100vw / 750));
    letter-spacing: 0;
    margin-top: calc(17* (100vw / 750));
  }
}


/* ========== ▲ block03 ▲ ========== */
.footer {
  padding-top: 0;
}



/*================================
  animation
=================================*/


/*--------------------------------
  fadeIn
--------------------------------*/
#issue101 .js-fadeIn,
#issue101 .js-fadeInPc,
#issue101 .js-fadeInSp{
  opacity: 0;
  transition: 1.5s;
  transform: translateY(5rem);
}
/* #issue101 .js-fadeIn[data-delay="01"]{
  transition-delay: 3s;
} */
#issue101 .js-scrollIn{
  opacity: 1;
  transform: translateY(0rem);
}

/*----  fadeIn for mobile  -----*/
@media screen and (max-width: 767px) {
  #issue101 .js-fadeInPc{
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
  }
}

/*----  fadeIn for desktop  -----*/
@media only screen and (min-width: 768px) {
  #issue101 .js-fadeInSp{
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
  }
}

/*--------------------------------
  js-TextRandomAnime
--------------------------------*/


.js-TextRandomAnime span{
	opacity: 0;
}
.js-TextRandomAnime.appearRandomtext span{ 
	animation:text_randomanime_on .5s ease-out forwards;
}

/*アニメーションで透過を0から1に変化させる*/
@keyframes text_randomanime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

.js-TextRandomAnime.appearRandomtext span:nth-child(2n) {
	animation-delay: .5s;/* spanのついた2の倍数の文字列の変化を0.5秒遅らせる*/
}
.js-TextRandomAnime.appearRandomtext span:nth-child(3n+1) {
	animation-delay: .15s;/* spanのついた3の倍数＋1の文字列の変化を0.15秒遅らせる*/
}

/*--------------------------------
  swiper
--------------------------------*/

/*===================== pagination */
#issue101 .swiper-pagination{
  display: flex;
  justify-content: left;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  #issue101 .swiper-pagination span:not(:first-child){
    margin-left: calc(15* (100vw / 750))!important;
  }
}
#issue101 .swiper-pagination-clickable .swiper-pagination-bullet{
  background: #B5B5B6;
  /* border: solid calc(1* (100vw / 750)) #000; */
  border-radius: 100%;
  box-sizing: border-box;
  opacity: 1;
  margin: 0!important;
  width: calc(10* (100vw / 750));
  height: calc(10* (100vw / 750));
}
#issue101 span.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #000;
}
#issue101 span.swiper-notification{
  display: none!important;
}
#issue101 .swiper{
  overflow: visible;
}
@media screen and (max-width: 767px) {
  #issue101 .pagination-left-sp{
    width: auto;
    left: calc(50* (100vw / 750));
  }
  #issue101 .pagination-right-sp{
    width: calc(700* (100vw / 750));
    justify-content: right;
  }
  #issue101 .pagination-maxRight-sp{
    width: calc(730* (100vw / 750));
    justify-content: right;
  }
  #issue101 .img02WrapImg-pagination{
    left: calc(50* (100vw / 750));
  }
}
@media only screen and (min-width: 768px) {
  #issue101 .swiper-pagination-clickable .swiper-pagination-bullet{
    width: 1rem!important;
    height: 1rem!important;
    background: #B5B5B6;
    /* border: solid 0.1rem #000!important; */
  }
  #issue101 .pagination-center-pc{
    justify-content: center;
  }
  #issue101 .pagination-right-pc{
    justify-content: right;
  }
  #issue101 .swiper-pagination span:not(:first-child){
    margin-left: 1.5rem!important;
  }
}
/* //pagination */

/*--------------------------------
  radiance
--------------------------------*/


/* #thumblist {
	width: 550px;
} */

/* ul {
	margin: 0 auto;
	width: 550px;
	text-align: left;
} */

#issue101 .contentsBox {
  width: 100%;
  height: 10rem;
  margin: 10rem auto;
}

/* #issue101 ul li img {
	display: none;
} */

@media only screen and (min-width: 768px) {
  #thumblist .contentsBox.ct1 {
    height: 80rem;
    margin: 0;
  }
  #thumblist .random_TxtBox {
    width: 149.21152rem;
    margin: 0 auto;
  }
  #thumblist ul.random_TxtBox__Top {
    position: relative;
    display: flex;
    width: 35.4rem;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(1){
    width: 10.9rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(2){
    position: absolute;
    left: 9.2rem;
    width: 11.5rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(3){
    position: absolute;
    right: 4.5rem;
    width: 11.2rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(4){
    position: absolute;
    right: 0;
    width: 4.7rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm {
    position: relative;
    display: flex;
    width: 39.9rem;
    margin-left: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(1){
    position: absolute;
    left: 0;
    width: 11.5rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(2){
    position: absolute;
    left: 9.8rem;
    width: 11.9rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(3){
    position: absolute;
    top: -0.2rem;
    right: 9.3rem;
    width: 9.9rem;
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(4){
    position: absolute;
    right: -0.3rem;
    width: 9.5rem;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #thumblist .contentsBox.ct1 {
    height: calc(80* (100vw / 750));
    margin: 0;
  }
  #thumblist .random_TxtBox {
    width: calc(626* (100vw / 750));
    margin: 0 auto;
  }
  #thumblist ul.random_TxtBox__Top {
    width: calc(388* (100vw / 750));
    display: flex;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(1){
    width: calc(111* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(2){
    position: absolute;
    left: calc(110*(100vw / 750));
    width: calc(118* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(3){
    position: absolute;
    left: calc(211*(100vw / 750));
    width: calc(112* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Top li:nth-of-type(4){
    position: absolute;
    left: calc(316*(100vw / 750));
    width: calc(47* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm {
    display: flex;
    position: relative;
    top: calc(-5*(100vw / 750));
    left: calc(16*(100vw / 750));
    width: calc(420*(100vw / 750));
    margin-left: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(1){
    width: calc(118* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(2){
    position: absolute;
    left: calc(96*(100vw / 750));
    width: calc(121* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(3){
    position: absolute;
    left: calc(205*(100vw / 750));
    width: calc(100* (100vw / 750));
    height: auto;
  }
  #thumblist ul.random_TxtBox__Btm li:nth-of-type(4){
    position: absolute;
    left: calc(305*(100vw / 750));
    width: calc(95* (100vw / 750));
    height: auto;
  }
}


/* =======================================
	ClearFixElements
======================================= */
#thumblist ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#thumblist ul {
	display: inline-block;
	/* overflow: hidden; */
}

#thumblist img {
  display: none;
}

/*================================
  change
=================================*/
#issue101 [data-look-target],
#issue101 .sec01__crdt{
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
#issue101 [data-look-target].is_view,
#issue101 .sec01__crdt.is_view{
  opacity: 1;
  visibility: visible;
}