/* ===============================================
	▼レスポンシブル用　解像度640以下ＣＳＳ
=============================================== */
@media screen and (max-width: 640px) {
	img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.sp_display{
		display: block;
	}
	.pc_display{
		display: none;
	}

	header {
		height: auto;
	}
	.sec_inner {
		width: 94%;
		text-align: center;
		padding: 10px 0;
	}
	header h1 {
		padding-top: 0;
		margin-bottom: 15px;
	}
	header #tel {
		height: auto;
		width: 100%;
		position: relative;
		z-index: 1;
		top: 0;
		right: 0;
	}

	#mv {
		height: auto;
	}
	#mv h2 {
		margin-bottom: 20px;
		padding-top: 20px;
	}

	#block01 {
		padding: 40px 0 20px;
	}

	#block02 {
		padding: 40px 0 20px;
	}

	#block03 {
		padding: 40px 0 20px;
	}

	h2 b {
		font-size: 160%;
		font-size: 3.0rem;
	}

	ul.anchor_link {
		background-position: center bottom;
		height: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	ul.anchor_link li {
		position: relative;
	}
	ul.anchor_link li.anch01 {
		width: 48%;
		left: 0;
		top: 0;
	}
	ul.anchor_link li.anch02 {
		width: 48%;
		left: 0;
		top: 0;
	}
	ul.anchor_link li.anch03 {
		width: 48%;
		right: 0;
		top: 0;
	}
	ul.anchor_link li.anch04 {
		width: 48%;
		right: 0;
		top: 0;
	}

	ol.cv_area {
		padding: 20px 0;
	}
	ol.cv_area li {
		display: inline-block;
		width: 100%;
		margin: 10px 0;
	}

	dl.list_a dt {
		padding: 0 20px;
	}

	dl.list_a dd {
		padding: 0 20px 20px;
	}

	.col-2 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.data {
		padding: 20px;
	}

	.left_box {
		width: 100%;
		float: none;
	}
	.right_box {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	h3.data_title {
		text-align: left;
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.4;
		padding: 10px 0 10px 70px;
		margin-bottom: 20px;
	}
	.data01 h3 {
		background-size: 50px;
	}
	.data02 h3 {
		background-size: 50px;
	}
	.data03 h3 {
		background-size: 50px;
	}
	.data04 h3 {
		background-size: 50px;
	}

	.data aside {
		padding: 20px;
	}

	.cv_wrap {
		width: 100%;
		padding: 0
	}
	.cv_wrap ol.cv_area {
		width: 94%;
		margin: 0 auto;
	}

	.case_wrap {
		padding: 20px;
		height: auto;
		border-radius: 30px;
		margin: 0 auto 40px;
		position: relative;
		z-index: 1;
	}

	.case01 {
		background-position: right bottom;
		background-size: 35%;
	}
	.case02 {
		background-position: right bottom;
		background-size: 35%;
	}
	.case_wrap p {
		width: 64%;
		text-align: left;
		margin-bottom: 10px;
	}
	h3.case_title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	span.suumo_logo {
		display: block;
		width: auto;
		position: relative;
		top: 0;
		left: 0;
	}

	#movie_wrap {
		padding: 20px 0 0 0;
	}
	#movie {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	h3.movie_title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	#movie iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

}