@charset "utf-8";
#mainVisual{height:817px;overflow:hidden;background:#333;border:0px;z-index:1}
#mainVisual .grap{position:relative;width:100%;height:100%}
#mainVisual .obj{position:relative;width:100%;height:100%}
#mainVisual .slick-list{height:100%;}
#mainVisual .slick-track{height:100%}
#mainVisual .slick-slide>div{height:100%;}
#mainVisual .obj .slider-track {height:100%;}
#mainVisual .slick-list,
#mainVisual .slick-track,
#mainVisual .slick-slide,
#mainVisual .slick-slide>div{width:100%;height:100%;}
#mainVisual .obj .item {margin:0 auto;width: 100vw;height: 100%;background-repeat: no-repeat;background-size: cover;position: relative;background-position:50% 50%;max-width: 1800px;display: block !important;}
#mainVisual .obj .item:after{content: "";display: block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9;}
#mainVisual .slick-slide {position: relative;outline: none;z-index: 1;transform: scale(1);}
#mainVisual .slick-slide.slick-current {z-index: 2;transform: scale(1);}
#mainVisual .obj .item .center-y {display: block;vertical-align: middle;text-align:center;position:relative;z-index:10;}
#mainVisual .obj .item .center-y .layout{padding:120px 50px 280px;}
#mainVisual .obj .item .center-y .layout h3 a,
#mainVisual .obj .item .center-y .layout h3{display:block;color:#fff;font-size:35px;line-height:1.2;color:#fff !important;font-weight:600;}

#mainVisual .obj .item .center-y .layout p a,
#mainVisual .obj .item .center-y .layout p{display:block;margin-top:15px;font-size:22px;line-height:1.2;color:#fff;}
#mainVisual .slick-dots{position:absolute;bottom: 330px;left:50%;width:100%;text-align:center;z-index:10;transform: translateX(-50%);}
.slick-dots {max-width:1280px;}
.slick-dots li {display:inline-block;position:relative;margin:0 2px;}
.slick-dots li button {display:inline-block;position:relative;width:20px;height:20px;border-radius:50%;font-size:0;line-height:0;}
.slick-dots li button:before{content: '';display: inline-block;position: absolute;top: 6px;left: 50%;width: 8px;height: 8px;margin-left: -4px;border-radius: 50%;background-color: #fff;}
.slick-dots li button:after{content: '';display: inline-block;position: absolute;top: 10px;left: 50%;width: 8px;height: 8px;margin-left: 0px;border-radius: 50%;border: 1px solid #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.slick-dots li.slick-active button:after{width:22px;height:22px;border: 1px solid #fff;}

#mainVisual .control{display:none}
@media screen and (max-width:1023px){
#mainVisual .obj .item .center-y .layout{padding:133px 133px 480px;}
#mainVisual .slick-dots{bottom:406px}
}
@media screen and (max-width:767px){
  #mainVisual{height:438px;}

  #mainVisual .obj .item .center-y .layout{padding:53px 53px 480px;}
#mainVisual .obj .item .center-y .layout h3 a,
#mainVisual .obj .item .center-y .layout h3{font-size:30px;}
  #mainVisual .obj .item .center-y .layout p{display:none;}
  #mainVisual .slick-dots{bottom:157px}
}
@media screen and (max-width:640px){
#mainVisual .obj .item .center-y .layout h3 a,
#mainVisual .obj .item .center-y .layout h3{font-size:25px;}
#mainVisual .slick-dots{bottom:157px}
}

#mcon{z-index:2}

#item1{margin-top:-297px;}
.more{width:43px;height:22px;}
.more:before,
.more:after{display:none;}
.more span{display:block;width:100%;height:22px;background:url(/template/template_a1/images/ir-more.gif) no-repeat 50% 0}
@media screen and (max-width:1023px){
  #item1{margin-top:-387px;}
}
@media screen and (max-width:767px){
  #item1 {border:none;margin-top:-102px}
  #item1 .inner{padding-left:3px;}
}

#item2,
#item3{border-top: 60px solid transparent;/* border-bottom: 0; */}
#item2 .title,
#item3 .title{display:block;margin-bottom:37px;}
#item2 .grap .obj .item,
#item3 .grap .obj .item{margin-top:-17px;}
#item2 .main-board__skin .more,
#item3 .main-board__skin .more{top:-63px;}
.main-board__skin.grap.board__typeB{height:250px;}
#item2 .main-board__skin.grap.board__typeB .obj .item,
#item3 .main-board__skin.grap.board__typeB .obj .item{margin-top:0 }
#item2 .main-board__skin.grap.board__typeB .obj .item a strong,
#item3 .main-board__skin.grap.board__typeB .obj .item a strong{width:75%}
#item4 .inner:before{content: "";display: block;position:absolute;bottom:50px;left:-30px;right:-30px;width:105%;height:57%;border:1px solid #ddd}
#item4 .inner{padding: 20px 0 90px 0;border-top:1px solid #ccc;position:relative;}
#item4 .inner .more{top:70px;}

#item1 + #item4 .inner{border-top:none;}

#item4 .main-photo__skin.grap.photo__typeA .obj .item *{transition: all 300ms ease-in-out;}
#item4 .main-photo__skin.grap.photo__typeA .obj .item .thumb{height:317px;}
#item4 .main-photo__skin.grap.photo__typeA .obj .item .over{padding-top:0;top:auto;bottom:0;height:auto;font-size:18px;}
#item4 .main-photo__skin.grap.photo__typeA .obj .item .over strong{padding-top:20px;line-height:1;height:38px}
#item4 .main-photo__skin.grap.photo__typeA .obj .item .under{display:none;}

#item4.col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{border:none;width:2.5%}
@media screen and (max-width:1280px){
  #item4 .inner:before{left:30px;width:96%}
}
@media screen and (max-width:1024px){
  #item4 .inner:before{display:none;}
  #item4.col-sm-12 .main-photo__skin.grap.photo__typeA .obj{height:317px;overflow:hidden;}
  #item4.col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{width:33.33%}
}
@media screen and (max-width:767px){
	 #item4{overflow:hidden}
   #item4.col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{width:50%}
}
@media screen and (max-width:560px){
  #item4.col-sm-12 .main-photo__skin.grap.photo__typeA .obj .item{width:100%}
}
#item1{min-height:156px;}
#item2,
#item3{min-height:361px;}
#item4{min-height:529px;border-top: 0;margin-top: -20px;margin-bottom: -35px;}

@media screen and (max-width:768px){
  #item2,
  #item3{border-top:40px solid transparent;}
  #item2, #item3{min-height:auto}
}
#foot_layout{margin-top:0;}
