@charset "UTF-8";

:root {
	--sec-pdd1: 50px, 13.889vw * 0.6;
	--sec-pdd2: 60px, 16.667vw * 0.6;
	--sec-pdd3: 40px, 11.111vw * 0.6;
}

#wrap {overflow: hidden; width: 100%;}

.section {position: relative;}
.sec_tit {font-size: clamp(38px, 10.556vw * 0.5, 54px); line-height: 1.053; font-weight: var(--font-bd); transform: translateY(-.2em);  margin: .08em 0 -.44em;}
.sec_tit .line {display: inline-block; position: relative; padding-bottom: .1em;}
.sec_tit .line::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; width: 120%; height: var(--font-20); background: #ff8a3d; transform: scaleX(0); transition: transform 1s .4s ease-in-out; transform-origin: 0 center;}
.sec_tit .line.on::after {transform: scaleX(1);}
.tit_area .desc {font-size: var(--font-18); line-height: 1.556; margin-bottom: -.25em;}
.tit_area .desc.mdd {font-size: var(--font-16-15);}
.tit_area .sec_tit + .desc {margin-top: var(--space-30);}


@media (max-width: 992px) {
	.section {overflow: hidden;}
	.tit_area .desc {line-height: 1.6;}
}


.scroll_logo,
.temp_logo {display: inline-block; aspect-ratio: 1 / 1.041; transform-origin: center; z-index: 50; /* mix-blend-mode: hard-light; */}
.scroll_logo svg {position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 1; z-index: 20; fill: #FFC75F; transform-origin: 0 0; opacity: 0; }
.scroll_logo svg.on {opacity: 1;}
.scroll_logo.logo1 {position: absolute; width: 79px; left: 50%; bottom: 50px; transform: translate(-50%, 0);}
.scroll_logo.logo2 {width: 162px; position: absolute; right: 0; top: 0; transform: translate(43.2%, -50.6%);}
.scroll_logo.logo3,
.scroll_logo.logo3_btm,
.temp_logo.temp3 {width: 106px; position: absolute; left: 0; bottom: 0; transform: rotate(-30deg);}
.scroll_logo.logo3_btm,
.temp_logo.temp3 {left: var(--padding-inner);}
.temp_logo.temp3 {top: 0; bottom: inherit;}
.scroll_logo.logo4 {width: clamp(53px, 14.722vw * 0.5, 62px); margin-bottom: clamp(22px, 6.111vw * 0.5, 40px); position: relative;}
.scroll_guide {position: absolute; height: 600px; pointer-events: none; opacity: 0;}
.scroll_guide svg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

@media (max-width: 992px) {
	.scroll_logo.logo1 {width: clamp(60px, 16.667vw * 0.5, 79px); bottom: clamp(30px, 8.333vw * 0.6, 50px);}
	.scroll_logo.logo2 {width: clamp(116px, 32.222vw * 0.6, 162px);}
	.scroll_logo.logo3_btm,
	.temp_logo.temp3 {display: none;}
	.scroll_logo.logo3 {left: auto; bottom: auto; right: 0; top: 0; width: clamp(74px, 20.556vw * 0.6, 106px); transform: translate(120%, -30%);}
}


/* main visual */
.main_visual {height: 100vh; height: var(--height);}
.visual_slider {height: 100%;}
.visual_slider .swiper-slide > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.visual_slider .swiper-controls {position: absolute; left: 50%; bottom: 30.2%; z-index: 10; transform: translateX(-50%);}
.visual_slider .swiper-controls .swiper-button-prev,
.visual_slider .swiper-controls .swiper-button-next {width: 60px; height: 28px; position: relative; display: block; left: auto; right: auto; top: auto; margin: 0; overflow: hidden;}
.visual_slider .swiper-button-prev:after,
.visual_slider .swiper-button-next:after {font-size: 0; content: ""; display: block; width: 100%; height: 100%; background-repeat: no-repeat;}
.visual_slider .swiper-button-prev:after {background-image: url("../img/btn_arr_lt.png");}
.visual_slider .swiper-button-next:after {background-image: url("../img/btn_arr_rt.png");}

.visual_slider .swiper-controls .swiper-pagination {margin: 0 clamp(11px, 3.056vw * 0.6 , 30px); width: auto; display: flex; font-weight: var(--font-md);}
.visual_slider .swiper-controls .swiper-pagination-bullet {display: inline-flex; width: 2em; height: 2em; padding-bottom: .13em; justify-content: center; align-items: center; position: relative; color: #fff; opacity: 1; background: none; margin: 0;}
.visual_slider .swiper-controls .swiper-pagination-bullet:not(:first-of-type) {margin-left: clamp(5px, 1.389vw * 0.6 , 7px);}
.visual_slider .swiper-pagination-bullet svg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.visual_slider .swiper-pagination-bullet svg use {fill: transparent; stroke: #fff; stroke-width: 1px; transform-origin: center; transform: rotate(-90deg); stroke-dasharray: 100; stroke-dashoffset: 0; opacity: 0; transition: opacity .6s ease-in-out;}
.visual_slider .swiper-pagination-bullet-active svg use {animation: circleAnim 5s linear; opacity: 1; transition: none;}
.visual_slider.start .swiper-pagination-bullet-active svg use {animation-duration: 4s;}

@media (max-width: 992px) {
	.visual_slider .swiper-controls {bottom: 26.4%;}
	.visual_slider .swiper-controls .swiper-button-prev,
	.visual_slider .swiper-controls .swiper-button-next {width: clamp(26px, 7.222vw * 0.6 , 60px); height: clamp(21px, 5.833vw * 0.5 , 28px);}
	.visual_slider .swiper-button-prev:after,
	.visual_slider .swiper-button-next:after {background-size: contain;}
	.visual_slider .swiper-button-prev:after {background-image: url("../img/btn_arr_lt_m.png");}
	.visual_slider .swiper-button-next:after {background-image: url("../img/btn_arr_rt_m.png");}
}

@keyframes circleAnim {
	0% {
		stroke-dashoffset: 100;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

.visual_slider .txt_area {position: absolute; left: 0; bottom: 45.31%; width: 100%; z-index: 10; text-align: center; color: #fff; font-size: var(--font-20);}
.visual_slider .txt_area p {font-weight: var(--font-bd);}
.visual_slider .txt_area .big {font-size: clamp(56px, 15.556vw * 0.6, 100px); font-weight: var(--font-bk); line-height: 1.35;}
.visual_slider .txt_area .mdd {font-size: var(--space-80-40); margin-bottom: -0.075em; line-height: 1;}
.visual_slider .txt_area .big.inline {display: flex; justify-content: center; align-items: flex-end; gap: .25em;}
.visual_slider .txt_anim {transition: 1.6s var(--easing_in); transition-property: transform, opacity; line-height: 1; opacity: 0;}
.visual_slider .bottom {margin-top: .75em; line-height: 1.5; padding: 0 5%;}
.visual_slider .top .txt_anim {transform: translateY(-140%); transform-origin: 0 bottom; transition-delay: .4s;}
.visual_slider .bottom .txt_anim {transform: translateY(120%); transition-delay: 1s;}
.visual_slider .swiper-slide-duplicate-active .txt_anim,
.visual_slider .swiper-slide-active .txt_anim {transform: translateY(0); opacity: 1; transition-timing-function: var(--easing_out);}

@media (max-width: 992px) {
	.visual_slider .txt_area {bottom: 43.75%;}
	.visual_slider .txt_area p {line-height: 1.571;}
	.visual_slider .txt_area .big > span:not(:first-of-type) {margin-top: -0.143em;}
	.visual_slider .txt_area .mdd {margin-bottom: .25em;}
	.visual_slider .bottom {margin-top: 1em; }
	.visual_slider .bottom p * {letter-spacing: -0.025em;}
}

@media (max-width: 768px) {
	.visual_slider .txt_area .big.inline {flex-direction: column; align-items: center; justify-content: center; gap: 0;}
}

/* About Invites Biocore */
.sec_about .inner {--pdd1: 160px; --pdd2: 160px; padding-top: var(--pdd1); padding-bottom: var(--pdd2);}
.sec_about .row {display: flex; gap: 10%;}
.sec_about .sec_tit {margin-top: .1em; margin-bottom: .646em;}
.sec_about .sec_tit .txt_anim_wrap {padding-right: 1em;}

.sec_about .txt_area p {font-size: var(--font-18); line-height: 1.777; margin: -1.2em 0 -.45em;}
.sec_about .txt_area p * {letter-spacing: -0.025em;}
.sec_about .el_btn {margin-top: var(--space-60);}

.sec_about .img_area {position: relative; transition: width .3s;}
.sec_about .el_img {width: 100%; aspect-ratio: 1 / 0.608; clip-path: url(#shape1);}
.sec_about .el_img svg {width: 100%; height: 100%;}

@media (min-width: 1301px) {
	.sec_about .sec_tit {font-size: 62px; line-height: 0.967;}
	.sec_about .sec_tit * {letter-spacing: 0;}
}

@media (max-width: 1300px) {
	.sec_about .inner {padding-top: clamp(var(--sec-pdd1), var(--pdd1)); padding-bottom: clamp(var(--sec-pdd2), var(--pdd2));}
}

@media (min-width: 993px) {

	.sec_about .inner {background: linear-gradient(-90deg, rgba(247,247,247,1) 26.15%, rgba(255,255,255,0) 26.15%);}
	.sec_about .txt_area {flex: 1; min-width: 400px; max-width: 100%;}

	.sec_about .img_area {flex-shrink: 0; width: 50%; max-width: 642px; margin-top: 8.47%;}
	.sec_about .el_img {max-width: 642px; max-height: 390px;}
}

@media (min-width: 993px) and (max-width: 1300px) {
	.sec_about .img_area {width: 45%;}
}

@media (max-width: 992px) {

	.sec_about .row {flex-direction: column; gap: var(--space-60-40);}
	.sec_about .sec_tit {margin-bottom: 0.632em;}
	.sec_about .txt_area {max-width: 600px;}
	.sec_about .txt_area p {line-height: 1.734; margin: -.95em 0 -.4em;}

	.sec_about .logo2 {opacity: 0; top:-100px; transition: 1.5s var(--easing_out); transition-property: opacity, top;}
	.sec_about .el_img.on + .logo2 {opacity: 1; top: 0;}
}

/* our bussiness */
.sec_biz {background: url(../img/main_biz_bg.jpg) no-repeat center 0 / cover; --pdd: 140px; padding: var(--pdd) 0;}
.sec_biz .tit_area {position: relative;}
.sec_biz .sec_tit {color: #fff;}
.sec_biz .biz_list .thumb {aspect-ratio: 1 / 1.294; clip-path: polygon(8.43em calc(100% - 1.5em), 0 calc(100% - 1.5em), 0 0, 100% 0, 100% 100%, 8.43em 100%); font-size: var(--font-32);}
.sec_biz .biz_list {display: grid;}
.sec_biz .biz_list > li:nth-child(1) .thumb {clip-path: polygon(5.93em calc(100% - 1.5em), 0 calc(100% - 1.5em), 0 0, 100% 0, 100% 100%, 5.93em 100%);}
.sec_biz .biz_list > li:nth-child(3) .thumb {clip-path: polygon(9.38em calc(100% - 1.5em), 0 calc(100% - 1.5em), 0 0, 100% 0, 100% 100%, 9.38em 100%);}
.sec_biz .biz_list .box {display: block; padding: 20px 0 30px; position: relative;}
.sec_biz .biz_list .box::after {content: ""; display: block; position: absolute; left: -20px; right: -20px; top: 0; height: 100%; background: #031f61; z-index: -1; box-shadow: 5px 9px 13.72px 0.28px rgba(0, 0, 0, 0.26); pointer-events: none; opacity: 0; transition: opacity .4s ease;}
.sec_biz .biz_list > li:hover .box::after {opacity: 1;}
.sec_biz .biz_list .txt_area {margin-left: clamp(6px, 1.667vw * 0.7, 19px);}
.sec_biz .biz_list .txt_area a{color:#fff;}

.sec_biz .biz_list .tit {font-size: var(--font-32); font-weight: var(--font-md); line-height: 1; margin-top: -0.875em; margin-bottom: .75em;}
.sec_biz .biz_list .desc {font-size: var(--font-15); line-height: 1.6; font-weight: var(--font-sm); letter-spacing: -0.025em; margin: -.25em 0 -.2em;}
.sec_biz .biz_list .tag_wrap {margin-top: var(--space-40-20); display: grid; justify-content: start; grid-template-columns: repeat(2, 1fr); grid-gap: 12px; max-width: 330px;}
.sec_biz .biz_list .tag {display: inline-flex; justify-content: center; align-items: center; /* font-weight: var(--font-sm); */ letter-spacing: -0.025em; height: clamp(42px, 11.667vw * 0.5, 46px); border: 1px solid #7584a9; border-radius: clamp(21px, 5.833vw * 0.5, 23px);  padding-bottom: .2em; white-space: nowrap; text-align: center; transition: var(--trans); transition-property: background, color;}
.sec_biz .biz_list .tag:hover {background: #fff; color: #031f61;}
.sec_biz .biz_list .tag.md {grid-column: span 2; max-width: clamp(170px, 47.222vw * 0.6, 194px);}

@media (min-width: 1301px) {
	.sec_biz .sec_tit {font-size: 60px; line-height: 1;  margin: .04em 0 -.36em;}
}

@media (max-width: 1300px) {
	.sec_biz {padding-top: clamp(var(--sec-pdd1), var(--pdd)); padding-bottom: clamp(var(--sec-pdd2), var(--pdd));}
}

@media (min-width: 993px) {
	.sec_biz .inner	{display: flex; align-items: flex-start;}
	.sec_biz .tit_area {padding-bottom: 170px;}
	.sec_biz .tit_area.fix {position: fixed; top: 80px;}
	.sec_biz .tit_area.bottom {position: absolute; top: inherit; bottom: 0;}
	.sec_biz .cont_area {width: 65%; max-width: 810px;  margin-left: auto; margin-top: -60px;}
	.sec_biz .biz_list {margin-bottom: -35px; grid-column-gap:9%;}
	.sec_biz .biz_list > li {max-width: 340px;}
	.sec_biz .biz_list > li:nth-child(odd) {--delay: 0.4s; margin-top: 100px;}
	/* .sec_biz .biz_list > li:nth-child(n+3) .box {margin-top: -70px;} */
	.sec_biz .biz_list > li:nth-child(3) .box {margin-top: -70px;}
	.sec_biz .biz_list > li:nth-child(4) .box {margin-top: -46px;}
	.sec_biz .biz_list .thumb,
	.sec_biz .biz_list .tit {font-size: min(7.222vw * 0.36, 32px);}
	.sec_biz .biz_list .tag {font-size: min(1.4vw, 16px);}
}

@media (max-width: 992px) {
	.sec_biz {background: #072c64 url(../img/main_biz_bg_mo.jpg) no-repeat center 0 / 100% auto;}
	.sec_biz .tit_area {display: inline-block; vertical-align: top; margin-bottom: var(--space-50);}
	.sec_biz .biz_list {padding: 0 var(--space-20); grid-row-gap: 32px}
	.sec_biz .biz_list .box {padding: var(--space-20) 0 clamp(16px, 4.444vw * 0.5, 30px);}
	.sec_biz .biz_list .box::after {content: ""; display: block; position: absolute; left: calc(var(--space-20) * -1); right: calc(var(--space-20) * -1);}
}

@media (min-width: 577px) and (max-width: 992px) {
	.sec_biz .biz_list {grid-column-gap:5%;}
}

@media (min-width: 577px) {
	.sec_biz .biz_list {grid-template-columns: repeat(2, 1fr);}
	.sec_biz .biz_list > li:nth-child(even) {justify-self: end;}
}

@media (max-width: 576px) {
	.cont_area {margin-bottom: calc(clamp(16px, 4.444vw * 0.5, 30px) * -1);}
	.sec_biz .biz_list {grid-row-gap: 32px}
	.sec_biz .biz_list .thumb {aspect-ratio: 1 / 0.909;}
	.sec_biz .biz_list .tag_wrap {grid-gap: 12px 8px;}
}

/* Biocore Esg */
.sec_esg {min-height: clamp(576px, 160vw * 0.5, 680px); position: relative; display: flex; padding: var(--space-70-40) 0 clamp(52px, 14.444vw * 0.5, 86px);}
.sec_esg .inner {z-index: 1; width: 100%;}
.sec_esg .sec_tit {margin: -0.25em 0 -.42em;}
.sec_esg .el_img.bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: #000; pointer-events: none;}
.sec_esg .el_btn {margin-top: clamp(32px, 8.889vw * 0.5, 43px); margin-bottom: var(--space-60-50);}
.esg_list {display: flex; justify-content: space-between; width: 100%; max-width: 700px; margin: 0 auto; font-size: var(--font-17);}
.esg_list > li {width: 29.3%; max-width: 180px; position: relative;}
.esg_list .box {width: 100%; aspect-ratio: 1; border: 1px solid #fff; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.esg_list .el_ico {width: 39.9%; max-width: 70px; margin-bottom: 15px;}
.esg_list .box1 .el_ico img {transform: scale(0.971);}
.esg_list .box3 .el_ico img {transform: scale(0.957);}
.esg_list p { line-height: 1.294;}

@media (max-width: 768px) {
	.sec_esg .inner {transform: translateY(-1.8%);}
	.sec_esg .tit_area .sec_tit + .desc {margin-top: var(--font-26-24);}
	.esg_list > li {padding-bottom: 3.667em;}
	.esg_list .el_ico {width: 52.1%; margin-bottom: 0;}
	.esg_list p {line-height: 1.6; margin: -.35em 0; position: absolute; left: 0; bottom: 0; width: 100%;}
}

/* Notice & News */
.sec_notice {--pdd1: 100px; --pdd2: 170px; padding: var(--pdd1) 0 var(--pdd2);}
.sec_notice .tit_area {margin-bottom: var(--space-50);}
.notice_list {overflow: visible;}
.notice_list.on {opacity: 1;}
.notice_list .box {--shadow: 5px 9px 13.72px 0.28px; display: block; border: 1px solid var(--color-gray2); background: #fff; padding: 36px 28px; transition: .4s ease; transition-property: background, border-color, box-shadow; box-shadow: var(--shadow) rgba(0,0,0,0); text-align: left; position: relative; box-sizing: border-box; height: clamp(300px, 83.333vw * 0.6, 310px); display: flex; flex-direction: column;}
.notice_list .cate {display: block; font-size: 16px; height: 1em; line-height: 1; letter-spacing: -0.025em; font-weight: var(--font-bd); color: var(--color-blue); margin:-.15em 0 1.5em;}
.notice_list .cate.blog {color: #30ba00;}
.notice_list .cate.press {color: #ff7b5c;}
.notice_list .cate.etc {color: #775cff;}
.notice_list .tit {font-size: 22px; line-height: 1.4; letter-spacing: -0.025em;  font-weight: var(--font-bd); margin: -.36em 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.notice_list .date {display: block; font-size: 15px; height: 1em; line-height: 1; color: var(--color-text); margin-top: auto;}
.notice_list .origin {display: block; font-size: 15px; height: 1em; line-height: 1; font-weight: var(--font-md); letter-spacing: -0.025em; margin-top: 23px;}
.notice_list .origin::before {content: "- ";}
.notice_list .el_ico {display: block; position: absolute; right: 20px; bottom: 26px; aspect-ratio: 1; width: 20%; max-width: 60px;}
.notice_list .el_ico svg {transform: scale(0.917); fill: var(--color-dark);}

.notice_list .box:hover {background: #4479ff; border-color: #4479ff; box-shadow: var(--shadow) rgba(0, 0, 0, 0.26);}
.notice_list .box:hover * {color: #fff; transition: .4s ease; transition-property: color, fill; fill: #fff;}
.notice_list .swiper-controls {margin-top: var(--space-30);}
.notice_list .swiper-slide {transition: 1.5s var(--easing_out); transition-property: transform, opacity; opacity: 0;}
.notice_list .swiper-slide:nth-child(odd) {transform: translateY(20%);}
.notice_list .swiper-slide:nth-child(even) {transform: translateY(-20%);}
.notice_list.on .swiper-slide {transform: translateY(0); opacity: 1;}
.notice_list .swiper-slide:nth-child(1) {transition-delay: .6s;}
.notice_list .swiper-slide:nth-child(2) {transition-delay: .8s;}
.notice_list .swiper-slide:nth-child(3) {transition-delay: 1s;}
.notice_list .swiper-slide:nth-child(4) {transition-delay: 1.2s;}
.btn_more {position: absolute; right: var(--padding-inner); top: 16px; font-weight: var(--font-md); display: inline-flex; align-items: center;}
.btn_more::after {content: ""; display: block; width: 10px; aspect-ratio: 1; margin-left: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' version='1.2'%3E%3Cpath d='M0 7h17v3H0zm7-7h3v17H7z' style='fill:%23111'/%3E%3C/svg%3E") no-repeat center / contain;}

@media (max-width: 1300px) {
	.sec_notice {padding-top: clamp(var(--sec-pdd1), var(--pdd1)); padding-bottom: clamp(var(--sec-pdd2), var(--pdd2));}
}

@media (min-width: 1201px) {
	.notice_list {margin-right: -16px; padding-right: 16px; padding-bottom: 20px; margin-bottom: -20px;}
	.notice_list .swiper-controls {position: absolute; pointer-events: none;}
}

@media (max-width: 992px) {
	.sec_notice {background-image: none;}
	.notice_list .box {padding: 29px 22px 49px;}
	.notice_list .el_ico {margin-top: 20px;}
	.notice_list .ico {right: 15px; bottom: 39px;}
	.btn_more {top: clamp(8px, 2.222vw * 0.6, 20px);}
	.btn_more .txt {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
	.btn_more::after {width: 17px; margin: 0;}
}

.btn-blue {background-color:#025afd; color:#fff; padding:10px 50px; font-size:14px; border-radius: 4px; display: inline-block;}
.btn-blue:hover{background-color:#352eba;transition: all 0.3s; }

/*
start popup
*/
.modal { position: fixed; top:15%; left: 35%; display:block;z-index: 99999999999; overflow: hidden; outline: 0;background-color: #05152c;}
.modal.start_pop {}
.modal.start_pop .modal-footer{width:auto; background-color: #05152c; color:#ddd; padding:7px 15px; box-sizing: border-box;font-size:12px;}
.modal.start_pop .modal-footer .pop-close { cursor: pointer; display: inline-block;color:#ddd; float: right;}
.modal.start_pop .modal-footer .check-area {display: inline-block;}
.modal.start_pop .modal-footer .check-area label{ cursor: pointer; color:#ddd;display: inline-block;}
.modal.start_pop .modal-footer .check-area input { width:10px; height:10px;cursor: pointer; color:#ddd;display: inline-block;
    -webkit-border-radius: 0;
    -webkit-appearance:auto ;
    -moz-appearance: auto;
    appearance: auto;}

.modal.start_pop .modal-body{margin:0;}
.modal.start_pop .modal-body img{width:auto;border:1px solid #05152c;}

@media screen and (max-width: 1200px) {
  .floating_banner, .modal {
      top: 10%;
      left: 8%;
  }
  .floating_banner .floating_banner_close {
      top: 19px;
      right: 20px;
  }
}
@media screen and (max-width: 900px) {
  .floating_banner {
    top: 10%;
    left: 5%;
    margin-left: 100px;
  }
}
@media screen and (max-width: 600px) {
  .floating_banner {
    top: 10%;
    left: 5%;
    margin-left: 10px;
  }
  .floating_banner a img{
      width:320px!important;
  }
  .modal.start_pop .modal-body img{width:320px!important;}

}

@media screen and (max-width: 400px) {
  .floating_banner, .modal {
    top: 10%;
    left: 1.5%;
    margin-left: 30px;
  }
  .floating_banner a img{
      border:0;
      width:270px!important;
  }
  .modal.start_pop .modal-body img{width:270px!important;}

}