#wrapper { background-color: #FFFFFF; }
#fv { position: relative; height: 550px; background-image: url(../images/news/banner.png); }
#fv .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
#fv .title img { padding: 25px 0 32px; }

#news { padding: 50px 0 0; }
#news .link {font-family: 'YuGo-Medium';font-size: 12px;padding-top: 26px;margin-left:250px;margin-bottom: 98px}
#news .items {width: 100%;margin: auto;max-width: 800px;}
#news .items .item { width: 880px; height: 120px; box-shadow: 7px 7px 10px rgba(0,0,0,0.15);background-color: #FDC313;margin-bottom: 30px;}
#news .items .item:last-child{margin-bottom: 0}
#news .items .item .left, #news .items .item .right{display: inline-block;}
#news .items .item .left{width: 120px;height: 100%;float: left;}
#news .items .item .right h6{font-size: 16px;font-family: 'Lato-Heavy';font-style: italic;line-height: 34px;font-weight: 600; color: #082B5D;margin-top: 30px;margin-left: 41.5px;}
#news .items .item .right h5{font-size: 20px;margin-left: 41.5px; font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", sans-serif;}

#pager .cfx {margin: 70px 0 48px;}
#pager .cfx .number{text-align: center;}
#pager .cfx .number span {display: inline-block;line-height: 36px;height: 36px;width: 36px;background-color: #000;border: 1px solid #000000; color: #fff; }
#pager .cfx .number a {display: inline-block;line-height: 36px;height: 36px;width: 36px;background-color: #FFFFFF;border: 1px solid #000000}
#pager .cfx .number span:hover{color: white; background-color: #000000;}
#pager .cfx .number span.active{color: white; background-color: #000000;}
#pager .cfx .number a {width: 36px;height: 36px}

.back { text-align: center; }
.back a.back {  display: inline-block; *display: inline; *zoom:1; line-height: 50px; margin-bottom: 100px; width: 240px; height: 50px; background-color: #082B5D; font-family: 'Lato-Regular'; font-size: 16px; color: #FFFFFF; letter-spacing: 7px;}

/* ---------------------------Responsive------------------------------  */
@media only screen and (max-width:640px){
    #fv{ height: 200px ; }
    #fv > img{ height: 200px; }
    #fv .title img{width: 200px; padding: unset;}
    #news{margin: 0 1rem;}
    #news .link {margin-left: unset}
    #news .items{width: 100%;}
    #news .items .item{width: 100%;}
    #news .items .item .left, #news .items .item .right { display: block;}
    #news .items .item .left{ margin-right: .5rem;}
    #news .items .item .right h5{font-size: 16px;}

}