.titleArea{border-left:2px solid #dcdcdc;border-right:2px solid #dcdcdc;font-family:Noto Sans,sans-serif;margin:0 auto 60px;max-width:770px;position:relative;text-align:center}@media screen and (max-width:767px){.titleArea{margin:0 auto 30px}}.titleArea:before{border-bottom:2px solid #dcdcdc;border-top:2px solid #dcdcdc;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:20px}@media screen and (max-width:767px){.titleArea:before{width:10px}}.titleArea:after{border-bottom:2px solid #dcdcdc;border-top:2px solid #dcdcdc;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;position:absolute;right:0;top:0;width:20px}@media screen and (max-width:767px){.titleArea:after{width:10px}}.titleArea .ttlInner{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:table;padding:23px 30px;text-align:center;width:100%}@media screen and (max-width:767px){.titleArea .ttlInner{padding:10px}}.titleArea .ttlInner .left{text-align:left}.titleArea .ttlInner .right{text-align:right}.titleArea .ttlInner .subTitle{display:table-cell;font-size:24px;margin-left:10px;padding:0 5px;vertical-align:middle}