@charset "utf-8";


/* 
----------------------------------------------------------------------- */
.catch { padding: 10px 0; position: relative; text-align: center; color: #00607e; font-weight: bold; font-size: 2rem; }
.catch:before,
.catch:after { content: ""; position: absolute; right: 0; left: 0; height: 10px; background-repeat: no-repeat; }

.catch:before { top: 0; background-position: center top; background-image: url(../img/catch-top.png); }
.catch:after { bottom: 0; background-position: center bottom; background-image: url(../img/catch-bottom.png); }


.gen-subhead { padding: 0 0 0 10px; line-height: 28px; color: #fff; font-size: 1.4rem; }
.gen-subhead.narrow { border-bottom: 1px solid #ffffff; background: url(../img/gen-narrow-subhead.png) 0 0 no-repeat; }
.clearfix { display: table; }
.clearfix h4 { color: #fff; }
.clearfix .fl { margin-right: 15px; display: table-cell; position: relative; width: auto; }
.fl.end { margin-right: 0!important; }
.fl p { margin-top: 5px; line-height: 1.3; }
.fl img.arr { position: absolute; top: 70px; left: -20px; }

.box2 .gen-subhead.narrow { letter-spacing: -1px; }

h3.chatlist { font-size: 18px; }

.map .screen-flow .flow-item { float: left; position: relative; width: 190px; }
.map .screen-flow .flow-item .gen-subhead.narrow { background-size: contain; }
.screen-flow .flow-item { float: left; position: relative; width: 290px; }
.screen-flow .flow-item:nth-child(n+2) { margin-left: 15px; }
.screen-flow .full { width: 100%; }
.screen-flow-arrow .flow-item:nth-child(n+2):before { position: absolute; top: 28px; left: -25px; content: ""; width: 35px; height: 127px; background: url(../img/arr.gif) center center/contain no-repeat; }