/*ウェブフォント*/
@font-face{font-family:icomoon; src:url('/fonts/icomoon.eot') format("embedded-opentype"), url('/fonts/icomoon.woff') format('woff'), url('/fonts/icomoon.ttf') format("truetype");}

/*body*/
html,body{height:100%;position:relative}
body{background:#f6f6f6 url()center center;overflow-x:hidden;}

/*タイプ*/
body,h1,h2,h3,h4,h5,h6{line-height:150%; font-family:"century gothic", "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif ;
padding:0;margin:0;box-sixing:border-box}


.f11{font-size:11px !important}
.f12{font-size:12px !important}
.f13{font-size:13px !important}
.f16{font-size:16px !important}
.f20{font-size:20px !important}
.f24{font-size:24px !important}
.f30{font-size:30px !important}
.f40{font-size:40px !important}
.f50{font-size:50px !important}

.lh200{line-height:2em !important}
.lh170{line-height:1.7em !important}
.lh150{line-height:1.5em !important}
.lh140{line-height:1.4em !important}
.lh130{line-height:1.3em !important}
.lh120{line-height:1.2em !important}
.lh110{line-height:1.1em !important}

.fc-black{color:black !important}
.fc-dark{color:#333 !important}
.fc-darkgray{color:#666 !important}
.fc-gray{color:#999 !important}
.fc-rightgray{color:#999 !important}
.fc-white{color:white !important}

span.icon{
font-family:icomoon;/*ウェブフォント*/
font-size:16px;
vertical-align:-3px;
text-align:center;
width:24px;
display:inline-block;
}

/*マージン*/
.mb{margin-bottom:40px !important}
.mb20px{margin-bottom:20px !important}
.mt{margin-top:40px !important}
.mt20px{margin-top:20px !important}

/*padding*/
.pb{padding-bottom:40px !important}
.pb20px{padding-bottom:20px !important}
.pt{padding-top:40px !important}
.pt20px{padding-top:20px !important}

/*padding*/
.fr{float:right !important;}
.fl{float:left !important;}

/*ワイズ*/
.w25{width:25% !important}
.w50{width:50% !important}
.w100{width:100% !important}

/*text-align*/
.tac{text-align:center !important}
.tar{text-align:right !important}
.tal{text-align:left !important}

.box-siz-bb{box-sizing:border-box !important}

.zen-font {
    font-family: 'Lato', sans-serif;
    color: #FFF;
    font-size: 26px;
}
.vartical-nav a.vartical-nav-brand {
    height: 50px;
    text-decoration: none;
}

.mr-4 {
    margin-right: 32px;
}