@charset "utf-8";

.new-line {
  display: none;
}

@media screen and (max-width:1280px) {
  label img {
    right: 32%;
  }

  .other-faq {
    padding: 0 40px 100px 40px;
  }

  .note-pc-answer-2line {
    height: 90px;
  }
}

@media screen and (max-width:960px) {
  h3 {
    font-size: 23px;
  }

  h3.mama-faq-title {
    margin-top: -90px;
  }


  .mama-faq {
		padding: 0 20px;
	}

	.mama-faq .faq-content {
		margin: 50px auto 0;
	}

	.mama-faq .question img,
	.mama-faq .answer img {
		height: 100px;
	}

  .mama-faq .question {
    width: auto;
  }

	.mama-faq .balloon-right {
		width: 68%;
		height: auto;
		border-radius: 15px;
		margin: 15px 0 20px 0
	}

	.mama-faq .balloon-left {
		width: 68%;
		height: auto;
		border-radius: 15px;
		margin: 25px 0 0 0;
	}

	.mama-faq .balloon-right p,
	.mama-faq .balloon-left p{
		font-size: 14px;
		padding: 10px 50px;
	}

	.mama-faq .balloon-right:before,
	.mama-faq .balloon-left:before {
		top: 30px;
	}

	.mama-faq .balloon-right:after,
	.mama-faq .balloon-left:after {
		top: 30px;
	}

  label {
    font-size: 22px;
  }

  label img {
    right: 30%;
  }

  dd.question,
  dd.answer {
    font-size: 14px;
  }

  .sp-answer-3line {
    height: 90px;
  }
  .sp-answer-4line {
    height: 100px;
  }
}

@media screen and (max-width:780px) {
  label img {
    right: 26%;
  }
}

@media screen and (max-width:670px) {
  label img {
    right: 20%;
  }
}

@media screen and (max-width:570px) {
  h3.mama-faq-title {
    margin-top: -60px;
  }
  label img {
    right: 10px;
  }
  label {
    text-align: left;
  }
}

@media screen and (max-width:460px) {
  h3.mama-faq-title {
    position: relative;
  }

  h3.mama-faq-title img {
    position: absolute;
    top: 50%;
    margin-top: -18px;
  }

  h3.mama-faq-title .decoration-left-point {
    left: 40px;
  }
  h3.mama-faq-title .decoration-right-point {
    right: 40px;
  }
  .new-line {
    display: block;
  }

  .mama-faq .balloon-right {
    width: 60%;
  }

  .mama-faq .balloon-left {
    width: 59%;
  }

  .mama-faq .balloon-right p,
  .mama-faq .balloon-left p {
    padding: 10px 20px;
  }

  .other-faq {
    padding: 0 10px 100px 10px;
  }

  .sp-answer-5line {
    height: 130px;
  }

}
@media screen and (max-width:320px) {
  h3 {
    font-size: 19px;
  }
  .mama-faq .balloon-right {
		width: 55%;
	}

	.mama-faq .balloon-left {
		width: 54%;
	}

	.mama-faq .answer {
		margin-bottom: 35px;
	}
}