/* 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:1160px; margin:0 auto; text-align:left; position:relative; clear:both;}

.banner { position: relative;}
.banner-slogon {position: absolute;  line-height: 150%;z-index: 11; width: 585px; left: calc(50% - 291px); top:calc(50% - 190px); background: rgba(255,255,255,.6); text-align: center; padding: 75px 45px;}
.banner-slogon-title {font-size: 66px; font-weight: bold; color: #ffae00; padding-bottom: 24px; line-height: 100%; letter-spacing: 2px;}
.banner-slogon-data { text-align: left;font-size: 16px; color: #000000; padding-bottom: 30px;}
.banner-slogon-data b { font-size: 30px; padding-bottom: 10px; display: block;}
.btn01 { text-align: center;}
.btn01 a { display: inline-block; width: 159px; line-height: 40px; border: 1px solid #000000; position: relative; padding: 0 25px 0 14px; font-size: 16px; color: #000000; text-align: left; font-weight: bold;}
.btn01 a:hover { color: #fff; background: #ffae00; border-color: #fff; width:159px;}
.btn01 a i { position: absolute; top:12px; right: 12px; font-size: 16px;}
.loop { z-index: 10 !important;}
.loop .owl-dots { display: none !important;}
.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% - 0px); background:none !important;}
.loop .owl-prev { left:10px; }
.loop .owl-next { right:10px;}
.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;}
.loop .owl-prev:before { content:"\f104"; }
.loop .owl-next:before { content:"\f105"; }
.loop .owl-prev:hover:before, .loop .owl-next:hover:before { opacity: 1;}

.idx-pro-section {padding: 120px 0 110px 0;}
.title01 { color: #222; font-size: 46px; font-weight: bold; text-align: center; line-height: 130%; padding-bottom: 40px;}

.loop2 .owl-nav { position: absolute; top:30px; left: -220px; width: 50px; z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100; top:calc(50% - 0px); width: 22px; height: 22px; line-height: 22px !important; text-align: center; background: #00aadb !important; margin: 0 !important;transition: all 0.4s ease-out 0s;}
.loop2 .owl-prev { left:0px;}
.loop2 .owl-next { right:0px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { font-family:'Font Awesome 5 Free'; font-weight: 900 !important; font-size:20px; color: #fff; }
.loop2 .owl-prev:before { content:"\f104";}
.loop2 .owl-next:before { content:"\f105";}
.loop2 .owl-prev:hover, .loop2 .owl-next:hover { background: #e60012 !important;}
.loop2 .owl-item:hover .idx-pro-pto img { transform: scale(1.05);}
.loop2 .owl-nav.disabled + .owl-dots { margin-top: 50px !important;}
.loop2 .owl-dots .owl-dot.active span, .loop2 .owl-dots .owl-dot:hover span { background: #ee7a00 !important;}

.idx-pro-pto { line-height: 0; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; height: 200px; margin-bottom: 25px;}
.idx-pro-pto img { transition: all 0.4s ease-out 0s;}
.idx-pro-name { text-align: center; font-size: 18px; color: #222222; line-height: 140%;}

.idx-about-section {background: url(../images/idx-about-bg.jpg) no-repeat center center; background-size: cover; padding: 115px 20px 160px 20px;}
.idx-about-content {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.idx-about-content > div {width: 50%;}
.idx-about-content > div:first-child { padding-right: 40px;}
.idx-about-content > div:last-child { padding-left: 20px;}
.idx-about-data { color: #222222; font-size: 24px; line-height: 160%;}
.idx-about-data h1 { font-size: 46px; line-height: 120%; padding-bottom: 14px;}
.idx-about-data b { display: block; color: #ee7700; line-height: 120%;}
.idx-about-data p { margin-bottom: 45px;}

.btn02 { text-align: left;}
.video-container {
position: relative;
padding-bottom: 25.5%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-width: 0;
}

.idx-link-section {padding: 100px 20px 120px 20px;}
.idx-link-content {display: flex; flex-direction: row; flex-wrap: wrap; font-size: 18px; color: #222222; line-height: 150%;}
.idx-link-content > div { width: 50%;}
.idx-link-content > div p { margin-bottom: 25px;}
.idx-link-content > div:hover .idx-link-pto img { transform: scale(1.05);}
.idx-link-content > div:first-child { padding-right: 16px;}
.idx-link-content > div:last-child { padding-left: 16px;}
.title02 { text-align: left; font-size: 36px;}
.idx-link-pto { line-height: 0; overflow: hidden; margin-bottom: 28px;}
.idx-link-pto img { width: 100%;transition: all 0.4s ease-out 0s;}


@media only screen and (max-width: 980px) {
	#content { padding-top: 80px;}
	.banner-slogon { position: inherit; padding: 30px 20px; width: auto; left: auto; top: auto;}
	.banner-slogon-title { font-size: 36px; padding-bottom: 15px;}
	.banner-slogon-data {  padding-bottom: 20px; text-align: center;}
	.banner-slogon-data b { font-size: 20px; }
	
	.idx-pro-section {padding: 40px 0;}
	.title01 { font-size: 30px; padding-bottom: 15px;}
	
	.idx-about-section { padding: 60px 20px;}
	.idx-about-content > div {width: 100%;}
	.idx-about-content > div:first-child { padding-right: 0px; padding-bottom: 35px;}
	.idx-about-content > div:last-child { padding-left: 0px;}
	.idx-about-data h1 { font-size: 34px;}
	.idx-about-data { font-size: 16px;}
	.video-container { padding-bottom: 50.5%;}
	
	.idx-link-section {padding: 60px 20px;}
	.idx-link-content { font-size: 16px;}
	.idx-link-content > div { width: 100%;}
	.idx-link-content > div:first-child { padding-right: 0px; margin-bottom: 50px;}
	.idx-link-content > div:last-child { padding-left: 0px;}
}

@media only screen and (max-width: 768px) {
	
	
}
@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) {

}