@charset "UTF-8";

html {font-size: 62.5%;}
#Wrap {width: 100%;}

@media screen and (max-width: 1200px) and (min-width: 561px) {
  html {
    font-size: calc((10 * (100vw / 1400)));
  }
}

@media screen and ( max-width:560px ) {
	html{
		font-size: calc(10 * (100vw / 750));
	}
}

/*================ Defolt ================*/
#vol83 img,
#vol83 picture{
  display: inline-block;
  width: 100%;
  height: auto;
}
/******************** SP ********************/
@media screen and (max-width: 560px) {
  #vol83 .pcOnly {
    display: none;
  }
  #vol83 .spOnly {
    display: block;
  }
  #vol83 .footer .footer-inner {
    margin: 0 !important;
    padding-top: calc(140*(100vw/750))!important;
  }
}
/******************** PC ********************/
@media only screen and (min-width: 561px) {
  #vol83 .spOnly {
    display: none;
  }
  #vol83 .pcOnly {
    display: block;
  }
  #footer_emmi{
    margin-top: auto !important;
    padding-top: 0 !important;
  }
}

#vol83 .flexArea{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

/*================ Font ================*/
#vol83 .DNP_B{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-style: normal;
  text-align: center;
  color: #9a7194;
}
#vol83 .DNP_M{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  color: #88a3a7;
}
#vol83 .YuGothicM{
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: #666;
}
/*================ Size ================*/
#vol83 .titleWrap .DNP_B{
  font-size: calc(36 * (100vw/750));
  font-weight: 600;
  line-height: 1.8333;
  letter-spacing: 0.05em;
}
#vol83 .topicWrap{
  font-size: calc(32 * (100vw/750));
  line-height: 1.437;
  letter-spacing: 0.05em;
}
#vol83 .txtWrap{
  font-size: calc(28 * (100vw/750));
  line-height: 1.857;
  letter-spacing: 0.025em;
}
#vol83 .staffWrap .DNP_B{
  font-size: calc(32 * (100vw/750));
  font-weight: normal;
  line-height: 1.875;
  letter-spacing: 0.025em;
}
@media only screen and (min-width: 561px) {
  #vol83 .titleWrap .DNP_B{
    font-size: 2.2rem;
    line-height: 1.727;
  }
  #vol83 .topicWrap{
    font-size: 1.8rem;
    line-height: 2.555;
  }
  #vol83 .txtWrap{
    font-size: 1.5rem;
    line-height: 2;
  }
  #vol83 .staffWrap .DNP_B{
    font-size: 1.7rem;
    line-height: 2;
  }
}

/*================ MainVisual ================*/
#vol83 .mvWrap{
  width: 100%;
  margin: 0 auto calc(136 * (100vw/750));
}

/*================ ContWrap ================*/
#vol83 .imgCont{
  width: calc(660 * (100vw/750));
  margin: 0 auto;
}
/*================ Block01 ================*/
#vol83 .block01{
  margin: 0 auto calc(122 * (100vw/750));
}
#vol83 .block01 .titleWrap{
  margin: 0 auto calc(33 * (100vw/750));
}
#vol83 .block01 .txtWrap{
  margin: 0 auto;
}
#vol83 .block01 .txtWrap p{
  margin: 0 auto calc(36 * (100vw/750));
}
#vol83 .block01 .txtWrap p:last-child{
  margin: 0 auto;
}
/*================ Block02 ================*/
#vol83 .block02{
  margin: 0 auto calc(76 * (100vw/750));
}
#vol83 .block02 .titleWrap{
  margin: 0 auto calc(32 * (100vw/750));
}
#vol83 .block02 .topicWrap{
  margin: 0 auto calc(45 * (100vw/750));
}
#vol83 .block02 .txtWrap{
  margin: 0 auto calc(38 * (100vw/750));
}
#vol83 .block02 .imgCont{
  margin: calc(136 * (100vw/750)) auto 0;
}
/*================ Block03 ================*/
#vol83 .block03{
  margin: 0 auto calc(76 * (100vw/750));
}
#vol83 .block03 .titleWrap{
  margin: 0 auto calc(32 * (100vw/750));
}
#vol83 .block03 .topicWrap{
  margin: 0 auto calc(42 * (100vw/750));
}
#vol83 .block03 .txtWrap{
  margin: 0 auto calc(138 * (100vw/750));
}
#vol83 .block03 .txtWrap p{
  margin: 0 auto calc(36 * (100vw/750));
}

/*================ Block04 ================*/
#vol83 .block04{
  margin: 0 auto;
}
#vol83 .block04 .titleWrap{
  margin: 0 auto calc(32 * (100vw/750));
}
#vol83 .block04 .topicWrap{
  margin: 0 auto calc(42 * (100vw/750));
}
#vol83 .block04 .txtWrap{
  margin: 0 auto calc(62 * (100vw/750));
}
#vol83 .block04 .txtWrap p{
  margin: 0 auto calc(36 * (100vw/750));
}

@media only screen and (min-width: 561px) {
  /*================ MainVisual ================*/
  #vol83 .mvWrap{
    /* width: 82.6rem; */
    max-width: 825px;
    margin: 8rem auto 9.3rem;
  }
  /*================ ContWrap ================*/
  #vol83 .imgCont{
    width: 66rem;
    margin: 0 auto;
  }
  /*================ Block01 ================*/
  #vol83 .block01{
    margin: 0 auto 5.2rem;
  }
  #vol83 .block01 .titleWrap{
    margin: 0 auto 1.3rem;
  }
  #vol83 .block01 .txtWrap{
    margin: 0 auto 10.2rem;
  }
  #vol83 .block01 .txtWrap p{
    margin: 0 auto 1.46rem;
  }
  #vol83 .block01 .txtWrap p:last-child{
    margin: 0 auto;
  }
  /*================ Block02 ================*/
  #vol83 .block02{
    margin: 0 auto 5.2rem;
  }
  #vol83 .block02 .titleWrap{
    margin: 0 auto 1.4rem;
  }
  #vol83 .block02 .topicWrap{
    margin: 0 auto 0.8rem;
  }
  #vol83 .block02 .txtWrap{
    margin: 0 auto 1rem;
  }
  #vol83 .block02 .imgCont{
    margin: 11.2rem auto 0;
  }
  /*================ Block03 ================*/
  #vol83 .block03{
    margin: 0 auto 5.2rem;
  }
  #vol83 .block03 .titleWrap{
    margin: 0 auto 1.5rem;
  }
  #vol83 .block03 .topicWrap{
    margin: 0 auto 0.8rem;
  }
  #vol83 .block03 .txtWrap{
    margin: 0 auto 11.2rem;
  }
  #vol83 .block03 .txtWrap p{
    margin: 0 auto 1.5rem;
  }
  #vol83 .block03 .exhibitTxt{
    margin: 4.5rem auto 4.6rem;
  }
  /*================ Block04 ================*/
  #vol83 .block04{
    margin: 0 auto;
  }
  #vol83 .block04 .titleWrap{
    margin: 0 auto 1.5rem;
  }
  #vol83 .block04 .topicWrap{
    margin: 0 auto 0.8rem;
  }
  #vol83 .block04 .txtWrap{
    margin: 0 auto 4.3rem;
  }
  #vol83 .block04 .txtWrap p{
    margin: 0 auto 1.5rem;
  }
  #vol83 .block04 .exhibitTxt{
    margin: 4.5rem auto 4.6rem;
  }

}