@charset "UTF-8";
/*====================================================================================
■01.Mainvisual
■02.TOP PAGE 
====================================================================================*/
/*====================================================================================
■01.Mainvisual
====================================================================================*/
/* ------wideslider----- */
header { position: relative; z-index: 2; }

.wideslider { width: 100%; height: 510px; text-align: left; position: relative; overflow: hidden; }

.wideslider ul { float: left; display: inline; /* overflow: hidden; */ }

.wideslider ul li { float: left; display: inline; /* overflow: hidden; */ position: relative; }

.wideslider ul li a:hover { color: #fff; background-color: #b2a280; }

.wideslider ul li:nth-child(2) a { left: 25%; bottom: 110px; }

.wideslider ul li:nth-child(3) a { left: 49%; bottom: 100px; }

.wideslider ul li:nth-child(4) a { left: 56%; bottom: 110px; }

/*.wideslider ul li a {
  width: 300px;
  height: 60px;
  background-color: #fff;
  display: block;
  text-decoration: none;
  border: 3px solid #b2a280;
  position: absolute;
  color: #b2a280;
  font-weight: bold;
  bottom: 120px;
  line-height: 60px;
  left: 25%;
  text-align: center;
}*/
.wideslider_base { top: 0; position: absolute; height: 424px; overflow: hidden; }

.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }

.slider_prev, .slider_next { /* top: 0; */ /* overflow: hidden; */ /* position: absolute; */ /* z-index: 100; */ /* cursor: pointer; */ }

.slider_prev { float: left; width: 58px !important; opacity: 0.99 !important; margin-left: 255px; z-index: 9989; position: absolute; cursor: pointer; left: 0px !important; cursor: pointer; display: none; }

.slider_next { float: right; width: 58px !important; opacity: 0.99 !important; z-index: 9989; position: absolute; cursor: pointer; right: 0 !important; margin-right: 255px; display: none; }

.wideslider ul { display: inline-block; /* overflow: hidden; */ }

.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

#mainvisual { position: relative; }

.bg_left { position: absolute; left: 0; top: 0; height: 600px; background: #000; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "alpha(opacity=20)"; }

.bg_right { position: absolute; right: 0; top: 0; height: 600px; background: #000; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "alpha(opacity=20)"; }

.pagination { position: relative; z-index: 999; text-align: center; width: 1000px; margin: 410px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; /* Safari */ display: -moz-flex; /* Firefox */ display: -ms-flex; /* IE */ -ms-flex-pack: distribute; justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; }

.pagination a { width: 148px; height: 63px; background: #d3d3d3; z-index: 999; display: block; text-align: center; opacity: 1 !important; border: 1px solid #fff; }

.pagination a:nth-child(1) { background: url(../images/thumb1.png) no-repeat center center; background-size: cover; margin-left: 0; }

.pagination a:nth-child(2) { background: url(../images/thumb2.png) no-repeat center center; background-size: cover; }

.pagination a:nth-child(3) { background: url(../images/thumb3.png) no-repeat center center; background-size: cover; }

.pagination a:nth-child(4) { background: url(../images/thumb4.png) no-repeat center center; background-size: cover; }

.pagination a:nth-child(5) { background: url(../images/thumb5.png) no-repeat center center; background-size: cover; }

.pagination a:nth-child(6) { background: url(../images/thumb6.png) no-repeat center center; background-size: cover; }

.pagination .active { background: #7ad188; border: 1px solid #fff; -webkit-box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff; }

/*====================================================================================
■02.TOP PAGE 
====================================================================================*/
.tt1_sec {padding: 50px 0;background: #1a1a1a;}

.tt1_sec .container .left { width: 480px; }

.tt1_sec .container .left .content { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; background: url(../images/tt1_bg.png) no-repeat center top; position: relative; }

.tt1_sec .container .left .content a { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; }

.tt1_sec .container .left .content h3 { margin-bottom: 27px; }

.tt1_sec .container .left .content p { text-align: center; color: #fff; line-height: 25px; }

.tt1_sec .container .right { width: 480px; }

.tt1_sec .container .right .content { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; background: url(../images/tt2_bg.png) no-repeat center top; position: relative; }

.tt1_sec .container .right .content a { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; }

.tt1_sec .container .right .content h3 { margin-bottom: 27px; }

.tt1_sec .container .right .content p { text-align: center; color: #fff; line-height: 25px; }

.tt2_sec { background: url(../images/tt3_bg.png) center top; padding: 42px 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 469px; }

.tt2_sec .container { position: relative; }

.tt2_sec .container h3 { position: absolute; left: 426px; top: -42px; }

.tt2_sec .container .left { width: 430px; }

.tt2_sec .container .left .title { border-bottom: 1px solid #fff; padding: 0 0 20px 8px; margin-bottom: 35px; }

.tt2_sec .container .left .title a { margin-right: 25px; }

.tt2_sec .container .left .content { height: 282px; overflow: auto; margin-right: 20px; }

.tt2_sec .container .left .content .row { margin-bottom: 25px; }

.tt2_sec .container .left .content .row dl { margin-bottom: 20px; }

.tt2_sec .container .left .content .row dl dt { font-size: 13px; color: #a9b14a; margin-bottom: 7px; }

.tt2_sec .container .left .content .row dl dd a { color: #fff; font-size: 13px; }

.tt2_sec .container .right { width: 430px; }

.tt2_sec .container .right .title { border-bottom: 1px solid #fff; padding: 0 0 20px 8px; margin-bottom: 35px; }

.tt2_sec .container .right .title h4 { margin-left: 20px; }

.tt2_sec .container .right .title a { margin-right: 25px; }

.tt2_sec .container .right .content { height: 282px; overflow: auto; margin-right: 20px; }

.tt2_sec .container .right .content .row { margin-bottom: 25px; }

.tt2_sec .container .right .content .row img { float: right; margin-right: 30px; }

.tt2_sec .container .right .content .row dl { margin-bottom: 20px; }

.tt2_sec .container .right .content .row dl dt { font-size: 13px; color: #e8b33f; margin-bottom: 7px; }

.tt2_sec .container .right .content .row dl dd a { color: #fff; font-size: 13px; }