@charset "utf-8";
/* header */





/* header */

#visual{position:relative;overflow:hidden}
#mainVisual{position:relative;height:808px;overflow:hidden;background:#333;border:0px solid;background-repeat:no-repeat;background-size:cover}
#mainVisual .control{display:none}
#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;}


@media screen and (max-width:1023px){
#mainVisual .obj .item .center-y .layout{padding:83px 50px 480px;}
#mainVisual .slick-dots{bottom:417px}
}
@media screen and (max-width:767px){
  #mainVisual{height:438px;}
  #mainVisual .obj .item .center-y .layout p{display:none;}
  #mainVisual .obj .item .center-y .layout h3,
  #mainVisual .obj .item .center-y .layout h3 a{font-size:25px;}
  #mainVisual .slick-dots{bottom:238px}

}
@media screen and (max-width:640px){
	#mainVisual{height: 465px}
}

@media screen and (max-width:400px){
	#mainVisual{height: 620px}
	#mainVisual .slick-dots{bottom:393px}

}

#item1{position:absolute;bottom:85px;left:0;width:100%;z-index:2}
#item1 .title{font-size:0;}
#item1 .title:before{display:none;}
#item1 .main-link__skin.link__typeA{margin:auto;width: 73%;}
#item1 .main-link__skin.link__typeA .item{width:24%;border:none;background:none;color:#fff;height:auto;padding:0;}
#item1 .main-link__skin.link__typeA .item:hover{transform: scale(1) rotate(0.002deg);}
#item1 .main-link__skin.link__typeI .item{border:none;}
#item1 .main-link__skin.link__typeA .item .gist-icon__box{width:100px;height:100px;padding:25px;border-radius:50%;background-color:rgba(53,58,65,0.7);transition: all 0.4s;}
#item1 .main-link__skin.link__typeA .item:hover .gist-icon__box{background-color:rgba(223,49,40,1);transform: scale(1.2) rotate(0.002deg);}

@media screen and (max-width:1023px){
  #item1 .main-link__skin.link__typeA {width: 80%;}
}
#item2,
#item3{margin-bottom:30px;height:290px;margin-top:30px;}

#item2 .title,
#item3 .title{display:block;margin-bottom:37px;letter-spacing: -0.05em;}

#item3 .main-board__skin.grap.board__typeB .title{color:#231f20;font-size:20px;font-weight:bold;line-height:1.3;text-transform:uppercase;width:auto;height:auto;}
#item3 .main-board__skin.grap.board__typeB .title:before{display:none !important;}
#item3 .main-board__skin.grap .title,
#item3 .main-board__skin.grap .obj{border:none;}
#item2 .grap .obj .item{margin-top:-17px;width:50%;float:left;}
#item3 .grap .obj .item:first-child{margin-top:-17px;}
#item3 .main-board__skin.grap .obj .item{border:none;}
#item3 .main-board__skin.grap .obj .item a{padding:0 10px;}
.main-board__skin.grap.board__typeB .obj .item a strong:before{width:6px;height:3px;background-color:#de2525}
#item3 .main-board__skin.grap .obj .item a .date{position: absolute;right: 0}
#item3 .main-board__skin.grap .obj .item:first-child{border-bottom:1px solid #ddd;margin-bottom:10px;}
#item3 .main-board__skin.grap .obj .item:first-child a{padding:0 10px;height:102px;}
#item3 .main-board__skin.grap .obj .item:first-child a .date{position:relative;width:74px;vertical-align:middle;color:#b2b2b2;font-size:14px;line-height:1;}
#item3 .main-board__skin.grap .obj .item:first-child a .date span{display:block;height:auto;vertical-align:middle;border:none;background:none;padding:5px 6px;border:1px solid #ccc;border-radius:0}
#item3 .main-board__skin.grap .obj .item:first-child a .date i{display:block;font-style:normal;margin-top:0;font-size:30px;color:#000;font-weight: bold;letter-spacing:-1px;}
.main-board__skin.grap.board__typeB .obj .item a strong{width:72%}
.main-board__skin.grap.board__typeB .obj .item:first-child a strong{width:100%}
@media screen and (max-width:1023px){
	#item2.article{border-left: 30px solid transparent}
  	#item3.article{border-right: 30px solid transparent}

	}
@media screen and (max-width:767px){
  #item2,
  #item3{height:auto;margin-top:0;margin-bottom:0;}
  #item2.article,#item3.article{border: 30px solid transparent}
  #item3 .grap .obj .item a .pt strong{height:auto;margin-bottom:5px;font-size:20px;}
  #item1{bottom:-5px;left: 0;width: 100%;}
  #item1 .main-link__skin.link__typeA{width:100%;text-align:center}
  #item1 .main-link__skin.link__typeA .item{position:relative;margin-bottom:10px;width:32.66%;padding:15px 5px 16px 60px;font-size: 14px !important;vertical-align:middle !important;text-align:left}
  #item1 .main-link__skin.link__typeA .item .gist-icon__box{position: absolute;top: 0;left: 0;width:25px;height:25px}
  #item2 .grap .obj .item{float:none;width:100%}
}
@media screen and (max-width:640px){

#item2.article,#item3.article{border-bottom:0px solid transparent}
#item1 .main-link__skin.link__typeA .item{width: 40.66%;padding:16px 8px 14px 74px}

#item3 .main-board__skin.grap .obj .item a {padding: 5px 10px;}
#item3 .main-board__skin.grap.board__typeB{height:250px;}
}

@media screen and (max-width:400px){
#item1 .main-link__skin.link__typeA .item{width:80.6%}
}

#item4{padding:40px 30px 60px 30px;background: url(../images/background-link-quick.gif) no-repeat 50% 0;background-color:#ebedef;border:0px solid transparent;}
#item4:before,
#item4:after{content: '';display:block;position:absolute;top:0;width:500%;height:100%;background-color:#ebedef}
#item4:before{left:-500%}
#item4:after{right:-500%}
#item4 .main-link__skin.link__typeF{display:block;}
#item4 .main-link__skin.link__typeF .title{display:block;margin-bottom:38px;color:#000;font-size:35px;font-weight: bold;text-align:center;line-height:1.3}
#item4 .main-link__skin.link__typeF .obj{display:table;margin-top:-1px;width:100%;table-layout:fixed;}
#item4 .main-link__skin.link__typeF .item{min-height:185px;border: 1px solid rgba(255,255,255,0.5);}
#item4 .main-link__skin.link__typeF .item .achive-text{padding:55px 30px;}
#item4 .main-link__skin.link__typeF .item .achive-text strong{margin-bottom:10px;font-weight: 600;font-size:20px}

#item4 .main-link__skin.link__typeF .item .achive-text em{letter-spacing:-0.01em}

.main-link__skin.link__typeF .item .achive-img{display:none;}
.main-link__skin.link__typeF .item.item0{background: url(../images/background-link__typef-1.png) no-repeat;background-size:cover}
.main-link__skin.link__typeF .item.item1{background: url(../images/background-link__typef-2.png) no-repeat;background-size:cover}
.main-link__skin.link__typeF .item.item2{background:#626877;color:#fff;}
.main-link__skin.link__typeF .item.item3{background: url(../images/background-link__typef-4.png) no-repeat;background-size:cover}
.main-link__skin.link__typeF .item.item4{background:#5b81b2;color:#fff;}
.main-link__skin.link__typeF .item.item5{background:#404450;color:#fff;}
.main-link__skin.link__typeF .item.item6{background: url(../images/background-link__typef-7.png) no-repeat;background-size:cover}
.main-link__skin.link__typeF .item.item7{background: url(../images/background-link__typef-8.png) no-repeat;background-size:cover;color: #333;}
.main-link__skin.link__typeF .article-text{font-size:0;}

#item5{padding:18px 30px;background-color:#bbc3cd;border:0px solid transparent;}
#item5:before,
#item5:after{content: '';display:block;position:absolute;top:0;width:500%;height:100%;background-color:#bbc3cd}
#item5:before{left:-500%}
#item5:after{right:-500%}
#item5 .main-link__skin.link__typeA .title{font-size:0;}
#item5 .main-link__skin.link__typeA{padding-left:0;display:block;}
#item5 .main-link__skin.link__typeA .obj{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
#item5 .main-link__skin.link__typeA .item{border:none;background-color:transparent}
#item5 .main-link__skin.link__typeA .item:hover{color:#000;background-color:transparent;transform: scale(1) rotate(0.002deg);}
#item5 .main-link__skin.link__typeA .item .gist-icon__box{padding:14px 0;width:78px;height:78px;background-color:#fff;border-radius:50%;text-align:center}
#item5 .main-link__skin.link__typeA .item:hover  .gist-icon__box{background-color:#df3229}
@media screen and (max-width:1023px){
#item5 .main-link__skin.link__typeA{padding-left:0;}
#item5 .main-link__skin.link__typeA .item{margin:0;width:16.66%}
}
@media screen and (max-width:767px){
#item5 .main-link__skin.link__typeA .item{width:33.333%}

#item5 .main-link__skin.link__typeA .item .gist-icon__box {
    width: 50px;
    height: 50px;
}
}
#foot_layout{margin-top:0;}