@charset "UTF-8";
/* CSS Document */
#chart {
	margin: 5em auto 0px;
	width: 540px;
}
section {
	margin: 4em auto;
}
.chart {
    margin-top: 6rem;
}
.text-1 {
	width: 360px;
    display: block;
    margin: 0 auto 1em;
}
/*scrolldown*/
.scrolldown1{
  position:absolute;
  left:50%;
  height:70px;
}
.scrolldown1::after{
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 90px;
  background: #111;
  animation: pathmove 1.6s ease-in-out infinite;
  opacity:0;
}
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}
.chart-answer {
	width: 540px;
    margin: 0 auto;
}
.chart-answer a {
	display: inline-block;
	width : 25% ;
    width : -webkit-calc(97% / 4) ;
    width: calc(97.9% / 4);
}
.chart-answer-b {
	width: 540px;
    margin: 0 auto 5em;
}
.answer_img {
	width: 590px;
    margin: 0 auto;
    display: block;
}
.answer_img2 {
	width: 450px;
    margin: 0 auto;
    display: block;
}
.answer_text {
    width: 460px;
    margin: 0em auto 3em;
}
/*///*/
.comment_ {
    font-size: 1.2rem;
    margin: 1em 0;
    padding: 2.5em 0;
}
.comment_inner {
    width: 520px;
	margin: 0 auto;
	position: relative;
	padding: 2.5em;
}
.comment_inner::before,
.comment_inner::after {
  position: absolute;
  content: '';
  width: 30px;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.comment_inner::before {
  top: 0;
  left: 0;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
}
.comment_inner::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
}
.comment_title {
	display: block;
    width: 130px !important;
    margin: 0 auto 1.3em;
}


@media screen and (max-width: 767px) {
	#chart {
	margin: 6em 0 0;
}
.chart-answer {
	width : 100% ;
}
.chart-answer a {
	display: inline-block;
	width : 25% ;
    width : -webkit-calc(97% / 4) ;
    width : calc(97% / 4) ;
}
.chart-answer-b {
	width : 100% ;
    margin: 0 auto 5em;
}
.answer_text {
    width: 78%;
    margin: 0em auto 3em;
}
.answer_img {
	width: 100%;
}
.answer_img2 {
	width: 100%;
}
/*///*/

.comment_ {
    font-size: 1.2rem;
    margin: 1em 0;
    padding: 2.5em 0;
}
.comment_inner {
    width: 86%;
	margin: 0 auto;
	position: relative;
	padding: 2.5em;
}
.comment_inner::before,
.comment_inner::after {
  position: absolute;
  content: '';
  width: 30px;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.comment_inner::before {
  top: 0;
  left: 0;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
}
.comment_inner::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
}
.comment_title {
	display: block;
    width: 53% !important;
    margin: 0 auto 1.3em;

}
}