@charset "UTF-8";

@media screen and (max-width: 767px) {
	/* style */
	#wrap .jutakuOptFormKinriBlock01 *[class*="layoutColumn"] > * {
		margin-top: 0 !important;
	}
	.jutakuOptSimulationArea01 {
		margin: 0 -10px;
		padding-bottom: 30px;
	}

	.jutakuOptSimTitle01 {
		margin-bottom: 10px;
		border-bottom: solid 2px #000;
		font-size: 1em;
	}
	.jutakuOptSimTitleInner01 {
		width: auto;
		padding: 16px;
	}
	.jutakuOptSimTitleImg01 {
		width: 39px;
		left: 30px;
	}

	/* jutakuOptFormBlock */
	.jutakuOptFormWrap01 {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.jutakuOptFormBlock01 {
		width: 100%;
		margin: 0;
		padding: 0 10px;
	}
	.jutakuOptFormBlock01 {
		padding: 12px 10px;
	}
	.jutakuOptFormWrap01 .jutakuOptFormBlock01:nth-child(2n) {
		margin-left: 0;
	}
	.jutakuOptFormBlock01 .jutakuOptFormTitle {
		justify-content: flex-start;
		width: 110px;
		min-height: 40px;
		margin-top: 0;
		margin-right: 0.5em;
	}
	.jutakuOptFormKinriBlock01.jutakuOptFormBlock01 .jutakuOptFormTitle {
		width: 50px;
	}
	.jutakuOptFormKinriBlock01 .btnSMiddle {
		padding-top: 13px;
		padding-bottom: 14px;
	}

	.jutakuOptTabBlock01 {
		width: calc(100% + 120px);
		margin-left: -120px;
	}

	.jutakuOptAnswerBlock01 {
		margin: 0 0 15px;
		padding: 12px 0 17px;
	}
	.jutakuOptOtherAnswer,
	.jutakuOptAgainAnswer {
		margin: 0 10px;
	}
	.jutakuOptAnswerInner01,
	.jutakuOptAnswerInner02 {
		width: 100%;
	}
	.jutakuOptAnswerInner02,
	.jutakuOptAgainAnswer .jutakuOptAnswerInner02 {
		padding-top: 0;
		background: #fff;
	}
	.jutakuOptAnswerBlockTerm01 {
		width: 295px;
	}
	.jutakuOptAnswerInner02 .jutakuOptAnswerBlockTerm01 {
		width: 295px;
	}
	.jutakuOptAnswerBlockDetail01 {
		margin: 0 10px;
		padding: 20px 12px;
	}
	.jutakuOptOtherAnswer .jutakuOptAnswerBlockDetail01,
	.jutakuOptAgainAnswer .jutakuOptAnswerBlockDetail01 {
		padding: 10px 0 20px;
	}

	/* jutakuOptFormParts */
	.jutakuOptFormBlock01 .jutakuOptFormContents {
		width: calc(100% - 120px);
	}
	.jutakuOptFormBlock01 .jutakuOptFormParts .input input,
	.jutakuOptFormBlock01 .jutakuOptFormParts .select select,
	.jutakuOptFormBlock01 .jutakuOptFormParts .select .selectLabel {
		padding: 0 10px;
		width: 80%;
		height: 40px;
	}
	.jutakuOptFormKinriBlock01.jutakuOptFormBlock01 .jutakuOptFormParts .input input {
		width: 75%;
	}
	.jutakuOptFormBlock01 .jutakuOptFormParts .select select {
		padding-right: 40px;
		background-position: right 17px top 19px;
		background-size: 16px auto;
	}
	.jutakuOptSimulationArea01 .jutakuOptFormParts .select .selectLabel {
		padding: 0 10px;
		padding-right: 40px;
		width: 100%;
		height: 40px;
		background-position: right 17px top 13px;
		background-size: 16px auto;
		font-size: 16px;
		line-height: 38px;
	}
	.jutakuOptSimulationArea01 .jutakuOptFormParts.done .select .selectLabel {
		font-size: 1em;
	}

	.jutakuOptSubmitBlock01 {
		margin-top: 12px;
	}

	.jutakuOptAnswerInner01 .jutakuOptAnswerBlockDetail01 .v3-cardblockA01 {
		width: 150px;
	}
	.jutakuOptAnswerInner01 .jutakuOptAnswerBlockDetail01 .v3-cardblockA01 .v3-blockInner {
		padding: 15px 20px;
	}
	.jutakuOptAnswerBlockDetail01 .v3-cardblockA01 .chatMenuIcon01 {
		width: 62px;
		height: 62px;
	}
	.jutakuOptAnswerBlockDetail01 a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner:before {
		left: 14px;
		width: 5px;
		height: 5px;
	}
	.jutakuOptAnswerBlockMoreLink01 {
		margin: 20px 0 0;
	}

	.jutakuOptTabBlock01 {
		padding: 10px 10px 16px;
	}
	.jutakuOptTabBlock01::before {
		left: 48%;
	}
	#jutakuStatusBlock02 {
		margin: 18px 50px 0 -120px;
	}
	#jutakuStatusBlock02::before {
		left: 82%;
	}

	.jutakuOptAgainAnswer {
		margin-top: -15px;
	}
	.jutakuOptSimColumn2_2 {
		width: auto;
		margin: 0 10px;
	}

	/* jutakuOptFormBtn */
	.jutakuOptFormBlock01 .jutakuOptFormBtnItem {
		min-height: 40px;
		margin-left: 10px;
	}
	.jutakuOptFormBlock01 .jutakuOptFormBtnItem .text {
		padding: 5px;
	}

	.jutakuOptConsultBlock01 {
		width: 100%;
	}
	.jutakuOptConsultBlock01 .jutakuOptModalBox {
		overflow: auto;
		width: 94%;
	}
	.jutakuOptConsultBlock01 .jutakuOptItemModal {
		width: 100%;
		height: calc(100% - 64px);
		padding: 30px 10px 14px;
	}
	.jutakuOptConsultBlock01 .closeWrap {
		width: 94%;
		height: 64px;
		margin: 0;
		padding: 10px 10px 0;
	}

	.jutakuOptFormRadio:checked + .jutakuOptFormRadioText:after {
		top: 50%;
		left: 5px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
	.jutakuOptFormRadioText {
		padding-left: 50px;
	}
	.jutakuOptFormRadioText:before {
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}