@charset "utf-8";

/* media query */

@media (max-width: 1397px) {

	/* more */

	.btn_floating {display:none}

	/* plant */

	.plant .row {display:block}
	
	/* */

	.sec_tit p {opacity:1 !important;transform:inherit} 
	
	.anim-group .anim {opacity:1 !important}
	.anim-group .anim.fade-in-up {transform:translateY(0)}

	/* p1 */

	.plant.p1 .row .col {width:100%;text-align:center !important}
	.plant.p1 .row .col:first-child {margin:0 0 100px}
	.plant.p1 .row .col:first-child:after {top:auto;bottom:-50px;left:0;width:100%;height:1px}

	.plant.p1 h2.sec_tit {padding:0 !important;font-size:30px;text-align:center !important}
	.plant.p1 p.a_c {margin:30px 0}

	/* p2 */

	.plant.p2 {height:auto;padding:30px 0 70px}

	.plant.p2 .col2,
	.plant.p2 .col3 {margin:0}

	.plant.p2 .item {position:relative;top:auto !important;left:auto !important;margin:0 auto;opacity:1;animation:none !important}

	/* p3 */

	.plant.p3 {padding:60px 0 50px}

	.our_visual .swiper-slide {width:100%}
	.our_visual .swiper-slide a {width:auto;height:auto}

	.our_visual .swiper-slide div.cont {width:94%;margin:0 3%}
	.our_visual .swiper-slide div.cont p {display:none}

	.plant.p3 .swiper-control {/* display:none */position:relative;top:0;left:0;width:100%;height:210px;margin-left:0}

	.our_visual .our_tit {height:auto;padding:0 20px 14px;font-size:15px;text-align:center;line-height:22px}
	.our_visual .our_tit span.on br {display:none}

	.our_visual .our_cat span {display:none}
	.our_visual .our_cat span.on {display:block;margin:0 auto}

	.our_visual .our_cat span.on a {margin:0 auto}

	.our_visual .our_dot {padding:20px 0 0;text-align:center}

	.our_visual .swiper-nav {position:relative}
	.our_visual .swiper-button-prev {left:50%;bottom:26px;margin:0 0 0 -80px} 
	.our_visual .swiper-button-next {position:absolute;right:50%;bottom:26px;margin:0 -78px 0 0} 

	/* p4 */

	.plant.p4 {padding:60px 0 0}

	.plant.p4 .row.news {display:block}
	.plant.p4 .row.news:after {display:block;clear:both;content:''}
	.plant.p4 .row.news .col {float:left;width:50%}

	.plant.p4 .row.news .col,
	.plant.p4 .row.news .col2,
	.plant.p4 .row.news .col3,
	.plant.p4 .row.news .col4 {margin:0 0 30px}

	.plant.p4 .row.news .col,
	.plant.p4 .row.news .col3 {width:48%;margin:0 2% 30px 0}

	.plant.p4 .row.news .col2,
	.plant.p4 .row.news .col4 {width:48%;margin:0 0 30px 2%}

	.plant.p4 .row.news .col a {width:auto;height:250px;padding:30px 20px}
	.plant.p4 .row.news .col a em {padding:25px 0 0}

	.plant.p4 .row .col a {margin:0 auto}

	.plant.p4 .row.bundle {padding:20px 0 0}

	.plant.p4 .row.bundle .col,
	.plant.p4 .row.bundle .col2,
	.plant.p4 .row.bundle .col3,
	.plant.p4 .row.bundle .col4 {margin:0 0 20px}

	.plant.p4 .row.bundle .col a {width:100%;padding:0 25px}
	.plant.p4 .row.bundle .col a img {width:100%;height:185px}

	.plant.p4 .row.bundle + .row.bundle {padding:0}

	.plant.p4 .row.bundle .col a em {font-size:15px}
	.plant.p4 .row.bundle .col a h3 {font-size:24px}

	/* p5 */

	.plant.p5 {padding:50px 0 60px}

	/* */

	.ind {display:none}

}

@media (max-width: 1217px) {

	/* plant */

	.plant .sec_inner {width:100%;padding:0 20px}

	.plant h2.sec_tit {font-size:34px;line-height:38px}

	.item_cat {margin:20px 0 10px;font-size:1.3rem}

	.item_desc {margin:0 0 15px;font-size:1.5rem;line-height:27px}
	.item_desc br {display:none}

	/* visual */

	.main_visual {height:600px}
	.main_visual .swiper-container {height:600px}
	.main_visual_item {height:600px !important}

	.main_visual_content_inner {text-align:center}
	.main_visual .inner {padding:0}

	.main_visual_content_inner h2 {font-size:3.25rem;line-height:56px}
	.main_visual_content_inner p {font-size:3.25rem;line-height:56px}

	.main_visual .swiper-button-prev {left:7px;margin-top:-13.5px}
	.main_visual .swiper-button-next {right:7px;margin-top:-13.5px}

	.main_visual .swiper-button-prev .swiper-button-icon {width:14px;height:27px;background-size:14px 27px}
	.main_visual .swiper-button-next .swiper-button-icon {width:14px;height:27px;background-size:14px 27px}

	/* p1 */

	.plant.p1 .item_figure {height:auto}
	.plant.p1 .item_figure img {max-width:100%}

	/* p3 */

	.our_visual .swiper-slide {width:86%;height:340px}
	.our_visual .swiper-slide div.cont {height:340px;padding:30px 0 0 40px}

	.our_visual .swiper-slide div.cont h3 {font-size:26px}
	.our_visual .swiper-slide div.cont h3 span {display:block;top:1px;left:0}

}

@media (max-width: 640px) {

	/* visual */

	.main_visual_content_inner h2 {font-size:2.5rem;line-height:44px}
	.main_visual_content_inner p {font-size:2.5rem;font-weight:300;line-height:44px}

	.main_visual_content_inner p > span img {height:32px}

	/* mobile */

	.plant.p2 .sec_inner.mobile .item.rev_1 {margin-top:-150px}
	.plant.p2 .sec_inner.mobile .item.rev_2 {margin-top:-240px}

	/* p4 */

	.plant.p4 .row.news .col a h3.tit {height:69px;font-size:16px;line-height:23px}
	.plant.p4 .row.news .col a p.txt {height:55px;font-size:13px;line-height:18px}
	.plant.p4 .row.news .col a em {font-size:13px}

}

@media (max-width: 480px) {

	/* p4 */

	.plant.p4 .row.bundle .col4 a .img {background-position:left bottom}

}

@media (max-width: 414px) {

	/* mobile */

	.plant.p2 .sec_inner.mobile .item.rev_1 {margin-top:-174px}

}

@media (max-width: 375px) {

	/* mobile */

	.plant.p2 .sec_inner.mobile .item.rev_1 {margin-top:-194px}

}