@charset "UTF-8";

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

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

@media screen and (max-width: 767px) {
	html{
		font-size: calc(10 * (100vw / 750));
	}
}
#footer_emmi {margin-top: 0 !important;padding-top: 0 !important;}


#contAll{
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
  font-weight: normal;
  font-feature-settings: 'palt';
  font-size: calc(28 * (100vw / 750));
  line-height: 1.85;
  letter-spacing: 0.025em;
  color: #666;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
#contAll .boldTxt{
  color: #333;
  font-weight: bold;
}
#contAll h3{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-weight: 500;
  font-size: calc(36 * (100vw / 750));
  letter-spacing: 0.05em;
  color: #70618b;
  margin: 0 auto calc(60 * (100vw / 750));
}
#contAll .castWrap{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-weight: 300;
  font-size: calc(32 * (100vw / 750));
  color: #70618b;
}
#contAll h4{
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-weight: 300;
  font-size: calc(32 * (100vw / 750));
  letter-spacing: 0.05em;
  color: #bb5f68;
  margin: 0 auto calc(60 * (100vw / 750));
}
#contAll h3,
#contAll h4{
  font-style: normal;
}
#contAll .imgWrap{
  display: flex;
  flex-direction: column;
}

/*========== Responsive ==========*/
.pcOnly{
  display: none;
}
/*========== Picture ==========*/
img{
  width: 100%;
  height: auto;
}
picture{
  display: block;
  width: 100%;
  height: auto;
}
#contAll a{
  display: inline-block;
  text-decoration: none;
}

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

/*========== ContWrap ==========*/
/*========== LeadWrap ==========*/
#contAll .leadWrap{
  margin: 0 auto calc(126 * (100vw / 750));
}
#contAll .leadWrap .contTxt{
  margin: 0 auto calc(36 * (100vw / 750));
}

/*========== ChakraWrap ==========*/
#contAll .chakraWrap{
  margin: 0 auto calc(126 * (100vw / 750));
}
#contAll .chakraWrap h3{
  margin: 0 auto calc(31 * (100vw / 750));
}
#contAll .chakraWrap h4{
  margin: 0 auto calc(34 * (100vw / 750));
}
#contAll .chakraWrap h4.seven{
  margin: 0 auto calc(40 * (100vw / 750));
}
#contAll .chakraWrap p{
  margin: 0 auto calc(35 * (100vw / 750));
}
/*========== PoseWrap ==========*/
#contAll .poseWrap{
  margin: 0 auto calc(65 * (100vw / 750));
}
#contAll .poseWrap h3{
  margin: 0 auto calc(30 * (100vw / 750));
}
#contAll .poseWrap p{
  margin: 0 auto calc(45 * (100vw / 750));
}
#contAll .poseWrap p.lead{
  margin: 0 auto calc(35 * (100vw / 750));
}
#contAll .poseWrap p.third{
  margin: 0 auto calc(48 * (100vw / 750));
}
#contAll .poseWrap p.forth{
  margin: 0 auto calc(48 * (100vw / 750));
}
#contAll .poseWrap img{
  width: calc(660 * (100vw / 750));
  margin: 0 auto calc(120 * (100vw / 750));
}
#contAll .poseWrap img.forth,
#contAll .poseWrap img.fifth{
  margin: 0 auto calc(60 * (100vw / 750));
}
#contAll .poseWrap img.seven{
  margin: 0 auto calc(140 * (100vw / 750));
}

#footer_emmi{
  margin-top: auto !important;
  padding-top: calc(140*(100vw/750))!important;
}

@media screen and (max-width: 1400px) and (min-width: 561px) {html {font-size: calc(10* (100vw / 1400)) !important;}}
@media only screen and (min-width: 561px) {
  #contAll{
    font-size: 1.5rem;
    line-height: 2;
  }
  #contAll h3{
    font-size: 2.2rem;
    margin: 0 auto 3.4rem;
  }
  #contAll .castWrap{
    font-size: 1.7rem;
  }
  #contAll h4{
    font-size: 1.8rem;
    margin: 0 auto 3.2rem;
  }

  /*========== Responsive ==========*/
  #contAll .spOnly{
    display: none;
  }
  #contAll .pcOnly{
    display: block!important;
  }

  /*========== mainVisual ==========*/
  #contAll .mvWrap{
    margin: 8rem auto 9.2rem;
  }
  #contAll .mvImg{
    width: 82.6rem;
  }

  /*========== ContWrap ==========*/
  /*========== LeadWrap ==========*/
  #contAll .leadWrap{
    margin: 0 auto 10rem;
  }
  #contAll .leadWrap .contTxt{
    margin: 0 auto 1.5rem;
  }

  /*========== ChakraWrap ==========*/
  #contAll .chakraWrap{
    margin: 0 auto 10.2rem;
  }
  #contAll .chakraWrap h3{
    margin: 0 auto 1.5rem;
  }
  #contAll .chakraWrap h4{
    margin: 0 auto 1.5rem;
  }
  #contAll .chakraWrap h4.seven{
    margin: 0 auto 1.6rem;
  }
  #contAll .chakraWrap p{
    margin: 0 auto 1.4rem;
  }
  /*========== PoseWrap ==========*/
  #contAll .poseWrap{
    margin: 0 auto 4.2rem;
  }
  #contAll .poseWrap h3{
    margin: 0 auto 1.4rem;
  }
  #contAll .poseWrap p{
    margin: 0 auto 2rem;
  }
  #contAll .poseWrap p.lead{
    margin: 0 auto 1.7rem;
  }
  #contAll .poseWrap p.second{
    margin: 0 auto 2.4rem;
  }
  #contAll .poseWrap p.third{
    margin: 0 auto 2.2rem;
  }
  #contAll .poseWrap p.forth{
    margin: 0 auto 2.2rem;
  }
  #contAll .poseWrap p.fifth{
    margin: 0 auto 2.3rem;
  }
  #contAll .poseWrap img{
    width: 66rem;
    margin: 0 auto 9.2rem;
  }
  #contAll .poseWrap img.forth,
  #contAll .poseWrap img.fifth{
    margin: 0 auto 3rem;
  }
  #contAll .poseWrap img.seven{
    margin: 0 auto 9.4rem;
  }

  #footer_emmi{
    margin-top: auto !important;
    padding-top: 0 !important;
  }

}