/*================================
  font
=================================*/
@font-face {
  font-family: "font-ja";
  src: url('../font/SawarabiGothic-Regular.ttf') format('truetype');
}
#issue87 .font-ja{
  font-family: font-ja;
  font-style: normal;
  font-feature-settings: "palt";
  font-weight: 400;
}
#issue87 .font-en{
  font-family: "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}

/*================================
  mvWrap
=================================*/
#issue87 .mvWrap{
  margin-bottom: calc(187 *(100vw /750));
}
#issue87 .mvWrap__img{
  margin-bottom: calc(106 *(100vw /750));
}
#issue87 .mvWrap__txt{
  font-size: calc(23 *(100vw /750));
  line-height: 2.18;
  letter-spacing: 0.1em;
  text-align: center;
}
#issue87 .mvWrap__txt-small{
  font-size: calc(20 *(100vw /750));
  letter-spacing: 0.1em;
  margin-top: calc(4*(100vw /750));
}
/*--------------------------------
  mvWrap for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .mvWrap{
    margin-bottom: 18.8rem;
  }
  #issue87 .mvWrap__img{
    width: 170rem;
    margin: 0 auto 11.9rem;
  }
  #issue87 .mvWrap__txt{
    font-size: 1.7rem;
    letter-spacing: 0.065em;
  }
  #issue87 .mvWrap__txt-small{
    font-size: 1.5rem;
    margin-top: 0.2rem;
    letter-spacing: 0.065em;
  }
}
/* end mvWrap */

/*================================
  ttl
=================================*/
#issue87 .block-ttl{
  font-size: calc(66 *(100vw /750));
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin-bottom: calc(58 *(100vw /750));
}
#issue87 .block-ttl-small{
  font-size: calc(28 *(100vw /750));
  letter-spacing: 0.02em;
  display: block;
  margin: 0 0 calc(17*(100vw /750)) calc(3*(100vw /750));
}
/*--------------------------------
  ttl for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .block-ttl{
    font-size: 6.5rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
    text-align: center;
    padding-left: 0.5rem;
    margin-bottom: 5rem;
  }
  #issue87 .block-ttl-small{
    font-size: 2.8rem;
    line-height: 1.2;
    padding-right: 0.5rem;
    margin: 0;
  }
  #issue87 .block03 .block-ttl-small{
    margin: 0 0 -0.5rem;
  }
}
/* end ttl */

/*================================
  credit
=================================*/
#issue87 .creditWrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(98 *(100vw /750));
}
#issue87 .creditWrap__txt{
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  display: inline-block;
  width: fit-content;
  margin-bottom: calc(54 *(100vw /750));
}
#issue87 .creditWrap__txt:last-child{
  margin-bottom: 0;
}
#issue87 .creditTxt-iconWrap{
  display: flex;
  justify-content: center;
  margin-bottom: calc(21 *(100vw /750));
}
#issue87 .creditTxt-icon{
  font-size: calc(20 *(100vw /750));
  line-height: 1;
  letter-spacing: 0.02em;
  width: calc(156 *(100vw /750));
  height: calc(30 *(100vw /750));
  padding-top: calc(2 *(100vw /750));
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #000;
}
#issue87 .creditTxt-name{
  font-size: calc(40 *(100vw /750));
  letter-spacing: 0.02em;
  margin-bottom: calc(31 *(100vw /750));
  display: block;
}
@media only screen and (max-width: 767px) {
  #issue87 .block03__creditWrap .creditTxt-name{
    line-height: 1.5;
    margin: calc(-10*(100vw /750)) 0 calc(20*(100vw /750));
  }
}
#issue87 .creditTxt-tax{
  font-size: calc(22 *(100vw /750));
  letter-spacing: 0.02em;
  display: block;
}
#issue87 .caption-txt{
  font-size: calc(21 *(100vw /750));
  line-height: 2;
  letter-spacing: 0.065em;
  text-align: center;
  width: calc(600 *(100vw /750));
  padding: calc(69*(100vw /750)) 0 calc(71*(100vw /750));
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  margin:  0 auto;
}
#issue87 .caption-txt-2{
  margin-top: calc(28 *(100vw /750));
}
/*--------------------------------
  credit for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .creditWrap{
    align-items: flex-start;
    margin-bottom: 7rem;
  }
  #issue87 .creditWrap__txt{
    text-align: left;
    margin-bottom: 3.2rem;
  }
  #issue87 .creditTxt-iconWrap{
    justify-content: flex-start;
    margin: 0.4rem 0 1.1rem;
  }
  #issue87 .creditTxt-icon{
    font-size: 1.4rem;
    width: 11rem;
    height: 2rem;
    padding-top: 0.1rem;
  }
  #issue87 .creditTxt-name{
    font-size: 3.2rem;
    letter-spacing: 0.015em;
    margin-bottom: 2rem;
  }
  #issue87 .block03__creditWrap .creditWrap__txt:first-child .creditTxt-name{
    line-height: 1.4;
    margin-bottom: 1.4rem;
  }  
  #issue87 .creditTxt-tax{
    font-size: 1.7rem;
  }
  #issue87 .caption-txt{
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: left;
    width: fit-content;
    padding: 0;
    border-top: none;
    border-bottom: none;
  }
  #issue87 .caption-txt-2{
    margin-top: 2.5rem;
  }
  #issue87 .block03__caption-txt{
    display: flex;
    flex-direction: column;
  }
}
/* end credit */


/*================================
  blockWrap
=================================*/
#issue87 .block01{
  margin-bottom: calc(218 *(100vw /750));
}
#issue87 .block01__ttl{
  margin-left: calc(67 *(100vw /750));
}
#issue87 .img01Wrap{
  width: calc(680 *(100vw /750));
  margin: 0 0 calc(140 *(100vw /750)) auto;
}
#issue87 .img02Wrap{
  width: calc(630 *(100vw /750));
}
#issue87 .img03Wrap{
  width: calc(540 *(100vw /750));
  margin: 0 0 calc(160 *(100vw /750)) calc(160 *(100vw /750));
}
#issue87 .block02{
  margin-bottom: calc(218 *(100vw /750));
}
#issue87 .block02__ttl{
  text-align: right;
  margin: 0 calc(75 *(100vw /750)) calc(46 *(100vw /750)) 0;
}
#issue87 .img04Wrap{
  width: calc(675 *(100vw /750));
  margin: 0 0 calc(90 *(100vw /750));
}
#issue87 .img05Wrap{
  width: calc(540 *(100vw /750));
  margin: 0 0 calc(90 *(100vw /750)) auto;
}
#issue87 .img06Wrap{
  width: calc(660 *(100vw /750));
  margin: 0 0 calc(150 *(100vw /750)) calc(50 *(100vw /750));
}
#issue87 .block03{
  margin-bottom: calc(185 *(100vw /750));
}
#issue87 .block03__ttl{
  text-align: center;
  margin-bottom: calc(47*(100vw /750));
}
#issue87 .img07Wrap{
  width: 100%;
  margin: 0 0 calc(140 *(100vw /750)) auto;
}
#issue87 .img08Wrap{
  width: calc(660 *(100vw /750));
  margin: 0 auto;
}
#issue87 .img09Wrap{
  width: calc(540 *(100vw /750));
  margin: 0 auto calc(180 *(100vw /750));
}
#issue87 .itemWrap{
  width: calc(600 *(100vw /750));
  margin: 0 auto calc(80 *(100vw /750));
}
#issue87 .block01__itemArea{
  margin-top: -16vh;
}
/*--------------------------------
  blockWrap for desktop
--------------------------------*/
@media only screen and (min-width: 768px){
  #issue87 .block01{
    margin-bottom: 29.8rem;
  }
  #issue87 .block01__ttl{
    margin-left: 0;
  }
  #issue87 .block01__flexArea{
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 144rem;
  }
  #issue87 .img01Wrap,
  #issue87 .img02Wrap{
    width: 69rem;
    margin: 0;
  }
  #issue87 .img03Wrap{
    width: 60rem;
    margin: 0 auto 22rem;
  }
  #issue87 .block02{
    margin-bottom: 30rem;
  }
  #issue87 .block02__ttl{
    text-align: center;
    margin: 0 auto 5rem;
  }
  #issue87 .block02__ttl-small{
    margin-bottom: -0.5rem;
  }
  #issue87 .img04Wrap{
    width: 76rem;
    margin: 0 auto 12rem;
  }
  #issue87 .block02__flexArea{
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 144rem;
    margin-bottom: 22rem;
  }
  #issue87 .img05Wrap,
  #issue87 .img06Wrap{
    width: 69rem;
    margin: 0;
  }
  #issue87 .block03{
    margin-bottom: 23.8rem;
  }
  #issue87 .block03__ttl{
    margin: 0 0 5rem;
  }
  #issue87 .img07Wrap{
    width: 144rem;
    margin: 0 auto;
  }
  #issue87 .block03__flexArea{
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 120rem;
    padding-bottom: 23rem;
  }
  #issue87 .img08Wrap,
  #issue87 .img09Wrap{
    width: 57rem;
    margin: 0;
  }
  #issue87 .itemArea{
    justify-content: space-between;
    align-items: flex-end;
    width: 130rem;
    margin: 0 auto;
  }
  #issue87 .block03__itemArea{
    width: 140rem;
  }
  #issue87 .itemWrap{
    width: 76rem;
    margin: 0;
  }
  #issue87 .item01Wrap{
    margin: 0 0 0 3.8rem;
  }
  #issue87 .item02Wrap{
    margin: 0 2.5rem 0 0;
  }
  #issue87 .item03Wrap{
    margin: 0 0 0 4rem;
  }
  #issue87 .block01__itemArea{
    margin-top: -20.5rem;
  }
  #issue87 .block02__itemArea{
    flex-direction: row-reverse;
  }
  #issue87 .block01__editWrap{
    margin: 0 4.5rem 1.3rem 0;
  }
  #issue87 .block02__editWrap{
    margin: 0 0 1.1rem 2.5rem;
  }
  #issue87 .block03__editWrap{
    margin: 0 3rem 1.4rem;
  }
}
/* end blockWrap */


/*================================
  viewWrap
=================================*/
#issue87 .viewWrap{
  margin-bottom: calc(200 *(100vw /750));
}
#issue87 .viewWrap__caption{
  font-size: calc(22 *(100vw /750));
  line-height: 2.18;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: calc(52 *(100vw /750));
}
#issue87 .viewWrap__caption-2{
  margin-top: calc(20 *(100vw /750));
}
#issue87 .viewWrap__caption-2 .font-en{
  font-size: calc(26 *(100vw /750));
  letter-spacing: 0.1em;
}
#issue87 .linkBtn{
  display: flex;
  justify-content: center;
}
#issue87 .linkBtn:hover{
  transition: .5s;
  opacity: 70%;
}
#issue87 .linkBtn-txt{
  font-size: calc(23 *(100vw /750));
  letter-spacing: 0.1em;
  text-align: center;
  border: solid 1px #000;
  width: calc(350 *(100vw /750));
  height: calc(70 *(100vw /750));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#issue87 .linkBtn-txt::before,
#issue87 .linkBtn-txt::after{
  content: "";
  background: #000;
  width: calc(14 *(100vw /750));
  height: 1px;
  position: absolute;
  right: 14%;
}
#issue87 .linkBtn-txt::before{
  transform: rotate(40deg);
  top: 44%;
}
#issue87 .linkBtn-txt::after{
  transform: rotate(-40deg);
  top: 56%;
}
#issue87 .linkBtn a{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: calc(32*(100vw /750));
}
/*--------------------------------
  viewWrap for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .viewWrap{
    margin-bottom: 20rem;
  }
  #issue87 .viewWrap__caption{
    font-size: 1.7rem;
    letter-spacing: 0.065em;
    margin-bottom: 4.6rem;
  }
  #issue87 .viewWrap__caption-2{
    display: block;
    margin-top: 1.5rem;
  }
  #issue87 .viewWrap__caption-2 .font-en{
    font-size: 2rem;
  }
  #issue87 .linkBtn-txt{
    font-size: 1.8rem;
    letter-spacing: 0.065em;
    width: 32rem;
    height: 5.8rem;
  }
  #issue87 .linkBtn-txt::before,
  #issue87 .linkBtn-txt::after{
    width: 0.8rem;
    right: 19%;
  }
  #issue87 .linkBtn-txt::before{
    transform: rotate(45deg);
  }
  #issue87 .linkBtn-txt::after{
    transform: rotate(-45deg);
    top: 53%;
  }
  #issue87 .linkBtn a{
    padding-right: 2.5rem;
  }
}
/* end viewWrap */

/*================================
  profileWrap
=================================*/
#issue87 .profileWrap{
  background: #eeeef3;
  padding: calc(94 *(100vw /750)) 0 calc(90 *(100vw /750));
  margin-bottom: calc(15 *(100vw /750));
}
#issue87 .profileWrap__ttl{
  font-size: calc(38 *(100vw /750));
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: calc(39 *(100vw /750));
}
#issue87 .profileWrap__caption{
  font-size: calc(20 *(100vw /750));
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: center;
  width: calc(560 *(100vw /750));
  margin: 0 auto;
}
/*--------------------------------
  profileWrap for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .profileWrap{
    background: #eeeef3;
    padding: 11.7rem 0 11.5rem;
    margin-bottom: 13.3rem;
  }
  #issue87 .profileWrap__ttl{
    font-size: 2.8rem;
    padding-left: 2.4rem;
    margin-bottom: 4.3rem;
  }
  #issue87 .profileWrap__caption{
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.065em;
    width: auto;
  }
}
/* end profileWrap */







/*================================
  fadeIn
=================================*/
#issue87 .js-fadeIn{
  opacity: 0;
  transition: 2s;
}
/*--------------------------------
  fadeIn for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #issue87 .js-fadeIn-pc{
    opacity: 1;
    transform: translateY(0);
  }
  #issue87 .js-fadeIn-sp{
    opacity: 0;
    transition: 2s;
  }
}
/*--------------------------------
  fadeIn for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .js-fadeIn-sp{
    opacity: 1;
    transform: translateY(0);
  }
  #issue87 .js-fadeIn-pc{
    opacity: 0;
    transition: 2s;
  }
}
#issue87 .js-scrollIn{
  opacity: 1;
  transform: translateX(0);
  transform: translateY(0);
}
/* end fadeIn */


/*================================
  sticky
=================================*/
#issue87 .sticky-inner{
  position: relative;
}
#issue87 .sticky-block-wrap{
  overflow: clip;
}
#issue87 .block01__sticky-inner{
  padding-bottom: 19vh;
}
#issue87 .block03__sticky-inner{
  padding-bottom: 2vh;
}
#issue87 .sticky-block {
  position: -webkit-sticky;
  position: sticky;
  background: #fff;
  padding-bottom: 6vh;
}
#issue87 .relative-block{
  position: relative;
}
#sticky-01 {
  top: var(--sticky-block01-pos);
  top: -63vh;
  z-index: var(--zindex-1st);
}
#sticky-02 {
  top: -34vh;
  z-index: var(--zindex-2nd);
}
/*--------------------------------
  slick for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #issue87 .block01__sticky-inner{
    padding-bottom: 20.5rem;
  }
  #issue87 .block03__sticky-inner{
    padding-bottom: 0;
    margin-bottom: -0.8rem;
  }
  #issue87 .sticky-block{
    padding-bottom: 16rem;
  }
  #sticky-01 {
    top: var(--sticky-block01-pos);
  }
  #sticky-02 {
    top: var(--sticky-block02-pos);
  }
}
/* end sticky */

.win{
  @media only screen and (min-width: 768px) {
    .creditTxt-icon{
      padding-top: 0.18rem!important;
    }
  }
}