@charset "utf-8";

.all_wrap{
	padding-top: 110px;
}

@media screen and (max-width: 800px) {
	.all_wrap{
		padding-top: 70px;
	}
}




/* ==========================================================================
	mv
========================================================================== */
.mv {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 5882px;
	height: 1203px;
	display: flex;
	overflow: hidden;
	transform: rotate(-10deg);
	left: -390px;
	top: -350px;
}

.mv .inr01 {
	width: 50%;
	height: 1203px;
	animation: loop 70s -35s linear infinite;
}

.mv .inr02 {
	width: 50%;
	height: 1203px;
	animation: loop2 70s linear infinite;
}

@keyframes loop {
	0% {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes loop2 {
	0% {
		transform: translateX(0);
	}
	to {
		transform: translateX(-200%);
	}
}



.mv div .icon {
	position: absolute;
	display: inline-block;
	height: auto;
	animation: loop3 4s linear infinite;
	transform-origin: center bottom;
}

.mv div .icon img {
	position: absolute;
}

.mv div .icon img:nth-child(2) {
	opacity: 0;
}

@keyframes loop3 {

	/*
	0% { transform: rotate(12deg); }
	25% {transform: rotate(8deg); }
	50% {transform: rotate(12deg); }
	75% { transform: rotate(17deg); }
	100% { transform: rotate(12deg); }
	*/
	0% {
		transform: rotate(10deg);
	}

	25% {
		transform: rotate(6deg);
	}

	50% {
		transform: rotate(10deg);
	}

	75% {
		transform: rotate(14deg);
	}

	100% {
		transform: rotate(10deg);
	}
}

.mv div .icon10 img:first-child,
.mv div .icon18 img:first-child,
.mv div .icon20 img:first-child {
	animation: fade 8s linear infinite;
}

.mv div .icon10 img:nth-child(2),
.mv div .icon18 img:nth-child(2),
.mv div .icon20 img:nth-child(2) {
	animation: fade02 8s linear infinite;
}


.mv div .icon07 img:first-child,
.mv div .icon11 img:first-child,
.mv div .icon28 img:first-child {
	animation: fade 8s linear infinite;
	animation-delay: -2s;
}

.mv div .icon07 img:nth-child(2),
.mv div .icon11 img:nth-child(2),
.mv div .icon28 img:nth-child(2) {
	animation: fade02 8s linear infinite;
	animation-delay: -2s;
}

.mv div .icon09 img:first-child,
.mv div .icon21 img:first-child {
	animation: fade 8s linear infinite;
	animation-delay: -1s;
}

.mv div .icon09 img:nth-child(2),
.mv div .icon21 img:nth-child(2) {
	animation: fade02 8s linear infinite;
	animation-delay: -1s;
}


.mv div .icon17 img:first-child,
.mv div .icon25 img:first-child {
	animation: fade 8s linear infinite;
	animation-delay: -3s;
}

.mv div .icon17 img:nth-child(2),
.mv div .icon25 img:nth-child(2) {
	animation: fade02 8s linear infinite;
	animation-delay: -3s;
}



@keyframes fade {
	0% {
		opacity: 100;
		transform: rotateY(0deg);
	}

	43% {
		opacity: 100;
		transform: rotateY(0deg);
	}

	49.7% {
		opacity: 100%;
		transform: rotateY(180deg);
	}

	50% {
		opacity: 0;
		transform: rotateY(0deg);
	}

	99.7% {
		opacity: 0;
		transform: rotateY(180deg);
	}

	100% {
		opacity: 100;
	}
}

@keyframes fade02 {
	0% {
		opacity: 0;
		transform: rotateY(0deg);
	}

	49.7% {
		opacity: 0;
		transform: rotateY(180deg);
	}

	50% {
		opacity: 100;
	}

	51% {
		opacity: 100;
		transform: rotateY(0deg);
	}

	93% {
		opacity: 100;
		transform: rotateY(0deg);
	}

	99.7% {
		opacity: 100;
		transform: rotateY(180deg);
	}

	100% {
		opacity: 0;
		transform: rotateY(0deg);
	}
}

.mv div .icon01 {
	width: 240px;
	height: 118px;
	top: 60px;
	left: 267px;
}

/*くさ3*/
.mv div .icon02 {
	width: 176px;
	height: 210px;
	top: 23px;
	left: 812px;
}

/*木2色*/
.mv div .icon03 {
	width: 254px;
	height: 148px;
	top: 47px;
	left: 1253px;
}

/*やま*/
.mv div .icon04 {
	width: 234px;
	height: 122px;
	top: 63px;
	right: 977px;
}

/*くも*/
.mv div .icon05 {
	width: 202px;
	height: 182px;
	top: 41px;
	right: 509px;
}

/*きびだんご*/
.mv div .icon06 {
	width: 172px;
	height: 186px;
	top: 38px;
	right: 49px;
}

/*木３本*/
.mv div .icon07 {
	width: 294px;
	height: 206px;
	top: 198px;
	left: 49px;
}

/*犬*/
.mv div .icon08 {
	width: 206px;
	height: 160px;
	top: 235px;
	left: 542px;
}

/*いえ*/
.mv div .icon09 {
	width: 176px;
	height: 272px;
	top: 125px;
	left: 1054px;
}

/*もも*/
.mv div .icon10 {
	width: 276px;
	height: 220px;
	top: 175px;
	right: 1226px;
}

/*さる*/
.mv div .icon11 {
	width: 176px;
	height: 272px;
	top: 135px;
	right: 767px;
}

/*ももき*/
.mv div .icon12 {
	width: 206px;
	height: 108px;
	top: 275px;
	right: 268px;
}

/*土地*/
.mv div .icon13 {
	width: 202px;
	height: 182px;
	top: 407px;
	left: 317px;
}

/*きびだんご*/
.mv div .icon14 {
	width: 216px;
	height: 160px;
	top: 408px;
	left: 777px;
}

/*木三角*/
.mv div .icon15 {
	width: 202px;
	height: 182px;
	top: 407px;
	left: 1275px;
}

/*きびだんご*/
.mv div .icon16 {
	width: 178px;
	height: 214px;
	top: 380px;
	right: 997px;
}

/*マンション*/
.mv div .icon17 {
	width: 292px;
	height: 264px;
	top: 364px;
	right: 494px;
}

/*きじ*/
.mv div .icon18 {
	width: 176px;
	height: 272px;
	top: 312px;
	right: 51px;
}

/*もも*/
.mv div .icon19 {
	width: 124px;
	height: 282px;
	bottom: 323px;
	left: 110px;
}

/*お金*/
.mv div .icon20 {
	width: 176px;
	height: 272px;
	bottom: 378px;
	left: 561px;
}

/*ももき*/
.mv div .icon21 {
	width: 292px;
	height: 264px;
	bottom: 336px;
	left: 956px;
}

/*きじ*/
.mv div .icon22 {
	width: 172px;
	height: 186px;
	bottom: 382px;
	right: 1251px;
}

/*木３本*/
.mv div .icon23 {
	width: 246px;
	height: 136px;
	bottom: 401px;
	right: 738px;
}

/*キラキラ*/
.mv div .icon24 {
	width: 154px;
	height: 214px;
	bottom: 369px;
	right: 289px;
}

/*袋*/
.mv div .icon25 {
	width: 276px;
	height: 220px;
	bottom: 192px;
	left: 232px;
}

/*さる*/
.mv div .icon26 {
	width: 146px;
	height: 274px;
	bottom: 149px;
	left: 800px;
}

/*はた*/
.mv div .icon27 {
	width: 240px;
	height: 118px;
	bottom: 250px;
	left: 1263px;
}

/*くさ3*/
.mv div .icon28 {
	width: 294px;
	height: 206px;
	bottom: 192px;
	right: 968px;
}

/*犬*/
.mv div .icon29 {
	width: 112px;
	height: 274px;
	bottom: 150px;
	right: 551px;
}

/*小判*/
.mv div .icon30 {
	width: 234px;
	height: 122px;
	bottom: 223px;
	right: 2px;
}

/*雲*/
.mv div .icon31 {
	width: 208px;
	height: 216px;
	bottom: 0;
	left: 67px;
}

/*いえ2*/
.mv div .icon32 {
	width: 168px;
	height: 196px;
	bottom: 0;
	left: 565px;
}

/*!?*/
.mv div .icon33 {
	width: 184px;
	height: 244px;
	bottom: 5px;
	left: 1044px;
}

/*人*/
.mv div .icon34 {
	width: 254px;
	height: 148px;
	bottom: 41px;
	right: 1202px;
}

/*やま*/
.mv div .icon35 {
	width: 174px;
	height: 182px;
	bottom: 18px;
	right: 774px;
}

/*財布*/
.mv div .icon36 {
	width: 216px;
	height: 160px;
	bottom: 27px;
	right: 270px;
}

/*木三角*/




@media screen and (max-width: 1350px) {

	.mv {
		width: 4890px;
		height: 1000px;
		left: -323px;
		top: -290px;
	}

	.mv .inr01 {
		width: 50%;
		height: 1000px;
	}

	.mv .inr02 {
		height: 1000px;
	}

	.mv div .icon01 {
		width: 199px;
		height: 97px;
		top: 49px;
		left: 221px;
	}

	/*くさ3*/
	.mv div .icon02 {
		width: 146px;
		height: 199px;
		top: 19px;
		left: 674px;
	}

	/*木2色*/
	.mv div .icon03 {
		width: 210px;
		height: 122px;
		top: 39px;
		left: 1040px;
	}

	/*やま*/
	.mv div .icon04 {
		width: 194px;
		height: 101px;
		top: 52px;
		right: 802px;
	}

	/*くも*/
	.mv div .icon05 {
		width: 167px;
		height: 120px;
		top: 34px;
		right: 422px;
	}

	/*きびだんご*/
	.mv div .icon06 {
		width: 142px;
		height: 154px;
		top: 31px;
		right: 40px;
	}

	/*木３本*/
	.mv div .icon07 {
		width: 244px;
		height: 171px;
		top: 164px;
		left: 40px;
	}

	/*犬*/
	.mv div .icon08 {
		width: 171px;
		height: 132px;
		top: 195px;
		left: 450px;
	}

	/*いえ*/
	.mv div .icon09 {
		width: 146px;
		height: 225px;
		top: 103px;
		left: 875px;
	}

	/*もも*/
	.mv div .icon10 {
		width: 230px;
		height: 182px;
		top: 145px;
		right: 1017px;
	}

	/*さる*/
	.mv div .icon11 {
		width: 146px;
		height: 225px;
		top: 112px;
		right: 636px;
	}

	/*ももき*/



	.mv div .icon12 {
		width: 171px;
		height: 90px;
		top: 228px;
		right: 222px;
	}

	/*土地*/
	.mv div .icon13 {
		width: 167px;
		height: 151px;
		top: 338px;
		left: 263px;
	}

	/*きびだんご*/
	.mv div .icon14 {
		width: 180px;
		height: 132px;
		top: 338px;
		left: 645px;
	}

	/*木三角*/
	.mv div .icon15 {
		width: 167px;
		height: 151px;
		top: 338px;
		left: 1058px;
	}

	/*きびだんご*/
	.mv div .icon16 {
		width: 147px;
		height: 177px;
		top: 315px;
		right: 827px;
	}

	/*マンション*/
	.mv div .icon17 {
		width: 242px;
		height: 219px;
		top: 302px;
		right: 410px;
	}

	/*きじ*/
	.mv div .icon18 {
		width: 146px;
		height: 225px;
		top: 259px;
		right: 42px;
	}

	/*もも*/
	.mv div .icon19 {
		width: 103px;
		height: 234px;
		bottom: 258px;
		left: 91px;
	}

	/*お金*/
	.mv div .icon20 {
		width: 146px;
		height: 225px;
		bottom: 313px;
		left: 465px;
	}

	/*ももき*/
	.mv div .icon21 {
		width: 242px;
		height: 219px;
		bottom: 279px;
		left: 793px;
	}

	/*きじ*/
	.mv div .icon22 {
		width: 142px;
		height: 154px;
		bottom: 317px;
		right: 1038px;
	}

	/*木３本*/
	.mv div .icon23 {
		width: 204px;
		height: 112px;
		bottom: 332px;
		right: 612px;
	}

	/*キラキラ*/
	.mv div .icon24 {
		width: 127px;
		height: 177px;
		bottom: 306px;
		right: 240px;
	}

	/*袋*/
	.mv div .icon25 {
		width: 229px;
		height: 182px;
		bottom: 159px;
		left: 192px;
	}

	/*さる*/
	.mv div .icon26 {
		width: 121px;
		height: 227px;
		bottom: 123px;
		left: 664px;
	}

	/*はた*/
	.mv div .icon27 {
		width: 199px;
		height: 98px;
		bottom: 207px;
		left: 1048px;
	}

	/*くさ3*/
	.mv div .icon28 {
		width: 244px;
		height: 171px;
		bottom: 159px;
		right: 803px;
	}

	/*犬*/
	.mv div .icon29 {
		width: 93px;
		height: 219px;
		bottom: 124px;
		right: 457px;
	}

	/*小判*/
	.mv div .icon30 {
		width: 194px;
		height: 101px;
		bottom: 185px;
		right: 1px;
	}

	/*雲*/
	.mv div .icon31 {
		width: 172px;
		height: 179px;
		bottom: 0;
		left: 55px;
	}

	/*いえ2*/
	.mv div .icon32 {
		width: 139px;
		height: 162px;
		bottom: 0;
		left: 469px;
	}

	/*!?*/
	.mv div .icon33 {
		width: 152px;
		height: 202px;
		bottom: 4px;
		left: 866px;
	}

	/*人*/
	.mv div .icon34 {
		width: 211px;
		height: 123px;
		bottom: 34px;
		right: 998px;
	}

	/*やま*/
	.mv div .icon35 {
		width: 144px;
		height: 151px;
		bottom: 15px;
		right: 642px;
	}

	/*財布*/
	.mv div .icon36 {
		width: 179px;
		height: 132px;
		bottom: 22px;
		right: 224px;
	}

	/*木三角*/


}



@media screen and (max-width: 800px) {
	.mv {
		width: 2941px;
		height: 600px;
		left: -195px;
		top: -175px;
		/*
		top: -125px;

		*/
	}

	.mv .inr01 {
		height: 600px;
		animation: loop 70s -35s linear infinite;
	}

	.mv .inr02 {
		height: 600px;
		animation: loop2 70s linear infinite;
	}

	@keyframes loop {
		0% {
			transform: translateX(100%);
		}

		to {
			transform: translateX(-100%);
		}
	}

	@keyframes loop2 {
		0% {
			transform: translateX(0);
		}

		to {
			transform: translateX(-200%);
		}
	}



	.mv div .icon {
		position: absolute;
		display: inline-block;
		height: auto;
		animation: loop3 4s linear infinite;
		transform-origin: center bottom;
	}

	.mv div .icon img {
		position: absolute;
	}

	.mv div .icon img:nth-child(2) {
		opacity: 0;
	}

	@keyframes loop3 {
		0% {
			transform: rotate(10deg);
		}

		25% {
			transform: rotate(6deg);
		}

		50% {
			transform: rotate(10deg);
		}

		75% {
			transform: rotate(14deg);
		}

		100% {
			transform: rotate(10deg);
		}

	}


	.mv div .icon01 {
		width: 120px;
		height: 59px;
		top: 30px;
		left: 118px;
	}

	/*くさ3*/
	.mv div .icon02 {
		width: 88px;
		height: 105px;
		top: 12px;
		left: 406px;
	}

	/*木2色*/
	.mv div .icon03 {
		width: 127px;
		height: 74px;
		top: 23px;
		left: 626px;
	}

	/*やま*/
	.mv div .icon04 {
		width: 117px;
		height: 61px;
		top: 31px;
		right: 488px;
	}

	/*くも*/
	.mv div .icon05 {
		width: 101px;
		height: 91px;
		top: 20px;
		right: 254px;
	}

	/*きびだんご*/
	.mv div .icon06 {
		width: 86px;
		height: 93px;
		top: 19px;
		right: 25px;
	}

	/*木３本*/
	.mv div .icon07 {
		width: 147px;
		height: 103x;
		top: 99px;
		left: 24px;
	}

	/*犬*/
	.mv div .icon08 {
		width: 103px;
		height: 80px;
		top: 117px;
		left: 271px;
	}

	/*いえ*/
	.mv div .icon09 {
		width: 88px;
		height: 136px;
		top: 62px;
		left: 527px;
	}

	/*もも*/
	.mv div .icon10 {
		width: 138px;
		height: 110px;
		top: 87px;
		right: 613px;
	}

	/*さる*/
	.mv div .icon11 {
		width: 88px;
		height: 136px;
		top: 67px;
		right: 383px;
	}

	/*ももき*/
	.mv div .icon12 {
		width: 103px;
		height: 54px;
		top: 137px;
		right: 134px;
	}

	/*土地*/
	.mv div .icon13 {
		width: 101px;
		height: 91px;
		top: 203px;
		left: 158px;
	}

	/*きびだんご*/
	.mv div .icon14 {
		width: 108px;
		height: 80px;
		top: 204px;
		left: 388px;
	}

	/*木三角*/
	.mv div .icon15 {
		width: 101px;
		height: 91px;
		top: 203px;
		left: 637px;
	}

	/*きびだんご*/
	.mv div .icon16 {
		width: 89px;
		height: 107px;
		top: 190px;
		right: 498px;
	}

	/*マンション*/
	.mv div .icon17 {
		width: 146px;
		height: 132px;
		top: 182px;
		right: 247px;
	}

	/*きじ*/
	.mv div .icon18 {
		width: 88px;
		height: 136px;
		top: 156px;
		right: 25px;
	}

	/*もも*/
	.mv div .icon19 {
		width: 62px;
		height: 141px;
		bottom: 161px;
		left: 55px;
	}

	/*お金*/
	.mv div .icon20 {
		width: 88px;
		height: 136px;
		bottom: 189px;
		left: 280px;
	}

	/*ももき*/
	.mv div .icon21 {
		width: 146px;
		height: 132px;
		bottom: 168px;
		left: 478px;
	}

	/*きじ*/
	.mv div .icon22 {
		width: 86px;
		height: 93px;
		bottom: 191px;
		right: 625px;
	}

	/*木３本*/
	.mv div .icon23 {
		width: 123px;
		height: 68px;
		bottom: 200px;
		right: 369px;
	}

	/*キラキラ*/
	.mv div .icon24 {
		width: 77px;
		height: 107px;
		bottom: 184px;
		right: 145px;
	}

	/*袋*/
	.mv div .icon25 {
		width: 138px;
		height: 110px;
		bottom: 96px;
		left: 116px;
	}

	/*さる*/
	.mv div .icon26 {
		width: 73px;
		height: 137px;
		bottom: 74px;
		left: 400px;
	}

	/*はた*/
	.mv div .icon27 {
		width: 120px;
		height: 59px;
		bottom: 125px;
		left: 631px;
	}

	/*くさ3*/
	.mv div .icon28 {
		width: 147px;
		height: 103px;
		bottom: 96px;
		right: 484px;
	}

	/*犬*/
	.mv div .icon29 {
		width: 56px;
		height: 137px;
		bottom: 75px;
		right: 275px;
	}

	/*小判*/
	.mv div .icon30 {
		width: 117px;
		height: 61px;
		bottom: 112px;
		right: 1px;
	}

	/*雲*/
	.mv div .icon31 {
		width: 104px;
		height: 108px;
		bottom: 0;
		left: 33px;
	}

	/*いえ2*/
	.mv div .icon32 {
		width: 84px;
		height: 98px;
		bottom: 0;
		left: 282px;
	}

	/*!?*/
	.mv div .icon33 {
		width: 92px;
		height: 122px;
		bottom: 2px;
		left: 522px;
	}

	/*人*/
	.mv div .icon34 {
		width: 127px;
		height: 74px;
		bottom: 20px;
		right: 601px;
	}

	/*やま*/
	.mv div .icon35 {
		width: 87px;
		height: 91px;
		bottom: 9px;
		right: 387px;
	}

	/*財布*/
	.mv div .icon36 {
		width: 108px;
		height: 80px;
		bottom: 13px;
		right: 135px;
	}

	/*木三角*/


}

/* ==========================================================================
	main
========================================================================== */
#main {
	position: relative;
	width: 100%;
	height: calc(clamp(0px, 100vh, 1000px) - 90px);
	/* min-height:800px; */
	/* height: calc(100vh - 110px); */
	box-sizing: border-box;
	/* min-height:calc(100vh - 180px); */
	z-index: 10;
}

#main .main_slide{
	z-index: 9;
}

#main .main_slide p{
	position: relative;
	height: calc(100vh - 110px);
}

#main .main_slide p img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	z-index: 1;
}

#main .main_txt {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
	width: 716px;
	height: 177px;
}

#main .main_ceo{
/* 	width: 385px; */
	width: clamp(294px, 36.8182vw, 405px); /* 1100 */
	position: absolute;
	right: 50%;
	bottom: 100px;
	margin-right: clamp(-190px, -14.0741vw, -100px); /* 1350 */
	translate: 100% 0;
}

@media screen and (max-width: 1350px) {
	#main .main_ceo{
		width: 350px;
		bottom: 0;
		right: calc(5% + 25px);
		margin-right: 0;
		translate: 0 0;
	}
}

@media screen and (max-width: 800px) {

	#main {
		/*
		min-height:400px;
		*/
		height: calc(100vh - 70px);
		max-height: 640px;
	}

	#main::before{
		display: none
	}

	#main .main_slide p{
		height: calc(100vh - 70px);
		max-height: 640px;
	}

	#main .main_txt {
		width: 92.53334%;
		max-width: 694px;
		height: auto;
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
	}
	#main .main_ceo{
		width: 230px;
		z-index: 10;
	}
}

@media screen and (max-width: 750px) {
	#main .main_ceo{
		right: -20px;
	}
}


@media screen and (max-width: 400px) {
	#main .main_txt {
		/* top: 65vw; */
	}
}



/* ==========================================================================
	area
========================================================================== */
.area {
	position: relative;
	z-index: 10;
	width: 90%;
	max-width: 1200px;
	margin: -100px auto 120px;
	background: #fff;
	border-radius: 45px;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
	padding: 55px 40px 45px 50px;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.area .map_area {
	width: 645px;
}

.map {
	position: relative;
}

.map img {
	position: relative;
	z-index: 1;
}

.map .link {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 38px;
	background: #fff;
	color: #333;
	border-radius: 19px;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	z-index: 10;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
}

.map .link:hover {
	background: #333;
	color: #fff;
	transform: translate(3px, 3px);
	box-shadow: none;
}

.map .link01 {
	top: 110px;
	right: 208px;
}

.map .link02 {
	top: 250px;
	right: 178px;
}

.map .link03 {
	top: 302px;
	left: 187px;
}

.map .link04 {
	width: 107px;
	top: 335px;
	right: 93px;
}

.map .link05 {
	bottom: 131px;
	left: 131px;
}

.map .link06 {
	bottom: 114px;
	left: 240px;
}

.map .link07 {
	bottom: 98px;
	right: 197px;
}

.map .oka {
	position: absolute;
	display: block;
	width: 110px;
	padding: 10px 0;
	background: #fff;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	border-radius: 19px;
	z-index: 50;
	top: 313px;
	left: 308px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
}

.map .oka p {
	position: relative;
	text-align: left;
	padding-left: 24px;
	box-sizing: border-box;
	font-weight: 700;
}

.map .oka p::before {
	content: "+";
	font-size: 18px;
	color: #ff8080;
	position: absolute;
	top: -2px;
	right: 18px;
}

.map .oka p.is-active::before {
	content: "-";
}

.map .oka div {
	display: none;
	width: 82px;
	margin: 15px auto 0;
}

.map .oka div a {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	border-radius: 10px;
	height: 30px;
	color: #333;
	box-sizing: border-box;
	padding-left: 8px;
	background: #e3dec5;
	color: #333;
	font-size: 15px;
	margin-bottom: 4px;
}

.map .oka div a::before {
	content: "・";
	font-size: 24px;
	color: #ff8080;
}

.map .oka div a:hover {
	color: #fff;
	background: #333;
}

.map .oka div a:hover::before {
	color: #fff;
}

.area .tit {
	position: relative;
	padding-left: 76px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
	vertical-align: middle;
}

.area .btn_area .tit {
	padding-left: 65px;
}

.area .tit::before {
	content: "";
	display: block;
	width: 60px;
	height: 42px;
	position: absolute;
	left: 9px;
	top: -15px;
	background: url(../image/top/area_icon01.png);
	background-size: cover;
}

.area .tit02::before {
	width: 48px;
	height: 35px;
	top: -4px;
	background-image: url(../image/top/area_icon02.png);
}

.area .tit03::before {
	width: 43px;
	height: 41px;
	top: -8px;
	background-image: url(../image/top/area_icon03.png);
}

.area .tit04::before {
	width: 45px;
	height: 45px;
	top: -13px;
	background-image: url(../image/top/area_icon04.png);
}

.area .tit span {
	font-size: 22px;
	font-weight: 700;
}

.area img {
	border-radius: 30px;

}

.area .btn_area {
	width: calc(100% - 680px);
	position: relative;
}

.area .btn_area .link_area {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.area .btn_area .link_area.area02{
	margin-bottom: 0;
}

.area .btn_area .link_area a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 49%;
	height: 64px;
	/* padding-top:23px; */
	border-radius: 32px;
	background: #e4dec6;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	box-sizing: border-box;
	text-align: center;
}

.area .btn_area .area02 a {
	color: #fc8082;
	font-weight: 700;
	font-size: 22px;
	padding-top: 21px;
}

.area .btn_area .area02 a span {
	font-size: 13px;
	font-weight: 700;
	color: #333;
}

.area .btn_area .link_area a:hover {
	background: #333;
	color: #fff;
	transform: translate(3px, 3px);
	box-shadow: none;
}

.area .btn_area .link_area a:hover span {
	color: #fff;
}

.area .btn_area .link_area .search-form{
	width: 100%;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.area .btn_area .link_area .form-item{
	width: calc(100% - 90px);
	height: 64px;
	padding: 0 15px;
	background: #faf9f5;
	border-radius: 5px;
	font-size: 15px;
	box-sizing: border-box;
	border: 1px solid #e5e2d1;
}

.area .btn_area .link_area input[type="submit"]{
	width: 80px;
	height: 62px;
	border: none;
	padding: 0;
}

.area .btn_area .new {
	display: inline-block;
	padding: 4px 11px;
	background: #fc8082;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	margin-left: 3px;
	vertical-align: middle;
	border-radius: 9px;
}


@media screen and (max-width: 1350px) {
	.area {
		margin: 0 auto 120px;
		padding: 3.9vw 2.85vw 3.2vw 3.5vw;
	}

	.area .map_area {
		width: 58%;
	}

	.map .link {
		width: 6.42vw;
		height: 2.8vw;
		font-size: 15px;
	}

	.map .link01 {
		top: 7.8vw;
		right: 14.8vw;
	}

	.map .link02 {
		top: 17.8vw;
		right: 12.7vw;
	}

	.map .link03 {
		top: 21.5vw;
		left: 13.3vw;
	}

	.map .link04 {
		width: 7.64vw;
		top: 23.9vw;
		right: 6.64vw;
	}

	.map .link05 {
		bottom: 9.35vw;
		left: 9.35vw;
	}

	.map .link06 {
		bottom: 8.14vw;
		left: 17.14vw;
	}

	.map .link07 {
		bottom: 7vw;
		right: 14vw;
	}

	.map .oka {
		width: 95px;
		padding: 0.714vw 0;
		font-size: 15px;
		top: 22.35vw;
		left: 22vw;
	}

	.map .oka p {
		padding-left: 1.7vw;
	}

	.map .oka p::before {
		top: -2px;
		right: 1vw;
	}

	.map .oka p.is-active::before {
		content: "-";
	}

	.map .oka div {
		display: none;
		width: 85%;
		margin: 15px auto 0;
	}

	.map .oka div a {
		/*
		height: 5vw;
		padding-top: 1.6vw;
		*/
	}

	.map .oka div a::before {
		content: "・";
		font-size: 24px;
		color: #ff8080;
	}

	.area .tit04::before {
		/* top: 0; */
	}

	.area .tit span {
		font-size: 22px;
		font-weight: 700;
	}

	.area img {
		border-radius: 30px;

	}

	.area .btn_area {
		width: 40%;
	}

	.area .btn_area .link_area a {
		height: 5vw;
		/*
		padding-top:1.6vw;
		*/
	}

	.area .btn_area .area02 a {
		padding-top: 1.5vw;
	}

	.area .btn_area .link_area .form-item{
		height: 5vw;
	}

	.area .btn_area .link_area input[type="submit"]{
		height: 5vw;
	}

	.area .btn_area .new {
		display: inline-block;
		padding: 4px 11px;
		font-size: 10px;
		font-weight: 700;
		margin-left: 3px;
		vertical-align: middle;
		border-radius: 9px;
	}
}


@media screen and (max-width: 900px) {
	.area .map_area {
		width: 100%;
		margin-bottom: 40px;
	}

	.map .link {
		width: 90px;
		height: 38px;
		font-size: 16px;
	}

	.map .link01 {
		top: 12.8vw;
		right: 27.8vw;
	}

	.map .link02 {
		top: 31.8vw;
		right: 24.7vw;
	}

	.map .link03 {
		top: 38.5vw;
		left: 25.3vw;
	}

	.map .link04 {
		width: 107px;
		top: 42.9vw;
		right: 12.64vw;
	}

	.map .link05 {
		bottom: 16.35vw;
		left: 17.35vw;
	}

	.map .link06 {
		bottom: 13.14vw;
		left: 30.14vw;
	}

	.map .link07 {
		bottom: 12vw;
		right: 26vw;
	}


	.map .oka {
		top: 40.35vw;
		left: 39vw;
		width: 110px;
		font-size: 16px;
		padding: 10px 0;
	}

	.map .oka p {
		padding-left: 24px;
	}

	.map .oka p::before {
		right: 18px;
	}

	.area .btn_area {
		width: 100%;
	}

	.area .btn_area .link_area a {
		height: 64px;
		/* padding-top: 23px; */
	}

	.area .tit04::before {
		top: -13px;
	}

	.area .btn_area .area02 a {
		padding-top: 21px;
	}
	.area .btn_area .link_area .form-item{
		height: 64px;
	}
	.area .btn_area .link_area input[type="submit"]{
		height: 61px;
	}

}


@media screen and (max-width: 750px) {

	.area {
		display: block;
		width: 100%;
		margin: 0 auto 80px;
		padding: 52px 0 40px 0;
		border-radius: 0;
	}

	.area .tit {
		width: 254px;
		margin: 0 auto 17px;
	}

	.area .map_area {
		width: 100%;
		margin-bottom: 25px;
	}

	.area img {
		border-radius: 0;
	}

	.map .link {
		width: 68px;
		height: 27px;
		font-size: 12px;
	}

	.map .link01 {
		top: 16.8vw;
		right: 34.8vw;
	}

	.map .link02 {
		top: 41.8vw;
		right: 25.7vw;
	}

	.map .link03 {
		top: 48.5vw;
		left: 29.3vw;
	}

	.map .link04 {
		width: 78px;
		top: 61.9vw;
		right: 14.64vw;
	}

	.map .link05 {
		bottom: 17.35vw;
		left: 20.35vw;
	}

	.map .link06 {
		bottom: 18.14vw;
		left: 35.14vw;
	}

	.map .link07 {
		bottom: 18vw;
		right: 31vw;
	}

	.map .oka {
		top: 50.35vw;
		left: 51vw;
		width: 80px;
		font-size: 12px;
		padding: 7px 0;
	}

	.map .oka p {
		padding-left: 15px;
	}

	.map .oka p::before {
		right: 12px;
		font-size: 15px;
		top: -2px;
	}

	.map .oka div a {
		height: 24px;
		padding-left: 6px;
		background: #e3dec5;
		color: #333;
		font-size: 12px;
	}

	.map .oka div a::before {
		font-size: 15px;
	}

	.area .btn_area {
		width: 86%;
		margin: 0 auto;
	}

	.area .btn_area .tit02 {
		width: 264px;
	}

	.area .btn_area .tit03 {
		width: 214px;
	}

	.area .btn_area .tit04 {
		width: 270px;
	}

	.area .btn_area .link_area a {
		height: 53px;
		/* padding-top: 20px; */
		font-size: 13px;
	}

	.area .tit04::before {
		top: -13px;
	}

	.area .btn_area .area02 a {
		padding-top: 21px;
	}

	.area .btn_area .area02 a,
	.area .btn_area .area03 a {
		font-size: 17px;
		padding-top: 18px;
	}
	.area .btn_area .link_area .form-item{
		height: 53px;
	}
	.area .btn_area .link_area input[type="submit"]{
		height: 50px;
	}
}


@media screen and (max-width: 500px) {

	.area .tit {
		width: 190px;
		margin: 0 auto 17px;
		font-size: 18px;
		padding-left: 56px;
	}

	.area .tit span {
		font-size: 16px;
	}

	.area .tit::before {
		width: 46px;
		height: 34px;
		left: 0;
		top: -12px;
		background-size: cover;
	}

	.map .link01 {
		top: 20.5vw;
		right: 30vw;
	}

	.map .link02 {
		top: 43vw;
		right: 25.7vw;
	}

	.map .link03 {
		top: 53.5vw;
		left: 28vw;
	}

	.map .link04 {
		width: 78px;
		top: 59.9vw;
		right: 7.64vw;
	}

	.map .link05 {
		bottom: 23vw;
		left: 15vw;
	}

	.map .link06 {
		bottom: 20.14vw;
		left: 34.14vw;
	}

	.map .link07 {
		bottom: 18vw;
		right: 29vw;
	}

	.map .oka {
		top: 57vw;
		left: 51vw;
		width: 80px;
		font-size: 12px;
		padding: 7px 0;
		border-radius: 15px;
	}

	.area .btn_area .tit {
		margin: 0 auto 15px;
		font-size: 18px;
	}

	.area .btn_area .tit span {
		font-size: 16px;
	}

	.area .btn_area .tit .new {
		font-size: 10px;
		transform: translateY(2px);
	}

	.area .btn_area .tit02 {
		width: 200px;
		padding-left: 47px;
	}

	.area .btn_area .tit02::before {
		width: 35px;
		height: 25px;
		top: -5px;
	}

	.area .btn_area .tit03 {
		width: 154px;
		padding-left: 43px;
	}

	.area .btn_area .tit03::before {
		width: 33px;
		height: 32px;
		top: -6px;
	}

	.area .btn_area .tit04 {
		width: 200px;
		padding-left: 45px;
	}

	.area .btn_area .tit04::before {
		width: 33px;
		height: 33px;
		top: -10px;
	}

	.area .btn_area .link_area {
		margin-bottom: 20px;
	}

}


@media screen and (max-width: 400px) {

	.map .link03 {
		top: 53.5vw;
		left: 27vw;
	}

	.map .link04 {
		width: 78px;
		top: 59.9vw;
		right: 7.64vw;
	}

	.map .link05 {
		bottom: 23vw;
		left: 15vw;
	}

	.map .link06 {
		bottom: 20.14vw;
		left: 34.14vw;
	}

	.map .link07 {
		bottom: 18vw;
		right: 29vw;
	}

	.map .oka {
		left: 49vw;
	}

}




/* ==========================================================================
	pickup_slide
========================================================================== */

.pickup_slide {
	opacity: 0;
	transition: opacity .4s linear;
}

.pickup_slide.slick-initialized {
	opacity: 1;
}

.pickup_slide .slick-slide {
	margin: 0 9px;
}

.pickup_slide a {
	display: block;
	padding-bottom: 3px;
}

.pickup_slide a:hover {
	transform: translate(3px, 3px);
}

.pickup_slide a img {
	border-radius: 35px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pickup_slide a:hover img {
	box-shadow: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}




/* ==========================================================================
	donbra-co
========================================================================== */

.donbra-co {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 150px auto 125px;
	z-index: 1000;
	background: #fff;
	padding: 60px 68px 60px 68px;
	box-sizing: border-box;
	border-radius: 45px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
}

.donbra-co::before {
	content: "";
	display: block;
	width: 103px;
	height: 67px;
	position: absolute;
	left: 49px;
	top: -23px;
	z-index: 10;
	background: url(../image/top/donbra-co_icon.png);
	background-size: cover;
}

.donbra-co::after {
	content: "";
	display: block;
	width: 145px;
	height: 37px;
	position: absolute;
	right: 34px;
	top: -43px;
	z-index: 10;
	background: url(../image/top/donbra-co_icon02.png);
	background-size: cover;
}

.donbra-co .inview {
	display: block;
	position: absolute;
	width: 400px;
	right: -128px;
	top: -185px;
	z-index: 50;
	opacity: 0;
	transform: translateX(50px);
	transition: 1s;
}

.donbra-co .inview.move {
	opacity: 1;
	transform: translateX(0px);
}

.donbra-co .tit_area {
	margin-bottom: 56px;
	display: flex;
	flex-direction: column;
}

.donbra-co h2 {
	font-size: 30px;
	font-weight: 700;
	font-feature-settings: normal;
	vertical-align: top;
	display: inline-block;
	order: -1;
/* 	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl; */
}

.donbra-co span {
	font-size: 16px;
	font-weight: 700;
	color: #a59885;
	font-feature-settings: normal;
	vertical-align: top;
	display: inline-block;
/* 	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl; */
	padding-top: 10px;
	margin-right: 15px;
}

.donbra-co .donbra-co_list {
	width: 100%;
}

.donbra-co .donbra-co_list li{
	font-size: 16px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eae6df;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.donbra-co .donbra-co_list li:not(:last-of-type){
	margin-bottom: 30px;
}

.donbra-co .donbra-co_list li .date{
	font-weight: 700;
	color: #ff8080;
	width: 110px;
}

.donbra-co .donbra-co_list li .txt{
	color: #a59885;
	font-weight: 700;
	width: calc(100% - 130px);
}

.donbra-co .donbra-co_list li a{
	color: #a59885;
	font-weight: 700;
}

.donbra-co .donbra-co_list li a:hover{
	color: #ff8080;
}

/* .donbra-co li .wrap {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.donbra-co .img_area {
	width: 50%;
	background-size: cover;
	background-position: center center;
	border-radius: 30px;
}

.donbra-co .img_area::before {
	content: "";
	display: block;
	padding-top: 68%;
}

.donbra-co .text_area {
	position: relative;
	width: 42.3%;
	padding-top: 19px;
	padding-bottom: 140px;
}

.donbra-co .text_area h3 {
	font-size: 27px;
	font-weight: 700;
	color: #ff8080;
	line-height: 1.5;
	margin-bottom: 10px;
}

.donbra-co .text_area p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
}

.donbra-co .text_area .link_btn {
	position: absolute;
	left: 0;
	bottom: 20px;
}

.donbra-co .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.donbra-co .slick-dots {
	text-align: left;
	width: 42.3%;
	bottom: 120px;
	left: 57.7%;
}

.donbra-co .slick-dots li button {
	background: #e4e0c7;
}

.donbra-co .slick-dots li.slick-active button {
	background: #ff8080;
} */


@media screen and (max-width: 1350px) {
	.donbra-co {
		padding: 60px 4.85vw 3.57vw;
	}
}


@media screen and (max-width: 1050px) {

	.donbra-co .img_area,
	.donbra-co .text_area {
		width: 100%;
	}

	.donbra-co .slick-dots {
		left: 0;
	}
}


@media screen and (max-width: 800px) {

	.donbra-co {
		width: 100%;
		margin: 110px auto 85px;
		padding: 55px 6.75vw 60px;
		border-radius: 0px;
		box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2);
	}

	.donbra-co::before {
		width: 77px;
		height: 50px;
		position: absolute;
		left: 50px;
		top: -17px;
	}

	.donbra-co::after {
		width: 93px;
		height: 24px;
		right: 40px;
		top: 32px;
	}

	.donbra-co .inview {
		width: 260px;
		right: -67px;
		top: -60px;
	}

	.donbra-co .tit_area{
		margin-bottom: 40px;
	}

	.donbra-co h2 {
		font-size: 19px;
	}

	.donbra-co .donbra-co_list li{
		font-size: 14px;
		display: block;
		padding-bottom: 20px;
	}

.donbra-co .donbra-co_list li:not(:last-of-type){
	margin-bottom: 20px;
}

.donbra-co .donbra-co_list li .date{
	width: 100%;
	margin-bottom: 8px;
}

.donbra-co .donbra-co_list li .txt{
	width: 100%;
	line-height: 1.6;
}

/* 	.donbra-co span {
		font-size: 11px;
		padding-top: 4px;
		margin-right: 10px;
	}

	.donbra-co .text_area {
		padding-top: 19px;
		padding-bottom: 110px;
	}

	.donbra-co .text_area h3 {
		font-size: 21px;
	}

	.donbra-co .text_area p {
		font-size: 13px;
	}

	.donbra-co .text_area .link_btn {
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 220px;
	}

	.donbra-co .slick-dots {
		bottom: 74px;
	} */

}




/* ==========================================================================
	propertys
========================================================================== */

.propertys {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.propertys::after {
	content: "";
	display: block;
	position: absolute;
	width: 150px;
	height: 38px;
	z-index: 10;
	left: 170px;
	bottom: -147px;
	background: url(../image/top/propetys_icon01.png);
	background-size: cover;
}

.propertys .inview {
	display: block;
	position: absolute;
	width: 444px;
	left: -18px;
	bottom: -180px;
	z-index: 50;
	opacity: 0;
	transform: translateX(-50px);
	transition: 1s;
}

.propertys .inview.move {
	opacity: 1;
	transform: translateX(0px);

}

.propertys .propety_box {
	position: relative;
	width: 49.2%;
	background: #fff;
	padding: 70px 4.2vw 75px;
	box-sizing: border-box;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
}

.propertys .propety_box.box01 {
	border-radius: 0 45px 45px 0;
}

.propertys .propety_box.box01::before {
	content: "";
	display: block;
	position: absolute;
	width: 66px;
	height: 78px;
	left: calc(4.2vw + 15px);
	top: -35px;
	background: url(../image/top/propertys_con01.png);
	background-size: cover;
	z-index: 10;
}

.propertys .propety_box.box02 {
	border-radius: 45px 0 0 45px;
}

.propertys .propety_box.box02::before {
	content: "";
	display: block;
	position: absolute;
	width: 76px;
	height: 75px;
	left: calc(4.2vw + 15px);
	top: -28px;
	background: url(../image/top/propertys_con02.png);
	background-size: cover;
	z-index: 10;
}

.propertys h2 {
	padding-left: 15px;
	box-sizing: border-box;
}

.propertys .s_tit {
	margin-bottom: 56px;
	padding-left: 15px;
	box-sizing: border-box;
}

.propertys .slide_item {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 17px;
	cursor: pointer;
}

.propertys .img_area {
	width: 50%;
	height: 13.57vw;
	position: relative;
	overflow: hidden;
	padding: 17px 0 0 18px;
	border-radius: 30px;
	box-sizing: border-box;
	background-position: center center;
	background-size: cover;
	z-index: 1;
}

.propertys .img_area::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	border-radius: 30px;
}

.propertys .slide_item:hover .img_area::before {
	opacity: .2;
}

.propertys .img_area span {
	position: relative;
	display: inline-block;
	padding: 4px 10px;
	background: #fff;
	border-radius: 12px;
	font-size: 12px;
	margin-right: 4px;
	z-index: 10;
}

.propertys .img_area .new {
	background: #ff8081;
	color: #fff !Important;
}

.propertys .text_area {
	width: 46.5%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.propertys h3 {
	margin-bottom: 10px;
}

.propertys h3 span {
	font-size: 18px;
	line-height: 29px;
	font-weight: 700;
}

.propertys p {
	position: relative;
	padding-left: 40px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 5px;
	color: #333;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

.propertys p.koumoku02 {
	margin-bottom: 0;
}

.propertys p::before {
	content: "";
	display: block;
	width: 35px;
	padding: 2px 0;
	border-radius: 12px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 2px;
	background: #e1dbc1;
	font-size: 10px;
}

.propertys p.koumoku01::before {
	content: "住所";
}

.propertys p.koumoku02::before {
	content: "交通";
}

.propertys p.koumoku03::before {
	content: "価格";
	top: 7px;
}

.propertys p span {
	font-size: 20px;
	font-weight: 700;
}

.propertys p span:last-child {
	font-size: 13px;
	font-weight: 700;
}

.propertys .slide_item.cate01 .img_area span,
.propertys .slide_item.cate01 h3 span,
.propertys .slide_item.cate01:hover p {
	color: #ff8080;
}

.propertys .slide_item.cate01 h3 span {
	background: linear-gradient(transparent 97%, #ff8080 0%);
}

.propertys .slide_item.cate02 .img_area span,
.propertys .slide_item.cate02 h3 span,
.propertys .slide_item.cate02:hover p {
	color: #1992a6;
}

.propertys .slide_item.cate02 h3 span {
	background: linear-gradient(transparent 97%, #1992a6 0%);
}

.propertys .slide_item.cate03 .img_area span,
.propertys .slide_item.cate03 h3 span,
.propertys .slide_item.cate03:hover p {
	color: #69a15e;
}

.propertys .slide_item.cate03 h3 span {
	background: linear-gradient(transparent 97%, #69a15e 0%);
}

.propertys .slide_item.cate04 .img_area span,
.propertys .slide_item.cate04 h3 span,
.propertys .slide_item.cate04:hover p {
	color: #c78440;
}

.propertys .slide_item.cate04 h3 span {
	background: linear-gradient(transparent 97%, #c78440 0%);
}

.propertys .propety_box .link_btn {
	position: absolute;
	right: 4.2vw;
	top: 70px;
	width: 175px;
	padding-left: 17px;
}

.propertys .propety_box .link_btn::before {
	width: 12px;
	height: 11px;
	border: none;
	left: 33px;
	background: url(../image/top/propertys_link_icon01.png);
	background-size: cover;
}

.propertys .propety_box.box02 .link_btn:hover {
	background: #1091a6;
}

.propertys .propety_box.box02 .link_btn::before {
	background-image: url(../image/top/propertys_link_icon02.png);
}

.propertys .propety_box .link_btn:hover::before,
.propertys .propety_box.box02 .link_btn:hover::before {
	background-image: url(../image/top/propertys_link_icon_af.png);
}


@media screen and (max-width: 1350px) {

	.propertys .propety_box {
		padding: 70px 3vw 75px;
	}

}


@media screen and (max-width: 950px) {

	.propertys .propety_box {
		width: 100%;
		padding: 70px 0 75px;
	}

	.propertys .propety_box.box01,
	.propertys .propety_box.box02 {
		border-radius: 0;
	}

	.propertys .propety_box.box01 {
		margin-bottom: 30px;
	}

	.propertys h2,
	.propertys .s_tit {
		padding-left: 55px;
	}

	.propertys .img_area {
		width: 100%;
		height: 40vw;
	}

	.propertys .text_area {
		display: block;
		width: 100%;
		justify-content: normal;
		margin-top: 25px;
	}

	.propertys .slick-slide {
		margin: 0 20px;
	}
}


@media screen and (max-width: 750px) {

	.propertys::after {
		width: 95px;
		height: 24px;
		left: 55px;
		bottom: -102px;
	}

	.propertys .inview {
		width: 299px;
		left: -80px;
		bottom: -130px;
	}

	.propertys .propety_box {
		padding: 70px 0 50px;
	}

	.propertys .propety_box.box01 {
		margin-bottom: 10px;
	}

	.propertys .propety_box.box01::before {
		width: 60px;
		height: 70px;
		left: calc(10.5vw + 7px);
		top: -15px;
	}

	.propertys .propety_box.box02::before {
		width: 68px;
		height: 65.5px;
		left: calc(10.5vw + 7px);
		top: -10px;
	}

	.propertys h2 {
		padding-left: 10.5vw;
	}

	.propertys .s_tit {
		margin-bottom: 30px;
		padding-left: 10.5vw;
	}

	.propertys .slide_item {
		margin-bottom: 0;
	}

	.propertys .slick-slide {
		margin: 0 10px;
	}

	.propertys .img_area {
		height: 45.5vw;
		padding: 16px 0 0 16px;
	}

	.propertys .img_area span {
		border-radius: 11px;
		font-size: 11px;
	}

	.propertys h3 {
		margin-bottom: 15px;
	}

	.propertys h3 span {
		font-size: 17px;
		line-height: 28px;
	}

	.propertys p span {
		font-size: 19px;
	}

	.propertys .propety_box .link_btn {
		width: 140px;
		top: 50px;
		right: 6.8vw;
	}

	.propertys .propety_box .link_btn::before {
		width: 11px;
		height: 10px;
		left: 21px;
	}

}




/* ==========================================================================
	column
========================================================================== */

.column {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 235px auto 180px;
	padding: 95px 0 65px;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
	z-index: 10;
	background: #fff;
	border-radius: 45px;
}

.column::before {
	content: "";
	display: block;
	width: 171px;
	height: 165px;
	position: absolute;
	top: -70px;
	right: 64px;
	background: url(../image/top/column_icon02.png);
	background-size: cover;
	z-index: 10;
}

.column::after {
	content: "";
	display: block;
	width: 203px;
	height: 138px;
	position: absolute;
	bottom: -66px;
	left: 40px;
	background: url(../image/top/column_icon04.png);
	background-size: cover;
	z-index: 10;
}

.column .title {
	position: relative;
	text-align: center;
}

.column .title::before {
	content: "";
	display: block;
	width: 91px;
	height: 100px;
	position: absolute;
	top: -132px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../image/top/column_icon01.png);
	background-size: cover;
	z-index: 10;
}

.column .s_tit {
	text-align: center;
}

.column .column_slide_wrap {
	position: relative;
	width: 108%;
	transform: translateX(-4%);
	margin: 40px 0;
}

.column .slide_item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 45px;
	height: 41.4vw;
	max-height: 580px;
	min-height: 420px;
	background-position: center center;
	background-size: cover;
	padding-left: 158px;
	box-sizing: border-box;
}

.column .slide_item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .4;
}

.column .slide_item:hover::before {
	opacity: .6;
}


.column .slide_item .text_area {
	position: relative;
	width: 415px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 41.4vw;
	max-height: 580px;
	min-height: 420px;
	z-index: 10;
}

.column .slide_item span {
	display: inline-block;
	padding: 8px 20px;
	border: 2px solid #e3dec5;
	color: #e3dec5;
	font-size: 16px;
	margin-right: 6px;
	border-radius: 20px;
	box-sizing: border-box;
}

.column .slide_item .new {
	font-size: 14px;
	padding: 9px 20px;
	border-color: #ff7d85;
	background: #ff7d85;
	color: #fff;
}

.column .slide_item h3 {
	font-size: 40px;
	line-height: 64px;
	font-weight: 700;
	margin: 26px 0 20px;
	color: #e3dec5;
}

.column .slide_item p {
	font-size: 16px;
	font-weight: 700;
	color: #e3dec5;
}

.column .slide_item .arrow {
	position: absolute;
	right: 40px;
	bottom: 35px;
	z-index: 10;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	border: 2px solid #e3dec5;
}

.column .slide_item:hover .arrow {
	background: #e3dec5;
}

.column .slide_item .arrow::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #e3dec5;
	line-height: 0px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .4s ease;
}


.column .slide_item:hover .arrow::before {
	border-color: transparent transparent transparent #000;
}

.column .my-dots {
	position: absolute;
	width: 10px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 30px;
	top: 0;
	z-index: 20;
}

.column .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.column .slick-dots {
	text-align: left;
	width: 100%;
	right: auto;
	bottom: auto;
}

.column .slick-dots li {
	margin: 4px 0;
}

.column .slick-dots li button {
	background: #fff;
}

.column .slick-dots li.slick-active button {
	background: #ff8080;
}

.column .inview {
	display: block;
	position: absolute;
	width: 384px;
	left: 112px;
	bottom: -115px;
	z-index: 50;
	opacity: 0;
	transform: translateX(-50px);
	transition: 1s;
	z-index: 50;
}

.column .inview.move {
	opacity: 1;
	transform: translateX(0px);
}


@media screen and (max-width: 1400px) {
	.column .slide_item {
		padding-left: 11.2vw;
	}
}


.column .link_btn {
	width: 275px;
	margin-left: calc(90% - 260px);
	padding-left: 38px;
}

.column .link_btn::before {
	width: 12px;
	height: 11px;
	border: none;
	left: 54px;
	background: url(../image/top/column_link_icon.png);
	background-size: cover;
}

.column .link_btn:hover {
	background: #69a15e;
}

.column .link_btn:hover::before {
	background-image: url(../image/top/propertys_link_icon_af.png);
}

.column_list {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1000px;
	margin: 58px auto 0;
}

.column_list a {
	display: block;
	position: relative;
	margin: 0 3% 58px 0;
	width: 31.3%;
}

.column_list a:nth-child(3n) {
	margin-right: 0;
}

.column_list .cate {
	position: absolute;
	left: 24px;
	top: -15px;
	z-index: 10;
}

.column_list .cate span {
	display: inline-block;
	background: #fff;
	border: 1px solid #333;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	color: #333;
	box-sizing: border-box;
	margin-right: 2px;
	border-radius: 12px;
}

.column_list .cate .new {
	padding: 6px 10px;
	color: #fff;
	background: #ff8080;
	border-color: #ff7d85;
	font-size: 10px;
}

.column_list .img_area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	border-radius: 30px;
	z-index: 1;
}

.column_list .img_area::before {
	content: "";
	display: block;
	padding-top: 64%;

}

.column_list .img_area::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	left: 0;
	top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.column_list a:hover .img_area::after {
	opacity: .2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.column_list h4 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin: 20px 0 15px;
	color: #333;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

.column_list a:hover h4 {
	color: #69a15e;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

.column_list p {
	font-size: 12px;
	color: #69a15e;
	font-weight: 700;
}

.column .slick-slide {
	display: block !Important;
}


@media screen and (max-width: 800px) {

	.column {
		width: 100%;
		margin: 177px auto 40px;
		padding: 52px 0 145px;
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
		border-radius: 0px;
	}

	.column::before {
		width: 90px;
		height: 87.5px;
		top: -28px;
		right: -14px;
	}

	.column::after {
		width: 124px;
		height: 85px;
		bottom: -32px;
		left: -25px;
	}

	.column .title::before {
		width: 79px;
		height: 86px;
		top: -108px;
	}

	.column .column_slide_wrap {
		width: 100%;
		transform: translateX(0);
		margin: 33px 0 0;
	}

	.column .slide_item {
		border-radius: 0;
		height: 77.5vw;
		max-height: 500px;
		min-height: 320px;
		padding-left: 7.5vw;
	}

	.column .slide_item .text_area {
		width: 65vw;
		min-width: 260px;
		height: 77.5vw;
		max-height: 500px;
		min-height: 320px;
	}

	.column .slide_item span {
		padding: 4px 13px;
		border: 2px solid #e3dec5;
		font-size: 12px;
		margin-right: 3px;
	}

	.column .slide_item .new {
		font-size: 10px;
		padding: 6px 13px;
	}

	.column .slide_item h3 {
		font-size: 24px;
		line-height: 40px;
		margin: 20px 0 14px;
	}

	.column .slide_item p {
		font-size: 11px;
	}

	.column .slide_item .arrow {
		right: 27px;
		bottom: 27px;
		width: 48px;
		height: 48px;
		border-radius: 24px;
		border: 1px solid #e3dec5;
	}

	.column .slide_item .arrow::before {
		border-width: 3px 0 3px 6px;
	}

	.column .my-dots {
		position: relative;
		width: 100%;
		height: 10px;
		display: inline-block;
		align-items: normal;
		justify-content: flex-end;
		right: 30px;
		top: 0;
		margin-top: 20px;
		z-index: 20
	}

	.column .slick-dotted.slick-slider {
		margin-bottom: 0;
	}

	.column .slick-dots {
		text-align: right;
	}

	.column .slick-dots li {
		margin: 0 4px;
	}

	.column .slick-dots li button {
		background: #e3dec5;
	}

	.column .slick-dots li.slick-active button {
		background: #ff8080;
	}

	.column .inview {
		width: 56.75vw;
		max-width: 227px;
		left: 5.5vw;
		bottom: -40px;
	}

	.column .link_btn {
		width: 215px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 85px;
		margin: auto;
		padding-left: 20px;
	}

	.column .link_btn::before {
		width: 11px;
		height: 10px;
		left: 32px;
	}

	.column_list {
		width: 86%;
		margin: 70px auto 0;
	}

	.column_list a {
		margin: 0 4.4% 28px 0;
		width: 47.8%;
	}

	.column_list a:nth-child(3n) {
		margin-right: 4.4%;
	}

	.column_list a:nth-child(2n) {
		margin-right: 0;
	}

	.column_list .cate {
		left: 15px;
		top: -8px;
	}

	.column_list .cate span {
		font-size: 10px;
		padding: 2px 8px;
	}

	.column_list .cate .new {
		padding: 2px 8px;
	}

	.column_list h4 {
		font-size: 13px;
		line-height: 17px;
		margin: 12px 0 5px;
	}

	.column_list p {
		font-size: 10px;
	}

}




/* ==========================================================================
	build
========================================================================== */

.build {
	position: relative;
	width: 90%;
	max-width: 920px;
	margin: 0 auto 320px;
}

.build::before {
	content: "";
	display: block;
	width: 1300px;
	height: 1300px;
	position: absolute;
	left: -185px;
	left: calc(50% - 650px);
	margin: auto;
	top: -280px;
	z-index: 1;
	background: #fff;
	border-radius: 1350px;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
}


.build .tit_area {
	position: absolute;
	/*top:-33px;*/
	top: 17px;
	right: 0;
	width: 64px;
	display: flex;
	justify-content: center;
	z-index: 10;
}

.build h2 {
	font-size: 30px;
	font-weight: 700;
	font-feature-settings: normal;
	vertical-align: top;
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}

.build h2::before {
	content: "";
	display: block;
	width: 94px;
	height: 68px;
	position: absolute;
	left: -13px;
	top: -105px;
	background: url(../image/top/build_icon01.png);
	background-size: cover;
}

.build .tit_area span {
	font-size: 16px;
	font-weight: 700;
	color: #a59885;
	font-feature-settings: normal;
	vertical-align: top;
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	margin-right: 15px;
}

.build .img_area {
	position: relative;
	padding-left: 24px;
	text-align: right;
	padding-right: 145px;
	box-sizing: border-box;
	z-index: 10;
}

.build .img01,
.build .img02,
.build .img03 {
	position: absolute;
}

.build .img01 {
	width: 131px;
	left: 24px;
	bottom: 20px;
	-webkit-animation: build01 4s infinite ease-in-out;
	-ms-animation: build01 4s infinite ease-in-out;
	-o-animation: build01 4s infinite ease-in-out;
	animation: build01 4s infinite ease-in-out;
}


@keyframes build01 {
	50% {
		transform: translate(10px, 10px);
	}
}

@-ms-keyframes build01 {
	50% {
		transform: translate(10px, 10px);
	}
}

.build .img02 {
	width: 123px;
	left: 174px;
	top: -6px;
	-webkit-animation: build02 4s infinite ease-in-out;
	-ms-animation: build02 4s infinite ease-in-out;
	-o-animation: build02 4s infinite ease-in-out;
	animation: build02 4s infinite ease-in-out;
}

@keyframes build02 {
	50% {
		transform: translate(10px, -10px);
	}
}

@-ms-keyframes build02 {
	50% {
		transform: translate(10px, -10px);
	}
}

.build .img03 {
	width: 161px;
	left: 233px;
	bottom: 0px;
	-webkit-animation: build03 4s infinite ease-in-out;
	-ms-animation: build03 4s infinite ease-in-out;
	-o-animation: build03 4s infinite ease-in-out;
	animation: build03 4s infinite ease-in-out;
}

@keyframes build03 {
	50% {
		transform: translate(10px, 0);
	}
}

@-ms-keyframes build03 {
	50% {
		transform: translate(10px, 0);
	}
}

.build .img04 {
	display: inline-block;
	width: 324px;
}

.build .text_area {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 10;
	padding-left: 50px;
	box-sizing: border-box;
	margin: 96px auto 50px;
}

.build h3 {
	width: 98px;
}

.build p {
	width: calc(100% - 150px);
	max-width: 686px;
	font-size: 18px;
	line-height: 44px;
	letter-spacing: 0.02em;
	font-weight: 700;
}

.build .link_txt {
	display: block;
	position: relative;
	width: 185px;
	margin: 0 auto 15px;
	font-size: 23px;
	font-weight: 700;
	color: #ff7d85;
	z-index: 10;
}

.build .link_txt img {
	display: inline-block;
	width: 146px;
	margin-right: 8px;
	transform: translateY(-2px);

}

.build .link_btn {
	font-size: 28px;
	color: #fff;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	padding-left: 48px;
	width: 562px;
	height: 118px;
	background: #ff7d85;
	border-radius: 59px;
	margin: 0 auto;
}

.build .link_btn::before {
	width: 71px;
	height: 39px;
	left: 65px;
	background: url(../image/top/build_link_icon.png);
	background-size: cover;
	border: none;
}

.build .link_btn::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 10;
	width: 9px;
	height: 9px;
	right: 48px;
	top: 58px;
	background: url(../image/top/build_link_icon02.png);
	background-size: cover;
}

.build .link_btn:hover {
	background: #333;
}


@media screen and (max-width: 940px) {
	.build .img_area {
		padding-right: 25px;
		transform: translateX(-60px);
	}

	.build p .sp_off {
		display: none;
	}
}




@media screen and (max-width: 800px) {

	.build {
		position: relative;
		width: calc(100% - 14.5vw);
		margin: 0 auto 45vw;
		padding-top: 200px;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: row-reverse;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.build::before {
		width: 975px;
		height: 975px;
		left: calc(50% - 487px);
		top: -128px;
		border-radius: 975px;
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	}

	.build .tit_area {
		position: relative;
		top: 0;
		right: 0;
		width: 53px;
		margin-top: 64px;
	}

	.build h2 {
		font-size: 19px;
	}

	.build h2::before {
		width: 57px;
		height: 41px;
		left: 0px;
		top: -64px;
	}

	.build .tit_area span {
		font-size: 10px;
		margin-right: 11px;
	}

	.iPhone .build .tit_area span {
		margin-right: 5px;
	}

	/*
	.build .img_area {
		position: relative;
		padding-left:0;
		text-align:right;
		padding-right:0;
		width: 107.8vw;
		transform: translateX(-3.9vw)
	}
	.build .img01{
		width: 22vw;
		left: 0;
		bottom:14px;
		}
	.build .img02{
		width: 20vw;
		left: 9.3vw;
		top:-4px;
	}

	.build .img03{
		width: 27vw;
		left: 21vw;
	}

	.build .img04{
		width:58vw;
	}
	*/

	.build .img_area {
		position: absolute;
		padding-left: 0;
		padding-right: 0;
		width: 432px;
		top: 0;
		left: calc(50% - 150px);
	}

	.build .img01 {
		width: 88px;
		left: 0;
		bottom: 14px;
	}

	.build .img02 {
		width: 80px;
		left: 61px;
		top: -4px;
	}

	.build .img03 {
		width: 108px;
		left: 91px;
	}

	.build .img04 {
		width: 217px;
	}

	.build .text_area {
		width: calc(100% - 48px - 7.5vw);
		padding-left: 0;
		margin: 0 auto 40px;
	}

	.build h3 {
		width: 231px;
		margin-bottom: 25px;
	}

	.build p {
		width: 100%;
		font-size: 13px;
		line-height: 26px;
	}

	.build .link_txt {
		width: 111px;
		margin: 0 auto 10px;
		font-size: 14px;
	}

	.build .link_txt img {
		width: 87px;
		margin-right: 6px;
		transform: translateY(-1px);
	}

	.build .link_btn {
		font-size: 17px;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
		padding-left: 48px;
		width: 95%;
		max-width: 350px;
		height: 72px;
		border-radius: 36px;
	}

	.build .link_btn::before {
		width: 44px;
		height: 26px;
		top: 3px;
		left: 20px;
		background-image: url(../image/top/build_link_icon_sp.png);
	}

	.build .link_btn::after {
		width: 6px;
		height: 6px;
		right: 20px;
		top: 35px;
		background-image: url(../image/top/build_link_icon02_sp.png);
	}

}


@media screen and (max-width: 500px) {
	.build {
		margin-bottom: 210px;
	}
}




/* ==========================================================================
	bnr
========================================================================== */
.bnr_top {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 10;
	margin-bottom: 150px;
}

.bnr_top p{
	width: 48.33334%;
}

.bnr_top p a{
	display: block;
	padding-bottom: 3px;
}

.bnr_top p a img{
	display: block;
	border-radius: clamp(0px, 2.5vw, 35px);
	box-shadow: 3px 3px 0px 0px rgb(0, 0, 0, 0.2);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.bnr_top p a:hover{
	transform: translate(3px, 3px);
}

.bnr_top p a:hover img{
	box-shadow: none;
}


@media screen and (max-width: 800px) {
	.bnr_top{
		display: block;
		margin-bottom: 40px;
	}
	.bnr_top p{
		width: 100%;
	}
	.bnr_top p:not(:last-of-type){
		margin-bottom: 20px;
	}
	.bnr_top p a img{
	border-radius: clamp(0px, 4.375vw, 100px);
	}
}