.web_line_bg {
	position: fixed;
	top: 0;
	display: flex;
	width: 80%;
	left: 10%;
	height: 100%;
	margin: 0 auto;
	justify-content: space-between;
}

.web_line_bg span {
	width: 1px;
	background: rgb(242 242 242 / 47%);
	height: 100%;
}

/* section */
section {
	padding: 6vw 0 4vw;
}

section .area_title .other_txt {
	font-size: max(2 * (1vw + 1vh) / 2, 18px);
}

section .area_title h2 {
	border-bottom: 1px var(--primary) solid;
	line-height: 1;
	letter-spacing: .4rem;
	font-weight: 300;
	font-size: 90px;
}

section .maJJbox {
	display: flex;
	position: relative;
	z-index: 2;
	justify-content: space-between;
}

section .maJJbox * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

section .maJJbox p {
	line-height: 194%;
}

section .maJJbox .maJJinfo p {
	font-size: max(1 * (1vw + 1vh) / 2, 16px);
	line-height: 210%;
	color: #4a4a4a;
	font-weight: 400;
}

section .maJJbox p.sooptext {
	line-height: 50%;
}

section .maJJmore {
	position: relative;
	display: flex;
	margin-top: 40px;
	width: 150px;
}

section .maJJmore a {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 20px;
	background: #a95824;
	border-radius: 50px;
	color: white;
}

section .maJJmore:hover a {
	-moz-transform: translateY(0.75em);
	-webkit-transform: translateY(0.75em);
	-o-transform: translateY(0.75em);
	-ms-transform: translateY(0.75em);
	transform: translateY(-0.75em);
	background-color: #deae35;
}

section .maJJmore:hover::after {
	-moz-transform: translateY(0.75em);
	-webkit-transform: translateY(0.75em);
	-o-transform: translateY(0.75em);
	-ms-transform: translateY(0.75em);
	transform: translateY(-0.75em);
	border-color: #deae35 transparent transparent transparent;
}


.maJJmore::after {
	/* Create the small triangle */
	content: "";
	position: absolute;
	bottom: -12px;
	margin-left: 16px;
	/* Adjust this value to position the triangle */
	border-style: solid;
	border-width: 17px 30px 0 10px;
	border-color: #a95824 transparent transparent transparent;
	/* Replace with your desired background color */
	z-index: -1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

section .maJJbox .maJJleftbox {
	display: flex;
	flex-direction: column;
	width: 50%;
}

section .maJJbox .maJJrightbox {
	display: flex;
	flex-direction: column;
	width: 46%;
	padding: 50px;
}

section#service_area .maJJbox .maJJrightbox:before {
	content: "";
	position: absolute;
	background: url(/images/00/Shape-dot02.png);
	width: 88px;
	aspect-ratio: 1/1;
	top: -123px;
	right: 112px;
	background-size: cover;
}

section .maJJtitle_box {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

section .maJJtitle_box span {
	position: relative;
	font-size: max(1 * (1vw + 1vh) / 2, 18px);
	display: flex;
	align-items: center;
}

section .maJJtitle_box span:before {
	content: "";
	position: relative;
	display: flex;
	width: 70px;
	height: 1px;
	background: #585858;
	margin-right: 10px;
}

section .maJJtitle_box span:after {
	content: "";
	position: absolute;
	display: flex;
	width: 31px;
	height: 4px;
	background: #a95824;
	margin-right: 10px;
	align-items: center;
	margin-top: -1px;
}

section .maJJtitle_box h2 {
	font-size: max(4 * (1vw + 1vh) / 2, 40px);
	text-transform: capitalize;
}

section .maJJtitle_box h2::first-letter {
	color: #a95824;
}

section .maJJtitle_box p {}

section .area_title h3 {
	font-size: 32px;
	letter-spacing: .4rem;
	font-weight: 400;
}

section .area_title p {
	letter-spacing: .2rem;
	font-weight: 300;
	font-size: 18px;
}

section .area_title .more_btn {
	padding: 11px 30px 13px 60px;
	line-height: 1;
	border-radius: 30px;
}

section .area_title .more_btn font {
	border-right: 1px #fff solid;
	line-height: 1;
	font-size: 15px;
	color: #fff;
}

section .area_title .more_btn svg {
	width: 12px;
	height: 12px;
	fill: none;
	stroke: #fff;
}

section .arrow_btns_box .arrow {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

section .arrow_btns_box .arrow svg {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.4);
	transform: scale(.4);
}

section .arrow_btns_box .arrow.next {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.sooptext {
	position: absolute;
	color: #59c2e0;
	font-size: max(9 * (1vw + 1vh) / 2, 85px);
	-webkit-text-stroke: 1px rgb(246 246 246);
	-webkit-text-fill-color: transparent;
	margin-left: -14px;
	top: -62px;
	font-weight: 700;
	line-height: 70%;
	text-transform: uppercase;
	z-index: -1;
}

/* service_area */
#service_area {
	position: relative;
	padding-top: 200px;
	padding-bottom: 200px;
}

#service_area:before {
	content: "";
	position: absolute;
	background-image: url(/images/00/as_abg.png);
	background-position: 0% 151%;
	background-size: contain;
	width: 100%;
	height: 500px;
	bottom: -86px;
}

section#service_area .maJJbox .maJJleftbox {
	position: relative;
}

section#service_area .maJJbox .maJJleftbox:before {
	content: "";
	position: absolute;
	width: 50px;
	top: 42%;
	left: -26px;
	aspect-ratio: 1/2;
	background: url(/images/00/Shape-dot.png);
	background-size: cover;
	animation-iteration-count: infinite;
	animation-name: container;
	transform-origin: center bottom;
	animation-duration: 7s;
	animation-fill-mode: both;
}

@keyframes container {

	0%,
	100%,
	20%,
	50%,
	80% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes container2 {
	0% {
		transform: translateY(0em);
	}

	50% {
		transform: translateY(0.75em);
	}

	100% {
		transform: translateY(0em);
	}

}

.ellipse {
	position: absolute;
	width: 15%;
	aspect-ratio: 1/1;
	top: -67px;
	left: -129px;
	background-color: #deae35;
	border-radius: 56% / 56%;
	z-index: 0;
	animation: waterRipple 3s infinite;
}

.ellipse2 {
	position: absolute;
	width: 50%;
	height: 323px;
	top: -170px;
	right: 24px;
	background-color: #f6f6f6;
	border-radius: 9% 94% /0% 101%;
	z-index: 0;
	-moz-transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	-webkit-transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	-o-transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	-ms-transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	animation: waterDroplet 3s infinite;
}



@keyframes waterRipple {
	0% {
		transform: translate(0, 0) scale(1);
	}

	50% {
		transform: translate(10px, 9px) scale(1.01);
	}

	100% {
		transform: translate(0, 0) scale(1);
	}
}

@keyframes waterDroplet {
	0% {
		transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	}

	25% {
		transform: translate(2px) rotate(20deg) scale(1.02) scaleX(-1);
	}

	50% {
		transform: translate(0px) rotate(21deg) scale(0.98) scaleX(-1);
	}

	75% {
		transform: translate(-1px) rotate(21deg) scale(1.01) scaleX(-1);
	}

	100% {
		transform: translate(1px) rotate(21deg) scale(1) scaleX(-1);
	}
}

@keyframes waterDroplet2 {
	0% {
		transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	}

	25% {
		transform: translate(1px) rotate(-18deg) scale(0.98) scaleX(1);
	}

	50% {
		transform: translate(0px) rotate(-18deg) scale(0.99) scaleX(1);
	}

	75% {
		transform: translate(1px) rotate(-18deg) scale(0.98) scaleX(1);
	}

	100% {
		transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	}
}

/*inn_area*/

#inn_area {
	position: relative;
}

.ellipse4 {
	position: absolute;
	width: 67%;
	height: 468px;
	top: -99px;
	z-index: 0;
	right: -5%;
	background-color: #deae35;
	border-radius: 14% 94% /89% 89%;
	z-index: 0;
	-moz-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	-webkit-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	-o-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	-ms-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	animation: waterDroplet2 3s infinite;
}

.ellipse5 {
	position: absolute;
	width: 58%;
	height: 468px;
	bottom: -100px;
	z-index: 0;
	left: -4%;
	background-color: #deae35;
	border-radius: 14% 94% /89% 89%;
	z-index: 0;
	-moz-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	-webkit-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	-o-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	-ms-transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
	transform: translate(1px) rotate(-18deg) scale(1) scaleX(1);
}

.ellipse5:before {
	content: "";
	position: absolute;
	background: url(/images/00/Shape-dot02.png);
	width: 88px;
	aspect-ratio: 1/1;
	bottom: -8%;
	left: 41%;
	background-size: cover;
	animation-iteration-count: infinite;
	animation-name: container2;
	transform-origin: center bottom;
	animation-duration: 3s;
	animation-fill-mode: both;
}

#inn_area:before {
	content: "";
	background: url(/images/00/caname.jpg);
	position: absolute;
	width: 136%;
	left: -13%;
	height: 672px;
	-moz-transform: skewX(-25deg) skewY(5deg);
	-webkit-transform: skewX(-25deg) skewY(5deg);
	-o-transform: skewX(-25deg) skewY(5deg);
	-ms-transform: skewX(-25deg) skewY(5deg);
	transform: skewX(-25deg) skewY(5deg);
	background-size: cover;
	z-index: 1;
}

#inn_area .rounnd_box {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	justify-items: center;
	align-items: center;
	width: 650px;
	/* adjust width as needed */
	aspect-ratio: 1/1;
	/* adjust height as needed */
	border-radius: 50%;
	padding: 0;
	max-width: 100%;
}

#inn_area .rounnd_box:before {
	content: "";
	position: absolute;
	width: 51%;
	aspect-ratio: 1/1;
	background: #f1f1f1;
	border-radius: 50%;
}

#inn_area .rounnd_box:after {
	content: "";
	position: absolute;
	width: 68%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	z-index: 0;
	border: #b8b8b8 dotted 2px;
	animation: rotate 50s linear infinite;
}

#inn_area .rounnd_box:hover {
	animation-play-state: paused;
	/* pause animation on hover */
}

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

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

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

	100% {
		transform: rotate(-360deg);
	}
}

#inn_area .rounnd_box>div {
	grid-area: 1 / 1;
	width: 42%;
	transform: translate(50%, 50%);
	border-radius: 50%;
}

#inn_area .rounnd_box .doulist {
	z-index: 2;
}

#inn_area .rounnd_box .info_box {
	display: flex;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
	background: #01010178;
}

#inn_area .rounnd_box .info_box * {
	color: white;
	font-weight: 400;
	text-transform: capitalize;
}

#inn_area .rounnd_box>div img {}

#inn_area .rounnd_box>div:nth-child(1) {
	transform: translate(0, -80%);
}

#inn_area .rounnd_box>div:nth-child(2) {
	transform: translate(80%, 0);
}

#inn_area .rounnd_box>div:nth-child(3) {
	transform: translate(0, 80%);
}

#inn_area .rounnd_box>div:nth-child(4) {
	transform: translate(-80%, 0);
}

section#inn_area .maJJbox .maJJleftbox {
	padding: 0;
	margin-top: -41px;
}

/*neww_area*/

#neww_area {
	position: relative;
}

#neww_area:before {
	content: "";
	position: absolute;
	width: 150px;
	aspect-ratio: 1/1;
	background-image: url(/images/00/logo-icon.gif);
	right: 7%;
	top: -2%;
	z-index: 9;
	background-size: cover;
}

#neww_area .runing .photo {
	position: relative;
	display: flex;
	width: 340%;
}

#neww_area .runing {
	position: absolute;
	top: 28%;
	z-index: 0;
}

#neww_area .runing .photo>div {
	position: relative;
	padding: 10px 0px;
	margin: 67px 0px 26px;
	display: flex;
	text-align: center;
	transition: all .7s ease-out;
	-webkit-animation: picture_scroll 40s linear infinite;
	animation: picture_scroll 50s linear infinite;
	transform: translateX(-11%);
}

#neww_area .photo .focus {
	margin: 0 12px;
	display: flex;
	align-items: center;
}

#neww_area .photo .focus img {
	height: 100px;
	object-fit: cover;
}


section#neww_area .maJJtitle_box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

section#neww_area .maJJtitle_box:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 1px;
	background: #585858;
	bottom: 0;
}

section#neww_area .maJJtitle_box:after {
	content: "";
	position: absolute;
	display: flex;
	width: 31px;
	height: 4px;
	background: #a95824;
	align-items: center;
	bottom: -1px;
}

section#neww_area .maJJtitle_box span:before,
section#neww_area .maJJtitle_box span:after {
	display: none;
}

section#neww_area .parightbox {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-end;
	z-index: 3;
}

section#neww_area .maJJmore {
	display: flex;
	width: 50%;
}

section#neww_area .parightbox .parlist {
	display: flex;
	width: 40%;
	margin-right: 17%;
	align-items: center;
	position: relative;
}

section#neww_area .parightbox .parlist #prev-button {
	border-bottom: #bababa 1px solid;
	padding-left: 8%;
	font-size: max(1.2 * (1vw + 1vh) / 2, 16px);
	text-transform: uppercase;
	margin-right: 3%;
}

section#neww_area .parightbox .parlist #next-button {
	border-bottom: #bababa 1px solid;
	padding-right: 8%;
	font-size: max(1.2 * (1vw + 1vh) / 2, 16px);
	text-transform: uppercase;
	margin-left: 3%;
}

section#neww_area .parightbox .parlist .paritem {
	position: relative;
	padding: 60px 25px;
	box-shadow: 0 0 0.5em rgb(0 0 0 / 20%);
	margin: 55px 9px 30px;
	background-color: white;
}

section#neww_area .parightbox .parlist .paritem .date {
	position: absolute;
	right: 23px;
	top: -33px;
	background: white;
	width: 70px;
	aspect-ratio: 1/1;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: #bdbdbd 1px solid;
}

section#neww_area .parightbox .parlist .paritem .cate {
	background: #a95824;
	width: 135px;
	margin-bottom: 20px;
}

section#neww_area .minfo p {
	font-size: max(1.1 * (1vw + 1vh) / 2, 16px);
	line-height: 210%;
	color: #4a4a4a;
	font-weight: 400;
}

section#neww_area .parightbox .parlist .paritem .cate p {
	color: white;
	padding: 0 10px;
}

section#neww_area .cs_big_img {
	position: relative;
	margin-top: -400px;
	width: 48%;
	z-index: 2;
}

section#neww_area .cs_big_img img {
	animation-iteration-count: infinite;
	animation-name: container2;
	transform-origin: center bottom;
	animation-duration: 6s;
	animation-fill-mode: both;
}

@keyframes picture_scroll {
	from {
		transform: translateX(-11%);
	}

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

@-webkit-keyframes picture_scroll {
	from {
		-webkit-transform: translateX(0%);
	}

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



/* animation */
@-webkit-keyframes product_bg {

	0%,
	100% {
		-webkit-transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-10%);
	}
}

@keyframes product_bg {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10%);
	}
}

@-webkit-keyframes book_element {

	0%,
	100% {
		-webkit-transform: translate(-7vw, -1vmax);
	}

	50% {
		-webkit-transform: translate(-6vw, -1vmax);
	}
}

@keyframes book_element {

	0%,
	100% {
		transform: translate(-7vw, -1vmax);
	}

	50% {
		transform: translate(-6vw, -1vmax);
	}
}

@media screen and (min-width: 1501px) {
	#book_area .area_title {
		padding: 5vw 40px 6vw calc((100% - 1440px) / 2);
		width: 650px;
	}
}

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


	section .area_title .other_txt {
		font-size: 4vmax;
	}

	section .area_title h2 {
		font-size: 4.2vmax;
	}

	section .area_title h3 {
		font-size: 2vmax;
	}
}

@media screen and (max-width: 1470px) {
	section {
		padding: 4vw 0 3vw;
	}

	.ellipse {
		width: 12%;
		top: -54px;
		left: -110px;
	}

	.ellipse2 {
		right: 8px;
		top: -187px;
	}

	#service_area {
		padding-top: 140px;
		padding-bottom: 100px;
	}

	section#service_area .maJJbox .maJJrightbox:before {
		top: -80px;
		right: 140px;
		width: 75px;
	}

	.sooptext {
		top: -53px;
	}

	section .maJJbox .maJJrightbox {
		padding: 20px;
	}

	.ellipse4 {
		width: 57%;
		height: 304px;
		top: -47px;
	}

	#inn_area .rounnd_box>div {
		width: 34%;
	}

	#inn_area .rounnd_box:before {
		width: 45%;
	}

	#inn_area .rounnd_box:after {
		width: 65%;
	}

	section#inn_area .maJJbox .maJJleftbox {
		margin-top: -53px;
	}

	#inn_area:before {
		height: 545px;
	}

	.ellipse5 {
		bottom: 3px;
		width: 57%;
		height: 400px;
		left: -4%;
	}

	.ellipse5:before {
		width: 70px;
	}

	#neww_area:before {
		width: 100px;
		top: -10%;
	}
}



@media screen and (max-width: 1160px) {
	section .area_title h2 {
		font-size: 6vmax;
	}

	section .area_title .other_txt {
		font-size: 5.5vmax;
	}

	section .area_title h3 {
		font-size: 3vmax;
	}

	#discount_area {
		padding-bottom: 5vw;
	}

	#discount_area #discount_list {
		grid-template-rows: 55% 45%;
	}

	#discount_area #discount_list .info_box {
		padding: 20px;
	}

	#discount_area #slogan_box {
		padding-bottom: 30px;
	}

	#discount_area #slogan_box:before {
		display: none;
	}

	#discount_area #slogan_box .row {
		padding-left: 80px;
	}

	#book_area .area_title {
		width: 400px;
	}

	section .maJJbox .maJJinfo p {
		overflow: hidden;
		margin: 10px 0;
		height: 102px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	#inn_area:before {
		height: 500px;
	}

	.ellipse5 {
		bottom: -43px;
	}

	#neww_area:before {
		top: -1%;
	}

	section#neww_area .cs_big_img {
		display: none;
	}

	section#neww_area .parightbox {
		display: flex;
		align-items: center;
	}

	section#neww_area .parightbox .parlist {
		width: 90%;
		margin-right: 0;
		display: flex;
		justify-content: center;
	}

	section#neww_area .maJJmore {
		display: flex;
		justify-content: center;
	}

	.webBox section#neww_area .slick-slider {
		min-width: auto;
		width: 80%;
	}

	section#neww_area .parightbox .parlist #prev-button {
		padding-left: 0;
	}

	section#neww_area .parightbox .parlist #next-button {
		padding-right: 0;
	}
}

@media screen and (max-width: 1024px) {
	section#service_area .maJJbox .maJJrightbox:before {
		display: none
	}

	section .maJJbox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#service_area {
		padding-top: 85px;
		padding-bottom: 100px;
	}

	#inn_area {
		background-color: #f2f2f2;
	}

	#inn_area:before {
		display: none;
	}

	section .maJJbox .maJJleftbox {
		width: min(90%, 700px);
	}

	section .maJJbox .maJJrightbox {
		width: min(90%, 700px);
	}

	.ellipse,
	.ellipse2,
	.ellipse3,
	.ellipse4,
	.ellipse5 {
		display: none;
	}

	#neww_area:before {
		top: -8%;
	}

	#discount_area .bgs_box>div:nth-child(1) img {
		width: 19vw;
	}

	#discount_area .bgs_box>div:nth-child(2) img {
		width: 8vw;
	}

	#discount_area .bgs_box>div:nth-child(3) img {
		width: 9vw;
		bottom: 0;
	}

	#discount_area .bgs_box>div:nth-child(4) img {
		width: 40vw;
	}

	#discount_area .diamond_svg {
		width: 6vw;
		top: -6vw;
		left: 7vw;
	}
}

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


	#discount_area #discount_list {
		grid-template-columns: 1fr;
		grid-template-rows: 400px 250px;
		grid-gap: 30px 50px;
		align-content: center;
	}

	#discount_area #picture_box {
		grid-row-end: inherit;
	}

	#discount_area #picture_box img {
		height: 400px;
	}

	#discount_area #slogan_box,
	#discount_area .diamond_svg {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#book_area {
		flex-wrap: wrap;
	}

	#book_area .area_title {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#inn_area .rounnd_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
		aspect-ratio: auto;
	}

	#inn_area .rounnd_box .doulist {
		display: flex;
		margin: 5px 5px;
		width: 47%;
	}

	section#inn_area .maJJbox .maJJleftbox {
		margin-top: 0;
	}

	#inn_area .rounnd_box>div:nth-child(1) {
		transform: translate(0%, 0);
	}

	#inn_area .rounnd_box>div:nth-child(2) {
		transform: translate(0%, 0);
	}

	#inn_area .rounnd_box>div:nth-child(3) {
		transform: translate(0, 0%);
	}

	#inn_area .rounnd_box>div:nth-child(4) {
		transform: translate(0%, 0);
	}

	#inn_area .rounnd_box:before,
	#inn_area .rounnd_box:after,
	#neww_area:before {
		display: none;
	}

	section .maJJmore {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	section {
		padding: 20px 0 45px;
	}
}

@media screen and (max-width: 550px) {
	section .area_title .more_btn {
		padding-left: 40px;
	}


	#product_area .workframe {
		flex-wrap: wrap;
	}

	#product_area .area_title.left {
		width: 100%;
	}

	#product_area .area_title.arrow_btns_box {
		margin-bottom: 1rem;
		width: 100%;
		justify-content: end;
	}

	#product_area #product_list li>div {
		margin: 30px 20px;
	}

	#book_area #book_box #book_list li>div img {
		width: 65vw;
	}

	section#service_area .maJJbox .maJJleftbox:before {
		width: 32px;
		left: -19px;
	}

	#service_area {
		padding-top: 85px;
		padding-bottom: 50px;
	}
}