@charset "utf-8";

.pdl_25 {padding-left:25px;}
.pdr_25 {padding-right:25px;}
.section {height:870px; transform:scale(1.05); transition:transform 0s ease-in-out; transition-delay:1.5s;}

.bg_main01 { background:url("../../img/00_main/bg_01.jpg") no-repeat; background-size: cover; background-position: center bottom;}
.bg_main012 { background:url("../../img/00_main/bg_02.jpg") no-repeat; background-size: cover; background-position: center bottom;}
.bg_main013 { background:url("../../img/00_main/bg_03.jpg") no-repeat; background-size: cover; background-position: center bottom;}

.bg_main02 { background:url("../../img/00_main/img02_bg.jpg") no-repeat; background-size: cover; background-position: center center;}
.bg_main03 { background:url("../../img/00_main/img03_bg.jpg") no-repeat; background-size: cover; background-position: center center;}
.bg_main04 { background:url("../../img/00_main/img04_bg.jpg") no-repeat; background-size: cover; background-position: center center;}

.slick2 .slick-list {padding:0 !important;}
.section .sub_title {font-size:20px; color:#7ac143; opacity:0; transform:translateX(-15px); transition:opacity 0.8s, transform 1.2s ease-in-out; transition-delay:0s;}
.section .main_title {font-size:60px; color:#fff; margin:0 0 10px 0; opacity:0; transform:translateX(-15px); transition:opacity 0.8s, transform 1.2s ease-in-out; transition-delay:1.2s; position:relative;}
.section .contents {font-size:16px; color:#fff; opacity:0; transform:translateX(-15px); transition:opacity 0.8s, transform 1.2s ease-in-out; transition-delay:1.2s;}
.section .main_title::before {content:''; width:50px; height:6px; border-radius:3px; background:#f7941e; position:absolute; top:35px; left:-70px;}

.slick-active .section {transform:scale(1); transition:transform 7s ease-in-out; transition-delay:0s;}
.slick-active .section .sub_title {opacity:1 !important; transform:translateX(0) !important;}
.slick-active .section .main_title {opacity:1 !important; transform:translateX(0) !important;}
.slick-active .section .contents {opacity:1 !important; transform:translateX(0) !important;}
.section .slide {padding-top:400px;}

.main_icon img {width:60px;}
.main_icon2 img {width:50px;}
.top_icon img{width:50px;}
.cp_img img{box-shadow:7px 7px 10px #2f2f2f;}

.view_more_button {display:inline-block;}
.view_more_button a {padding:15px 50px; display:block;}
.view_more_button.bg1 a {background:#333; border:1px solid #333; color:#fff;}
.view_more_button.bg3 a {background:transparent; border:1px solid #f7941d; color:#f7941d;}
.view_more_button.bg2 a {background:#333; border:1px solid #f7941d; color:#f7941d;}
.about {}
.about .title {font-size:60px; font-weight:bold; position:relative;}
.about .title::before {content:''; width:50px; height:6px; border-radius:3px; background:#00a1e4; position:absolute; top:35px; left:-70px;}
.title2 {position:relative;}
.title2::before {content:''; width:50px; height:6px; border-radius:3px; background:#f7941d; position:absolute; top:35px; left:-70px;}
.contact {}
.slick-prev {width:75px !important; height:75px !important; top:50%; left:-105px; transform:translateY(-50%); background:url(/img/00_main/slick_prev.png) center center no-repeat; border:none !important;}
.slick-next {width:75px !important; height:75px !important; top:50%; right:-105px; transform:translateY(-50%); background:url(/img/00_main/slick_next.png) center center no-repeat; border:none !important;}
.progressBarContainer div {
  display: block;
  width: 33.33333333%;
  padding: 0;
  cursor: pointer;
  float: left;
  color: white;
}

.progressBarContainer div:last-child {
  margin-right: 0;
}


.progressBarContainer {
	position: absolute;
	bottom: 70px;
	left:50%;
	transform:translateX(-50%);
}

.progressBarContainer h3 {
	color:#fff;
	font-size:20px;
	margin-top:30px;
}

.progressBarContainer div span.progressBar {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
}

.progressBarContainer div span.progressBar .inProgress {
  background-color: #f7941e;
  width: 0%;
  height: 2px;
}

@media(max-width:767px)
{

	.bg_main03 {background:#333;}

	.main_icon img {width:50px;}
	.main_icon2 img {width:50px;}
	.top_icon img{width:45px;}
	.pdr_90 {padding-right:0;}
	h2.dpib.fs36.after_dot {font-size:24px;}
	h2.fs24 {font-size:20px;}

	.pdtb_90 {padding-top:40px; padding-bottom:40px;}
	.pdtb_30 {padding-top:15px; padding-bottom:15px;}

	.mgtb_40 {margin-top:20px; margin-bottom:20px;}
	.mgt_90 {margin-top:30px;}

	.cp_img img{box-shadow:none;}

	.section {height:745px;}
	.section .slide {padding-top:150px;}

	.section .sub_title {font-size:16px;}
	.section .main_title {font-size:30px;}
	.section .contents {font-size:13px;}
	.progressBarContainer {bottom:25px;}
	.progressBarContainer h3 {font-size:14px; margin-top:15px;}

	.slick2 .slick-list {padding:0 50px !important; margin:0 !important; background:#fff;}
	.about .w_30p {width:100% !important; float:none !important; margin-bottom:10px;}
	.about .w_70p {width:100% !important; float:none !important;}

	.slick-prev {left:0; width:40px !important; height:40px !important; background-size:100%; top:auto; transform:translateY(0); bottom:16%;}
	.slick-next {right:0; width:40px !important; height:40px !important; background-size:100%; top:auto; transform:translateY(0); bottom:16%;}
	.about .title {font-size:30px;}
	.about .title::before {border:none; background:transparent;}
	.title2::before {border:none; background:transparent;}

	.slick-slide {opacity:0.5;}
	.slick-slide.slick-active {opacity:1;}
}
@media(max-width:375px)
{
	.slick-prev {bottom:13%;}
	.slick-next {bottom:13%;}
}