@charset "UTF-8";

@media screen and (max-width: 768px) {
	/*-------------------------------------------


  common


  -------------------------------------------*/

	/* .commentBlock ------------------------------- */
	[class*='personalCommentBlock'] {
		padding-bottom: 65px;
	}

	[class*='personalCommentBlock']::after {
		width: 90px;
		height: 90px;
		right: 10px;
	}

	[class*='personalCommentBlock'] .personalCommentInner {
		border-width: 2px;
		padding: 20px;
		background: #fff;
		border-radius: 10px;
	}

	[class*='personalCommentBlock'] .personalCommentInner::after {
		width: 30px;
		height: 30px;
		right: 80px;
		bottom: -14px;
	}

	/*-------------------------------------------


  /kojin/yoyaku/


  -------------------------------------------*/

	.yoyaku_adjustment01 {
		min-height: auto;
	}
	.yoyaku_adjustment04[aria-hidden="false"] {
		display: block;
	}
	.yoyaku_adjustment04 .colorCardA01 > .cardInner {
		height: 200px;
	}
	.yoyaku_adjustment05[aria-hidden="false"] {
		display: block;
	}
	.yoyaku_adjustment05 .cardInner {
		height: auto;
	}
	.yoyaku_adjustment05 .colorCardA01 > .cardInner {
		height: auto;
	}
	.yoyakuWrap {
		width: auto;
		margin-top: 10px;
	}
	.spYoyakuBlock .blockInnerB05 .v3-dispFlex{
		display: block !important;
	}

	/* .yoyakuMvBlock ------------------------------- */
	.yoyakuMvBlock01 {
		background-position: center -10px;
		background-size: 360px auto;
	}

	.yoyakuMvBlock01 .yoyakuMvContent01 {
		padding: 10px 7px 20px;
		margin-top: 10px;
		width: auto;
	}

	.yoyakuMvBlock01 .yoyakuMvContent01>ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.yoyakuMvBlock01 .yoyakuMvContent01>ul>li {
		width: 25%;
		padding: 0;
		margin-top: 15px;
	}

	.yoyakuMvBlock01 .yoyakuMvContent01>ul>li:nth-child(1),
	.yoyakuMvBlock01 .yoyakuMvContent01>ul>li:nth-child(2),
	.yoyakuMvBlock01 .yoyakuMvContent01>ul>li:nth-child(3) {
		width: 33%;
	}

	.yoyakuMvBlock01 [class*='yoyakuMvItem']>span {
		margin-top: 10px;
		font-size: 1.1rem;
	}

	.yoyakuMvBlock01 [class*='yoyakuMvItem']::before {
		width: 60px;
		height: 60px;
	}

	.yoyakuMvBlock01 .yoyakuMvItem03::before {
		width: 98px;
	}

	/* .yoyakuGuidFlowBlock01 ------------------------------- */
	.yoyakuGuidFlowBlock01 .guideFlowBtn {
		margin-bottom: 0;
	}

	.yoyakuGuidFlowBlock01 .guideFlowRow {
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}

	.yoyakuGuidFlowBlock01.guideFlowWrap .guideFlowTitle>span {
		width: auto;
		max-width: none;
		display: table;
		z-index: 1;
		position: relative;
		padding-left: 20px;
		padding-right: 20px;
	}

	.yoyakuGuidFlowBlock01 .guideFlowResult01 [class*='btnT'] {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 60px;
		font-size: 1.6rem;
	}

	.yoyakuGuidFlowBlock01 .guideFlow .guideFlowBtn {
		padding-left: 0;
		padding-right: 0;
	}

	.yoyakuGuidFlowBlock01 [class*='yoyakuGuideFlowList'] {
		justify-content: space-between;
		width: 100%;
	}

	.yoyakuGuidFlowBlock01 [class*='yoyakuGuideFlowList']>* {
		width: calc(50% - 6px);
		margin-left: 0;
		margin-right: 0;
	}

	.yoyakuGuidFlowBlock01 .yoyakuGuideFlowBox [class*='yoyakuGuideFlowList']>* {
		width: calc(50% - 6px);
	}

	.yoyakuGuidFlowBlock01 .guideFlow .yoyakuGuideFlowBox .guideFlowBtn {
		min-height: 90px;
	}

	.yoyakuMvImg01 {
		width: 100%;
	}

	.yoyakuGuideFlowBox {
		padding-top: 50px;
	}

	.guideFlowRow *[class*="colorCardA"] > .cardInner {
		padding: 24px 12px;
	}
}