@charset "UTF-8";
/* ------------------------------------------------ */
/*                      Visual                      */
/* ------------------------------------------------ */
.slick-list{position: relative; display: block;/*overflow: hidden;*/ margin: 0; padding: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide{display: none; float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
[dir='rtl'] .slick-slide{float: right;}
.visual-item > img{display: block; position:relative; margin-left:-1000px; left:50%;}
.slick-initialized .slick-slide{display: block;}
#mainVisual{position:relative; width:100%; min-width:1000px; overflow:hidden; height:615px; }
#mainVisual .visual-item{position:relative;overflow:hidden;}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:170px; width:380px; left:50%; margin-left:-500px;}
#mainVisual .visual-txt{display:block; opacity:0;filter:Alpha(opacity=0); -moz-transform:translatex(-5%); -ms-transform:translatex(-5%); transform:translatex(-5%); -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
#mainVisual .mark-img{position:absolute; width:160px; height:85px; bottom:0px; left:50%; margin-left:350px;}
#mainVisual .mark-img img{width:100%; margin-left:0; left:0;}

/*visual2*/
#mainVisual .VI02 .visual-txt{}
/*visual3*/
#mainVisual .VI03 .visual-txt{}
/*visual4*/
#mainVisual .VI04 .visual-txt{top:220px;}


#mainVisual .active .visual-txt{-moz-transform:translatex(0);  -ms-transform:translatex(0); transform:translatex(0);}
#mainVisual .active .visual-txt{opacity:1.0;filter:Alpha(opacity=100);}


.slick-dots{position:absolute; top:50%; margin-top:-190px; width:44px; left:50%; margin-left:-500px;}
.slick-dots li{margin-right:10px; float:left;}
.slick-dots button{width:14px; height:16px; font-size:0; display:block; width:12px; height:12px; background:rgba(255,255,255,0.5); border-radius:99999px;}
.slick-dots  li.slick-active button{background:#0074e1;}
.visual-buttons{position:absolute; z-index:8; top:50%; margin-top:-193px; width:14px; left:50%; margin-left:-460px;}
.visual-buttons button{display:inline-block; font-size:0; color:rgba(255,255,255,0.5);}
.visual-buttons i{font-size:22px; vertical-align:middle;}
.visual-buttons button.play{display:none;}
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/*                     Contents                     */
/* ------------------------------------------------ */
#main-contents {height:345px;border-top:6px solid #1e3255}
.mc-sec {position:relative;float:left;width:25%;margin-top:-6px;border-top-width:6px;border-top-style:solid;text-align:center}
.mc-sec h3 {position:relative;z-index:10;margin-top:-43px;padding:110px 0 5px;background:url(../../images/main/main-ico01.png) no-repeat 50% 0; background-size:72px 80px; color:#202430;font-size:1.846em;line-height:1}
.mc-sec span {color:#afb1b4;font-size:1.153em;font-style:italic}
.mc-sec p {margin-top:10px; color:#666; font-size:0.923em}
.mc-sec a {display:block;}
.mc-sec a:hover{text-decoration:none;}
.mc-sec a figure{display:block;position:relative;width:230px;height:95px;margin:25px auto 0}
.mc-sec a .cover {position:absolute;bottom:0;left:50%; margin-left:-115px; width:230px;height:95px;cursor:pointer;
    background:transparent url(../../images/main/img-main.png) no-repeat 50% -550px;transition:opacity .3s, background-position .3s;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/* IE 8 */
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);/* IE 7 and olders*/
    opacity:0}
.mc-sec a:hover .cover {background-position: 50% -600px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:.8}
#main-cont01 {border-color:#3492d3}
#main-cont01 h3 {background-image:url(../../images/main/main-ico01.png);}
#main-cont01 a .cover {background-color:#117dc7}
#main-cont02 {border-color:#f2a01e}
#main-cont02 h3 {background-image:url(../../images/main/main-ico02.png);}
#main-cont02 a .cover {background-color:#e48c00}
#main-cont03 {border-color:#21bd8b}
#main-cont03 h3 {background-image:url(../../images/main/main-ico03.png);}
#main-cont03 a .cover {background-color:#11b07a}
#main-cont04 {border-color:#896bc0}
#main-cont04 h3 {background-image:url(../../images/main/main-ico04.png);}
#main-cont04 a .cover {background-color:#7254a9}
#main-contents:after{display:block; clear:both; height:0; content:"."; visibility:hidden;}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:640px) {

#mainVisual{height:380px; min-width:100%;}
#mainVisual .VI01 > img,
#mainVisual .VI03 > img{left:380px;}
#mainVisual .VI02 > img{left:65%;}

#mainVisual .visual-txt{margin-left:0; left:25px; width:300px; top:130px;}
#mainVisual .visual-txt img{width:100%;}
/*#mainVisual .VI02 .visual-txt{top:150px;}
#mainVisual .VI03 .visual-txt{left:80px;}
#mainVisual .VI04 .visual-txt{top:130px;}*/


#main-contents{height:auto;}
.mc-sec{width:50%; height:auto;}
.mc-sec a{width:100%; overflow:hidden;}
.mc-sec a img{width:100%;a}
.mc-sec h3{background-size:54px 60px;font-size:1.4em; padding-top:70px; margin-top:20px;}

.mc-sec a figure{width:100%; margin-top:15px; overflow:hidden;}
.mc-sec a .cover{width:100%; left:0; margin-left:0; height:120px;background-image:none;}


#main-cont01{background-color:rgba(17,125,199,0.05)}
#main-cont02{background-color:rgba(228,140,0,0.03)}
#main-cont03{background-color:rgba(17,176,122,0.05)}
#main-cont04{background-color:rgba(114,84,169,0.05)}


/*.mc-sec a{width:100%; height:100px; position:absolute; top:0;margin-top:0; z-index:11; overflow:hidden;}
.mc-sec a .cover{width:100%; height:100px; background-image:none;}
.mc-sec a:hover .cover{opacity:0}
.mc-sec a img{display:none;}
.mc-sec p{display:none;}
.mc-sec h3{background-size:54px 60px; background-position:10px 50%;font-size:1.4em; padding-top:0; margin-top:10px; padding-left:80px; min-height:60px; line-height:60px;}
.mc-sec span{font-size:1em; line-height:1; display:block; padding-left:80px; margin-top:-20px;}*/

}

@media (max-width:500px) {
#mainVisual{height:280px;}
#mainVisual .VI01 > img{left:55%;}
#mainVisual .visual-txt{width:220px; top:70px;left:20px;}
}

@media (max-width:440px) {
.mc-sec{width:100%;}
.mc-sec a figure{width:100%;}



}