@charset "utf-8";
/* CSS Document */


/* メッセージ
--------------------------------------------------------------- */
.index_message .box_wrap {
	min-height: 350px;
	background: url(../../en/img/common/doctor_onda.png) left bottom no-repeat;
	background-size: auto 100%;
}

.index_case .arrow {
	top: 256px;
}

.box_mirai_02:after {
	background-image: url(../../en/img/page/mirai/img_mirai_feature_02_en.png);
}

.sp {
	display: none;
}

@media screen and (max-width: 979px) {
	.index_message .box_wrap {
		background-position: center bottom;
		background: none;
	}

	.index_message .box_wrap .onda:before {
		height: 170px;
		background: url(../../en/img/common/doctor_onda.png) center bottom no-repeat white;
		-webkit-background-size: 160px auto;
		-moz-background-size: 160px auto;
		-o-background-size: 160px auto;
		-ms-background-size: 160px auto;
		background-size: 160px auto;
	}

	.box_mirai_02:after {
		position: relative;
		background: none;
	}

	.box_mirai_02 .box_mirai_inner:before {
		content: " ";
		width: 200px;
		height: 200px;
		display: block;
		float: left;
		margin: 0 10px;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		background-size: contain;
	}

	.box_mirai_02 .box_mirai_inner:before {
		background-image: url(../../en/img/page/mirai/img_mirai_feature_02_sp_en.jpg);
	}

	.pc {
		display: block;
	}

	a .pc {
		display: inline-block;
	}

	.sp {
		display: none;
	}

}


@media screen and (max-width: 979px) and (min-width: 681px) {

	.pc {
		display: block;
	}

	a .pc {
		display: inline-block;
	}

	.sp {
		display: none;
	}

}


@media screen and (max-width: 680px) {
	.index_case .arrow {
		top: 190px;
	}

	.index_case li .column_twin {
		float: left;
		width: 50%;
	}

	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	a .sp {
		display: inline-block;
	}



}