/* CSS Document */

body {	-webkit-text-size-adjust:100%; text-align:center; font-family: 'PT Sans', sans-serif; overflow-x: hidden;}
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:1170px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { margin-top: 140px;}

.banner {position: relative;}
.loop {position: relative; height: 100%; }
.loop .owl-stage-outer {z-index: 2;}
.loop .owl-dots { position: absolute; z-index: 100; bottom: 25px; width: 100%; text-align: center;}
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: #cecece !important;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: #c82b1d !important;}
.loop .owl-prev { position:absolute; z-index:100; left:20px; top:calc(50% - 50px); background:none !important;}
.loop .owl-prev:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:90px; content:"\f104"; color: rgba(255,255,255,.6);}
.loop .owl-next { position:absolute; z-index:100; right:20px;font-weight: 900 !important; top:calc(50% - 50px); background:none !important;}
.loop .owl-next:before { font-family:'Font Awesome 5 Free'; font-size:90px; content:"\f105"; color: rgba(255,255,255,.6);}

.loop .owl-item img:last-child { display: none;}

.idx-link-bg { background: url(../images/idx-link-bg.jpg) no-repeat top center; min-height: 542px; padding: 100px 20px 40px 20px;}
.idx-link-title { text-align: center; padding-bottom: 70px;}
.idx-link-title h1 { color: #2c2c2c; font-size: 40px; font-weight: bold; line-height: 110%;}
.idx-link-title span { display: block; padding-top: 15px;}
.idx-link-list { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.idx-link-list > div { max-width: 324px; text-align: center; margin-bottom: 40px;}
.idx-link-list > div:hover img { transform: scale(1.05);}
.idx-link-pto { line-height: 0; overflow: hidden; margin-bottom: 25px;}
.idx-link-pto img { transition: all 0.4s ease-out 0s; width: 100%;}
.idx-link-name { text-align: center; font-size: 20px; color: #505050; font-weight: bold;}

.idx-pro-bg { background: url(../images/idx-pro-bg.jpg) no-repeat top center; background-size: cover; padding: 110px 20px;}
.idx-pro-title { text-align: center; padding-bottom: 25px; font-size: 32px; color: #222; font-weight: bold;}
.idx-pro-list { }
.idx-pro-list > div { text-align: center; margin-bottom: 0px;}
.loop2 .owl-item:hover img { transform: scale(1.05);}
.loop2 .owl-item:hover .idx-pro-btn { color: #c82b1d;}
.idx-pro-pto { line-height: 0; overflow: hidden; margin-bottom: 25px;}
.idx-pro-pto img { transition: all 0.4s ease-out 0s; width: 100%;}
.idx-pro-name { text-align: center; font-size: 20px; color: #505050; font-weight: bold; }
.idx-pro-btn { text-align: center; display: block;font-size: 15px; color: #505050; margin-top: 14px; text-decoration: underline; transition: all 0.4s ease-out 0s;}

.loop2 {position: relative; height: 100%; }
.loop2 .owl-stage-outer {z-index: 2;}
.loop2 .owl-dots { position: absolute; z-index: 100; bottom: -60px; width: 100%; text-align: center;}
.loop2 .owl-dots .owl-dot span, .loop2  .owl-dots .owl-dot span { background: #fff !important;}
.loop2 .owl-dots .owl-dot.active span, .loop2  .owl-dots .owl-dot:hover span { background: #c82b1d !important;}
.loop2 .owl-prev { position:absolute; z-index:100; left:20px; top:calc(50% - 50px); background:none !important;}
.loop2 .owl-prev:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:90px; content:"\f104"; color: rgba(255,255,255,.6);}
.loop2 .owl-next { position:absolute; z-index:100; right:20px;font-weight: 900 !important; top:calc(50% - 50px); background:none !important;}
.loop2 .owl-next:before { font-family:'Font Awesome 5 Free'; font-size:90px; content:"\f105"; color: rgba(255,255,255,.6);}

.idx-news-section { padding:72px 20px 100px 20px;}
.title02 { padding-bottom: 80px;}
.idx-news-list > div:not(:last-child) { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ededed;}
.idx-news-content { display: flex; flex-direction: row; flex-wrap: nowrap;}
.idx-news-content > div:nth-of-type(1) { width: 166px; text-align: center;}
.idx-news-content > div:nth-of-type(2) { width: calc(100% - 166px - 156px); padding: 0 30px 0 24px; color: #ffffff; font-size: 16px; line-height: 130%; text-align: left; border-right: 3px solid #e4e4e4;}
.idx-news-content > div:nth-of-type(3) { width: 156px; text-align: right; padding-right: 12px;}
.idx-news-title { padding-bottom: 22px; font-weight: normal; font-size: 18px; color: #222222; font-weight: bold; line-height: 150%;}
.idx-news-title span { font-weight: normal; color: #767676; display: block; padding-bottom: 4px;}
.idx-news-btn { width: 89px; line-height: 89px; height: 89px; border-radius: 100%; text-align: center; font-size: 16px; font-weight: bold; color: #8f8f8f; background: #f4f4f4; display: inline-block;}
.idx-news-btn:hover { background: #e5b31d; color: #fff;}

@media only screen and (max-width: 980px) {
	#content { margin-top: 110px;}
	
	.loop .owl-item img:first-child { display: none;}
	.loop .owl-item img:last-child { display: block;}
	
	.idx-link-bg { padding: 50px 20px 40px 20px;}
	.idx-link-title { padding-bottom: 40px;}
	.idx-link-title h1 { font-size: 28px;}
	.idx-link-list { flex-direction: column; align-items: center;}
	
	.idx-pro-title { font-size: 28px;}
	.idx-pro-bg { padding: 70px 20px 110px 20px;}
}

@media only screen and (max-width: 768px) {
	.idx-news-section { padding:50px 20px 70px 20px;}
	.title02 { padding-bottom: 40px;}
	.idx-news-content { flex-direction: column;}
	.idx-news-content > div {width: 100% !important;}
	.idx-news-content > div:nth-of-type(2) { padding: 30px 0 10px 0; border-width: 0;}
	.idx-news-content > div:nth-of-type(3) { padding-right: 0; text-align: center;}
	
	
}
@media only screen and (max-width: 640px) {
	

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

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

}

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

}