.u-inner {
		max-width: 850px;
		margin: 0 auto;
		position: relative;
	}

	.u-inner p.copy {
		font-size: 14px;
	}

	.c-enjoylearn-corner__body {
		width: 760px;
		height: 760px;
		margin: 65px 0 0 -70px;
		padding: 0;
		position: relative;
	}

	.c-enjoylearn-corner__body ul li {
		font-size: 13px;
	}

	.c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body {
		margin-left: 80px;
	}

	.c-enjoylearn-corner__body-inner {
		min-width: 450px;
		/* min-width: 450px; */
		max-width: 510px;
		position: absolute;
		top: 50%;
		left: 45%;
		/* padding-right: 5%; */
		transform: translate(-50%, -50%);
		z-index: 10;
	}

	.c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body-inner {
		min-width: 450px;
		position: absolute;
		top: 50%;
		left: 60%;
		padding-right: 0;
		transform: translate(-50%, -50%);
		z-index: 10;
	}

	/* Firefox */
	@-moz-document url-prefix() {
		.c-enjoylearn-corner__body-inner {
			left: 43%;
		}
	}

	/* Safari */
	_::-webkit-full-page-media,
	_:future,
	:root .c-enjoylearn-corner__body-inner {
		left: 43%;
	}

	.c-enjoylearn-corner__body:after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		background: #fff;
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.c-enjoylearn-corner figure img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.c-enjoylearn-corner.is-corner1 figure .img1 {
		max-width: 350px;
		margin-top: -10px;
		margin-left: 490px;
	}

	.c-enjoylearn-corner.is-corner2 figure .img2 {
		max-width: 320px;
		margin-top: 55px;
		margin-left: -75px;
	}


	.c-enjoylearn-corner.is-corner3 figure .img1 {
		margin-left: 470px;
	}

	@media screen and (max-width: 1020px) {
		.c-enjoylearn-corner__body {
			width: 85%;
			height: auto;
			padding: 85% 0 0;
			margin: 65px 0 0 0;
		}

		.c-enjoylearn-corner.is-corner1 figure .img1 {
			max-width: 55%;
			margin-top: -5%;
			margin-left: 65%;
		}

	}


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

		#sidemenu {
			display: none;
		}

		.u-contents {
			display: block;
			margin-top: 60px;
			margin-bottom: 120px;
			padding: 0 40px;
		}
		.is-corner2.u-contents {
			margin-bottom: 0;
		}
		.c-enjoylearn-corner__body {
			width: calc(100% + 40px) !important;
			margin: 0 -20px !important;
			padding: 0;
			background: #fff;
			border-radius: 15px;
			box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
		}

		.c-enjoylearn-corner__body-inner {
			min-width: 0;
			/* padding: 10% 15% 10% 22%; */
			position: relative;
			top: 0 !important;
			left: 0 !important;
			padding: 20px;
			transform: none;
		}

		.c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body-inner {
			min-width: 0;
			/* padding: 10% 15% 10% 22%; */
			position: relative;
			top: 0 !important;
			left: 0 !important;
			padding: 20px;
			transform: none;
		}

		.u-inner p.copy {
			font-size: 12px;
		}

		.c-enjoylearn-corner__body:after {
			content: '';
			display: none;
			box-shadow: none;
			border-radius: 0;
		}

		.c-enjoylearn-corner.is-corner1 figure .img1 {
			max-width: 65%;
			margin-top: -27%;
			margin-left: 43%;
		}

		.c-enjoylearn-corner.is-corner2 figure .img2 {
			max-width: 180px;
			margin-top: -60px;
			margin-left: 0;
			left: auto;
			right: -30px;
		}

		.c-enjoylearn-corner.is-corner3 figure .img1 {
			margin-left: 0;
			left: auto;
			right: -40px;
			margin-top: -60px;
		}

	}