@charset "UTF-8";
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-ms-word-break: break-all;word-break: break-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#7D7D7D;}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;list-style:none;word-break:break-all;word-wrap:break-word;}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}blockquote,q {quotes:none;}html,body{position: relative;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
html{
    background: #232729;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
body{
    padding: 0;
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo" ,"游ゴシック", YuGothic, sans-serif;
    background: #EFECE7;
    color: #000;
    height: 100%;
    position: relative;
    font-size: 14px;
}
a{color: inherit;text-decoration: none;}
img{vertical-align: top;}
strong{
    font-weight: bold;
}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.set-db{display: block;}
.set-tar{text-align: right;}
.bg-gray{
    background-color: #f1efe9;
    background-image: url("../img/bg-gray.gif");
    background-repeat: repeat;
}
.set-padding{
    padding-top: 40px;
    padding-bottom: 40px;
}
.set-br-p{
    margin-bottom: 1em;
}
.set-fl{float: left;}
.set-fr{float: right;}
.set-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.header{
    height: 86px;
    background: #EFECE7;
    z-index: 3;
    box-shadow: 0px 2px 13px -2px rgba(0, 0, 0, 0.33);
    position: relative;
}
.inner{
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.inner .logo{
    width: 316px;
    height: 122px;
    z-index: 2;
    position: absolute;
    text-align: center;
    background: #fff;
    float: left;
    box-shadow: 0px 2px 13px -2px rgba(0, 0, 0, 0.33);
}
@media screen and (max-width: 880px) {
    .header{
        box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.2);
    }
    .inner .logo{
        box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.2);
    }
}
.inner .logo a{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.global-nav{
    margin-left: 316px;
    display: block;

}
.global-nav li{
    float: left;
    background: #fff;
    width: 110.5px;
    height: 86px;
    border-right: 1px solid #e0e0e0;
    background-repeat: no-repeat;
    -webkit-background-size: 109px 86px;
    background-size: 109px 86px;
    background-position: center center;
}
.global-nav li:hover{
    background: #295d72;
    border-right-color: #dddddd;
}
.global-nav li a{width: 100%;height: 100%;display: block;}
.global-nav li:first-child{border-left: 1px solid #e0e0e0;}
.global-nav li:last-child{border-right: none;}
.global-nav li.nav-greeting{background-image: url("../img/nav-greeting.png");}
.global-nav li.nav-greeting:hover{background-image: url("../img/nav-greeting-on.png");}
.global-nav li.nav-currentstatus{background-image: url("../img/nav-currentstatus.png");}
.global-nav li.nav-currentstatus:hover{background-image: url("../img/nav-currentstatus-on.png");}
.global-nav li.nav-target{background-image: url("../img/nav-target.png");}
.global-nav li.nav-target:hover{background-image: url("../img/nav-target-on.png");}
.global-nav li.nav-flow{background-image: url("../img/nav-flow.png");}
.global-nav li.nav-flow:hover{background-image: url("../img/nav-flow-on.png");}
.global-nav li.nav-performance{background-image: url("../img/nav-performance.png");}
.global-nav li.nav-performance:hover{background-image: url("../img/nav-performance-on.png");}
.global-nav li.nav-news{background-image: url("../img/nav-news.png");}
.global-nav li.nav-news:hover{background-image: url("../img/nav-news-on.png");}
.global-nav li.nav-company{background-image: url("../img/nav-company.png");}
.global-nav li.nav-company:hover{background-image: url("../img/nav-company-on.png");}
.global-nav li.nav-contact{background-image: url("../img/nav-contact.png");}
.global-nav li.nav-contact:hover{background-image: url("../img/nav-contact-on.png");}
.footer{
    width: 100%;
    min-height: 110px;
    background: #232729;
    color: #fff;
    padding-bottom: 30px;
}
.footer .inner{
    width: 1150px;
    position: relative;
    background-image: url("../img/logo-black.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-background-size: 164px 35px;
    background-size: 164px 35px;
    padding-top: 30px;
    min-height: 110px;
}
.to-top-wrapper{
    position: fixed;
    bottom: 0px;
    width: 1100px;
    text-align: right;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
    .to-top-wrapper{
        width: 100%;
    }
    .to-top{
        position: relative;
        right: 20px;
    }
}
.to-top{
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url("../img/to-top.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50px;
    background-size: 50px;
    z-index: 3;
}
.footer-nav li{
    font-size: 12px;
    float: left;
    margin-right: 20px;
}
.footer-nav li a:hover{
    text-decoration: underline;
}
.footer-nav li:before{
    display: inline-block;
    content: '';
    margin-right: 3px;
    width: 5px;
    height: 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKBAMAAACOF4kDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAKdFJOUwBh/YGCg/yAYv73wnZiAAAAJUlEQVQI12MIYGBgSAFiIQcGBkZlEMOAgaGzgIFRHcIEyQHVAABGbAOEm6I7fgAAAABJRU5ErkJggg==");
    -webkit-background-size: 5px 10px;
    background-size: 5px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}
.footer small{
    font-size: 11px;
    color: #929292;
    position: absolute;
    bottom: 0;
    right: 0;
}
.contents-inner{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.text-margin{
    margin-top: 15px;
}
.breadcrumb{
    position: absolute;
    bottom: 2px;
    left: 5px;
    font-weight: normal;
    font-size: 12px;
    padding: 8px 2px;
}
.breadcrumb li{
    display: inline-block;
}
.breadcrumb li:after{
    content: '›';
    display: inline-block;
    padding: 0 5px;
    vertical-align: 1px;
}
.breadcrumb li:last-child:after{
    display: none;
}
.hr{
    border: none;
    display: block;
    width: 1099px;
    height: 3px;
    background-image: url("../img/hr.png");
}
.article-padding{
    padding-top: 60px;
}
.article-text p{
    font-size: 15px;
    letter-spacing: 1.6px;
    line-height: 2.57;
    text-indent: 1em;
}
.top-visual{
    position: relative;
    height: 140px;
    background-image: url("../img/greeting/bg-top.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.contents-inner{
    height: 140px;
    position: relative;
}
.to-top-state{
    position: absolute;
    bottom: 76px;
}
@media screen and (min-width: 1201px) {
    .header .inner{
        width: 100%;
    }
    .global-nav li{
        width: 12.5%;
        background-repeat: no-repeat!important;
        -webkit-background-size: 109px 86px!important;
        background-size: 109px 86px!important;
        background-position: center center!important;
    }
    .inner{
        width: 100%;
    }
}
span.count-strong-topdesc{
    left:-78px;
    top:2px;
    font-size:11px;
}
@media screen and (max-width: 880px) {
    span.count-strong-topdesc{
        left: auto;
        position: absolute;
        right: 0;
        right: 0!important;
        display: block;
        text-align: center;
        width: 100%;
        padding-left: 5px;
    }
}