a {
	transition:all 0.3s;
}
a:hover {
	transition:all 0.3s;
}

#main_visual .swiper-slide{
	height:860px;
	position:relative;
}
#main_visual .swiper-slide > .txt_box{
	width:100%;
	max-width:1560px;
	margin:0 auto;
	text-align:left;
	color:#fff;
	padding-top:280px;
	padding-left:20px;
	padding-right:20px;
}
#main_visual .swiper-slide > .txt_box h3{
	font-size:6rem;
	font-family: 'Play', sans-serif;
	font-weight: 700;
}
#main_visual .swiper-slide > .txt_box p{
	font-size:1.8rem;
	font-weight:300;
	position:relative;
	padding-top:4rem;
	margin-top:4rem;
}
@media (max-width: 1200px) {
	#main_visual .swiper-slide{
		height:860px;
	}
	#main_visual .swiper-slide > .txt_box{
		padding-top:280px;
	}
}
@media (max-width: 768px) {
	#main_visual .swiper-slide{
		height:760px;
	}
	#main_visual .swiper-slide > .txt_box{
		padding-top:120px;
	}
}
@media (max-width: 992px) {
	#main_visual .swiper-slide{
		height:560px;
	}
	#main_visual .swiper-slide > .txt_box{
		padding-top:120px;
	}
}
@media (max-width: 576px) {
	#main_visual .swiper-slide{
		height:460px;
	}
	#main_visual .swiper-slide > .txt_box{
		padding-top:120px;
	}
}

.main-visual-bg {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 0;
}
#main_visual .swiper-slide > .txt_box {
	position: relative;
	z-index: 1;
}
.swiper-slide .main-visual-bg {
    transform: scale(1.15) !important;
    transition: all 4s !important;
}
.swiper-slide-active .main-visual-bg  {
    transform: scale(1) !important;
    transition: all 4s !important;
}

/*
.swiper-slide-active  {
    transform: scale(1.2) !important;
    transition: all 4s !important;
}
*/

/*
.swiper-slide {
    transform: scale(1.2) !important;
    transition: all 4s !important;
}
.swiper-slide-active {
    transform: scale(1) !important;
    transition: all 4s !important;
}
*/

.swiper-pagination {
	width:100% !important;
	max-width:1560px !important;
	text-align:left !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20% !important;
    left: 50% !important;
    width: 100% !important;
    margin-left:-760px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 2px !important;
    height: 2px !important;
    border:1px solid rgba(0,0,0,0) !important;
    display: inline-block !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    opacity: 1 !important;
    margin:10px !important;
}
.swiper-pagination-bullet-active {
	width: 16px !important;
    height: 16px !important;
    border:1px solid #dddddd !important;
    display: inline-block !important;
    border-radius: 50% !important;
    background: transparent !important;
    opacity: 1 !important;
    margin: 0 10px !important;
}
/*
#main_visual .swiper-slide > .txt_box p:after{
	content:"";
	position:absolute;
	width:30px;
	border-top:1px solid #fff;
	top:0;
	left:50%;
	margin-left:-15px;
}
*/

/*sec01*/
#main_container > .sec01{
	padding:5rem 0;
}
#main_container > .sec01 .row > div[class^='col-']{
	position:relative;
}
#main_container > .sec01 .row > div[class^='col-'] > a{
	display:block;
	color:inherit;
	text-decoration:none;
}
#main_container > .sec01 .row > div[class^='col-'] > a >  div:nth-child(2){
	position:relative;
	margin-top:-40px;
	left:10%;
	width:80%;
	background:#fff;
	padding:20px;
	text-align:center;
	z-index:2;
}
#main_container > .sec01 .row > div[class^='col-'] > a > div:nth-child(2) > h4{
	font-size:2.2rem;
	margin-bottom:1rem;
}
#main_container > .sec01 .row > div[class^='col-'] > a > div:nth-child(2) > p:nth-of-type(1){
	font-size:1.6rem;
	font-weight:300;
	margin-bottom:1.5rem;
}
#main_container > .sec01 .row > div[class^='col-'] > a > div:nth-child(2) > p:nth-of-type(2){
	display:inline-block;
	border-bottom:3px solid #008cd6;
	font-size:1.4rem;
	padding:2px 15px;
}


/*sec02*/
#main_container > .sec02{}
#main_container > .sec02 div[class^='col-']:first-child{
	background:url(../_img/main/main_sec02_img1.jpg) no-repeat center center / cover;
}
#main_container > .sec02 div[class^='col-']:last-child{
	background:url(../_img/main/main_sec02_img2.jpg) no-repeat center center / cover;

}
#main_container > .sec02 div[class^='col-'] > .item{
	position:relative;
	padding-top:65%;
}
#main_container > .sec02 div[class^='col-']:first-child > .item > div{
	position:absolute;
	left:0;
	text-align:center;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:white;
}

#main_container > .sec02 div[class^='col-']:last-child > .item > a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
}
#main_container > .sec02 div[class^='col-']:last-child > .item > a > div{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}



/*sec03*/
#main_container > .sec03{
	padding:5rem 0;
	background:#f2f2f2;
}
#main_container > .sec03 .box{
	background:#fff;
	height:380px;
	position:relative;
	padding:40px 35px;
}
#main_container > .sec03 .box.latest > h4{
	font-size:1.6rem;
	margin-bottom:2.5rem;
}
#main_container > .sec03 .box.latest > h4 > span{
	color:#008cd6;
	border-bottom:1px solid #008cd6;
	font-weight:400;
}
#main_container > .sec03 .box.latest .swiper-slide{}
#main_container > .sec03 .box.latest .swiper-slide dt{
	font-size:2.2rem;
	font-weight:300;
	line-height:1.6;
	padding-bottom:1.5rem;
	margin-bottom:1.7rem;
	position:relative;
}
#main_container > .sec03 .box.latest .swiper-slide dt:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	height:2px;
	width:35px;
	background:#008cd6;
}
#main_container > .sec03 .box.latest .swiper-slide dd{
	font-size:1.5rem;
	font-weight:300;
	line-height:1.6;
	display:inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
	position:relative;
	height:120px;
	line-height:24px;
	white-space: normal;
	text-align: left;
	word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;


}
#main_container > .sec03 .box.latest .latest_nav{
	position:absolute;
	left:25px;
	bottom:40px;
	font-size:18px;
	color:#aaa;
}
#main_container > .sec03 .box.latest .latest_nav a{
	color:inherit;
	position:relative;
	float:left;
	margin-right:41px;
}
#main_container > .sec03 .box.latest .latest_nav a:first-child:after{
	content:"";
	position:absolute;
	right:-21px;
	top:50%;
	margin-top:-12px;
	height:26px;
	border-right:1px solid #ccc;
}
#main_container > .sec03 .box.bn{
	display:block;
	text-align:center;
	color:#666
}
#main_container > .sec03 .box.bn1 {
	background:#008cd6;
	color:#fff;
}
#main_container > .sec03 .box.bn > div{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
}
#main_container > .sec03 .box.bn > div > h4{
	font-size:2.2rem;
	color:#000;
	margin-bottom:20px;
	padding-top:111px;
}
#main_container > .sec03 .box.bn1 > div > h4{
	color:#fff;
}

#main_container > .sec03 .box.bn1 > div > h4{
	background:url(../_img/main/main_icon1.png) no-repeat center top / 70px auto;
}
#main_container > .sec03 .box.bn2 > div > h4{
	background:url(../_img/main/main_icon2.png) no-repeat center top / 70px auto;
}

#main_container > .sec03 .box.bn > div > p:nth-of-type(1){
	font-size:1.6rem;
	font-weight:300;
	color:#999;
}
#main_container > .sec03 .box.bn1 > div > p:nth-of-type(1){
	color:#fff;
	opacity:.8
}
#main_container > .sec03 .box.bn > div > p:nth-of-type(2){
	border-top:1px solid #ddd;
	width:70%;
	margin:0 auto;
	padding:15px 0 0 0;
	font-size:1.6rem;
	font-weight:300;
	margin-top:15px;
}

.org-arrow {
	display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-left: 5px solid #f7941d;
    border-right: 5px solid none;
    border-bottom: 5px solid transparent;
    margin-left:10px;
    margin-bottom:2px;
}

/*Section padding-y*/
.py-15 {
	padding-top:9.5rem;
	padding-bottom:9.5rem;
}

.section-title {
	font-size: 4.8rem;
	color:#000000;
	font-family: 'Play', sans-serif;
	font-weight: 700;
	text-align: center;
}

/*Products*/
.products-p0 > .col-md-4,
.products-p0 > .col-12 {
	padding-right:0 !important;
	padding-left:0 !important;
}
.products-box {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:350px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	transition: all 0.3s;
	overflow: hidden
}
.products-box:hover {
	overflow: hidden;
	transition: all 0.3s;
}
.products-box .pb-bg {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1);
	transition: all 0.3s;
	z-index:9;
}
.products-box:hover .pb-bg {
	transform: scale(1.15);
	transition: all 0.3s;
}
.products-box .pb-btn {
	position: absolute;
	left:0;
	right:0;
	bottom:15px;
	z-index:10;
}
.products-box .pb-btns {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}



.products-box > div {
	font-size: 1.8rem;
	color:#000000;
	font-weight:500;
	padding:20px;
	transition: all 0.3s;
}
.products-box:hover > div {
	color:#f7941d;
	transition: all 0.3s;
}
.products-box-order {
	text-align:left;
}
.products-box-order h5 {
	text-align:left;
	width:100%;
	padding-left:5%;
	padding-right: 30%;
	font-size:2.0rem;
	font-weight:700;
	margin-bottom: 30px;
}
.products-box-order p {
	text-align:left;
	width:100%;
	padding-left:5%;
	padding-right: 30%;
	font-size:1.4rem;
	line-height:180%;
}
.products-box-order .pb-btn > div {
	display: inline-block;
	font-size: 1.8rem;
	background-color: #f7941d;
	border:1px solid transparent;
	color:#ffffff;
	font-weight:500;
	padding:10px 30px;
	margin-top:30px;
	margin-left:5%;
}
.products-box-order p a:hover {
	background-color: #f5f5f5;
	border:1px solid #dddddd;
	color:#000000;
}

/*Clients*/
.clients-bg {
	background-color: #f7941d;
}

/*View More*/
.more-box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.more-box h3 {
	font-size: 2.8rem;
	color:#ffffff;
	font-family: 'Play', sans-serif;
	font-weight: 700;
}
.more-box p {
	font-size: 1.8rem;
	color:#ffffff;
	padding:30px;
}
.more-box a {
	width:250px;
	height:60px;
	font-size: 1.8rem;
	color:#000000;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	font-family: 'Play', sans-serif;
	font-weight: 400;
}
.more-box a:hover {
	color:#ffffff;
	background-color: #f7941d;
	cursor: pointer;

}
.more-box a:hover .org-arrow {
	display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-left: 5px solid #ffffff;
    border-right: 5px solid none;
    border-bottom: 5px solid transparent;
    margin-left:10px;
    margin-bottom:2px;
}
.more-box a > span {
	margin-bottom:0;
	margin-top:3px;
}
.invert-img .slick-arrow img{
	filter: invert(100%);
}