@charset "utf-8";


/* ------------------------------
	outline
------------------------------ */
#delivery_outline {
  position: relative;
  z-index: 1;
}

#delivery_outline::after {
  display: block;
  position: absolute;
  content: '';
  width: 116px;
  height: 105px;
  right: 0;
  top: -30px;
  background: url(../img/outline_chara.png) no-repeat center top;
  background-size: contain;
  z-index: -1;
}

@media (max-width: 640px) {
  #delivery_outline {
    margin-top: 30px;
  }
}

@media (min-width: 641px) {
  #delivery_outline::after {
    width: 232px;
    height: 211px;
    right: 40px;
    top: -100px;
    z-index: 2;
  }
}

/* ------------------------------
	qa
------------------------------ */

.qa_block {
	background: #fff;
}

@media (max-width: 640px) {
	.qa_block {
		padding: 15px 15px 20px;
		margin-bottom: 20px;
		border-radius: 20px;
	}

	.qa_block h3 {
		padding: 11px 20px;
		margin-bottom: 15px;
		border-radius: 17px;
		text-align: center;
		background: url("../../../assets/img/contents/bg_stripe_mgt.png") repeat;
	}

	.qa_block .qa-a_block {
		display: flex;
		justify-content: space-between;
		padding-right: 5px;
	}
	
	.qa_block .qa-a_block:before {
		content: "";
		display: block;
		width: 63px;
		height: 97px;
		margin-bottom: 15px;
		background: url("../img/qa_a_sp.png") no-repeat;
		background-size: contain;
	}

	.qa_block .qa-a_block .answer_notes {
		width: calc(100% - 73px);
	}
}

@media (min-width: 641px) {

	.qa_block {
		padding: 40px 50px;
		margin-bottom: 40px;
		border-radius: 40px;
	}

	.qa_block h3 {
		padding: 22px 40px;
		margin-bottom: 29px;
		border-radius: 35px;
		text-align: center;
		background: url("../../../assets/img/contents/bg_stripe_mgt.png") repeat;
	}

	.qa_block .qa-a_block {
		display: flex;
	}
	
	.qa_block .qa-a_block:before {
		content: "";
		display: block;
		width: 190px;
		height: 111px;
		margin-right: 40px;
		background: url("../img/qa_a.png") no-repeat;
		background-size: contain;
	}
	
	.qa_block .qa-a_block .answer_notes {
		width: 830px;
	}
	
	
}