@media screen and (min-width: 768px), print {
	/* PC表示のスタイルを記述 */

	/*# common
		-----------------------------------*/

	#design main {
		background-color: #e4e2db;
		position: relative;
	}

	#design main::before {
		/*background-color: #efeeea;*/
		content: '';
		height: 345px;
		left: 50%;
		position: absolute;
		top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		z-index: 0;
	}

	#design .seo_bread_list {
		position: relative;
		z-index: 3;
	}

	#design .sec-services::before {
		height: 51.44%;
	}

	#design .sec-services__cards {
		margin-top: 100px;
	}

	#design .lead-text {
		position: relative;
		text-align: center;
		margin-bottom: 130px;
		margin-top: 50px;
	}

	#design .lead-text p img {
		height: 52px;
		width: auto;
	}

	/*# sec1
		-----------------------------------*/

	.design-sec1 {
		margin-top: 24px;
		padding-bottom: 85px;
		position: relative;
	}

	.design-sec1__imgs {
		grid-gap: 0px 26px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.design-sec1__text {
		font-size: 17px;
		letter-spacing: 0.85px;
		line-height: 1.59;
		margin-top: 50px;
		text-align: center;
	}

	/*# sec2
		-----------------------------------*/

	.design-sec2 {
		background-color: #fff;
		padding-bottom: 181px;
		position: relative;
	}

	.design-sec2 .layout-inner {
		max-width: 1260px;
	}

	.design-sec2__hgroup {
		padding-block: 177px 81px;
		background-color: #fff;
		padding-left: 5px;
		position: sticky;
		top: 0;
		z-index: 2;
	}

	.design-sec2__hgroup::before {
		background-color: #a1876d;
		content: '';
		height: 2px;
		position: absolute;
		right: 0;
		top: 210px;
		width: 90%;
		z-index: 0;
	}

	.design-sec2__title {
		background-color: #fff;
		padding-right: 50px;
		position: relative;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.design-sec2__title img {
		height: 67px;
		width: auto;
	}

	.design-sec2__subtitle {
		height: 18.7px;
		margin-top: 42px;
		width: auto;
	}

	.design-sec2__media {
		grid-gap: 0px 0px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.design-sec2__media-img {
		padding-top: 5px;
	}

	.design-sec2__media-img img {
		width: 100%;
	}

	.design-sec2__media-img img:nth-of-type(n + 2) {
		margin-top: 33px;
	}

	.design-sec2__media-body {
		height: -moz-fit-content;
		height: -webkit-fit-content;
		height: fit-content;
		padding-left: 70px;
		padding-right: 50px;
		position: sticky;
		top: 383px;
	}

	.design-sec2__media-text-text:nth-of-type(n + 2) {
		margin-top: 31px;
	}

	/*# sec3
		-----------------------------------*/

	.design-sec3 {
		background-color: #efeeea;
		padding-bottom: 184px;
	}

	.design-sec3 .layout-inner {
		max-width: 1260px;
	}

	.design-sec3__hgroup {
		padding-block: 208px 71px;
		background-color: #efeeea;
	}

	.design-sec3__hgroup::before {
		top: 235px;
	}

	.design-sec3__title img {
		height: 68px;
	}

	.design-sec3__title {
		background-color: #efeeea;
	}

	.design-sec3__subtitle {
		height: 18.7px;
		margin-top: 42px;
		width: auto;
	}

	.design-sec3__media-body {
		top: 376px;
	}

	/*# sec4
		-----------------------------------*/

	.design-sec4 {
		background-color: #fff;
		padding-bottom: 203px;
	}

	.design-sec4 .layout-inner {
		max-width: 1260px;
	}

	.design-sec4__hgroup {
		padding-block: 189px 66px;
	}

	.design-sec4__hgroup::before {
		top: 241px;
	}

	.design-sec4__title img {
		height: 91px;
	}

	.design-sec4__subtitle {
		margin-top: 37px;
	}

	.design-sec4__media-body {
		padding-top: 10px;
		top: 393px;
	}
}

@media screen and (max-width: 767px) {
	/* SP表示のスタイルを記述 */

	/*# common
		-----------------------------------*/

	#design main {
		background-color: #e4e2db;
		position: relative;
	}

	#design main::before {
		/*background-color: #efeeea;*/
		content: '';
		height: 107.488vw;
		left: 50%;
		position: absolute;
		top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		z-index: 0;
	}

	#design .seo_bread_list {
		position: relative;
		z-index: 3;
	}

	#design .lead-text {
		position: relative;
		text-align: center;
		margin-bottom: 12.077vw;
		margin-top: 4.831vw;
	}

	#design .lead-text p img {
		height: 8.696vw;
		width: auto;
	}

	

	/*# sec1
		-----------------------------------*/

	.design-sec1 {
		margin-top: 5.797vw;
		padding-bottom: 21.498vw;
		position: relative;
	}

	.design-sec1__imgs {
		grid-gap: 6.28vw 6.28vw;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.design-sec1__text {
		font-size: 4.106vw;
		letter-spacing: 0.205vw;
		line-height: 1.59;
		margin-top: 12.077vw;
	}

	/*# sec2
		-----------------------------------*/

	.design-sec2 {
		padding-block: 24.155vw;
		background-color: #fff;
	}

	.design-sec2__hgroup {
		position: relative;
	}

	.design-sec2__hgroup::before {
		background-color: #a1876d;
		content: '';
		height: 0.483vw;
		position: absolute;
		right: 0;
		top: 3.865vw;
		width: 100%;
		z-index: 0;
	}

	.design-sec2__title {
		background-color: #fff;
		padding-right: 4.831vw;
		position: relative;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.design-sec2__title img {
		height: 8.213vw;
		width: auto;
	}

	.design-sec2__subtitle {
		height: 2.899vw;
		margin-top: 5.797vw;
		width: auto;
	}

	.design-sec2__media {
		margin-top: 14.493vw;
	}

	.design-sec2__media-img img {
		width: 100%;
	}

	.design-sec2__media-img img:nth-of-type(n + 2) {
		margin-top: 8.454vw;
	}

	.design-sec2__media-body {
		margin-top: 12.077vw;
	}

	.design-sec2__media-text-text:nth-of-type(n + 2) {
		margin-top: 8.213vw;
	}

	/*# sec3
		-----------------------------------*/

	.design-sec3 {
		padding-block: 24.155vw;
		background-color: #efeeea;
	}

	.design-sec3__title {
		background-color: #efeeea;
	}

	.design-sec3__title img {
		height: 7.246vw;
		width: auto;
	}

	.design-sec3__subtitle {
		height: 2.754vw;
		margin-top: 5.797vw;
		width: auto;
	}

	.design-sec3__media {
		margin-top: 12.077vw;
	}

	/*# sec4
		-----------------------------------*/

	.design-sec4 {
		padding-block: 24.155vw;
		background-color: #fff;
	}

	.design-sec4__title img {
		height: 10.145vw;
		width: auto;
	}

	.design-sec4__subtitle {
		height: 2.705vw;
		margin-top: 5.797vw;
		width: auto;
	}

	.design-sec4__media {
		margin-top: 12.077vw;
	}
}