@charset "utf-8";

.welcomeXE{
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    width: 1200px;
    max-width: 1200px;
    padding: 0px;
    margin: 0 auto;
    background: #eaeaea;
    overflow: hidden;
}

.welcomeXE .news {
    padding: 4px;
    background: #eaeaea;
    width: 48%;
    float: left;
    overflow: hidden;
}

.news h2 {
    font-size: 22px;
    letter-spacing: 1px;
    padding: 12px 0 18px 25px;
    color: #2f4063;
}
.news li{
    font-size:14px;
    padding-left: 20px;
    line-height: 2em;
}

.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px}
.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:bold;color:#cda25a;letter-spacing:1px;line-height:20px}
.welcomeXE .intro{width:408px;height:600px;padding-right:792px;background:url(../img/intro.png) 100% 100% no-repeat}
.welcomeXE .intro .cont{padding-bottom:37px;font-size:15px;font-weight:400;color:#888;line-height:27px}
.welcomeXE .intro .btn_start{display:inline-block;margin:50px 0;padding:0 27px;height:40px;border:2px solid #cda25a;background-color:#fff;font-size:13px;line-height:40px;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.welcomeXE .intro .btn_start:hover,
.welcomeXE .intro .btn_start:active
.welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff}

/*section.connect*/
.welcomeXE .connect{padding-top:10px}
.welcomeXE .connect ul{overflow:hidden;padding:0px}
.welcomeXE .connect li{    font-size:14px;
    padding-left: 20px;
    line-height: 2em;}
.welcomeXE .connect li:first-child{margin-left:0}
.welcomeXE .connect .ico{position:absolute;top:0;left:0;width:78px;height:78px;border-radius:100%;background-color:#cda25a;text-align:center;font-size:40px;color:#fff}
.welcomeXE .connect .ico:hover,
.welcomeXE .connect .ico:active,
.welcomeXE .connect .ico:focus{background-color:#555}
.welcomeXE .connect .ico i{line-height:78px}
.welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333}
.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px}



.top_links a{
    overflow:hidden
}
.top_links a{
    position:relative
}

.top_links a{
    display:block
}
.top_links{
    padding:4px;
    background:#eaeaea;
    float:left;
    width:25%
}
.top_links a{
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    background-position:center;
    height:100%
}
.top_links a img{
    width:100%;
    height:auto
}
.top_links section{
    position:absolute;
    width:180px;
    left:0
}
.top_links section p{
    font-size:12px;
    line-height:19px;
    color:#6d6d6d;
    font-weight:700;
    background:#FFF;
    opacity:.86;
    padding-top:35px;
    padding-bottom:10px;
    padding-left:15px
}
.top_links h2{
    font-size:18px;
    letter-spacing:2px;
    color:#FFF;
    background:#2f4063;
    opacity:.86;
    padding-left:15px;
    padding-top:25px;
    padding-bottom:15px;
    line-height:1
}