/* CSS Document */
a { text-decoration:none; transition: all 0.4s ease-out 0s; }

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

#content { padding-top: 130px; color: #000; font-size: 15px; letter-spacing: 0.05rem;} 

header { border-width: 0;transition: all 0.4s ease-out 0s; }
.header-border { border-width: 1px;}

.loop .owl-dots { }
.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;}
.loop .owl-stage-outer {z-index: 2;}
.loop .owl-dots { position: absolute; z-index: 100; bottom: 20px; width: 100%; text-align: center !important; padding: 0 50px;}
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: none !important; width: 12px !important; height: 12px !important; border: 1px solid #fff;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: #fff !important; }

.idx-about { padding-bottom: 65px; display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px; align-items: center; padding-top: 74px; padding-left: 30px; padding-right: 30px;}
.idx-about > div:nth-of-type(1), .idx-about > div:nth-of-type(2) { width: 50%;}
.idx-about > div:nth-of-type(1) { text-align: center;}
.idx-about > div:nth-of-type(2) { border-left: 2px solid #bfbfbf; padding: 40px 0px 40px 45px;}
.idx-about > div:nth-of-type(2) h1 { font-size: 20px; font-weight: normal; color: #000;}
.idx-about > div:nth-of-type(3) { width: 100%; padding-top: 68px;}

.idx-link { padding-bottom: 70px;}
.idx-link-pto { text-align: left; line-height: 0;}
.idx-link-pto img { max-width: 1025px; width: 100%;}
.idx-link-box { max-width: 953px; margin: -240px 0 0 auto; background: #fff; padding: 30px; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2); position: relative; z-index: 2;}
.idx-link-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.idx-link-list > div { width: calc(33.33% - 24px);}
.idx-link-list > div a { display: flex; padding-left:5px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e4e4e4; /*background: url(../images/arrow-1.png) no-repeat 5px 0px; */color: #000; font-size: 16px;} 
.idx-link-list > div a:hover { color: #246caf;} 
.idx-link-title { color: #000; font-size: 20px; font-weight: bold; border-bottom: 1px solid #c9c9c9; padding-bottom: 7px; margin-bottom: 15px;} 

.btn-more { text-align: right;}
.btn-more a { display: inline-block; font-size: 15px; color: #333; text-decoration: underline;}
.btn-more a:hover { text-decoration: none;}

.idx-news { padding-bottom: 70px; display: flex; flex-direction: row; flex-wrap: wrap;}
.idx-news > div { width: 50%;}
.idx-news-content { padding: 0 38px;}
.idx-news-content > a { padding: 20px 0 40px 0; display: flex; flex-direction: row; flex-wrap: wrap; position: relative;top:0;}
.idx-news-content > a:hover { top:6px;}
.idx-news-title { position: relative;display: block;margin-bottom: 23px;font-weight: 900;font-size: 14px;}
.idx-news-pto { width: 155px;}
.idx-news-data { width: calc(100% - 155px); padding-left: 45px; font-size: 12px; color: #818181;}
.idx-news-data .name { margin: 11px 0; color: #1f1f1f; font-weight: bold;}
.idx_arrow {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
@media only screen and (max-width: 1150px) {
	.idx-news { padding-left: 30px; padding-right: 30px; padding-top: 35px;} 
}
@media only screen and (max-width: 1024px) {
	#content { padding-top: 90px;} 
}
@media only screen and (max-width: 980px) {
	.idx-about  { padding-top: 40px;}
	.idx-about > div:nth-of-type(1), .idx-about > div:nth-of-type(2) { width: 100%;}
	.idx-about > div:nth-of-type(1) img { max-width: 220px;}
	.idx-about > div:nth-of-type(2) { border-left: 0px solid #bfbfbf; padding: 30px 0px 0px 0px;}
	.idx-about > div:nth-of-type(2) h1 { font-size: 17px; font-weight: bold;}
	.idx-about > div:nth-of-type(3) { padding-top: 35px;}
	
	.idx-link { padding-bottom: 20px;}
	.idx-link-box { margin: 0 auto; }
	.idx-link-list > div { width: 100%; padding-bottom: 25px;}
	
	.idx-news > div { width: 100%;}
	
}
@media only screen and (max-width: 768px) {
	
	
}
@media only screen and (max-width: 650px) {
	#content { padding-top: 60px;} 
	
	.idx-news-content > a { padding: 30px 20px;border: 1px solid #efefef; margin-bottom: 30px;}
	.idx-news-pto { width: 100%; text-align: center; margin-bottom: 20px;}
	.idx-news-data { width: 100%; padding-left: 0px; }
	
}
.banner_video {
  height: 0;
  padding-bottom: 56%;
  position: relative;
}
.banner_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;

}
.mb_show {display: none !important;}
@media only screen and (max-width: 570px) {
  .pc_show {display: none !important;}
	.mb_show {display: block !important;}
	.banner_video {display: none;}
}

@media only screen and (max-width: 414px) {
	.loop .owl-dots { bottom: 5px;}
	

}

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

}