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

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

/*================ Font ================*/
#vol85 .DNP_B{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-style: normal;
  text-align: center;
  color: #AC4B43;
}
#vol85 .DNP_M{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  color: #07113A;
}
#vol85 .YuGothicM{
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: #666;
}
#em220930 .Praguma{
  font-family: pragmatica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
/*================ Size ================*/
#vol85 .titleWrap .DNP_B{
  font-size: calc(36 * (100vw/750));
  font-weight: 600;
  line-height: 1.8333;
  letter-spacing: 0.05em;
  text-align: center;
}
#vol85 .topicWrap{
  font-size: calc(32 * (100vw/750));
  line-height: 1.437;
  letter-spacing: 0.05em;
  text-align: center;
}
#vol85 .txtWrap{
  font-size: calc(28 * (100vw/750));
  line-height: 1.857;
  letter-spacing: 0.025em;
  text-align: center;
}
#vol85 .staffWrap .DNP_B{
  font-size: calc(32 * (100vw/750));
  font-weight: normal;
  line-height: 1.875;
  letter-spacing: 0.025em;
  text-align: center;
}
#vol85 .allBtnWrap{
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  text-align: center;
}
#vol85 .allBtnWrap a {
  color: #333;
}

@media only screen and (min-width: 561px) {
  #vol85 .titleWrap .DNP_B{
    font-size: 2.2rem;
    line-height: 1.727;
  }
  #vol85 .topicWrap{
    font-size: 2rem;
    line-height: 2.3;
  }
  #vol85 .txtWrap{
    font-size: 1.5rem;
    line-height: 2;
  }
  #vol85 .staffWrap .DNP_B{
    font-size: 1.7rem;
    line-height: 2;
  }
  #vol85 .allBtnWrap{
    font-size: 1.5rem;
    line-height: 1;
  }
}

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

/*================ ContWrap ================*/
#vol85 .block01,
#vol85 .block02,
#vol85 .block03{
  width: calc(660 * (100vw/750));
  margin: 0 auto;
}
/*================ Block01 ================*/
#vol85 .block01{
  margin: 0 auto calc(122 * (100vw/750));
}
#vol85 .block01 .titleWrap{
  margin: 0 auto calc(34 * (100vw/750));
}
#vol85 .block01 .txtWrap p{
  margin: 0 auto calc(52 * (100vw/750));
}
#vol85 .block01 .txtWrap p:last-child{
  margin: 0 auto;
}
/*================ Block02/03 ================*/
#vol85 .block02{
  margin: 0 auto;
}
#vol85 .titleWrap{
  margin: 0 auto calc(32 * (100vw/750));
}
#vol85 .block02 .txtWrap.leadCont,
#vol85 .block03 .txtWrap.leadCont{
  margin: 0 auto calc(80 * (100vw/750));
}
#vol85 .topicWrap{
  margin: 0 auto calc(40 * (100vw/750));
}
#vol85 .block02 .txtWrap,
#vol85 .block03 .txtWrap{
  margin: 0 auto calc(48 * (100vw/750));
}
#vol85 .imgCont{
  margin: 0 auto calc(88 * (100vw/750));
}
#vol85 .block02 .step06 .txtWrap{
  margin: 0 auto calc(124 * (100vw/750));
}
#vol85 .block03 .step05 .imgCont{
  margin: 0 auto calc(150 * (100vw/750));
}

/*================ AllBtnWrap ================*/
#vol85 .allBtnWrap{
  width: calc(352 *(100vw / 750));
  margin: 0 auto calc(75*(100vw / 750));
  display: block;
  border: 1px solid #333;
}
#vol85 .allBtnWrap a{
  display: inline-block;
  width: 100%;
  height: auto;
  padding: calc(5*(100vw / 750)) 0 calc(9*(100vw / 750));
}

@media screen and (max-width: 560px){
  #columnArchiveAll h2{
    margin-top: calc(140*(100vw/750))!important;
  }
}


@media only screen and (min-width: 561px) {
  /*================ MainVisual ================*/
  #vol85 .mvWrap{
    /* width: 82.6rem; */
    max-width: 825px;
    margin: 8rem auto 9.2rem;
  }
  /*================ ContWrap ================*/
  #vol85 .block01,
  #vol85 .block02,
  #vol85 .block03 .imgCont,
  #vol85 .block03 .txtWrap{
    width: 50rem;
    margin: 0 auto;
  }
  #vol85 .block03 .txtWrap.leadCont{
    width: 100%;
  }
  /*================ Block01 ================*/
  #vol85 .block01{
    margin: 0 auto 10.4rem;
  }
  #vol85 .block01 .titleWrap{
    margin: 0 auto 1.5rem;
  }
  #vol85 .block01 .txtWrap p{
    margin: 0 auto 3rem;
  }
  #vol85 .block01 .txtWrap p:last-child{
    margin: 0 auto;
  }
  /*================ Block02/03 ================*/
  #vol85 .titleWrap{
    margin: 0 auto 1.5rem;
  }
  #vol85 .block02 .txtWrap.leadCont,
  #vol85 .block03 .txtWrap.leadCont{
    margin: 0 auto 3.9rem;
  }
  #vol85 .topicWrap{
    margin: 0 auto 1rem;
  }
  #vol85 .block02 .txtWrap,
  #vol85 .block03 .txtWrap{
    margin: 0 auto 2.2rem;
  }
  #vol85 .imgCont,
  #vol85 .block03 .imgCont{
    margin: 0 auto 7.3rem;
  }
  #vol85 .block02 .step06 .txtWrap{
    margin: 0 auto 10.5rem;
  }
  #vol85 .block03 .step05 .imgCont{
    margin: 0 auto 10rem;
  }

  /*================ AllBtnWrap ================*/
  #vol85 .allBtnWrap{
    display: block;
    width: 22rem;
    margin: 0 auto 5rem;
    color: #333;
    border: 1px solid #333;
    font-feature-settings: "palt";
  }
  #vol85 .allBtnWrap a{
    padding: 1rem 0;
  }

}