/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 'Lato', sans-serif; overflow-x: hidden; font-weight: 400; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:1200px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 17px; line-height:26px; color: #333; padding-top: 105px; letter-spacing: 0.05rem;}
#content p{ padding-bottom: 30px;}

.banner { }
.banner-rwd { display: none;}
.loop .owl-dots { width: 20px !important; right: 20px;}
.loop .owl-item {position: relative; }
.loop .owl-item > div {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.loop .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop .owl-prev, .loop .owl-next { position:absolute; z-index:100; top:calc(50% - 40px); background:none !important;}
.loop .owl-prev { left:0px; }
.loop .owl-next { right:0px;}
.loop .owl-prev:before, .loop .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.3;transition: all 0.4s ease-out 0s;width: 107px; height: 107px; background-size: contain; display: block;}
.loop .owl-prev:before { background-image:url(../images/left-arrow.png); content: ""; }
.loop .owl-next:before { background-image:url(../images/right-arrow.png); content: ""; }
.loop .owl-prev:hover:before, .loop .owl-next:hover:before { opacity: 1;}
.loop .owl-stage-outer {z-index: 2;}
.loop .owl-dots { position: absolute; z-index: 100; bottom: auto; top:calc(50% - 50px); width: 100%; text-align: center !important; padding: 0 0px; }
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: #cecece !important; width: 12px !important; height: 12px !important; border-radius: 100%; margin: 0 !important;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: #1c98e7 !important; }

.idx-pro { margin: 6px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.idx-pro > a { margin: 0 3px 6px 3px; width: calc(25% - 6px); background: #f5f5f5; text-align: center; padding: 15px;}
.idx-pro > a:hover img { transform: scale(0.95);}
.idx-pro > a:hover .idx-pro-btn > div  { padding: 0 8px;}
.idx-pro-pto { line-height: 0; margin-bottom: 12px; overflow: hidden;}
.idx-pro-pto img { width: auto; transition: all 0.4s ease-out 0s;}
.idx-pro-name { font-weight: 700; font-size: 24px; color: #333; line-height: 130%;}
.idx-pro-btn { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 15px;}
.idx-pro-btn > div { padding: 0 3px; transition: all 0.4s ease-out 0s; color: #333;}
.idx-pro-btn > div > img { width: 13px;}

.idx-about-section { height: 536px; padding: 0 20px; overflow: hidden;position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center; justify-content: center; margin-bottom: 4px; } 
.idx-about-content {max-width: 935px;margin: 0 auto; text-align: left; color: #fff; } 
.title01 { position: relative; margin-bottom: 30px; display: inline-block;} 
.title01:after {content: ""; position: absolute; bottom: -5px; width: 100%; left: 0; height: 10px; background: linear-gradient(90deg, #FFE100 0%, #FFE100 50%, #FFE100 100%);} 
.title01 h1 { position: relative; z-index: 3;font-size: 30px; font-weight: 400;} 
.parallax__container{clip:rect(0,auto,auto,0);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-100}
.idx-about-section .parallax{background-position:center !important;background-repeat:no-repeat;background-size:cover !important;position:fixed;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}
.more { text-align: right;}
.more a { text-decoration: underline; color: #fff;}

.idx-news { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 4px;}
.idx-news > div { width: 50%; position: relative; overflow: hidden; }
.idx-news > div:nth-of-type(1):hover .idx-news-1 { transform: scale(1.05);}
.idx-news > div:nth-of-type(2) > div:hover .idx-news-1 { transform: scale(1.05);}
.idx-news > div:nth-of-type(1) { margin: 0 4px 4px 0;width: calc(50% - 4px); }
.idx-news > div:nth-of-type(2) { display: flex; flex-direction: row; flex-wrap: wrap;}
.idx-news > div:nth-of-type(2) > div { width: calc(50% - 4px); margin: 0 4px 4px 0;overflow: hidden; position: relative;}
.idx-news-1 { height: 572px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;position: relative;transition: all 0.4s ease-out 0s;}
.idx-news-2 {height: 284px;}
.idx-news-name { position: absolute; z-index: 2;  width: 100%; left: 0; bottom: 0;  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); padding: 24px 15px; color: #fff; line-height: 150%;}
.idx-news-name span { display: block; text-decoration: underline;}
.idx-news-name a { color: #fff; font-weight: 700; font-size: 20px;}
.idx-news-name a:hover { text-decoration: underline;}

@media only screen and (max-width:  1279px) {
	#content { padding-top: 50px;}
	.banner { margin-bottom: 0px;}
	.banner-rwd { display: block;}
	.banner-pc { display: none;}

	.loop .owl-dots {  bottom:15px; top:auto; width: 100% !important; right: auto;}
	.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { margin: 5px 7px !important;}
	
	
}
@media only screen and (max-width: 980px) {
	.idx-pro-name { font-size: 19px;}
	.idx-pro > a { width: calc(50% - 6px);}
	
	.idx-news > div { width: 100%; }
	.idx-news > div:nth-of-type(1) { width: calc(100% - 4px); }
	.idx-news-name a { font-size: 18px;}
	.idx-news-1 { height: 350px;}
}
@media only screen and (max-width: 768px) {
	.idx-about-section { min-height: 400px; padding:40px 20px;}

}
@media only screen and (max-width: 640px) {
	.idx-news > div:nth-of-type(2) > div { width: calc(100% - 4px); }
	
}
@media only screen and (max-width: 570px) {
	
}

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

}

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

}