@charset "UTF-8";
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, main, summary, time, mark, audio, video, a, button, input, select, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; /*background:transparent;*/ -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

pre, code, kbd, samp { font-family: monospace,monospace; font-size: inherit; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

sup { vertical-align: text-top; font-size: 75%; }

sub { vertical-align: text-bottom; font-size: 75%; }

small { font-size: 85%; }

input, textarea, select { vertical-align: middle; font-family: inherit; font-size: inherit; font-weight: inherit; }

a { outline: none; }

audio:not([controls]) { display: none; }

time { display: inline; }

[hidden] { display: none; }

input::-ms-clear, input::-ms-reveal, input:focus::-ms-clear, input:focus::-ms-reveal { visibility: hidden; display: none; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { padding: 0; border: 0; }

i { font-style: normal; }

button, input[type=submit], input[type=button], input[type=reset] { cursor: pointer; }

@font-face { font-family: 'ecuicons'; src: url("https://font.ecareer.ne.jp/ecuicons.eot"); src: url("https://font.ecareer.ne.jp/ecuicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecuicons.woff") format("woff"), url("../fonts/ecuicons.ttf") format("truetype"), url("../fonts/ecuicons.svg#svgFontName") format("svg"); }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-size: 14px; line-height: 1.6; }

iframe { border: 0 none; }

h1, h2 { font-weight: bold; }

a { text-decoration: none; color: #333; }

a.regular { color: #0098df; text-decoration: underline; }

a.regular:hover { text-decoration: none; }

body { background: #f9f9f9; }

#wrapper { min-width: 1020px; margin: 0 auto; overflow: hidden; }

#siteHeader { clear: both; background: #fff; height: 60px; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.075); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.075); }
#siteHeader:after { content: ''; display: block; clear: both; }

#container { clear: both; width: 1020px; margin: 0 auto; padding: 50px 0 80px; position: relative; }
#container:after { content: ''; display: block; clear: both; }

main#pageBody { width: 750px; float: right; clear: both; }
main#pageBody:after { content: ''; display: block; clear: both; }

#searchPanel { width: 250px; float: left; }

#siteHeader .inner { width: 1020px; height: 60px; margin: 0 auto; padding: 16px 0 17px; position: relative; }
#siteHeader a { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#siteHeader a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#siteHeader a:before { color: #00baff; }

#siteID { float: left; }
#siteID img { margin-right: 8px; vertical-align: middle; }
#siteID .region { background: #2952a5; color: #fff; height: 27px; line-height: 27px; margin: 0 5px; padding: 0 10px; text-align: center; display: none; }
#siteID span.seoCopy { font-size: 12px; }
#siteID h1.seoCopy { font-size: 12px; display: inline; font-weight: normal; }
#siteID a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#siteID a:before { content: '\e800'; }

body.kns #siteID .region.kansai { display: inline-block; }
body.tok #siteID .region.tokai { display: inline-block; }
body.ksu #siteID .region.kyushu { display: inline-block; }

#defaultFunction, #memberFunction { position: absolute; right: 0; top: 20px; }
#defaultFunction ul, #memberFunction ul { text-align: right; }
#defaultFunction ul li, #memberFunction ul li { display: inline-block; margin-left: 40px; }
#defaultFunction ul li a:before, #memberFunction ul li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#defaultFunction ul li a.register:before, #memberFunction ul li a.register:before { content: '\e803'; }
#defaultFunction ul li a.login:before, #memberFunction ul li a.login:before { content: '\e801'; }
#defaultFunction ul li a.logout:before, #memberFunction ul li a.logout:before { content: '\e802'; }
#defaultFunction ul li a.customer:before, #memberFunction ul li a.customer:before { content: '\e804'; }

.registerMsg { background: url(../img/diagBgBlue.png); padding: 5px; text-align: center; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; }
.registerMsg a { color: #fff; }
.registerMsg a:hover { text-decoration: underline; }

.movieMsg { background: url(../img/diagBgYellow.png); padding: 4px 0 2px; text-align: center; color: #000; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1) inset; text-shadow: none; }
.movieMsg p { display: inline; padding-right: 20px; }
.movieMsg p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.movieMsg p:before { content: '\e807'; font-size: 20px; }
.movieMsg a { color: #000; }
.movieMsg a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.movieMsg a:before { content: '\e811'; top: 0; }
.movieMsg a:hover { text-decoration: underline; }

.membersSubHeader { background: url(../img/diagBgBlue.png); height: 90px; color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) inset; }
.membersSubHeader .inner { width: 1020px; margin: 0 auto; clear: both; padding-top: 15px; position: relative; }
.membersSubHeader .inner:after { content: ''; display: block; clear: both; }
.membersSubHeader a { float: left; margin-right: 5px; display: block; color: #fff; padding: 10px 15px; border-radius: 10px; }
.membersSubHeader a:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; background: #04a3f6; }
.membersSubHeader dl { display: table; }
.membersSubHeader dl dt { display: table-cell; vertical-align: middle; line-height: 1.4; padding-right: 10px; text-align: center; }
.membersSubHeader dl dd { display: table-cell; vertical-align: middle; font-size: 40px; font-weight: bold; line-height: 1; position: relative; }
.membersSubHeader dl dd small { font-size: 14px; font-weight: normal; }
.membersSubHeader dl dd i { position: absolute; background: #c00; font-size: 12px; left: -30px; top: -18px; display: block; padding: 0 8px; text-shadow: none; height: 18px; line-height: 18px; border-radius: 9px; z-index: 1; }
.membersSubHeader dl dd i:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.membersSubHeader dl dd i:before { content: '\e80d'; margin-right: 2px; }
.membersSubHeader dl dd i:after { content: ''; width: 8px; height: 8px; background: #c00; display: block; position: absolute; left: 50%; bottom: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -4px; z-index: -1; }
.membersSubHeader dl dd em.newArrival { position: absolute; background: #c00; font-size: 12px; left: -50px; top: -18px; display: block; padding: 0 8px; text-shadow: none; height: 18px; line-height: 18px; border-radius: 9px; z-index: 1; }
.membersSubHeader dl dd em.newArrival:after { content: ''; width: 8px; height: 8px; background: #c00; display: block; position: absolute; left: 50%; bottom: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -4px; z-index: -1; }
.membersSubHeader dl.recommend { width: 210px; }
.membersSubHeader dl.scout { width: 170px; }
.membersSubHeader dl.mail { width: 190px; }
.membersSubHeader dl.footprint { width: 190px; }
.membersSubHeader .csGraph { position: relative; float: left; padding: 6px 30px 0 20px; }
.membersSubHeader .csGraph p { color: #fffd38; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); margin-bottom: 2px; clear: both; }
.membersSubHeader .csGraph p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.membersSubHeader .csGraph p:after { content: ''; display: block; clear: both; }
.membersSubHeader .csGraph p a { float: right; display: inline-block; color: #fff; font-weight: bold; margin: 0 0 0 10px; padding: 0; text-shadow: none; }
.membersSubHeader .csGraph p a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.membersSubHeader .csGraph p a:before { content: '\e811'; font-size: 14px; margin-right: 5px; vertical-align: middle; font-weight: normal; }
.membersSubHeader .csGraph p a:hover { -webkit-box-shadow: none; box-shadow: none; background: transparent; text-decoration: underline; }
.membersSubHeader .csGraph p:before { content: '\e806'; top: 0; vertical-align: middle; }
.membersSubHeader .csGraph span { width: 100%; height: 18px; display: block; background: #1891dc; -webkit-box-shadow: 0 3 7px rgba(13, 44, 111, 0.3) inset; box-shadow: 0 3 7px rgba(13, 44, 111, 0.3) inset; position: relative; }
.membersSubHeader .csGraph span i { content: ""; display: block; position: absolute; width: 0%; height: 100%; left: 0; top: 0; background: #fffd38; background: -ms-linear-gradient(top, #99981d, #fffd38); background: -webkit-gradient(linear, left bottom, left top, from(#99981d), to(#fffd38)); text-align: center; text-shadow: none; font-size: 14px; color: #4A4A4A; line-height: 1.3; }
.membersSubHeader .setting { float: right; width: 55px; height: 50px; margin-top: 5px; }
.membersSubHeader .setting a { text-indent: 105%; overflow: hidden; white-space: nowrap; float: none; padding: 0; margin: 0; width: 50px; height: 50px; display: block; position: relative; background: no-repeat url(../img/topIcon_setting.png) center center; margin-top: 1px; -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.6)); }
.membersSubHeader .setting a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.membersSubHeader .setting .helpTip { position: relative; width: 55px; height: 50px; overflow: visible; }
.membersSubHeader .setting .helpTip span { padding: 10px; display: none; position: absolute; left: -7px; top: -50px; background-color: #bae9ea; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; font-size: 12px; color: #000; text-shadow: 0 0 0 transparent; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0; text-indent: 0; }
.membersSubHeader .setting .helpTip span::after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #bae9ea; border-width: 8px; margin-left: -8px; }
.membersSubHeader .setting .helpTip:hover span { display: block; opacity: 1; -webkit-animation: show .2s linear 0s; animation: show .2s linear 0s; }
.membersSubHeader .editCS { width: 50px; height: 50px; margin-top: 5px; position: absolute; right: 60px; top: 15px; }
.membersSubHeader .editCS a { text-indent: 105%; overflow: hidden; white-space: nowrap; float: none; padding: 0; margin: 0; width: 50px; height: 50px; display: block; position: relative; background: no-repeat url(../img/topIcon_editCS.png) center center; margin-top: 1px; -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.6)); }
.membersSubHeader .editCS a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.membersSubHeader .editCS .helpTip { position: relative; width: 50px; height: 50px; overflow: visible; }
.membersSubHeader .editCS .helpTip span { padding: 10px; display: none; position: absolute; left: -40px; top: -50px; background-color: #bae9ea; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; font-size: 12px; color: #000; text-shadow: 0 0 0 transparent; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0; text-indent: 0; }
.membersSubHeader .editCS .helpTip span::after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #bae9ea; border-width: 8px; margin-left: -8px; }
.membersSubHeader .editCS .helpTip:hover span { display: block; opacity: 1; -webkit-animation: show .2s linear 0s; animation: show .2s linear 0s; }

.breadcrumbs { background: #fff; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.075); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.075); padding: 4px 0; }
.breadcrumbs ul { width: 1020px; margin: 0 auto; clear: both; }
.breadcrumbs ul:after { content: ''; display: block; clear: both; }
.breadcrumbs ul li { display: inline; font-size: 12px; line-height: 16px; }
.breadcrumbs ul li:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.breadcrumbs ul li:after { content: '\e811'; margin-right: 5px; margin-left: 5px; font-size: 12px; vertical-align: middle; font-size: 12px; }
.breadcrumbs ul li:last-child:after { display: none; }
.breadcrumbs ul li a:hover { text-decoration: underline; }
.breadcrumbs.bottom { border: 1px dashed #b3b3b3; -webkit-box-shadow: none; box-shadow: none; padding: 9px 0; margin-bottom: 80px; border-width: 1px 0; }
.breadcrumbs.bottom ul li { color: #666; }
.breadcrumbs.bottom ul li a { color: #666; /* &:hover{text-decoration:underline;}*/ }

#modalWrap.alert { padding: 25px 20px; background-color: #fff; text-align: center; border-radius: 8px; }
#modalWrap.alert .userId { color: #666; text-align: center; line-height: 1.0; margin-bottom: 10px; }
#modalWrap.alert .alertBox { background-color: #f3f3f3; border-radius: 4px; padding: 28px 25px 25px; }
#modalWrap.alert .alertBox p { font-size: 16px; margin: 0 auto 0; margin-bottom: 15px; }
#modalWrap.alert .alertBox p em { font-weight: bold; color: #f00; }
#modalWrap.alert .alertBox dl dt { font-size: 15px; }
#modalWrap.alert .alertBox dl dd { margin-top: 10px; font-size: 35px; font-weight: bold; }
#modalWrap.alert .alertBox dl dd:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.alert .alertBox dl dd:before { content: '\e880'; margin-right: 10px; font-size: 35px; }
#modalWrap.alert .alertBox .btn { color: #fff; border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3181b4; background: #51c8ff; background: -webkit-gradient(linear, left top, left bottom, from(#51c8ff), to(#1ab6ff)); background: linear-gradient(to bottom, #51c8ff 0%, #1ab6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c8ff', endColorstr='#1ab6ff',GradientType=0 ); display: block; margin: 0 auto; height: 36px; line-height: 34px; width: 210px; }
#modalWrap.alert .alertBox .btn:before, #modalWrap.alert .alertBox .btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#modalWrap.alert .alertBox .btn.free { padding: 0 15px; width: auto; }
#modalWrap.alert .alertBox:nth-child(n+1) { margin-top: 7px; }
#modalWrap.alert .alertBox_red { background-color: #ffdddd; border-radius: 4px; padding: 28px 25px 25px; }
#modalWrap.alert .alertBox_red p { font-size: 16px; font-weight: bold; color: #f00; text-align: left; margin-bottom: 10px; }
#modalWrap.alert .alertBox_red ul { text-align: left; margin-left: 15px; }
#modalWrap.alert .alertBox_red ul li { list-style: circle; margin-bottom: 10px; font-size: 13px; }
#modalWrap.alert .alertBox_red .btn { color: #fff; border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3181b4; background: #51c8ff; background: -webkit-gradient(linear, left top, left bottom, from(#51c8ff), to(#1ab6ff)); background: linear-gradient(to bottom, #51c8ff 0%, #1ab6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c8ff', endColorstr='#1ab6ff',GradientType=0 ); display: block; margin: 0 auto; height: 36px; line-height: 34px; width: 210px; }
#modalWrap.alert .alertBox_red .btn:before, #modalWrap.alert .alertBox_red .btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#modalWrap.alert .alertBox_red .btn.free { padding: 0 15px; width: auto; }
#modalWrap.alert .alertBox_red:nth-child(n+1) { margin-top: 7px; }
#modalWrap.alert .btns { width: 100px; margin: 19px auto 0; }
#modalWrap.alert .btns a.btn { padding: 0 10px; border-radius: 30px; background-color: #333; color: #ccc; line-height: 30px; height: 30px; display: block; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#modalWrap.alert .btns a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.alert .btns a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.alert .btns a.btn:before { content: '\e816'; }

#siteFooter { background: #e8e8e8; color: #666; }
#siteFooter .inner { width: 1020px; margin: 0 auto; padding: 30px 0 80px 0; clear: both; position: relative; }
#siteFooter .inner:after { content: ''; display: block; clear: both; }
#siteFooter a { color: #666; }
#siteFooter #footBrand { width: 240px; float: left; padding: 15px 30px; font-size: 12px; }
#siteFooter #footBrand h1 { clear: both; margin-bottom: 10px; }
#siteFooter #footBrand h2 { font-size: 14px; margin-bottom: 8px; }
#siteFooter #footBrand p { margin-bottom: 15px; }
#siteFooter #footBrand ul { list-style: none; }
#siteFooter #footBrand ul li { margin-bottom: 6px; }
#siteFooter #footBrand ul li a { font-size: 12px; display: block; }
#siteFooter #footBrand ul li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#siteFooter #footBrand ul li a:before { content: '\f006'; font-size: 10px; margin-right: 8px; }
#siteFooter #footBrand ul li a:hover { text-decoration: underline; }
#siteFooter #footBrand ul li:last-child { margin-bottom: 60px; }
#siteFooter #footBrand ul:last-child li:last-child { margin-bottom: 30px; }
#siteFooter nav { float: left; width: 780px; padding: 15px 0 30px 30px; margin-bottom: 20px; border-left: 1px #cdcdcd dotted; }
#siteFooter nav h2 { font-weight: normal; margin-bottom: 15px; clear: both; }
#siteFooter nav h3 { margin: 30px 0 5px 15px; }
#siteFooter nav h3:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#siteFooter nav h3:before { content: '\e813'; font-size: 16px; font-weight: bold; margin-right: 5px; }
#siteFooter nav h3:first-of-type { margin-top: 0; }
#siteFooter nav a { white-space: nowrap; }
#siteFooter nav a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#siteFooter nav a:before { content: '\f006'; font-size: 10px; margin-right: 8px; }
#siteFooter nav a:hover { text-decoration: underline; }
#siteFooter nav dl { padding: 0 0 0 35px; font-size: 12px; }
#siteFooter nav dl dt { font-weight: bold; float: left; width: 10em; clear: both; }
#siteFooter nav dl dd { padding-left: 10em; margin-bottom: 2px; }
#siteFooter nav dl dd ul { padding-left: 0; }
#siteFooter nav dl dd ul li { margin-right: 20px; }
#siteFooter nav ul { padding-left: 35px; }
#siteFooter nav ul li { display: inline-block; margin-right: 25px; font-size: 12px; }
#siteFooter #corpInfo { padding: 20px 30px; border-top: 1px #cdcdcd dotted; clear: both; }
#siteFooter #corpInfo:after { content: ''; display: block; clear: both; }
#siteFooter #corpInfo dl { margin-bottom: 10px; }
#siteFooter #corpInfo dl dt { font-weight: bold; }
#siteFooter #corpInfo dl dd { font-size: 10px; }
#siteFooter #corpInfo ul { font-size: 10px; margin-bottom: 10px; }
#siteFooter #corpInfo ul li { display: inline-block; margin-right: 10px; padding-right: 13px; border-right: 1px #cdcdcd solid; }
#siteFooter #corpInfo ul li a:hover { text-decoration: underline; }
#siteFooter #corpInfo ul li:last-child { border-right: 0 none; }
#siteFooter #corpInfo p { font-size: 10px; }
#siteFooter .pgTop { position: absolute; right: 0; top: -30px; display: block; width: auto; height: 30px; line-height: 30px; background: #e8e8e8; text-align: center; padding: 0 20px; border-radius: 4px 4px 0 0; font-size: 12px; }
#siteFooter .pgTop:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#siteFooter .pgTop:before { content: '\e814'; }

.setting { position: relative; width: 55px; }
.setting i.confirm { position: absolute; background: #c00; font-size: 12px; left: 0; top: -18px; display: block; padding: 0 8px; text-shadow: none; height: 18px; line-height: 18px; border-radius: 9px; z-index: 1; }
.setting i.confirm:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.setting i.confirm:before { margin-right: 2px; }
.setting i.confirm:after { content: ''; width: 8px; height: 8px; background: #c00; display: block; position: absolute; left: 50%; bottom: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -4px; z-index: -1; }

body#kyariokuAbout { background: #fff; }
body#kyariokuAbout .aboutContent { margin-top: 50px; }
body#kyariokuAbout .aboutMain { display: -webkit-box; display: -ms-flexbox; display: flex; }
body#kyariokuAbout .aboutMain .aboutText { margin-right: 40px; line-height: 1.8em; }
body#kyariokuAbout .aboutMain .aboutMovie { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #D6E3F0; padding: 15px; margin-top: 30px; }
body#kyariokuAbout .aboutMain .aboutMovie div { color: #004196; font-size: 16px; font-weight: bold; margin-right: 15px; }
body#kyariokuAbout .aboutMain .aboutMovie .kyariokuMovie { color: #004196 !important; text-decoration: underline; margin-left: 15px; }
body#kyariokuAbout .aboutMain img { width: 420px; height: 224px; }
body#kyariokuAbout .aboutPoint { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; }
body#kyariokuAbout .pointContainer { width: 320px; }
body#kyariokuAbout .pointContainer .pointTitle p { color: #256DBA; font-size: 16px; margin-bottom: -5px; }
body#kyariokuAbout .pointContainer .pointTitle p span { font-size: 30px; }
body#kyariokuAbout .pointContainer .pointTitle div { color: #004196; font-size: 22px; font-weight: bold; }
body#kyariokuAbout .pointContainer .pointRect { width: 100%; height: 160px; padding: 20px; color: #fff; background: #256DBA; margin-top: 5px; }
body#kyariokuAbout .pointContainer .pointRect .title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
body#kyariokuAbout .pointContainer .pointRect .text { line-height: 1.8em; }
body#kyariokuAbout .aboutContainer { margin: 50px 0; }
body#kyariokuAbout .aboutContainer h2 { border-bottom: solid 3px #D6E3F0; position: relative; background-image: none; padding-left: 0; padding-bottom: 5px; color: #004196; font-weight: bold; }
body#kyariokuAbout .aboutContainer h2:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #256DBA; bottom: -3px; width: 10%; }
body#kyariokuAbout .aboutContainer p { line-height: 1.8em; }
body#kyariokuAbout .aboutContainer.voice ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
body#kyariokuAbout .aboutContainer.voice ul li { list-style-type: none; padding: 20px; margin: 20px 10px; color: #666; letter-spacing: 0.04em; width: 33%; position: relative; background-color: #f7f7f7; }
body#kyariokuAbout .aboutContainer.voice ul li.voice-blank { background-color: #ffffff; }
body#kyariokuAbout .aboutContainer.voice ul li h3 { position: absolute; display: inline-block; top: -10px; left: -5px; padding: 5px 10px; height: 30px; line-height: 20px; background-color: #256DBA; font-weight: bold; color: #fff; }
body#kyariokuAbout .aboutContainer.voice ul li p { margin-top: 20px; }
body#kyariokuAbout .aboutContainer.sns dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }
body#kyariokuAbout .aboutContainer.sns dl dt { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
body#kyariokuAbout .aboutContainer.sns dl dd { width: 150px; padding-left: 20px; color: #333; font-weight: bold; font-size: 1rem; }
body#kyariokuAbout .aboutContainer.message div { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); padding: 30px; width: 95%; margin: 35px auto 0; }
body#kyariokuAbout .aboutContainer.message div p { letter-spacing: 0.05em; margin: 20px 0; }
body#kyariokuAbout .aboutContainer.message div p:first-child { margin-top: 0; }

.btn, button { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; /* 	&.regular{@include btnGold; color:$c-light; text-decoration:none;}
	&.return{@include btnSilver; width:150px;}
	&.cancel{@include btnSilver; width:150px;}
	&.contact{@include btnSilver; font-size:16px; line-height:1.5; padding:15px; height:auto; @include icnLeft;
		&:before{content:'\f0e0'; margin-right:5px;}
		& small{display:block; font-size:10px;}
	}
	&.forward{@include btnBlue;
		&.complete{@include icnLeft;
			&:before{content:'\f14a';}
		}
		&.edit{@include icnLeft;
			&:before{content:'\f040';}
		}
	}
	*/ 	/*
	&.save{@include icnLeft; @include btnBlue;
		&:before{content:'\e9c5';}
	}
	&.add{@include icnLeft; @include btnBlue;
		&:before{content:'\f067';}
	}
	&.order{@include icnLeft; @include btnGold;
		&:before{content:'\e918';}
	} 	&.preview{@include icnLeft;
		&:before{content:'\e919';}
	}
	&.bin{@include btnSilver; @include icnLeft;
		&:before{content:'\e9ac';}
	}
	&.lock{@include btnGold; @include icnLeft;
		&:before{content:'\f023';}
	}
	&.unlock{@include btnGold; @include icnLeft;
		&:before{content:'\f13e';}
	}
	&.login{@include btnBlue; @include icnLeft;
		&:before{content:'\e91d';}
	}
	*/ }
.btn:before, .btn:after, button:before, button:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
.btn.free, button.free { padding: 0 15px; width: auto; }
.btn:hover, button:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.btn.set, button.set { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); }
.btn.set:before, button.set:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btn.set:before, button.set:before { content: '\e815'; }
.btn.disabled, .btn:disabled, button.disabled, button:disabled { border-color: #666 !important; opacity: 0.6; pointer-events: none; background: #a6a6a6 !important; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)) !important; background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ) !important; }
.btn.close, button.close { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); width: 180px; }
.btn.close:before, button.close:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btn.close:before, button.close:before { content: '\e914'; }

input[type=text], input[type=url], input[type=email], input[type=date], input[type=tel], input[type=password], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=time], input[type=number], textarea, select { border: 1px #cdcdcd solid; padding: 4px 5px; font-size: 14px; margin: 0 0 5px 0; width: 250px; line-height: 1; }
input[type=text].full, input[type=url].full, input[type=email].full, input[type=date].full, input[type=tel].full, input[type=password].full, input[type=datetime].full, input[type=datetime-local].full, input[type=month].full, input[type=week].full, input[type=time].full, input[type=number].full, textarea.full, select.full { width: 100%; }
input[type=text].num, input[type=url].num, input[type=email].num, input[type=date].num, input[type=tel].num, input[type=password].num, input[type=datetime].num, input[type=datetime-local].num, input[type=month].num, input[type=week].num, input[type=time].num, input[type=number].num, textarea.num, select.num { width: 50px; }
input[type=text].short, input[type=url].short, input[type=email].short, input[type=date].short, input[type=tel].short, input[type=password].short, input[type=datetime].short, input[type=datetime-local].short, input[type=month].short, input[type=week].short, input[type=time].short, input[type=number].short, textarea.short, select.short { width: 120px; }
input[type=text].required, input[type=url].required, input[type=email].required, input[type=date].required, input[type=tel].required, input[type=password].required, input[type=datetime].required, input[type=datetime-local].required, input[type=month].required, input[type=week].required, input[type=time].required, input[type=number].required, textarea.required, select.required { border: 1px #f00 solid; }
input[type=text].error, input[type=url].error, input[type=email].error, input[type=date].error, input[type=tel].error, input[type=password].error, input[type=datetime].error, input[type=datetime-local].error, input[type=month].error, input[type=week].error, input[type=time].error, input[type=number].error, textarea.error, select.error { border: 1px #f00 solid; }

/*safari 7~*/
_::-webkit-full-page-media input[type=text], _::-webkit-full-page-media input[type=url], _::-webkit-full-page-media input[type=email], _::-webkit-full-page-media input[type=date], _::-webkit-full-page-media input[type=tel], _::-webkit-full-page-media input[type=password], _::-webkit-full-page-media input[type=datetime], _::-webkit-full-page-media input[type=datetime-local], _::-webkit-full-page-media input[type=month], _::-webkit-full-page-media input[type=week], _::-webkit-full-page-media input[type=time], _::-webkit-full-page-media input[type=number], _:future input[type=text], _:future input[type=url], _:future input[type=email], _:future input[type=date], _:future input[type=tel], _:future input[type=password], _:future input[type=datetime], _:future input[type=datetime-local], _:future input[type=month], _:future input[type=week], _:future input[type=time], _:future input[type=number], :root input[type=text], :root input[type=url], :root input[type=email], :root input[type=date], :root input[type=tel], :root input[type=password], :root input[type=datetime], :root input[type=datetime-local], :root input[type=month], :root input[type=week], :root input[type=time], :root input[type=number] { line-height: 1.4; }

textarea { resize: vertical; height: 4em; }
textarea.l400 { height: 8em; }
textarea.l600 { height: 10em; }
textarea.l1000 { height: 12em; }
textarea.long { height: 20em; }

article ul.inputArray { margin: 0; list-style: none; clear: both; }
article ul.inputArray:after { content: ''; display: block; clear: both; }
article ul.inputArray li { margin-bottom: 0.5em; }
article ul.inputArray.half li { width: 50%; float: left; }
article ul.inputArray.half li:nth-child(2n+1) { clear: both; }
article ul.inputArray.third li { width: 33%; float: left; }
article ul.inputArray.third li:nth-child(3n+1) { clear: both; }
article ul.inputArray.quarter li { width: 25%; float: left; }
article ul.inputArray.quarter li:nth-child(4n+1) { clear: both; }
article ul.inputArray.requiredBlock { margin-bottom: 10px; }

.requiredBlock { padding: 10px 15px 5px; }

/*.subTable + ul.inputArray{margin-top:15px;}*/
button { background: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#pageBody h1 { font-size: 16px; background: url(../img/titleBullet.png) no-repeat left center #fff; padding: 0 30px; line-height: 47px; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 30px; }
#pageBody h1:before, #pageBody h1:after { content: ''; display: block; width: 18px; height: 18px; background: #fff; position: absolute; left: 70px; bottom: -9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#pageBody h1:before { -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); z-index: -1; }

#pageBody h2 { font-size: 18px; background: url(../img/titleBulletG.png) no-repeat left center; padding: 0 30px; line-height: 28px; margin-bottom: 15px; font-weight: normal; }

article p { margin-bottom: 1em; }

.note { font-size: 12px; text-indent: -1em; padding-left: 1em; }

a.caution:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
a.caution:before { content: '\f071'; color: #f00; font-size: 16px; }

a.notice { text-decoration: underline; }
a.notice:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
a.notice:before { content: '\f06a'; color: #f00; font-size: 16px; }
a.notice:hover { text-decoration: none; }

p.notice { text-align: center; color: #f00; font-weight: bold; }

.caution { color: #f00; }

.subTxt { font-size: 12px; }

table { width: 100%; }
table caption { text-align: left; font-weight: bold; margin-bottom: 10px; font-size: 16px; line-height: 1; }
table th, table td { border: 1px #cdcdcd solid; padding: 15px; }
table th p:last-child, table td p:last-child { margin-bottom: 0; }
table th { background: #f6f6f6; vertical-align: top; }
table th em { color: #f00; }
table th .sorter { display: inline-block; }
table th .sorter a { display: inline-block; width: 15px; height: 15px; color: #fff; position: relative; text-indent: 105%; overflow: hidden; white-space: nowrap; margin: 0 5px 0 0; top: 4px; }
table th .sorter a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
table th .sorter a:after { text-indent: 0; text-align: center; line-height: 15px; width: 15px; height: 15px; color: #fff; position: absolute; left: 0; top: 0; line-height: 15px; margin: 0; vertical-align: middle; font-size: 14px; }
table th .sorter a.acend { display: none; }
table th .sorter a.acend:after { content: '\e916'; }
table th .sorter a.descend { display: inline-block; }
table th .sorter a.descend:after { content: '\e917'; }
table th.headerSortUp .sorter a.acend { display: inline-block; }
table th.headerSortUp .sorter a.descend { display: none; }
table th.headerSortDown .sorter a.acend { display: none; }
table th.headerSortDown .sorter a.descend { display: inline-block; }
table tr.error th, table tr.error td { border: 2px #f00 solid; }
table tr.error th { border-right: 1px #cdcdcd solid; }
table tr.error td { border-left: 1px #cdcdcd solid; }
table .subTable { width: auto; }
table .subTable th, table .subTable td { padding: 5px 10px; border: 2px #fff solid; vertical-align: middle; }
table .subTable.fit { width: 100%; }

article table.listTable th, article table.listTable td { padding: 15px 10px; background: #f6f6f6; }
article table.listTable th .btn, article table.listTable td .btn { border-color: #837b4c; background: #bcb693; background: -webkit-gradient(linear, left top, left bottom, from(#bcb693), to(#b0a980)); background: linear-gradient(to bottom, #bcb693 0%, #b0a980 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcb693', endColorstr='#b0a980',GradientType=0 ); width: auto; height: 35px; margin: 0 auto 2px; padding: 0 10px; line-height: 33px; }
article table.listTable th .btn:before, article table.listTable td .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article table.listTable th .btn:before, article table.listTable td .btn:before { font-size: 16px; top: 0px; }
article table.listTable th .btn.preview:before, article table.listTable td .btn.preview:before { content: '\e919'; }
article table.listTable th.lt, article table.listTable td.lt { text-align: left; }
article table.listTable th.btns, article table.listTable td.btns { min-width: 80px; max-width: 90px; text-align: center; }
article table.listTable th.btns .btn, article table.listTable td.btns .btn { min-width: 70px; margin: 5px; }
article table.listTable th.jobTitle, article table.listTable td.jobTitle { text-align: left; width: 240px; }
article table.listTable th.jobTitle p, article table.listTable td.jobTitle p { text-indent: -60px; padding-left: 60px; margin-bottom: 0; }
article table.listTable th.jobTitle p i, article table.listTable td.jobTitle p i { background: #999; color: #fff; padding: 2px 0; min-width: 45px; text-align: center; display: inline-block; text-indent: 0; margin-right: 10px; }
article table.listTable th.jobTitle p.btns, article table.listTable td.jobTitle p.btns { width: 220px; display: block; text-indent: 0; padding-left: 0; }
article table.listTable th.jobTitle p.btns .btn, article table.listTable td.jobTitle p.btns .btn { width: 100%; display: block; margin: 5px 0; }
article table.listTable th.status, article table.listTable td.status { font-weight: bold; text-align: center; }
article table.listTable th p.btns, article table.listTable td p.btns { white-space: nowrap; padding-top: 5px; }
article table.listTable th { white-space: nowrap; padding: 7px 4px; background: #999; color: #fff; text-align: center; vertical-align: middle; }
article table.listTable tr td:first-child { text-align: center; }
article table.listTable.special td.jobTitle { width: 400px; }
article table.listTable.special td.jobTitle .btn { width: 220px; margin: 5px 0 0; }
article table.listTable.evaluation th, article table.listTable.evaluation td { text-align: center; }
article table.listTable.evaluation th .btn, article table.listTable.evaluation td .btn { min-width: 70px; }
article .listFunction { text-align: right; margin: 5px 0; }

.ct { text-align: center; }

.lt { text-align: left; }

.number { text-align: right; }

ol.kansuji { list-style: cjk-ideographic; margin-left: 1.5em; }

.listNav { clear: both; text-align: right; padding: 10px 0; font-size: 12px; }
.listNav .disp { font-weight: bold; padding-right: 20px; display: inline-block; }
.listNav .pager { list-style: none; display: inline-block; }
.listNav .pager li { display: inline-block; line-height: 1.4; border-right: 1px #cdcdcd solid; padding-right: 4px; }
.listNav .pager li a { display: block; padding: 0 2px; margin: 0 3px; color: #0098df; text-decoration: underline; }
.listNav .pager li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.listNav .pager li a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.listNav .pager li a.goFirst:before { content: '\e904'; margin-right: 5px; }
.listNav .pager li a.prev:before { content: '\e908'; margin-right: 5px; }
.listNav .pager li a.goLast:after { content: '\e903'; margin-left: 5px; }
.listNav .pager li a.next:after { content: '\e907'; margin-left: 5px; }
.listNav .pager li a:before, .listNav .pager li a:after { height: 14px; top: -3px; font-size: 14px; }
.listNav .pager li a:hover { border-bottom: 0; }
.listNav .pager li:last-child { border-right: 0; padding-right: 0; }

.pager { clear: both; margin-bottom: 35px; }
.pager:after { content: ''; display: block; clear: both; }
.pager .display { float: left; font-size: 12px; line-height: 25px; margin: 0; }
.pager ul { float: right; width: auto; text-align: right; }
.pager ul li { display: inline-block; font-size: 12px; line-height: 25px; }
.pager ul li a { color: #333; text-decoration: none; display: block; padding: 0 8px; }
.pager ul li.active a { color: #fff; background-color: #999; }
.pager ul li.active:hover { text-decoration: none; }
.pager ul li.first a:before, .pager ul li.prev a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.pager ul li.first a:before, .pager ul li.prev a:before { content: '\e819'; top: 0; margin-right: 3px; }
.pager ul li.last a:after, .pager ul li.next a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.pager ul li.last a:after, .pager ul li.next a:after { content: '\e818'; top: 0; margin-left: 3px; }
.pager ul li:hover { text-decoration: underline; }
.pager.chatTop { margin-bottom: 25px; }

.historyBack { margin-bottom: 10px; }
.historyBack a { color: #0098df; font-size: 14px; }
.historyBack a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.historyBack a:before { content: '\e81c'; font-size: 20px; color: #00baff; }
.historyBack.indent10 { padding-left: 10px; }

#pageBody .tileList li { float: left; margin-left: -1px; }
#pageBody .tileList li a { display: block; padding: 10px 20px; height: 290px; position: relative; background: #fff; }
#pageBody .tileList li a figure { margin: 0 -10px 15px; /* width:230px;*/ }
#pageBody .tileList li a figure img { width: 100%; height: 95px; display: block; -o-object-fit: cover; object-fit: cover; }
#pageBody .tileList li a i.new { background: #ff24aa; color: #fff; font-size: 11px; padding: 4px 0 2px; border-radius: 4px; display: inline-block; line-height: 1.0; margin-bottom: 6px; width: 43px; text-align: center; }
#pageBody .tileList li a i.kantan { background: #7ce6ff; font-size: 11px; padding: 3px 0; border-radius: 4px; display: inline-block; line-height: 1.0; margin-bottom: 6px; width: 98px; text-align: center; }
#pageBody .tileList li a i + i { margin-left: 5px; }
#pageBody .tileList li a h2 { display: block; padding: 0 0 8px; border-bottom: 1px dotted #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; background-image: none; line-height: 1.3; margin-bottom: 5px; }
#pageBody .tileList li a em { font-size: 11px; margin-top: 5px; display: block; margin-bottom: 5px; }
#pageBody .tileList li a em:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; border: 1px #cdcdcd solid; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
#pageBody .tileList li a em:hover:after { border: 1px #00baff solid; z-index: 10; }
#pageBody .tileList li a p { overflow: hidden; height: 67.2px; position: relative; }
#pageBody .tileList li a p:before, #pageBody .tileList li a p:after { position: absolute; }
#pageBody .tileList li a p:after { content: ""; height: 100%; width: 100%; }
#pageBody .tileList li.icnNew a i.new, #pageBody .tileList li.icnNew a i.kantan, #pageBody .tileList li.icnKantan a i.new, #pageBody .tileList li.icnKantan a i.kantan { margin-top: -7px; }
#pageBody .tileList li.icnNew.noFigure a i.new, #pageBody .tileList li.icnNew.noFigure a i.kantan, #pageBody .tileList li.icnKantan.noFigure a i.new, #pageBody .tileList li.icnKantan.noFigure a i.kantan { margin-top: 0; }
#pageBody .tileList li:hover img { opacity: 0.85; }
#pageBody .tileList .third { clear: both; }
#pageBody .tileList .third:after { content: ''; display: block; clear: both; }
#pageBody .tileList .third li { width: 33.3%; }
#pageBody .tileList .third li:nth-child(3n+1) { margin-left: 0; }
#pageBody .tileList .third li:nth-child(n+4) { margin-top: -1px; }
#pageBody .tileList .quarter { clear: both; }
#pageBody .tileList .quarter:after { content: ''; display: block; clear: both; }
#pageBody .tileList .quarter li { width: 256px; }
#pageBody .tileList .quarter li:nth-child(4n+1) { margin-left: 0; width: 255px; }
#pageBody .tileList .quarter li:nth-child(n+5) { margin-top: -1px; }
#pageBody .recommend .tileList { margin-bottom: 60px; }
#pageBody .recommend .tileList.last-child { margin-bottom: 0; }

#pageBody .scout a { background-color: #6fd200; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); line-height: 37px; height: 37px; border-radius: 4px 4px 0 0; display: inline-block; padding: 0 18px 0 15px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#pageBody .scout a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scout a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scout a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .scout a span { display: inline; margin-left: 15px; }
#pageBody .scout a:before { content: '\e81b'; }
#pageBody .scout a:after { content: '\f101'; }
#pageBody .mainInfo figure img { width: 100%; height: auto; display: block; }
#pageBody .mainInfo dl { display: table; width: 100%; min-height: 60px; }
#pageBody .mainInfo dl dt { display: table-cell; vertical-align: middle; background: #666; color: #fff; text-align: center; font-weight: bold; padding: 15px; white-space: nowrap; width: 205px; }
#pageBody .mainInfo dl dd { display: table-cell; vertical-align: middle; background: #999; color: #fff; line-height: 1.5; }
#pageBody .mainInfo dl dd span.pr { float: right; display: block; font-size: 18px; line-height: 1; padding: 6px 13px; color: #fff; background-color: #ffaa00; margin: 15px; border-radius: 4px; }
#pageBody .mainInfo dl dd ul { list-style: none; padding: 10px 20px 8px; }
#pageBody .mainInfo dl dd ul li { display: inline-block; color: #fff; font-size: 12px; text-align: left; margin-right: 25px; }
#pageBody ul.keyword { background: #999; padding: 12px 25px; }
#pageBody ul.keyword li { line-height: 1.5; display: inline-block; color: #fff; font-size: 12px; text-align: left; margin-right: 25px; }
#pageBody ul.keyword li:last-child { margin-right: 0; }
#pageBody .recruitBox h2 a { display: block; padding-right: 80px; line-height: 1.5rem; }
#pageBody .recruitBox h2 span.pr { position: absolute; right: 20px; top: 20px; display: block; font-size: 18px; line-height: 1; padding: 6px 13px; color: #fff; background-color: #ffaa00; border-radius: 4px; }

#pageBody #occupation ul { clear: both; }
#pageBody #occupation ul:after { content: ''; display: block; clear: both; }
#pageBody #occupation ul li { position: relative; float: left; list-style: none; line-height: 1.4; margin-bottom: 14px; }
#pageBody #occupation ul li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody #occupation ul li a { color: #0098df; display: block; margin-bottom: -2px; }
#pageBody #occupation ul li a:hover { text-decoration: underline; }
#pageBody #occupation ul li span { font-size: 10px; color: #666; }
#pageBody #occupation ul li:before { content: '\e811'; position: absolute; height: 20px; width: 20px; left: 0; top: 0; font-size: 14px; color: #666; text-align: center; }
#pageBody #occupation.half li { padding: 0 10px 0 20px; width: 270px; }
#pageBody #occupation.half li:nth-child(2n+1) { clear: both; }
#pageBody #occupation.third li { padding: 0 25px 0 20px; width: 255px; }
#pageBody #occupation.third li:nth-child(3n+1) { clear: both; }

#pageBody .specialList { background: #ffe400; border-radius: 8px; border: 1px solid #ffe400; margin-bottom: 35px; }
#pageBody .specialList .header { padding: 5px 20px; }
#pageBody .specialList .header h1 { font-size: 16px; background: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; font-weight: normal; line-height: 1.4; font-weight: bold; }
#pageBody .specialList .header h1:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .specialList .header h1:before { content: '\e812'; font-size: 25px; color: #9f9f37; margin: 0; -webkit-transform: none; transform: none; left: 0; top: -1px; background: none; width: auto; height: auto; display: inline-block; z-index: 0; -webkit-box-shadow: none; box-shadow: none; margin-right: 8px; font-weight: normal; vertical-align: middle; }
#pageBody .specialList .header h1:after { display: none; }
#pageBody .specialList .header p { color: #666; line-height: 1.1; margin-top: 9px; }
#pageBody .specialList .inner { background: #fff; padding: 13px 25px 20px; border-radius: 0 0 8px 8px; }
#pageBody .specialList .inner p { color: #666; }
#pageBody .specialList .inner li { margin-bottom: 7px; list-style: none; }
#pageBody .specialList .inner li a { position: relative; display: block; width: 100%; padding-left: 15px; }
#pageBody .specialList .inner li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .specialList .inner li a .region { display: inline-block; color: #fff; font-size: 12px; padding: 1px 8px 0; background-color: #9c9c9c; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); position: absolute; left: 14px; top: 1px; }
#pageBody .specialList .inner li a .text { display: inline-block; font-size: 14px; padding-left: 50px; color: #0098df; text-decoration: none; }
#pageBody .specialList .inner li a:hover .text { text-decoration: underline; }
#pageBody .specialList .inner li a:before { content: '\e811'; position: absolute; left: 0; top: 0; width: 15px; height: 22px; color: #333; font-size: 14px; }
#pageBody .specialList .inner li.ksu a .text { padding-left: 88px; }
#pageBody .specialList .inner li:last-child { margin-bottom: 0; }

#pageBody .btns a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .btns a.btn.applicate:before { content: '\f112'; }
#pageBody .btns a.btn_tel:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .btns a.btn_tel.btn_tel.telicon:before { content: '\e880'; }

#pageBody .favorite a { color: #fff; text-align: center; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#pageBody .favorite a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .favorite a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .favorite a:before { content: '\e80f'; }
#pageBody .favorite a.done { color: #6fd200; text-shadow: none; }
#pageBody .favorite a.done:before { content: '\e815'; }

em.type { background-color: #000; margin-right: 15px; display: inline-block; white-space: nowrap; padding: 4px 13px; border-radius: 4px; font-size: 12px; color: #fff; vertical-align: middle; line-height: 1; position: relative; top: -4px; }
em.type.intro { background-color: #f78484; }
em.type.helloWork { background-color: #b4a96b; }
em.type.company { background-color: #f60; }
em.type.position { background-color: #00CCCC; }
em.type.easy { background-color: #7ce6ff; color: #000; }

#pageBody .keywords h2 { font-size: 16px; margin-bottom: 20px; }
#pageBody .keywords .keywordsBox { border: 1px dashed #b3b3b3; background: #f6f6f6; padding: 20px; margin-bottom: 35px; }
#pageBody .keywords .keywordsBox dt { width: 145px; font-weight: bold; padding-left: 5px; float: left; }
#pageBody .keywords .keywordsBox dd { padding-left: 165px; border-bottom: 1px dashed #b3b3b3; margin-bottom: 15px; padding-bottom: 15px; }
#pageBody .keywords .keywordsBox dd:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#pageBody .keywords .keywordsBox ul { list-style: none; font-size: 0; margin-bottom: 20px; }
#pageBody .keywords .keywordsBox ul li { font-size: 14px; display: inline-block; margin-right: 10px; padding-left: 20px; position: relative; }
#pageBody .keywords .keywordsBox ul li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .keywords .keywordsBox ul li a { display: inline-block; color: #0098df; margin-right: 1em; }
#pageBody .keywords .keywordsBox ul li a:hover { text-decoration: underline; }
#pageBody .keywords .keywordsBox ul li:before { content: '\e811'; font-size: 14px; position: absolute; left: 0; top: 0; }
#pageBody .keywords .keywordsBox ul:last-child { margin-bottom: 0; }
#pageBody .keywords .keywordsBox.small { padding-right: 5px; }
#pageBody .keywords .keywordsBox:last-child { margin-bottom: 0; }

div.errorMsg { background: #ffdddd; color: #c00; padding: 6px 10px 4px 10px; text-align: left; max-width: 100%; margin: 0 auto 15px; }
div.errorMsg ul { list-style: none; }
div.errorMsg ul li { font-size: 12px; }
div.errorMsg ul li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
div.errorMsg ul li:before { content: '\e806'; }

@-moz-document url-prefix() { input[type=text], input[type=url], input[type=email], input[type=date], input[type=tel], input[type=password], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=time], input[type=number], select { padding: 7px 5px; } }
#modalBase { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000; }

.modalStage { position: fixed; left: 50%; top: 50%; width: 880px; margin: 0 0 0 -440px; max-height: 90%; z-index: 1001; -webkit-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; }
.modalStage iframe { width: 100%; max-height: 100%; border-radius: 8px; }
.modalStage .modalCloseBtn { position: absolute; right: -8px; top: -8px; width: 28px; height: 28px; text-align: center; line-height: 1; }
.modalStage .modalCloseBtn a { text-indent: 105%; overflow: hidden; white-space: nowrap; display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 0; -webkit-box-sizing: content-box; box-sizing: content-box; border: 6px #fff solid; background: #fff; border-radius: 16px; text-indent: 50px; white-space: nowrap; overflow: hidden; }
.modalStage .modalCloseBtn a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.modalStage .modalCloseBtn a:before { content: '\e816'; text-indent: 0; color: #666; font-size: 18px; display: block; width: 17px; height: 17px; line-height: 18px; overflow: hidden; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -8px; }

/*modalBaseとmodalStageが他の機能と競合したため、電話応募用に追加180803*/
#telmodalBase { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }

.telmodalStage { position: fixed; left: 50%; top: 50%; width: 880px; margin: 0 0 0 -440px; max-height: 90%; z-index: 1001; -webkit-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; }
.telmodalStage iframe { width: 100%; max-height: 100%; border-radius: 8px; }
.telmodalStage .modalCloseBtn { position: absolute; right: -8px; top: -8px; width: 28px; height: 28px; text-align: center; line-height: 1; }
.telmodalStage .modalCloseBtn a { text-indent: 105%; overflow: hidden; white-space: nowrap; display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 0; -webkit-box-sizing: content-box; box-sizing: content-box; border: 6px #fff solid; background: #fff; border-radius: 16px; text-indent: 50px; white-space: nowrap; overflow: hidden; }
.telmodalStage .modalCloseBtn a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.telmodalStage .modalCloseBtn a:before { content: '\e816'; text-indent: 0; color: #666; font-size: 18px; display: block; width: 17px; height: 17px; line-height: 18px; overflow: hidden; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -8px; }

/* かんたん登録時　登録完了画面用モーダル */
#kantanCompletedModalBase { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000; }

.kantanCompletedModalStage { background: #fff; display: none; position: fixed; left: 50%; top: 50%; width: 388px; margin: -50px 0 0 -199px; z-index: 1001; -webkit-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; border: 1px solid #707070; border-radius: 5px; padding: 39px 20px; text-align: center; }
.kantanCompletedModalStage p { margin-bottom: 0; }

body.modal { background: none #fff; }

#modalWrap { padding: 0; position: relative; overflow: hidden; }
#modalWrap header { margin-bottom: 10px; clear: both; padding: 20px 30px 0; }
#modalWrap header:after { content: ''; display: block; clear: both; }
#modalWrap header h1 { background: url(../img/titleBulletS.png) no-repeat left center; padding-left: 25px; font-size: 18px; float: left; }
#modalWrap header .foundNum { float: right; text-align: right; font-size: 30px; font-weight: bold; color: #00baff; line-height: 1; }
#modalWrap header .foundNum small { font-size: 14px; font-weight: normal; }
#modalWrap .conditions { padding: 0 30px 10px; clear: both; }
#modalWrap .conditions:after { content: ''; display: block; clear: both; }
#modalWrap footer { clear: both; background: #e8e8e8; padding: 20px 30px; }
#modalWrap footer:after { content: ''; display: block; clear: both; }
#modalWrap footer .clearConditions { float: left; padding-top: 10px; }
#modalWrap footer .clearConditions a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap footer .clearConditions a:before { content: '\f12d'; }
#modalWrap footer .clearConditions a:hover { text-decoration: underline; }
#modalWrap footer .btns { float: right; }
#modalWrap footer .btns .btn { width: 180px; margin-left: 10px; }
#modalWrap .type { background: url(../img/dotBgSky.png); clear: both; }
#modalWrap .type:after { content: ''; display: block; clear: both; }
#modalWrap .type .firstLevelSelector { width: 260px; float: left; padding: 0 10px 0 0; background: #fff; tet-align: left; }
#modalWrap .type .firstLevelSelector ul { border-top: 1px #00baff dotted; }
#modalWrap .type .firstLevelSelector ul li { border-bottom: 1px #00baff dotted; position: relative; text-align: center; }
#modalWrap .type .firstLevelSelector ul li a { display: block; padding: 3px 20px 3px 5px; position: relative; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#modalWrap .type .firstLevelSelector ul li a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap .type .firstLevelSelector ul li a:after { content: '\f101'; position: absolute; right: 5px; top: .2em; opacity: 0; }
#modalWrap .type .firstLevelSelector ul li a:hover { color: #00baff; }
#modalWrap .type .firstLevelSelector ul li a:hover:after { opacity: 1; }
#modalWrap .type .firstLevelSelector ul li.selected a { color: #00baff; text-indent: -10px; padding-left: 30px; }
#modalWrap .type .firstLevelSelector ul li.selected a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap .type .firstLevelSelector ul li.selected a:before { content: '\e815'; }
#modalWrap .type .firstLevelSelector ul li span { position: absolute; display: block; left: 275px; top: 0; width: 400px; padding: 10px; background: #fff; border-radius: 4px; font-size: 12px; line-height: 1.3; border: 4px solid #ffffff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: 0; }
#modalWrap .type .firstLevelSelector ul li span:after, #modalWrap .type .firstLevelSelector ul li span:before { right: 100%; top: 50%; border: solid transparent; content: ''; heigh: 0; width: 0; position: absolute; pointer-events: none; }
#modalWrap .type .firstLevelSelector ul li span:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 5px; margin-top: -5px; }
#modalWrap .type .firstLevelSelector ul li span:before { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 11px; margin-top: -11px; }
#modalWrap .type .guidePanel { text-align: center; color: #00baff; font-weight: bold; width: 530px; float: right; padding-top: 120px; }
#modalWrap .type .guidePanel p { background: url(../img/guideArr.png) no-repeat center top; padding-top: 170px; }
#modalWrap .type.select { background: none; }
#modalWrap .type .selectList { height: 420px; overflow: auto; padding-left: 20px; }
#modalWrap .type .selectList section { margin-bottom: 20px; }
#modalWrap .type .selectList section header { padding: 5px 0 0; }
#modalWrap .type .selectList section dl dt { background: #eefaff; padding: 5px 15px; }
#modalWrap .type .selectList section dl dd { padding: 5px 15px; margin-bottom: 10px; clear: both; }
#modalWrap .type .selectList section dl dd:after { content: ''; display: block; clear: both; }
#modalWrap .type .selectList section dl dd label { display: block; width: 160px; float: left; padding-right: 15px; padding-left: 18px; text-indent: -18px; line-height: 1.3; margin-bottom: 5px; }
#modalWrap .type .selectList section dl dd label:nth-child(3n+1) { clear: both; }
#modalWrap .map { background: url(../img/dotBgSky.png); padding: 0 0 0 80px; position: relative; }
#modalWrap .map p { background: url(../img/guideArr.png) no-repeat center top; padding-top: 170px; color: #00baff; font-weight: bold; width: 260px; position: absolute; text-align: center; top: 100px; right: 20px; }
#modalWrap .map p .selected { display: none; }
#modalWrap .type.region { background: none; }
#modalWrap .type.region .firstLevelSelector header { padding: 5px; }
#modalWrap .type.region .firstLevelSelector ul li a { padding: 10px 20px 10px 5px; }
#modalWrap .type.region .firstLevelSelector ul li a:after { top: .7em; }
#modalWrap .type.region .firstLevelSelector ul li.selected a { color: #00baff; text-indent: -10px; padding-left: 30px; }
#modalWrap .type.region .firstLevelSelector ul li.selected a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap .type.region .firstLevelSelector ul li.selected a:before { content: '\e815'; }
#modalWrap .type.region .selectList section header { padding: 5px 10px; background: #eefaff; tet-align: left; }
#modalWrap .type.region .selectList section dl dt { background: transparent; padding: 5px 30px; margin-bottom: 5px; }
#modalWrap .type.region .selectList section dl dd { padding: 0 15px 5px 30px; }
#modalWrap .type.region .selectList section dl dd.regular label { width: 33.3%; float: left; }
#modalWrap .type.region .selectList section dl dd.regular label:nth-child(3n+1) { clear: both; }
#modalWrap .type.region .selectList section dl dd.city { padding-left: 60px; tet-align: left; }
#modalWrap .type.region .selectList section dl dd label { width: auto; float: none; padding-right: 15px; padding-left: 18px; text-indent: -18px; line-height: 1.3; margin-bottom: 10px; }
#modalWrap .type.region .selectList section dl dd label span { display: inline-block; width: 4.5em; }
#modalWrap .type.region .selectList section dl dd label small { font-size: 11px; padding-left: 2em; display: inline-block; text-indent: 0; vertical-align: top; padding-top: .2em; position: relative; }
#modalWrap .type.region .selectList section dl dd label small:before { content: '- '; position: absolute; left: 1.2em; top: .2em; }
#modalWrap .type.region .selectList .otherArea { padding: 0 30px; tet-align: left; }
#modalWrap .type.region .selectList .otherArea label { width: 32%; display: inline-block; }
#modalWrap ul.kodawari { clear: both; min-height: 400px; }
#modalWrap ul.kodawari:after { content: ''; display: block; clear: both; }
#modalWrap ul.kodawari li { width: 50%; float: left; list-style: none; margin-bottom: 20px; }
#modalWrap ul.kodawari li:nth-child(odd) { padding-right: 10px; }
#modalWrap ul.kodawari li:nth-child(even) { padding-left: 10px; }
#modalWrap ul.kodawari li a { display: block; padding: 15px; border: 1px #00baff solid; border-radius: 4px; position: relative; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; overflow: hidden; }
#modalWrap ul.kodawari li a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap ul.kodawari li a:after { content: '\f101'; position: absolute; right: 10px; top: 15px; color: #00baff; }
#modalWrap ul.kodawari li a:hover { background: #00baff; color: #fff; }
#modalWrap ul.kodawari li a:hover:after { color: #fff; }
#modalWrap ul.kodawari li.selected a { padding-left: 40px; }
#modalWrap ul.kodawari li.selected a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap ul.kodawari li.selected a:before { content: '\e815'; position: absolute; left: 0; top: 0; width: 30px; height: 100%; text-align: center; padding: 15px 0; background: #00baff; color: #fff; }
#modalWrap .type.business { background: none; }
#modalWrap .type.business .firstLevelSelector ul li a { padding: 10px 20px 10px 5px; }
#modalWrap .type.business .firstLevelSelector ul li a:after { top: .7em; }
#modalWrap .type.business .firstLevelSelector ul li.selected a { color: #00baff; text-indent: -10px; padding-left: 30px; }
#modalWrap .type.business .firstLevelSelector ul li.selected a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap .type.business .firstLevelSelector ul li.selected a:before { content: '\e815'; }
#modalWrap .type.business .selectList { height: 420px; }
#modalWrap .type.business .selectList section dl dt { background: #eefaff; padding: 5px 20px; margin-bottom: 10px; }
#modalWrap .type.business .selectList section dl dd { padding: 5px 15px 5px 20px; }
#modalWrap .type.business .selectList section dl dd label { width: auto; float: none; padding-right: 5px; margin-bottom: 15px; }
#modalWrap .type.business .selectList section dl dd.triple { clear: both; }
#modalWrap .type.business .selectList section dl dd.triple:after { content: ''; display: block; clear: both; }
#modalWrap .type.business .selectList section dl dd.triple .col { width: 33.3%; float: left; }
#modalWrap .type.business .selectList section dl dd.triple .col label { width: 100%; display: block; }
#modalWrap .type.business .selectList .otherArea { padding: 0 20px; }
#modalWrap .type.business .selectList .otherArea label { width: 48%; display: inline-block; }
#modalWrap .type.business .selectList .triple label { display: block; width: 30%; float: left; margin-bottom: 10px; padding-right: 20px; padding-left: 18px; text-indent: -18px; line-height: 1.3; }
#modalWrap .type.business .selectList .triple label:nth-child(3n+1) { clear: both; }

.jpnMap { width: 480px; height: 400px; position: relative; background: url(../img/map/jpnMapDef.png) no-repeat; }
.jpnMap img { display: block; position: relative; z-index: 1; }
.jpnMap div { width: 480px; height: 400px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 0; }
.jpnMap div.hkd { background: url(../img/map/jpnMapHkd.png) no-repeat; }
.jpnMap div.knt { background: url(../img/map/jpnMapKnt.png) no-repeat; }
.jpnMap div.tok { background: url(../img/map/jpnMapTok.png) no-repeat; }
.jpnMap div.kse { background: url(../img/map/jpnMapKse.png) no-repeat; }
.jpnMap div.kns { background: url(../img/map/jpnMapKns.png) no-repeat; }
.jpnMap div.chg { background: url(../img/map/jpnMapChg.png) no-repeat; }
.jpnMap div.skk { background: url(../img/map/jpnMapSkk.png) no-repeat; }
.jpnMap div.ksu { background: url(../img/map/jpnMapKsu.png) no-repeat; }
.jpnMap div.abr { background: url(../img/map/jpnMapAbr.png) no-repeat; }
.jpnMap div.on { opacity: 1; }

.regionValue { display: none; }

.index ul li, .index ol li { list-style: none; }
.index .searchPannel { width: 100%; position: relative; -webkit-box-shadow: 0 1px 13px rgba(156, 156, 156, 0.5); box-shadow: 0 1px 13px rgba(156, 156, 156, 0.5); min-width: 1280px; }
.index .searchPannel .promotionMovieModal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; position: absolute; right: 50%; top: 240px; margin-right: -500px; }
.index .searchPannel .promotionMovieModal .text_1 { font-size: 0.9em; margin-bottom: 2px; }
.index .searchPannel .promotionMovieModal .text_2 { font-size: 1.4em; }
@media all and (-ms-high-contrast: none) { .index .searchPannel .promotionMovieModal .text_2 { margin-left: 10px; } }
.index .searchPannel .promotionMovieModal .text_2:after { content: '\f0a9'; font-family: ecuicons; font-size: 0.9em; margin-left: 10px; }
.index .searchPannel .text { display: none; position: absolute; left: 50%; top: 5px; width: 560px; margin-left: -434px; text-align: center; padding-top: 70px; }
.index .searchPannel .text h1 { margin-bottom: 6px; font-size: 22px; font-weight: bold; text-shadow: 0 0 7px rgba(255, 255, 255, 0.8); letter-spacing: 0.4em; }
.index .searchPannel .text p.lead { font-size: 14px; }
.index .searchPannel .wrap { width: 1020px; margin: 0 auto; position: relative; }
.index .searchPannel .top { background-color: rgba(51, 51, 51, 0.7); }
.index .searchPannel .top .wrap { padding: 21px 10px; display: table; }
.index .searchPannel .top .wrap .btns { display: table-cell; vertical-align: middle; width: 560px; clear: both; }
.index .searchPannel .top .wrap .btns:after { content: ''; display: block; clear: both; }
.index .searchPannel .top .wrap .btns p { width: 220px; float: left; }
.index .searchPannel .top .wrap .btns p .btn { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3181b4; background: #51c8ff; background: -webkit-gradient(linear, left top, left bottom, from(#51c8ff), to(#1ab6ff)); background: linear-gradient(to bottom, #51c8ff 0%, #1ab6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c8ff', endColorstr='#1ab6ff',GradientType=0 ); font-size: 16px; color: #fff; width: 220px; padding: 0; text-align: center; }
.index .searchPannel .top .wrap .btns p .btn:before, .index .searchPannel .top .wrap .btns p .btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
.index .searchPannel .top .wrap .btns p .btn.free { padding: 0 15px; width: auto; }
.index .searchPannel .top .wrap .btns p .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .top .wrap .btns p .btn:before { content: '\e808'; margin-right: 15px; }
.index .searchPannel .top .wrap .btns p:nth-child(1) { position: relative; margin-right: 85px; z-index: 1; }
.index .searchPannel .top .wrap .btns p:nth-child(1):after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .top .wrap .btns p:nth-child(1):after { content: '\e809'; position: absolute; top: 0; right: -85px; width: 85px; font-size: 40px; text-align: center; color: #fff; line-height: 45px; z-index: -1; }
.index .searchPannel .top .wrap .incomes { display: table-cell; vertical-align: middle; width: 190px; font-size: 0; }
.index .searchPannel .top .wrap .incomes .radio { padding: 2px 25px 0 20px; display: inline-block; position: relative; color: #fff; white-space: nowrap; overflow: hidden; line-height: 1.0; font-size: 14px; margin-bottom: 6px; }
.index .searchPannel .top .wrap .incomes .radio input { position: absolute; left: -20px; top: -20px; }
.index .searchPannel .top .wrap .incomes .radio:before { content: ""; background: url(../img/bgRadio.png) center top no-repeat; position: absolute; left: 0; width: 14px; height: 100%; top: 2px; }
.index .searchPannel .top .wrap .incomes .radio.checked:before { background-image: url(../img/bgRadio_on.png); }
.index .searchPannel .top .wrap .incomes .sel { display: block; clear: both; line-height: 1.0; height: 32px; }
.index .searchPannel .top .wrap .incomes select { width: 100%; color: #666; margin: 0; padding-top: 0; padding-bottom: 0; height: 30px; line-height: 30px; }
.index .searchPannel .top .wrap .etc { display: table-cell; vertical-align: middle; width: 250px; }
.index .searchPannel .top .wrap .etc label.icoSearch { position: relative; display: block; line-height: 1.0; margin-left: 30px; }
.index .searchPannel .top .wrap .etc label.icoSearch:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .top .wrap .etc label.icoSearch input[type=text] { width: 100%; padding: 0px 0 0px 27px; height: 30px; margin: 0; }
.index .searchPannel .top .wrap .etc label.icoSearch input[type=text]:focus { padding-left: 5px; }
.index .searchPannel .top .wrap .etc label.icoSearch:before { content: '\e80c'; position: absolute; left: 0; top: 50%; line-height: 30px; margin-top: -15px; width: 30px; height: 100%; display: block; color: #999; text-align: center; }
.index .searchPannel .top .wrap .etc label.icoSearch.focus:before { content: ''; }
.index .searchPannel .top .wrap .etc .add { color: #fff; text-align: right; display: block; line-height: 1.0; margin-bottom: 6px; }
.index .searchPannel .top .wrap .etc .add:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .top .wrap .etc .add:before { content: '\e808'; margin-right: 12px; top: -1px; }
.index .searchPannel .bottom { background: url(../img/diagBgTransGray.png) left top repeat #f8f8f8; }
.index .searchPannel .bottom .wrap { background: url(../img/bg_searchMenu.png) right top no-repeat; padding: 19px 0 26px; clear: both; }
.index .searchPannel .bottom .wrap:after { content: ''; display: block; clear: both; }
.index .searchPannel .bottom .wrap .num { float: left; width: 180px; font-size: 42px; line-height: 1.0; color: #fff; margin-right: 25px; padding-top: 2px; }
.index .searchPannel .bottom .wrap .num small { font-size: 12px; }
.index .searchPannel .bottom .wrap .greetingMsg { float: left; padding: 0 20px; margin-top: 3px; }
.index .searchPannel .bottom .wrap .greetingMsg dt { float: left; width: 280px; color: #fff; font-size: 16px; font-weight: bold; padding-top: 2px; }
.index .searchPannel .bottom .wrap .greetingMsg dt:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .bottom .wrap .greetingMsg dt:before { content: '\e80a'; color: #fffc00; font-size: 24px; font-weight: normal; }
.index .searchPannel .bottom .wrap .greetingMsg dd { float: left; color: #fff; font-weight: bold; }
.index .searchPannel .bottom .wrap .greetingMsg dd em { color: #fffc00; }
.index .searchPannel .bottom .wrap .selectedCond { float: left; padding: 0; margin-bottom: 14px; }
.index .searchPannel .bottom .wrap .selectedCond dt { float: left; position: relative; width: 90px; vertical-align: middle; text-align: center; color: #fff; font-weight: bold; padding-right: 16px; padding-top: 1px; }
.index .searchPannel .bottom .wrap .selectedCond dt:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .bottom .wrap .selectedCond dt:after { content: '\f006'; font-size: 30px; position: absolute; right: 0; top: 50%; margin-top: -24px; width: 16px; height: 48px; }
.index .searchPannel .bottom .wrap .selectedCond dd { float: left; vertical-align: middle; color: #fff; line-height: 1.5; padding-left: 20px; width: 715px; letter-spacing: -0.07em; }
.index .searchPannel .bottom .wrap .selectedCond dd div { display: block; }
.index .searchPannel .bottom .wrap .selectedCond dd div i { display: inline-block; float: left; width: 3em; }
.index .searchPannel .bottom .wrap .selectedCond dd div span { display: block; padding-left: 3em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent4em i { width: 4em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent4em span { padding-left: 4em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent5em i { width: 5em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent5em span { padding-left: 5em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent6em i { width: 6em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent6em span { padding-left: 6em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent7em i { width: 7em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.indent7em span { padding-left: 7em; }
.index .searchPannel .bottom .wrap .selectedCond dd div.condItem { display: block; float: left; padding-right: 0; word-break: keep-all; margin-bottom: 7px; }
.index .searchPannel .bottom .wrap .selectedCond dd div.condItem i { background: url(../img/bg_condition_title.png) no-repeat right bottom; color: #000; width: auto; white-space: nowrap; padding: 1px 20px 1px 7px; }
.index .searchPannel .bottom .wrap .selectedCond dd div.condItem span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1px 0 1px 10px; }
.index .searchPannel .bottom .wrap .buttonArea { background: rgba(0, 0, 0, 0.4); padding: 10px 70px 15px; border-radius: 10px; clear: both; display: table; margin: 0 auto; }
.index .searchPannel .bottom .wrap .buttonArea:before { content: ''; display: block; clear: both; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions { clear: both; margin-bottom: 10px; text-align: center; position: relative; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li { list-style: none; color: #fff; display: inline-block; margin: 0 10px; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li input { vertical-align: middle; margin-right: 5px; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li i.helpTip { position: relative; width: 18px; height: 18px; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li i.helpTip b { background: #00baff; display: inline-block; width: 18px; height: 18px; border-radius: 9px; line-height: 18px; text-align: center; color: #fff; vertical-align: middle; margin: 0 5px; font-size: 12px; cursor: pointer; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li i.helpTip b:hover + span { display: block; opacity: 1; -webkit-animation: show .2s linear 0s; animation: show .2s linear 0s; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li i.helpTip span { display: none; background-color: #bae9ea; width: 180px; padding: 10px; position: absolute; left: -75px; top: -70px; font-size: 12px; color: #000; }
.index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li i.helpTip span:after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #bae9ea; border-width: 8px; margin-left: -8px; }
.index .searchPannel .bottom .wrap .btns { width: 461px; margin: 0 auto; clear: both; }
.index .searchPannel .bottom .wrap .btns:after { content: ''; display: block; clear: both; }
.index .searchPannel .bottom .wrap .btns .btn { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); width: 417px; height: 75px; line-height: 73px; position: relative; display: block; margin: 0 auto; font-size: 18px; }
.index .searchPannel .bottom .wrap .btns .btn:before, .index .searchPannel .bottom .wrap .btns .btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
.index .searchPannel .bottom .wrap .btns .btn.free { padding: 0 15px; width: auto; }
.index .searchPannel .bottom .wrap .btns .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel .bottom .wrap .btns .btn i { position: absolute; top: -16px; right: -22px; width: 126px; height: 47px; background: url(../img/bg_tag.png) center top no-repeat; display: block; font-size: 0; text-indent: 200%; white-space: nowrap; overflow: hidden; }
.index .searchPannel .bottom .wrap .btns .btn:before { content: '\e80c'; font-size: 24px !important; }
.index .searchPannel .btmBtn { opacity: 0; display: none; }
.index .searchPannel.default { background: url(../img/mv01-1.png) center top no-repeat #000; padding-top: 286px; }
.index .searchPannel.default .title { position: absolute; top: 253px; left: 50%; margin-left: -510px; width: 220px; height: 33px; padding: 2px 12px 0; background-color: rgba(51, 51, 51, 0.7); border-radius: 5px 5px 0 0; color: #fff; font-size: 15px; }
.index .searchPannel.default .title:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel.default .title:before { content: '\f0a9'; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 22px; }
.index .searchPannel.login .text { text-indent: 1000%; overflow: hidden; white-space: nowrap; }
.index .searchPannel.login .title { display: none; }
.index .searchPannel.open { margin-bottom: 0; }
.index .searchPannel.close { margin-bottom: 24px; }
.index .searchPannel.close .btmBtn { position: absolute; width: 480px; height: 24px; left: 50%; bottom: -24px; margin-left: -240px; display: block; opacity: 1; background: url(../img/diagBgTransGray.png) left top repeat; color: #fff; border-radius: 0 0 7px 7px; line-height: 24px; -webkit-box-shadow: 0 1px 13px rgba(156, 156, 156, 0.5); box-shadow: 0 1px 13px rgba(156, 156, 156, 0.5); text-align: center; }
.index .searchPannel.close .btmBtn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel.close .btmBtn:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index .searchPannel.close .btmBtn:before, .index .searchPannel.close .btmBtn:after { position: absolute; width: 40px; height: 100%; content: '\f0dd'; color: #00baff; font-size: 20px; top: -3px; line-height: 1.0; }
.index .searchPannel.close .btmBtn:before { left: 60px; text-align: left; }
.index .searchPannel.close .btmBtn:after { right: 60px; text-align: right; }
.index ul.slide { margin: 0; /*opacity:0; */ clear: both; margin: 0 auto; padding-top: 20px; width: 100%; }
.index ul.slide:after { content: ''; display: block; clear: both; }
.index ul.slide li { float: left; margin-right: 10px; /*width:140px; */ height: 80px; list-style: none; }
.index ul.slide li a { display: block; }
.index ul.slide li a img { width: auto; height: 50px; margin: 0 auto; }
.index ul.slide li a canvas { width: 100%; height: 30px; }
.index ul.slide button { display: none; }
.index ul.slide.bottom { margin-bottom: 80px; }
.index #container.afterSlide { padding-top: 28px; }
.index #container .announce { margin-bottom: 32px; }
.index #container .announce dt { font-size: 12px; color: #666; line-height: 20px; text-align: center; padding: 6px 23px 3px; background-color: #e2e2e2; margin: 0 -15px; }
.index #container .announce dd { font-size: 12px; color: #666; line-height: 20px; padding: 0px 23px 10px; background-color: #e2e2e2; margin: 0px -15px; display: none; }
.index #container main section.recommend { margin-bottom: 45px; }
.index #container main section.searchCondition { clear: both; }
.index #container main section.searchCondition:after { content: ''; display: block; clear: both; }
.index #container main section.searchCondition div { float: left; }
.index #container main section.searchCondition div#occupation { width: 540px; margin-right: 30px; margin-bottom: 30px; }
.index #container main section.searchCondition div#occupation h1 { margin-bottom: 37px; }
.index #container main section.searchCondition div#area { width: 450px; margin-bottom: 45px; }
.index #container main section.searchCondition div#area .jpnMap { width: 450px; height: 345px; position: relative; background: url(../img/map/jpn/mapDef.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap img { display: block; position: relative; z-index: 1; }
.index #container main section.searchCondition div#area .jpnMap div { width: 450px; height: 345px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 0; }
.index #container main section.searchCondition div#area .jpnMap div.hkd { background: url(../img/map/jpn/mapHkd.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.knt { background: url(../img/map/jpn/mapKnt.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.tok { background: url(../img/map/jpn/mapTok.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.kse { background: url(../img/map/jpn/mapKse.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.kns { background: url(../img/map/jpn/mapKns.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.chg { background: url(../img/map/jpn/mapChg.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.skk { background: url(../img/map/jpn/mapSkk.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.ksu { background: url(../img/map/jpn/mapKsu.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.abr { background: url(../img/map/jpn/mapAbr.png) no-repeat; }
.index #container main section.searchCondition div#area .jpnMap div.on { opacity: 1; }
.index #container main section.searchCondition div#area .localMap div.areaTable { width: 150px; height: auto; position: absolute; left: 300px; top: 0; z-index: 1; opacity: 1; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl { width: 100%; border-bottom: 1px dotted #999; display: table; padding: 12px 0; line-height: 1.8; border-top: 1px dotted #999; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dt { border-right: 1px dotted #999; width: 60px; display: table-cell; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dd { display: table-cell; padding-left: 15px; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dd li a { display: block; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dd li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dd li a span { color: #0098df; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dd li a:before { content: '\e811'; font-size: 14px; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl dd li a:hover span { text-decoration: underline; }
.index #container main section.searchCondition div#area .localMap div.areaTable dl:nth-child(n+1) { border-top: none; }
.index #container main section.searchCondition div#area .localMap div.areaTable.on { opacity: 1; }
.index #container main section.searchCondition div#area .localMap div.areaTable .countrywide { clear: both; margin-top: 10px; padding: 0 10px 0 0; text-align: right; }
.index #container main section.searchCondition div#area .localMap div.areaTable .countrywide a { display: block; }
.index #container main section.searchCondition div#area .localMap div.areaTable .countrywide a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index #container main section.searchCondition div#area .localMap div.areaTable .countrywide a span { color: #0098df; }
.index #container main section.searchCondition div#area .localMap div.areaTable .countrywide a:before { content: '\e811'; font-size: 14px; }
.index #container main section.searchCondition div#area .localMap div.areaTable .countrywide a:hover span { text-decoration: underline; }
.index #container main section.searchCondition div#area .knsMap { width: 450px; height: 324px; position: relative; background: url(../img/map/kns/mapDef.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap img { display: block; position: relative; z-index: 1; }
.index #container main section.searchCondition div#area .knsMap div { width: 450px; height: 345px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 0; }
.index #container main section.searchCondition div#area .knsMap div.ky { background: url(../img/map/kns/mapKy.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap div.si { background: url(../img/map/kns/mapSi.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap div.os { background: url(../img/map/kns/mapOs.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap div.hg { background: url(../img/map/kns/mapHg.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap div.nr { background: url(../img/map/kns/mapNr.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap div.wa { background: url(../img/map/kns/mapWa.png) no-repeat; }
.index #container main section.searchCondition div#area .knsMap div.on { opacity: 1; }
.index #container main section.searchCondition div#area .ksuMap { width: 457px; height: 343px; position: relative; background: url(../img/map/ksu/mapDef.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap img { display: block; position: relative; z-index: 1; }
.index #container main section.searchCondition div#area .ksuMap div { width: 457px; height: 343px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 0; }
.index #container main section.searchCondition div#area .ksuMap div.fo { background: url(../img/map/ksu/mapFo.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.sg { background: url(../img/map/ksu/mapSg.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.ns { background: url(../img/map/ksu/mapNs.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.ku { background: url(../img/map/ksu/mapKu.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.oi { background: url(../img/map/ksu/mapOi.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.mz { background: url(../img/map/ksu/mapMz.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.kg { background: url(../img/map/ksu/mapKg.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.ok { background: url(../img/map/ksu/mapOk.png) no-repeat; }
.index #container main section.searchCondition div#area .ksuMap div.on { opacity: 1; }
.index #container main section.searchCondition div#area .tokMap { width: 450px; height: 314px; position: relative; background: url(../img/map/tok/mapDef.png) no-repeat; }
.index #container main section.searchCondition div#area .tokMap img { display: block; position: relative; z-index: 1; }
.index #container main section.searchCondition div#area .tokMap div { width: 450px; height: 314px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 0; }
.index #container main section.searchCondition div#area .tokMap div.gi { background: url(../img/map/tok/mapGi.png) no-repeat; }
.index #container main section.searchCondition div#area .tokMap div.sz { background: url(../img/map/tok/mapSz.png) no-repeat; }
.index #container main section.searchCondition div#area .tokMap div.ai { background: url(../img/map/tok/mapAi.png) no-repeat; }
.index #container main section.searchCondition div#area .tokMap div.me { background: url(../img/map/tok/mapMe.png) no-repeat; }
.index #container main section.searchCondition div#area .tokMap div.on { opacity: 1; }
.index #container main section.special { position: relative; margin-bottom: 35px; /*.specialList{display:table; background:#ffe400; border-radius:8px; border:1px solid #ffe400; width:100%; .header{display:table-cell; width:153px; padding:20px 15px; vertical-align:top;
		h1{font-size:16px; text-align:center; background:none; margin:0; padding:0; box-shadow:none; @include icnLeft; text-align:center; font-weight:normal; line-height:1.4; font-weight:bold;
			&:before{@include icnCarendar; font-size:25px; color:#9f9f37; margin:0; transform:none; left:0; top:0; background:none; width:auto; height:auto; display:block; z-index:0; box-shadow:none; margin-bottom:8px; font-weight:normal;}
			&:after{display:none;}
		}
		p{color:$c-medium-dark; line-height:1.1; margin-top:9px;}
		
	}
	.inner{background:$c-light; padding:25px 20px 22px; border-radius:0 8px 8px 0; vertical-align:top; display:table-cell;
		li{margin-bottom:7px; list-style:none;
			a{position:relative; display:block; width:100%; @include icnLeft; padding-left:15px;
				.region{display:inline-block; color:$c-light; font-size:12px;  padding:1px 8px 0; background-color: #9c9c9c; @include shade; position:absolute; left:14px; top:1px;}
				.text{display:inline-block; font-size:14px; padding-left:50px; color:$c-link; text-decoration:none;}
			&:hover .text {text-decoration:underline;}
			&:before{@include icnLinkArr; position:absolute; left:0; top:0; width:15px; height:22px; color:$c-text; font-size:14px;}
			}
			&.ksu a .text{padding-left:88px;}
			&:last-child{margin-bottom:0;}
		}
	} 
}*/ }
.index #container main section.special nav ul { margin-bottom: 17px; clear: both; }
.index #container main section.special nav ul:after { content: ''; display: block; clear: both; }
.index #container main section.special nav ul li { width: 500px; float: left; display: block; margin-bottom: 10px; }
.index #container main section.special nav ul li a { position: relative; display: block; color: #fff; padding-right: 20px; background: #000; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
.index #container main section.special nav ul li a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.index #container main section.special nav ul li a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.index #container main section.special nav ul li a .wrap { display: table; background: url(../img/diagBgBlack.png) left top; width: 100%; }
.index #container main section.special nav ul li a .wrap .region { display: table-cell; width: 35px; background-color: #9c9c9c; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; vertical-align: middle; font-size: 12px; line-height: 1.33; }
.index #container main section.special nav ul li a .wrap .text { display: table-cell; vertical-align: middle; padding: 7px 12px 6px; }
.index #container main section.special nav ul li a .wrap .text p { margin: 0; }
.index #container main section.special nav ul li a .wrap .text .term { font-size: 12px; display: block; }
.index #container main section.special nav ul li a .wrap .text .term i { margin-right: 12px; }
.index #container main section.special nav ul li a .wrap figure { display: table-cell; width: 150px; vertical-align: middle; line-height: 0; }
.index #container main section.special nav ul li a:after { content: '\e811'; position: absolute; height: 20px; width: 20px; text-align: center; right: 0; top: 50%; margin-top: -10px; font-size: 14px; }
.index #container main section.special nav ul li:nth-child(2n+1) { margin-right: 20px; }
.index #container main section.special nav ul li:last-child { margin-bottom: 0; }
.index #container main section.special .specialList { display: table; width: 100%; }
.index #container main section.special .specialList .header { display: table-cell; width: 153px; padding: 20px 15px; vertical-align: top; }
.index #container main section.special .specialList .header h1 { text-align: center; }
.index #container main section.special .specialList .header h1:before { display: block; margin-right: 0; margin-bottom: 8px; }
.index #container main section.special .specialList .header p { color: #666; line-height: 1.1; margin-top: 9px; }
.index #container main section.special .specialList .inner { padding: 25px 20px 22px; border-radius: 0 8px 8px 0; vertical-align: top; display: table-cell; }
.index .modaal-outer-wrapper .modaal-inner-wrapper { padding: 0; }
.index .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container { text-align: center; background: transparent; max-width: 999999px; max-width: initial; max-width: auto; width: auto; }
.index .modaal-content-container { padding: 0; }
.index .modaal-content-container video { width: 80vw; height: auto; }
.index .modalDisplayNone { display: none; }
.index .bottomFixedArea { position: fixed; bottom: 0; z-index: 5; width: 100%; height: 70px; background-color: rgba(51, 51, 51, 0.7); }
.index .bottomFixedArea .bottomFixedinner { width: 1040px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }
.index .bottomFixedArea .bottomFixedinner .bottomBalloon { position: relative; width: 174px; height: 38px; color: #0cabed; font-weight: bold; background: #fff; border-radius: 3px; }
.index .bottomFixedArea .bottomFixedinner .bottomBalloon .text_1 { font-size: 16px; margin-left: 5px; }
.index .bottomFixedArea .bottomFixedinner .bottomBalloon .text_1:before { content: '\e837'; font-family: ecuicons; font-size: 22px; font-weight: normal; opacity: 0.4; margin-right: 5px; }
.index .bottomFixedArea .bottomFixedinner .bottomBalloon .text_2 { font-size: 13px; }
.index .bottomFixedArea .bottomFixedinner .bottomBalloon:before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -6px; border: 6px solid transparent; border-left: 10px solid #fff; }
.index .bottomFixedArea .bottomFixedinner .companyLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 400px; height: 50px; color: #fff; font-weight: bold; background-image: url(../img/bottomCompanyLinkBG.png); background-repeat: no-repeat; }
.index .bottomFixedArea .bottomFixedinner .companyLink:hover { opacity: 0.7; }
.index .bottomFixedArea .bottomFixedinner .companyLink .text_1 { font-size: 16px; }
.index .bottomFixedArea .bottomFixedinner .companyLink .text_1:before { content: '\f0f7'; font-family: ecuicons; font-size: 22px; font-weight: normal; opacity: 0.5; margin: 0 12px; }
.index .bottomFixedArea .bottomFixedinner .companyLink .text_1 span { font-size: 12px; }
.index .bottomFixedArea .bottomFixedinner .companyLink .text_2 { font-size: 18px; margin-right: 45px; }
.index .bottomFixedArea .bottomFixedinner .memberLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 400px; height: 50px; color: #fff; font-weight: bold; margin-right: 10px; background-image: url(../img/bottomMemberLinkBG.png); background-repeat: no-repeat; }
.index .bottomFixedArea .bottomFixedinner .memberLink:hover { opacity: 0.7; }
.index .bottomFixedArea .bottomFixedinner .memberLink .text_1 { font-size: 16px; }
.index .bottomFixedArea .bottomFixedinner .memberLink .text_1:before { content: '\f064'; font-family: ecuicons; font-size: 22px; font-weight: normal; opacity: 0.5; margin: 0 12px; }
.index .bottomFixedArea .bottomFixedinner .memberLink .text_1 span { font-size: 12px; }
.index .bottomFixedArea .bottomFixedinner .memberLink .text_2 { font-size: 18px; margin-right: 45px; }

body.kns.index .searchPannel .bottom .wrap { background-image: url(../img/bg_searchMenuKns.png); }
body.kns.index .searchPannel.default { background-image: url(../img/mv01-1.png); }
body.kns.index .searchPannel.default .text { top: 33px; width: 654px; margin-left: -188px; text-align: center; background: url(../img/mv01Kns_logo.png) center top no-repeat; }
body.kns.index .searchPannel.default .text h1 { margin-bottom: 0; }
body.tok.index .searchPannel .bottom .wrap { background-image: url(../img/bg_searchMenuTok.png); }
body.tok.index .searchPannel.default { background-image: url(../img/mv01-1.png); }
body.tok.index .searchPannel.default .text { top: 42px; width: 654px; margin-left: -180px; background: url(../img/mv01Tok_logo.png) center top no-repeat; padding-top: 64px; }
body.tok.index .searchPannel.default .text h1 { margin-bottom: 0; }
body.tok.index #container main section.searchCondition div#area .localMap div.areaTable { top: 35px; }
body.ksu.index .searchPannel .bottom .wrap { background-image: url(../img/bg_searchMenuKsu.png); }
body.ksu.index .searchPannel.default { background-image: url(../img/mv01-1.png); }
body.ksu.index .searchPannel.default .text { top: 36px; width: 654px; margin-left: -145px; background: url(../img/mv01Ksu_logo.png) center top no-repeat; }
body.ksu.index .searchPannel.default .text h1 { margin-bottom: 0; }

.isIE .index .searchPannel .bottom .wrap .selectedCond dd div.condItem i { padding: 1px 20px 0 7px; }

.isIE .index .searchPannel .bottom .wrap .buttonArea ul.extraConditions li i.helpTip b { line-height: 22px; }

/* Scss Document */
.registerProcess { background: url(../img/diagBgBlue.png); padding: 0; text-align: center; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; }
.registerProcess ul { listy-style: none; font-size: 0; }
.registerProcess ul li { display: inline-block; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); font-size: 16px; font-weight: bold; line-height: 80px; height: 80px; }
.registerProcess ul li span { position: relative; display: inline-block; }
.registerProcess ul li span i { font-size: 12px; }
.registerProcess ul li:after { content: ""; margin: 0 20px; background: url(../img/pointQuadruple.png) center center no-repeat; width: 30px; height: 100%; display: inline-block; vertical-align: middle; }
.registerProcess ul li:last-child:after { display: none; }
.registerProcess ul li.done { color: #fdfd00; }
.registerProcess ul li.done span:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.registerProcess ul li.done span:before { content: '\e815'; font-size: 16px; position: absolute; left: 50%; top: 11px; margin: 0; line-height: 1.0; }
.registerProcess ul li.current span:after { content: ""; display: block; position: absolute; left: 50%; bottom: -18px; background: url(../img/triangleBottom.png) center bottom no-repeat; width: 30px; height: 18px; margin-left: -15px; }
.registerProcess ul li.scoutPoint { color: #fdfd00; }
.registerProcess ul li.scoutPoint i { padding: 0 24px; }
.registerProcess ul li.scoutPoint em { position: absolute; background: #fdfd00; border-radius: 4px; color: #00baff; font-size: 12px; line-height: 16px; padding: 4px 5px; width: 82px; text-align: center; margin-left: -41px; left: 50%; top: 60px; text-shadow: none; font-weight: bold; }
.registerProcess ul li.scoutPoint em:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fdfd00; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; margin-left: -5px; margin-top: -5px; display: block; }

.applyMsg { position: relative; width: 900px; margin: -50px auto 40px; border-radius: 0 0 4px 4px; padding: 17px 25px 0; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1) inset; background: url(../img/diagBgPurple.png) center bottom repeat; overflow: hidden; }
.applyMsg.wide { width: 1020px; }
.applyMsg dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 20px; clear: both; overflow: hidden; }
.applyMsg dl:after { content: ''; display: block; clear: both; }
.applyMsg dl dt { position: relative; width: 14em; margin-right: 20px; white-space: nowrap; color: #fff; line-height: 1.4; }
.applyMsg dl dt:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.applyMsg dl dt:after { content: '\f006'; position: absolute; right: 0; top: 50%; margin-top: -21px; font-size: 30px; width: 16px; height: 42px; display: block; }
.applyMsg dl dd { color: #fff; }
.applyMsg dl dd ul { list-style: none; }
.applyMsg dl dd ul li { line-height: 20px; margin-bottom: 5px; }
.applyMsg dl dd ul li span { display: block; font-size: 10px; }
.applyMsg dl dd ul li:last-child { margin-bottom: 12px; }
.applyMsg dl dd table { margin-bottom: 20px; }
.applyMsg dl dd table:last-of-type { margin-bottom: 10px; }
.applyMsg dl dd th { background-color: #A777D1; white-space: nowrap; }
.applyMsg .switch { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 1.0; color: #fff; text-align: center; margin: 0; cursor: pointer; padding: 20px 0 12px; background: url(../img/bg_purpleGrad.png) repeat-x left bottom; }
.applyMsg .switch:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.applyMsg .switch:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.applyMsg .switch span { width: 155px; display: inline-block; }
.applyMsg .switch:before, .applyMsg .switch:after { font-size: 14px; font-weight: bold; }
.applyMsg.close .switch span:nth-child(1) { display: inline-block; }
.applyMsg.close .switch span:nth-child(2) { display: none; }
.applyMsg.close .switch:before, .applyMsg.close .switch:after { content: '\e831'; }
.applyMsg.open .switch span:nth-child(1) { display: none; }
.applyMsg.open .switch span:nth-child(2) { display: inline-block; }
.applyMsg.open .switch:before, .applyMsg.open .switch:after { content: '\e830'; }
.applyMsg.top { margin-top: 35px; margin-bottom: 30px; width: 1020px; border-radius: 4px; }

a.showRegister { display: block; text-align: center; margin-top: 20px; color: #0098df; }
a.showRegister:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
a.showRegister:before { content: '\e803'; }

.toggleContent { position: relative; }

#siteFooter .inner { clear: both; }
#siteFooter .inner:after { content: ''; display: block; clear: both; }
#siteFooter .inner figure { float: right; width: 130px; text-align: center; }
#siteFooter .inner .footerForm { display: table; width: 890px; height: 70px; }
#siteFooter .inner .footerForm .text { display: table-cell; vertical-align: middle; }
#siteFooter .inner .footerForm .text p { font-size: 10px; margin-bottom: 10px; }
#siteFooter .inner .footerForm .text p:last-child { margin-bottom: 0; }

.movieCatch { width: 900px; margin: 30px auto 0; }
.movieCatch .ttl { color: #f60; margin-bottom: 0; }
.movieCatch .ttl:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.movieCatch .ttl:before { content: '\e807'; font-size: 22px; margin-right: 15px; }
.movieCatch .inner { background: #fddc00; padding: 20px 15px 9px; }
.movieCatch .inner dl { font-size: 0; list-style: none; clear: both; margin-bottom: 6px; }
.movieCatch .inner dl:after { content: ''; display: block; clear: both; }
.movieCatch .inner dl dt { display: inline-block; vertical-align: middle; width: 88px; border: 2px solid #fff; background: #f60; margin-right: 25px; color: #fff; font-size: 12px; text-align: center; line-height: 18px; border-radius: 4px; position: relative; padding: 3px 13px; }
.movieCatch .inner dl dt:after { content: ""; position: absolute; right: -22px; top: 50%; margin-top: -11px; width: 22px; height: 22px; display: block; background: url(../img/icn_MovieCatch.png) right center no-repeat; }
.movieCatch .inner dl dd { display: inline-block; vertical-align: middle; width: 245px; border: 1px solid #f60; background: #fff; font-size: 14px; margin-right: 10px; color: #f60; padding: 5px 13px; line-height: 18px; border-radius: 4px; }
.movieCatch .inner dl dd:last-child { margin-right: 0; }
.movieCatch .inner p.note { color: inherit; text-align: left; }
.movieCatch.complete { width: 1020px; margin-bottom: 60px; }
.movieCatch.complete:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.movieCatch.complete .ttl { text-align: center; margin-bottom: 15px; }
.movieCatch.complete .inner { clear: both; }
.movieCatch.complete .inner:after { content: ''; display: block; clear: both; }
.movieCatch.complete .inner .bnrQR { float: left; }
.movieCatch.complete .inner dl { width: 570px; float: left; margin-right: 17px; position: relative; padding-left: 110px; }
.movieCatch.complete .inner dl dt { position: absolute; left: 0; top: 0; }
.movieCatch.complete .inner dl dd { width: 100%; padding: 8px; margin-bottom: 9px; }
.movieCatch.complete .inner dl dd:last-child { margin-bottom: 0; }
.movieCatch.complete:before { content: '\e835'; font-size: 60px; color: #00baff; width: 100%; text-align: center; }

.rangeSlider { background: url(../img/photoValueBg.png) no-repeat; width: 295px; height: 30px; margin: 0 auto 15px; padding: 0 35px; position: relative; }

#slider { top: 15px; left: 5px; border-bottom: 0 none !important; border-color: #666 !important; width: 215px; height: 1px; overflow: visible; border-radius: 0; }

.ui-slider-horizontal .ui-slider-handle { width: 21px !important; height: 21px !important; border-radius: 50%; top: -10px !important; cursor: w-resize !important; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) inset; margin-left: -10px !important; }

#pageBody h2.lead { background: none; padding: 0 0 0 10px; font-size: 22px; vertical-align: middle; font-weight: bold; }
#pageBody h2.lead i { font-size: 14px; margin-left: 25px; font-weight: normal; }
#pageBody h3.attention { font-size: 16px; margin-bottom: 25px; padding: 0 0 0 10px; }
#pageBody h3.attention:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody h3.attention:before { font-size: 16px; content: '\e806'; margin-right: 15px; }
#pageBody .column2 { clear: both; }
#pageBody .column2:after { content: ''; display: block; clear: both; }
#pageBody .column2 .register { width: 500px; display: inline-block; padding: 45px 70px; float: left; margin-right: 20px; }
#pageBody .column2 .register:nth-child(2n) { margin-right: 0; }
#pageBody .serviceTermsLink { list-style: none; }
#pageBody .serviceTermsLink li { margin-bottom: 5px; }
#pageBody .serviceTermsLink li a { display: block; }
#pageBody .serviceTermsLink li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .serviceTermsLink li a span { color: #0098df; }
#pageBody .serviceTermsLink li a:hover span { text-decoration: underline; }
#pageBody .serviceTermsLink li a:before { content: '\e811'; }
#pageBody .serviceTermsLink.column2 { text-align: center; }
#pageBody .serviceTermsLink.column2 li { display: inline-block; margin: 0 15px; }
#pageBody section .registerForm h1:after { display: none; }
#pageBody section .registerForm label { display: inline-block; font-size: 14px; margin-bottom: 20px; width: 100%; }
#pageBody section .registerForm label input[type=text], #pageBody section .registerForm label input[type=url], #pageBody section .registerForm label input[type=email], #pageBody section .registerForm label input[type=date], #pageBody section .registerForm label input[type=tel], #pageBody section .registerForm label input[type=password], #pageBody section .registerForm label input[type=datetime], #pageBody section .registerForm label input[type=datetime-local], #pageBody section .registerForm label input[type=month], #pageBody section .registerForm label input[type=week], #pageBody section .registerForm label input[type=time], #pageBody section .registerForm label input[type=number] { width: 100%; margin: 0; border-radius: 3px; }
#pageBody section .registerForm label select { width: 100%; padding: 2px 37px 2px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; height: 30px; margin: 0; }
#pageBody section .registerForm label.radio { position: relative; width: auto; padding-left: 20px; margin-right: 20px; background: url(../img/register_unchkRadio.png) left center no-repeat; }
#pageBody section .registerForm label.radio input { position: absolute; left: 1px; top: 50%; margin-top: -7px; z-index: -1; display: inline-block; opacity: 0; }
#pageBody section .registerForm label.radio.checked { background-image: url(../img/register_chkRadio.png); }
#pageBody section .registerForm label.checkbox input { margin-right: 10px; }
#pageBody section .registerForm label.sel { position: relative; }
#pageBody section .registerForm label.sel.income { width: 170px; margin-left: 13px; }
#pageBody section .registerForm label.textarea textarea { width: 100%; border-radius: 4px; }
#pageBody section .registerForm label input[type="radio"] { margin-right: 3px; }
#pageBody section .registerForm label.password { width: 170px; }
#pageBody section .registerForm label.password.password2 { margin-left: 8px; }
#pageBody section .registerForm label.name { width: 240px; }
#pageBody section .registerForm label.name.name2 { margin-left: 14px; }
#pageBody section .registerForm label.birthday { width: 172px; }
#pageBody section .registerForm label.sex2 { margin-left: 28px; }
#pageBody section .registerForm label.address1 { width: 130px; }
#pageBody section .registerForm label.address2 { width: 160px; }
#pageBody section .registerForm label.address3 { width: 320px; margin-left: 19px; vertical-align: top; }
#pageBody section .registerForm label.tel1 { width: 63px; }
#pageBody section .registerForm label.tel2 { width: 103px; }
#pageBody section .registerForm label.graduate { width: 162px; margin-right: 35px; }
#pageBody section .registerForm label.school { width: 233px; }
#pageBody section .registerForm label.year { width: auto; }
#pageBody section .registerForm label.month { width: auto; margin-left: 13px; }
#pageBody section .registerForm label.workType { width: 130px; }
#pageBody section .registerForm label.changeTimes { width: 162px; }
#pageBody section .registerForm label.companyName { width: 320px; }
#pageBody section .registerForm label.workDetail textarea { width: 100%; height: 200px; }
#pageBody section .registerForm label.time select { width: auto; }
#pageBody section .registerForm .err { list-style: none; background: #ffdddd; padding: 9px 10px 5px; margin-bottom: 25px; }
#pageBody section .registerForm .err li { color: #f00; font-size: 12px; line-height: 1.4; }
#pageBody section .registerForm .err li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section .registerForm .err li:before { content: '\e806'; font-size: 13px; margin-right: 4px; }
#pageBody section .registerForm .workTerm { display: inline-block; }
#pageBody section .registerForm .workTerm label { margin-bottom: 30px; }
#pageBody section .registerForm .workTerm.termEnd { -webkit-transform: opacity .3s ease; transform: opacity .3s ease; }
#pageBody section .registerForm .workTerm.termEnd.unselectable { opacity: 0.4; }
#pageBody section .registerForm .workTerm.termEnd.unselectable select { pointer-events: none; }
#pageBody section .registerForm .workCondTtl { color: #00baff; display: inline-block; margin-bottom: 7px; }
#pageBody section.register { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; border: 1px solid #e9e9e9; background-color: #fff; }
#pageBody section.register h1 { position: relative; background-color: #00baff; background-image: none; color: #fff; font-size: 16px; border-radius: 4px; margin-bottom: 35px; padding: 6px 10px; text-align: center; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; line-height: inherit; z-index: 1; }
#pageBody section.register h1:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register h1:before { content: ""; position: absolute; width: 12px; height: 12px; background: #00baff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 100%; margin-left: -6px; margin-top: -6px; z-index: -1; display: block; -webkit-box-shadow: none; box-shadow: none; }
#pageBody section.register h1:after { display: none; }
#pageBody section.register h1.withErr { margin-bottom: 25px; }
#pageBody section.register a.btn, #pageBody section.register button.btn { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 350px; margin: 0 auto; line-height: 63px; height: 65px; font-size: 18px; }
#pageBody section.register a.btn:before, #pageBody section.register a.btn:after, #pageBody section.register button.btn:before, #pageBody section.register button.btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody section.register a.btn.free, #pageBody section.register button.btn.free { padding: 0 15px; width: auto; }
#pageBody section.register a.btn:hover, #pageBody section.register button.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.register a.btn:before, #pageBody section.register button.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register a.btn.login:before, #pageBody section.register button.btn.login:before { content: '\e801'; font-size: 26px !important; margin-right: 22px; }
#pageBody section.register a.btn.check:before, #pageBody section.register button.btn.check:before { content: '\e815'; font-size: 22px !important; margin-right: 15px; }
#pageBody section.register a.btn.search:before, #pageBody section.register button.btn.search:before { content: '\e80c'; font-size: 24px !important; }
#pageBody section.register a.btn.disabled, #pageBody section.register button.btn.disabled { pointer-events: auto; }
#pageBody section.register a.btn.unclickable, #pageBody section.register button.btn.unclickable { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); opacity: 0.6; pointer-events: none; }
#pageBody section.register .btns button.btn { width: 170px; height: 45px; line-height: 43px; font-size: 14px; }
#pageBody section.register .btns button.btn.changePic { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); margin-right: 20px; }
#pageBody section.register .btns button.btn.check:before { font-size: 14px !important; top: -1px; }
#pageBody section.register.mail h1:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.mail h1:after { content: '\e80e'; width: 70px; height: 100%; position: absolute; left: 260px; top: -19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: rgba(255, 253, 253, 0.3); font-size: 50px; font-weight: normal; background: none; }
#pageBody section.register.mail h1.noIcon:after { content: ""; }
#pageBody section.register.mail dl dt { margin-bottom: 7px; }
#pageBody section.register.mail .btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; height: 65px; line-height: 63px; font-size: 18px; width: 100%; margin-bottom: 10px; }
#pageBody section.register.mail .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.register.mail .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.mail .btn:before { content: '\e80e'; font-size: 22px; }
#pageBody section.register.mail label.check { margin-bottom: 10px; display: block; }
#pageBody section.register.mail p.small { margin-bottom: 10px; }
#pageBody section.register.social h1:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.social h1:after { content: '\e82e'; width: 70px; height: 100%; position: absolute; top: 27px; left: 275px; color: rgba(255, 253, 253, 0.3); font-size: 66px; font-weight: normal; background: none; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#pageBody section.register.social h1.noIcon:after { content: ""; }
#pageBody section.register.social .btn { border-color: #c3c3c3; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7)); background: linear-gradient(to bottom, #fefefe 0%, #e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; height: 75px; line-height: 73px; margin-bottom: 30px; font-size: 14px; text-align: left; padding: 0 76px 0 18px; color: #666; width: 100%; position: relative; text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.83); font-weight: bold; }
#pageBody section.register.social .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.register.social .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.social .btn:after { content: ""; position: absolute; top: 50%; right: 18px; width: 40px; height: 40px; margin-top: -20px; background-position: right center; background-repeat: no-repeat; font-size: 66px; }
#pageBody section.register.social .btn.yahoo:after { background-image: url(../img/btn_socialYahoo.png); }
#pageBody section.register.social .btn.fb:after { background-image: url(../img/btn_socialFB.png); }
#pageBody section.register.social .btn.google:after { background-image: url(../img/btn_socialGoogle.png); }
#pageBody section.register.social .btn:nth-child(2) { margin-top: 15px; }
#pageBody section.register.info { padding: 75px  60px; display: table; width: 100%; }
#pageBody section.register.info .vMiddle { display: table-cell; vertical-align: middle; text-align: center; width: 100%; }
#pageBody section.register.info.sentMail table { margin: 0 auto 40px; width: 720px; }
#pageBody section.register.info.sentMail table.w800 { width: 800px; }
#pageBody section.register.info.sentMail table th, #pageBody section.register.info.sentMail table td { border: none; }
#pageBody section.register.info.sentMail table th { text-align: center; color: #ff6600; background: none; width: 210px; line-height: 1.4; }
#pageBody section.register.info.sentMail table th figure { margin-top: 7px; }
#pageBody section.register.info.sentMail table th em { font-size: 22px; }
#pageBody section.register.info.sentMail table td { line-height: 40px; text-align: left; }
#pageBody section.register.info.sentMail table td em { font-size: 22px; display: block; }
#pageBody section.register.info.sentMail p { text-align: left; }
#pageBody section.register.info.sentMail p a { color: #0098df; }
#pageBody section.register.info.sentMail p a:hover { text-decoration: underline; }
#pageBody section.register.info.maintenance p { text-align: left; }
#pageBody section.register.info.maintenance p.icon { text-align: center; margin-bottom: 40px; }
#pageBody section.register.info.maintenance p.icon:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.info.maintenance p.icon:before { content: '\e83d'; font-size: 36px; margin-right: 20px; color: #999; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
#pageBody section.register.info.error { padding: 90px 60px; }
#pageBody section.register.info.error p { margin: 0; }
#pageBody section.register.info.error p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.info.error p:before { content: '\e806'; font-size: 36px; margin-right: 25px; color: #999; }
#pageBody section.register.info.error p.loginError { margin: 10px 50px 30px; text-align: left; padding-left: 55px; position: relative; }
#pageBody section.register.info.error p.loginError:before { position: absolute; left: 0; top: 50%; margin-top: -29px; display: block; }
#pageBody section.register.info.error a.btn { margin-top: 15px; }
#pageBody section.register.info.error a.textLink { position: relative; display: block; font-size: 14px; padding-left: 16px; margin-bottom: 10px; margin-left: 105px; text-align: left; }
#pageBody section.register.info.error a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.info.error a.textLink span { color: #00baff; }
#pageBody section.register.info.error a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; width: 16px; position: absolute; left: 0; top: 0; }
#pageBody section.register.info.error a.textLink:hover span { text-decoration: underline; }
#pageBody section.register.info dl.login { margin: 36px 0 25px; }
#pageBody section.register.info dl.login dt { display: inline-block; padding: 0 9px; }
#pageBody section.register.info dl.login dd { display: inline-block; }
#pageBody section.register.info a.btn, #pageBody section.register.info button.btn { width: 265px; height: 56px; line-height: 54px; font-size: 16px; }
#pageBody section.register.info a.btn.mail:before, #pageBody section.register.info button.btn.mail:before { content: '\e80e'; font-size: 24px !important; }
#pageBody section.register.form { position: relative; width: 900px; padding: 40px 57px 65px; margin: 0 auto; clear: both; }
#pageBody section.register.form:after { content: ''; display: block; clear: both; }
#pageBody section.register.form .wrapper { width: 500px; float: left; text-align: center; }
#pageBody section.register.form .wrapper p.footnote { display: inline-block; text-align: left; margin: 0 auto; margin-top: 35px; }
#pageBody section.register.form .wrapper .vMiddle { display: table; width: 100%; margin-bottom: 50px; }
#pageBody section.register.form .wrapper .vMiddle:before { content: ""; width: 1px; height: 120px; display: table-cell; }
#pageBody section.register.form .wrapper .vMiddle .inner { display: table-cell; vertical-align: middle; font-size: 0; }
#pageBody section.register.form .wrapper .vMiddle .inner h2 { position: relative; background-color: #e0f6ff; background-image: none; color: #00baff; font-size: 12px; margin-bottom: 20px; padding: 6px 10px; text-align: center; line-height: inherit; }
#pageBody section.register.form .wrapper .vMiddle .inner h2:before { content: ""; position: absolute; width: 12px; height: 12px; background: #e0f6ff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 100%; margin-left: -6px; margin-top: -6px; z-index: -1; display: block; -webkit-box-shadow: none; box-shadow: none; }
#pageBody section.register.form .wrapper .vMiddle .inner p { font-size: 14px; }
#pageBody section.register.form .wrapper .vMiddle .inner p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner p.complete:before { content: '\e834'; font-size: 30px; line-height: 1.0; display: block; margin: 0 0 15px; color: #00baff; }
#pageBody section.register.form .wrapper .vMiddle .inner p.alignLeft { text-align: left; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent { position: relative; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent .switch { position: absolute; bottom: 0; width: 100%; font-size: 14px; line-height: 1.0; text-align: center; padding: 50px 0 20px; margin: 0; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(40%, white)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), white 40%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), white 40%); }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent .switch:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent .switch:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent .switch span { width: 155px; display: inline-block; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent .switch:before, #pageBody section.register.form .wrapper .vMiddle .inner .toggleContent .switch:after { font-size: 14px; color: #00baff; font-weight: bold; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.close { height: 300px; overflow: hidden; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.close .switch span:nth-child(1) { display: inline-block; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.close .switch span:nth-child(2) { display: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.close .switch:before, #pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.close .switch:after { content: '\e831'; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.open .switch { position: relative; padding-top: 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.open .switch span:nth-child(1) { display: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.open .switch span:nth-child(2) { display: inline-block; }
#pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.open .switch:before, #pageBody section.register.form .wrapper .vMiddle .inner .toggleContent.open .switch:after { content: '\e830'; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader { width: 354px; height: 180px; border: 2px #9a9a9a dotted; margin: 0 auto 30px; position: relative; border-radius: 4px; cursor: pointer; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader input[type=file] { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; display: block; opacity: 0; z-index: 1; cursor: pointer; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader span { display: block; font-size: 12px; line-height: 20px; color: #666; z-index: 0; text-align: center; height: 100%; padding: 50px 0 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader span i { color: #9a9a9a; display: block; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader .fileVirtual { display: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader:hover, #pageBody section.register.form .wrapper .vMiddle .inner .uploader.hover { border-color: #00baff; background-color: #e5f8ff; opacity: 1; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader.on { background-color: #e5f8ff; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader.on .fileVirtual { display: block; width: 100%; height: 100%; background: #e5f8ff; border: 0 none; text-align: center; overflow: hidden; white-space: nowrap; padding: 0 10px; text-overflow: ellipsis; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploader button.upFile { position: absolute; left: 50%; top: 100px; border: 1px #999 solid; border-radius: 5px; width: 140px; height: 27px; background: #fff; color: #666; font-size: 15px; line-height: 25px; margin-left: -70px; text-align: center; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .personalImage { position: relative; margin: -35px auto 15px; z-index: 0; width: 367px; height: 276px; }
#pageBody section.register.form .wrapper .vMiddle .inner .personalImage figure { width: 367px; height: 276px; position: absolute; left: 0; top: 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .personalImage figure .mask { width: 367px; height: 276px; position: absolute; left: 0; top: 0; background: url(../img/trimMask.png) no-repeat 0 0; color: #fff; font-size: 30px; font-weight: bold; letter-spacing: -0.05em; text-align: center; line-height: 270px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
#pageBody section.register.form .wrapper .vMiddle .inner .personalImage.finished { margin: 0 auto 20px; height: auto; }
#pageBody section.register.form .wrapper .vMiddle .inner .personalImage.finished figure { position: static; top: auto; left: auto; height: auto; }
#pageBody section.register.form .wrapper .vMiddle .inner .personalImage.finished figure figcaption { text-align: center; padding: 20px 0 0; font-size: 14px; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable { clear: both; font-size: 14px; width: 100%; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable:after { content: ''; display: block; clear: both; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable dt { float: left; position: relative; padding: 3px 10px 5px 53px; margin-right: 15px; clear: both; text-align: center; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable dt i.notRequired { position: absolute; left: 11px; top: 4px; display: block; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable dd { float: left; display: table-cell; vertical-align: middle; text-align: center; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable dd label.sel.income { width: 193px; }
#pageBody section.register.form .wrapper .vMiddle .inner .regularTable dd label.sel.monthly { display: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB { margin-bottom: 15px; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl { display: table; width: 100%; border-bottom: 1px solid #00baff; padding-bottom: 12px; margin-bottom: 12px; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dt { width: 134px; padding: 7px 10px; font-size: 14px; text-align: left; display: table-cell; border-right: 1px dotted #9a9a9a; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd { display: table-cell; text-align: left; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul { list-style: none; padding: 0 15px; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul li { line-height: 1.4; border-top: 1px dotted #9a9a9a; font-size: 14px; padding: 7px 60px 7px 0; position: relative; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul li:first-child { border-top: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul li ul { padding: 0 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul li ul li { font-size: 12px; padding: 7px 70px 7px 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul li ul li:first-child { border-top: 1px dotted #9a9a9a; }
#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB dl dd ul li i { float: right; text-align: right; position: absolute; right: 0; top: 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable { margin-bottom: 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl { display: table; width: 100%; border-bottom: 1px solid #00baff; margin-bottom: 12px; padding-bottom: 12px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dt { width: 134px; padding: 7px 10px; font-size: 14px; text-align: left; display: table-cell; border-right: 1px dotted #9a9a9a; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd { display: table-cell; text-align: left; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul { list-style: none; padding: 0 15px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul li { line-height: 30px; border-top: 1px dotted #9a9a9a; font-size: 14px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul li:first-child { border-top: none; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul li ul { padding: 0 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul li ul li { font-size: 12px; padding: 7px 20px; line-height: 16px; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul li ul li:first-child { border-top: 1px dotted #9a9a9a; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl dd ul li i { float: right; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable dl:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .noBorderTable:last-child { margin-bottom: 15px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable { clear: both; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable:after { content: ''; display: block; clear: both; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dt { position: relative; float: left; display: block; width: 140px; padding: 0 10px 10px 53px; font-size: 12px; text-align: left; clear: both; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dt i.notRequired { position: absolute; left: 11px; top: 4px; display: block; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd { float: left; width: 354px; padding: 4px 0 10px; text-align: left; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader { display: block; width: 100%; height: 120px; text-shadow: none; border-radius: 2px; margin-bottom: 10px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader span { display: block; padding: 20px 0 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader span i { color: #9a9a9a; display: block; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader button.upFile { top: 70px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader:hover, #pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader.hover { border-color: #00baff; background-color: #e5f8ff; opacity: 1; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader.on { background-color: #e5f8ff; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .uploader.on .fileVirtual { display: block; width: 100%; height: 100%; background: #e5f8ff; border: 0 none; text-align: center; overflow: hidden; white-space: nowrap; padding: 0 10px; text-overflow: ellipsis; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span { display: block; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.note { margin-bottom: 3px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.fileInfo { font-size: 12px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.fileInfo a { color: #ff9900; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.fileInfo a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.fileInfo a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.fileInfo a i { margin-left: 10px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell span.fileInfo a:before { content: '\e832'; font-size: 12px; margin-right: 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner .uploaderTable dd.uploadCell .err { background-color: transparent; padding: 0; margin-bottom: 8px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable { clear: both; border-bottom: 1px dotted #9a9a9a; margin-bottom: 30px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable:after { content: ''; display: block; clear: both; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dt { position: relative; float: left; display: block; width: 120px; padding: 5px 5px 5px 43px; font-size: 14px; text-align: left; clear: both; margin-bottom: 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dt i.notRequired { position: absolute; left: 0; top: 6px; display: block; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dt a.goSample { color: #0098df; display: block; margin: 10px 0 0 -43px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dt a.goSample:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dt a.goSample:before { content: '\e833'; font-size: 14px; margin-right: 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd { float: left; width: 375px; padding: 0; text-align: left; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm { font-size: 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm label { margin-right: 0; margin-bottom: 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm label select { padding: 2px 35px 2px 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm label.year { margin-right: 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm label.month { margin-right: 5px; margin-left: 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm.termEnd { margin-right: -35px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm i.date { margin-right: 5px; margin-left: 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm i.tel { margin: 0 5px 0 0; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd label.textarea { margin-bottom: 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd a.addLink { float: right; margin-bottom: 15px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn { font-size: 14px; border-color: #3181b4; background: #51c8ff; background: -webkit-gradient(linear, left top, left bottom, from(#51c8ff), to(#1ab6ff)); background: linear-gradient(to bottom, #51c8ff 0%, #1ab6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c8ff', endColorstr='#1ab6ff',GradientType=0 ); height: 38px; line-height: 36px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn.edit { width: 190px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn:before { content: '\e808'; top: 0; font-size: 16px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn.delete { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 80px; height: 40px; line-height: 38px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn.delete:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.register.form .wrapper .vMiddle .inner .btn.delete:before { content: ''; }
#pageBody section.register.form .wrapper .vMiddle .inner .btns { margin-bottom: 20px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btns .btn { margin-right: 10px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btns .btn.sort { width: 130px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btns .btn.spot { width: 150px; }
#pageBody section.register.form .wrapper .vMiddle .inner .btns .btn.etc { width: 189px; }
#pageBody section.register.form .wrapper .vMiddle .inner a.addLink { display: block; font-size: 14px; color: #0098df; }
#pageBody section.register.form .wrapper .vMiddle .inner a.addLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form .wrapper .vMiddle .inner a.addLink:before { content: '\e808'; font-size: 14px; }
#pageBody section.register.form .wrapper .vMiddle .inner .inputTtl { font-size: 16px; color: #00baff; font-weight: bold; }
#pageBody section.register.form .wrapper .vMiddle .inner .department i.notRequired { margin-right: 25px; }
#pageBody section.register.form .wrapper .vMiddle .inner .remark i { display: inline-block; vertical-align: top; font-size: 14px; vertical-align: top; margin-right: 10px; }
#pageBody section.register.form .wrapper .vMiddle .inner .remark .textarea { width: 353px; display: inline-block; vertical-align: top; }
#pageBody section.register.form .wrapper .vMiddle .inner .remark .textarea textarea { width: 100%; height: 60px; }
#pageBody section.register.form .wrapper .vMiddle .inner .remark .textarea .note { text-align: left; color: #666; }
#pageBody section.register.form .wrapper .vMiddle .inner i.tel { font-size: 12px; margin: 0 10px; }
#pageBody section.register.form .wrapper .vMiddle .inner i.date { font-size: 14px; margin-left: 10px; }
#pageBody section.register.form .wrapper .vMiddle .inner i.notRequired { display: inline-block; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; background: #cdcdcd; padding: 4px 5px; }
#pageBody section.register.form .wrapper .vMiddle .inner a.edit { margin-bottom: 17px; }
#pageBody section.register.form .wrapper .vMiddle .inner.left { text-align: left; }
#pageBody section.register.form aside { position: absolute; display: block; background: url(../img/diagBgTransGrayL.png) left top repeat; padding: 15px; right: 60px; top: -15px; -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3); }
#pageBody section.register.form aside .inner { background: #fff; width: 200px; text-align: center; overflow: hidden; }
#pageBody section.register.form aside .inner header { background: #ff7e00; padding: 10px 10px 6px; margin-bottom: 17px; }
#pageBody section.register.form aside .inner header .lead { position: relative; display: block; background: #fdfd00; color: #666; font-size: 12px; line-height: 25px; margin-bottom: 20px; border-radius: 4px; }
#pageBody section.register.form aside .inner header .lead:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fdfd00; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 100%; margin-left: -5px; margin-top: -5px; display: block; }
#pageBody section.register.form aside .inner header h2 { color: #fff; font-size: 22px; line-height: 25px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); padding: 55px 0 0; margin: 0; }
#pageBody section.register.form aside .inner dl.point { padding: 0 8px; text-align: left; margin-bottom: 17px; }
#pageBody section.register.form aside .inner dl.point dt { font-size: 12px; line-height: 20px; color: #fff; padding: 5px 0; margin-bottom: 5px; }
#pageBody section.register.form aside .inner dl.point dt span { display: block; position: relative; background: #ff7e00; padding-left: 40px; border-radius: 4px; }
#pageBody section.register.form aside .inner dl.point dt span:before { content: ""; position: absolute; display: block; }
#pageBody section.register.form aside .inner dl.point dd { position: relative; padding: 0 0 0 22px; margin-bottom: 5px; }
#pageBody section.register.form aside .inner dl.point dd:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form aside .inner dl.point dd span.note { display: block; font-size: 10px; padding-left: 1em; text-indent: -1em; }
#pageBody section.register.form aside .inner dl.point dd:before { content: '\e82a'; font-size: 16px; position: absolute; left: 0; top: 0; width: auto; height: auto; color: #ff7e00; }
#pageBody section.register.form aside .inner.regular h2 { background: none; color: #00baff; font-size: 16px; line-height: 23px; font-weight: bold; padding: 20px 10px 0; margin-bottom: 10px; }
#pageBody section.register.form aside .inner.regular h2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.form aside .inner.regular h2:before { content: '\e826'; font-size: 24px; margin: 0 0 10px; display: block; font-weight: normal; width: auto; height: auto; -webkit-transform: none; transform: none; background: none; position: static; }
#pageBody section.register.form aside .inner.regular .pie { width: 126px; height: 126px; margin: 0 auto 10px; position: relative; }
#pageBody section.register.form aside .inner.regular .pie canvas { position: absolute; left: 50%; top: 50%; margin-left: -63px; margin-top: -63px; display: block; z-index: 0; width: 126px; height: 126px; }
#pageBody section.register.form aside .inner.regular .pie:before { content: ""; width: 122px; height: 122px; position: absolute; top: 2px; left: 2px; display: block; border-radius: 50%; background: #bbbb1d; }
#pageBody section.register.form aside .inner.regular p.result { font-size: 30px; color: #00baff; line-height: 1.0; font-weight: bold; }
#pageBody section.register.form aside .inner.regular p.result em { font-size: 50px; }
#pageBody section.register.form aside .inner.addPic header h2 { background: url(../img/icn_couple.png) center top no-repeat; }
#pageBody section.register.form aside .inner.addPic dl.point dt span:before { background: url(../img/icn_camera.png) 10px 0 no-repeat; width: 44px; height: 28px; display: block; left: -4px; top: -2px; }
#pageBody section.register.form aside .inner.addCareerSheet { background: #F3F300; padding: 30px 20px 38px; }
#pageBody section.register.form aside .inner.addCareerSheet dl.careerSheet dt { background: url(../img/icn_pen.png) center top no-repeat; font-size: 18px; font-weight: bold; padding-top: 45px; }
#pageBody section.register.form aside .inner.addCareerSheet dl.careerSheet dd { font-size: 12px; margin-top: 10px; }
#pageBody section.register.form aside .inner.addCondition header h2 { background: url(../img/icn_profile.png) center top no-repeat; }
#pageBody section.register.form aside .inner.addCondition dl.point dt span:before { background: url(../img/icn_thumbUp.png) 10px 0 no-repeat; width: 36px; height: 28px; display: block; left: 0; top: -5px; }
#pageBody section.register.form aside .inner:before { content: ""; position: absolute; display: block; right: -9px; top: 0; background: url(../img/bg_triangleGray.png) right top no-repeat; width: 9px; height: 13px; }
#pageBody section.register.kantanForm { padding: 53px 117px 53px 44px; }
#pageBody section.register.kantanForm .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#pageBody section.register.kantanForm .left { width: 248px; }
#pageBody section.register.kantanForm .right { width: 531px; }
#pageBody section.register.kantanForm .right .formRow { border-top: 1px solid #EBEBEB; padding: 10px 0 10px; }
#pageBody section.register.kantanForm .right .formRow dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; }
#pageBody section.register.kantanForm .right .formRow dt { font-size: 16px; width: 167px; }
#pageBody section.register.kantanForm .right .formRow dd { color: #666; width: 364px; }
#pageBody section.register.kantanForm .right .formRow dl.jobCategoryQa { background-color: #F4F4F4; border-radius: 5px; display: block; margin: 0 0 15px; padding: 10px 20px; }
#pageBody section.register.kantanForm .right .formRow dl.jobCategoryQa dt { font-size: 18px; font-weight: bold; width: auto; }
#pageBody section.register.kantanForm .right .formRow dl.jobCategoryQa dd { width: auto; }
#pageBody section.register.kantanForm .right .formRow dl.jobCategoryQa li { list-style-type: none; padding-left: 27px; position: relative; }
#pageBody section.register.kantanForm .right .formRow dl.jobCategoryQa li:before { border-left: 1px solid #666; border-bottom: 1px solid #666; content: ""; display: inline-block; width: 9px; height: 10px; position: absolute; top: 3px; left: 9px; }
#pageBody section.register.kantanForm h1 { border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; font-size: 20px; line-height: 1.2; margin-bottom: 0; padding: 12px 10px 17px; min-height: 104px; }
#pageBody section.register.kantanForm h1:before { left: 100%; top: 50%; }
#pageBody section.register.kantanForm h1 span { font-size: 16px; }
#pageBody section.register.kantanForm h1 small { font-size: 14px; font-weight: normal; margin-top: 10px; }
#pageBody section.register.kantanForm label { display: inline-block; font-size: 14px; margin-bottom: 10px; width: 100%; }
#pageBody section.register.kantanForm label input[type=text], #pageBody section.register.kantanForm label input[type=url], #pageBody section.register.kantanForm label input[type=email], #pageBody section.register.kantanForm label input[type=date], #pageBody section.register.kantanForm label input[type=tel], #pageBody section.register.kantanForm label input[type=password], #pageBody section.register.kantanForm label input[type=datetime], #pageBody section.register.kantanForm label input[type=datetime-local], #pageBody section.register.kantanForm label input[type=month], #pageBody section.register.kantanForm label input[type=week], #pageBody section.register.kantanForm label input[type=time], #pageBody section.register.kantanForm label input[type=number] { width: 100%; margin: 0; }
#pageBody section.register.kantanForm label select { width: 100%; padding: 2px 37px 2px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; height: 30px; margin: 0; color: #666; }
#pageBody section.register.kantanForm label select::-ms-expand { display: none; }
#pageBody section.register.kantanForm label.radio { position: relative; width: auto; padding: 5px 5px 5px 38px; background: #EEFAFF url(../img/register_unchkRadio.png) 10px center no-repeat; border-radius: 5px; color: #666; display: block; font-size: 18px; font-weight: bold; }
#pageBody section.register.kantanForm label.radio input { position: absolute; left: 1px; top: 50%; margin-top: -7px; z-index: -1; display: inline-block; opacity: 0; width: 175px; }
#pageBody section.register.kantanForm label.radio.checked { background-image: url(../img/register_chkRadio.png); }
#pageBody section.register.kantanForm label.radio.col2 { display: inline-block; margin-right: 9px; width: 175px; }
#pageBody section.register.kantanForm label.radio.col2:last-child { margin-right: 0; }
#pageBody section.register.kantanForm label.checkbox input { margin-right: 10px; color: #999; vertical-align: middle; }
#pageBody section.register.kantanForm label input[type="radio"] { margin-right: 10px; }
#pageBody section.register.kantanForm label.name { width: 175px; }
#pageBody section.register.kantanForm label.name.name2 { margin-left: 9px; }
#pageBody section.register.kantanForm label.password { width: 175px; }
#pageBody section.register.kantanForm label.password.password2 { margin-left: 9px; }
#pageBody section.register.kantanForm label.birthday { width: 170px; }
#pageBody section.register.kantanForm label.address2 { width: 160px; display: block; }
#pageBody section.register.kantanForm label.address3 { width: 365px; margin-top: 15px; }
#pageBody section.register.kantanForm label.tel1 { width: 60px; }
#pageBody section.register.kantanForm label.tel2 { width: 100px; }
#pageBody section.register.kantanForm a.textLink { display: block; font-size: 14px; padding-left: 1px; }
#pageBody section.register.kantanForm a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.kantanForm a.textLink span { color: #00baff; }
#pageBody section.register.kantanForm a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
#pageBody section.register.kantanForm a.textLink:hover span { text-decoration: underline; }
#pageBody section.register.kantanForm i.tel { margin: 0 10px; }
#pageBody section.register.kantanForm .err { display: block; position: relative; background: #ffdddd; color: #f00; font-size: 16px; margin-bottom: 0; padding: 9px 10px 0 44px; }
#pageBody section.register.kantanForm .err:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.register.kantanForm .err:last-of-type { padding-bottom: 9px; }
#pageBody section.register.kantanForm .err:before { content: '\e806'; position: absolute; left: 19px; top: 14px; font-size: 16px; color: #f00; line-height: 1.0; margin: 0; }

#pageBody section .registerForm select::-ms-expand { display: none; }

#modalWrap .type.register .selectList section dl dd label .sel select::-ms-expand { display: none; }

@-moz-document url-prefix() { #pageBody section.register.form .wrapper .vMiddle .inner .dotBorderTable dd .workTerm label select { padding: 2px 33px 2px 3px; } }
#modalWrap .type.register .selectList section header { margin-bottom: 20px; }
#modalWrap .type.register .selectList section dl dt { padding-top: 11px; padding-bottom: 11px; margin-bottom: 5px; }
#modalWrap .type.register .selectList section dl dd label.selectParent { width: auto; float: left; padding-top: 11px; padding-bottom: 11px; padding-left: 33px; clear: both; margin-bottom: 0; }
#modalWrap .type.register .selectList section dl dd label.selectParent .sel { position: relative; margin-left: 20px; margin: -6px 0 -6px 20px; }
#modalWrap .type.register .selectList section dl dd label.selectParent .sel select { width: auto; padding: 2px 37px 2px 5px; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; height: 30px; }
#modalWrap .type.register .selectList section dl dd label.selectParent.hidden { padding-top: 11px; padding-bottom: 11px; }
#modalWrap .type.register .selectList section dl dd label.selectParent.hidden .sel { display: none; }
#modalWrap .type.register .selectList section dl dd .sel { position: relative; float: left; padding: 6px 0; margin-left: 20px; display: block; opacity: 0; }
#modalWrap .type.register .selectList section dl dd .sel select { width: auto; padding: 2px 37px 2px 5px; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; height: 30px; }
#modalWrap .type.register .selectList section dl dd .sel.show { opacity: 1; }

.fa #pageBody section.register.form .inner { width: 500px; margin: 0 auto; }
.fa #pageBody section.register.form .inner .faLogo { display: block; margin: 0 auto 15px; }
.fa #pageBody section.register.form .inner dl { clear: both; }
.fa #pageBody section.register.form .inner dl:after { content: ''; display: block; clear: both; }
.fa #pageBody section.register.form .inner dl dt { float: left; text-align: right; width: 145px; margin-right: 10px; clear: both; }
.fa #pageBody section.register.form .inner dl dd { float: left; }
.fa #pageBody section.register.form .inner dl dd label.id { width: 330px; }
.fa #pageBody section.register.form .inner dl dd label.pw { width: 155px; }
.fa #pageBody section.register.form .inner .serviceTermsLink.column2 { text-align: center; }
.fa #pageBody section.register.form .inner .serviceTermsLink.column2 li { display: inline-block; margin: 0 15px; }
.fa #pageBody section.register.form .inner button { margin: 30px auto 20px; display: block; }

#pageBody section.info .registerForm label.id { width: 320px; }

#pageBody.common h1 { margin-bottom: 50px; }

#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB #selectedJobsContainer dl dd ul li { padding-right: 0; }

#pageBody section.register.form .wrapper .vMiddle .inner .borderTableB #selectedJobsContainer dl dd ul li ul li { padding-right: 60px; }

#k6GcxVFW .row { width: 1020px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#k6GcxVFW .text { padding: 27px 0; width: 620px; background-image: -webkit-gradient(linear, left top, left bottom, from(#d1f2fe), color-stop(15%, white), color-stop(80%, white), to(#d1f2fe)); background-image: linear-gradient(#d1f2fe, white 15%, white 80%, #d1f2fe); }
#k6GcxVFW .text .title { margin: 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#k6GcxVFW .text .title h1 { margin: 0; padding: 0; background: none; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; font-size: 14px; line-height: 1; color: #666666; }
#k6GcxVFW .text .title h1::after { display: none; }
#k6GcxVFW .text .title h1 em { padding-top: 10px; padding-bottom: 10px; display: block; border-bottom: 4px solid #000; font-size: 52px; color: #000; font-weight: bold; }
#k6GcxVFW .text .title h1 em .ls1 { letter-spacing: -.05em; }
#k6GcxVFW .text .title h1 em .ls2 { letter-spacing: -.3em; }
#k6GcxVFW .text .title p { margin-bottom: 4px; padding: 13px 8px; background-color: #023894; border-radius: 3px; font-size: 14px; line-height: 20px; font-weight: bold; color: #fff; }
#k6GcxVFW .text .title p span { display: block; }
#k6GcxVFW .text dl { margin: 30px 48px 0; padding: 22px 25px 10px; position: relative; background-color: #00aeff; border: 10px solid #33beff; }
#k6GcxVFW .text dl:nth-of-type(1) { margin-top: 45px; }
#k6GcxVFW .text dt { padding: 0 10px 8px 30px; position: absolute; left: -10px; top: -25px; background-color: #fff; border-radius: 0 1em 1em 0; font-size: 20px; font-weight: bold; line-height: 1; color: #00aeff; }
#k6GcxVFW .text dt em { font-size: 26px; font-style: normal; font-weight: bold; color: #023894; }
#k6GcxVFW .text dt span { position: absolute; left: 0; top: -10px; background-color: #fff; font-size: 40px; color: #4fbd0c; }
#k6GcxVFW .text dd { font-size: 15px; color: #fff; }
#k6GcxVFW .text dd em { font-style: normal; color: #ffff00; font-weight: bold; }
#k6GcxVFW .text dd .note { font-size: 12px; }
#k6GcxVFW .regist { padding-bottom: 6px; width: 400px; background-image: url(../img/diagBgLightBlue.png); }
#k6GcxVFW .regist section h2 { margin: 0; padding: 13px 0; position: relative; background: none; background-color: #2f2f2f; color: #fff; font-size: 16px; line-height: 1; text-align: center; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; z-index: 1; }
#k6GcxVFW .regist section h2::before { content: ""; position: absolute; width: 12px; height: 12px; background: #2f2f2f; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 100%; margin-left: -6px; margin-top: -6px; z-index: -1; display: block; -webkit-box-shadow: none; box-shadow: none; }
#k6GcxVFW .regist section h2::after { height: 100%; position: absolute; font-family: ecuicons; color: rgba(255, 255, 255, 0.2); font-weight: normal; background: none; }
#k6GcxVFW .regist section > div { padding: 21px 19px 14px; }
#k6GcxVFW .regist section ul { list-style: none; }
#k6GcxVFW .regist .sns h2::after { top: 12px; right: 6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); content: '\e82e'; font-size: 62px; }
#k6GcxVFW .regist .sns label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; }
#k6GcxVFW .regist .sns label input { margin-right: 10px; width: auto; height: 1em; }
#k6GcxVFW .regist .sns .sns-buttons { margin: 14px 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#k6GcxVFW .regist .sns .sns-buttons a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 110px; height: 100%; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 0.8)), color-stop(40%, #fff), to(#fff)); background-image: linear-gradient(rgba(220, 220, 220, 0.8), #fff 40%, #fff); border-radius: 3px; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset; font-size: 12px; line-height: 16px; text-decoration: none; }
#k6GcxVFW .regist .sns .sns-buttons a:hover { opacity: .9; }
#k6GcxVFW .regist .sns .sns-buttons a img { padding-top: 15px; padding-bottom: 5px; height: auto; }
#k6GcxVFW .regist .sns .sns-buttons a span { display: block; text-align: center; }
#k6GcxVFW .regist .sns .sns-buttons a > span { padding-bottom: 10px; }
#k6GcxVFW .regist .sns .sns-buttons .y-button a { color: #ff0000; }
#k6GcxVFW .regist .sns .sns-buttons .y-button a img { width: 31px; }
#k6GcxVFW .regist .sns .sns-buttons .f-button a { color: #3659a3; }
#k6GcxVFW .regist .sns .sns-buttons .f-button a img { width: 12px; }
#k6GcxVFW .regist .sns .sns-buttons .g-button a { color: #e72600; }
#k6GcxVFW .regist .sns .sns-buttons .g-button a img { width: 23px; }
#k6GcxVFW .regist .sns .note { margin: 12px 0 0 0; font-size: 12px; color: #666666; }
#k6GcxVFW .regist .mail h2::after { top: -6px; right: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: '\e80e'; font-size: 50px; }
#k6GcxVFW .regist .mail p { margin: 0; }
#k6GcxVFW .regist .mail input[type="text"] { font-size: 14px; width: 100%; }
#k6GcxVFW .regist .mail .password { padding-top: 10px; }
#k6GcxVFW .regist .mail .password p { color: #000; }
#k6GcxVFW .regist .mail .password > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#k6GcxVFW .regist .mail .password input[type="text"], #k6GcxVFW .regist .mail .password input[type="password"] { width: calc(50% - 5px); }
#k6GcxVFW .regist .mail .note { padding-top: 3px; font-size: 12px; }
#k6GcxVFW .regist .mail .send-mail { margin: 10px auto 0; display: block; width: 360px; height: 65px; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); border: solid 1px #3b8e31; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 #fff inset; box-shadow: 0 1px 2px 0 #fff inset; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; font-size: 18px; color: #fff; line-height: 65px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; }
#k6GcxVFW .regist .mail .send-mail::before { margin-right: 10px; display: inline-block; position: relative; top: -2px; font-family: ecuicons; content: '\e80e'; font-size: 22px; vertical-align: middle; }
#k6GcxVFW .regist .mail .send-mail:hover { opacity: .8; }
#k6GcxVFW .regist .mail .serviceTermsLink { padding-top: 15px; }
#k6GcxVFW .regist .mail .serviceTermsLink a { font-size: 12px; }

.conditionPanel { padding: 45px 50px; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset; background: #fff; }
.conditionPanel a { color: #0098df; position: relative; padding-left: 18px; display: inline-block; }
.conditionPanel a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.conditionPanel a:before { content: '\e811'; color: #333; position: absolute; left: 0; top: 0; }
.conditionPanel a:hover { text-decoration: underline; }
.conditionPanel table.searchConditions a { padding-left: 18px; }
.conditionPanel table.searchConditions th, .conditionPanel table.searchConditions td { padding: 15px 25px; vertical-align: top; background: #eefaff; border: 0 none; border-bottom: 7px #fff solid; }
.conditionPanel table.searchConditions th { border: 0 none; border-bottom: 7px #fff solid; width: 22%; }
.conditionPanel table.searchConditions th div { position: relative; width: auto; height: 100%; }
.conditionPanel table.searchConditions th div:after { content: ''; display: block; border-right: 1px #00baff dotted; position: absolute; right: -25px; top: -5px; height: calc(100% + 10px); width: 1px; }
.conditionPanel table.searchConditions td { width: 26%; }
.conditionPanel table.searchConditions .multiRow td, .conditionPanel table.searchConditions .multiRow th { border-bottom: 0 none; padding-bottom: 0; }
.conditionPanel table.searchConditions .multiRow th div:after { height: calc(100% + 15px); }
.conditionPanel table.searchConditions.region th, .conditionPanel table.searchConditions.region td { width: 20%; }
.conditionPanel table.searchConditions.region td.city ul li { list-style: none; margin-bottom: 10px; }
.conditionPanel table.searchConditions.region td.city ul li ul { margin: 10px 0 0 30px; }
.conditionPanel table.searchConditions.region td.city ul li ul li { display: table; }
.conditionPanel table.searchConditions.region td.city ul li ul li a { display: table-cell; vertical-align: middle; }
.conditionPanel table.searchConditions.region td.city ul li ul li span { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 10px; line-height: 1.2; }
.conditionPanel table.searchConditions.region td.city ul.tokyo li { display: inline-block; margin-right: 60px; }
.conditionPanel table.searchConditions.region td.city ul.fukuoka li { display: inline-block; margin-right: 60px; }
.conditionPanel table.searchConditions.region td.city ul.fukuoka li:first-child { display: block; }
.conditionPanel table.searchConditions.region td.city ul.fukuoka li ul { clear: both; margin-bottom: 20px; }
.conditionPanel table.searchConditions.region td.city ul.fukuoka li ul li { display: block; margin-bottom: 5px; }
.conditionPanel table.searchConditions.region td.city ul.metro li { width: 48%; display: inline-block; margin: 0 0 5px; }
.conditionPanel table.searchConditions.region td.city ul.metro li a { width: 6em; }

dl.pickUp { background: #e57de2; color: #fff; border-radius: 4px; line-height: 1; clear: both; margin-bottom: 20px; }
dl.pickUp:after { content: ''; display: block; clear: both; }
dl.pickUp dt { padding: 10px; width: 85px; border-right: 1px #fff dotted; float: left; text-align: center; font-size: 12px; font-weight: bold; }
dl.pickUp dd { padding: 10px 10px 10px 100px; }
dl.pickUp dd a { color: #fff; text-decoration: underline; }
dl.pickUp dd a:before { color: #fff; }
dl.pickUp dd a:hover { text-decoration: none; }

.cgtAll { margin-bottom: 20px; }

#pageBody .careerContents ul.thumbList { list-style: none; }
#pageBody .careerContents ul.thumbList li a { color: #0098df; display: block; padding: 0; clear: both; }
#pageBody .careerContents ul.thumbList li a:after { content: ''; display: block; clear: both; }
#pageBody .careerContents ul.thumbList li a img { float: left; -webkit-transition: all 0.3s; transition: all 0.3s; width: 120px; height: auto; }
#pageBody .careerContents ul.thumbList li a div.text { padding-left: 133px; display: block; }
#pageBody .careerContents ul.thumbList li a i.new { background: #ff24aa; color: #fff; font-size: 11px; padding: 4px 0 2px; border-radius: 4px; display: block; line-height: 1.0; margin-bottom: 6px; width: 43px; text-align: center; }
#pageBody .careerContents ul.thumbList li a:hover img { opacity: .7; }
#pageBody .careerContents ul.thumbList li a:hover .text span { text-decoration: underline; }
#pageBody .careerContents ul.textList { list-style: none; }
#pageBody .careerContents ul.textList li { position: relative; padding-left: 20px; margin-bottom: 15px; }
#pageBody .careerContents ul.textList li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .careerContents ul.textList li:before { content: '\e811'; position: absolute; top: 1px; left: 0; }
#pageBody .careerContents ul.textList li a { color: #0098df; display: block; }
#pageBody .careerContents ul.textList li a:hover { text-decoration: underline; }
#pageBody .careerContents.bottom { margin-top: 60px; }

#pageBody .careerContents { clear: both; }
#pageBody .careerContents:after { content: ''; display: block; clear: both; }
#pageBody .careerContents .main { width: 765px; float: left; }
#pageBody .careerContents .main .pickUp { margin-bottom: 35px; }
#pageBody .careerContents .main #careerNavi h2.bgImg { clear: both; background: url(../img/bg_h2_keyword.png) right center no-repeat #000; padding: 19px 420px 18px 25px; color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 20px; }
#pageBody .careerContents .main #careerNavi h2.bgImg.knowhow { background-image: url(../img/bg_h2_knowhow.png); background-color: #58ab2a; }
#pageBody .careerContents .main #careerNavi p.goAllLists { display: inline-block; float: right; margin-bottom: 25px; }
#pageBody .careerContents .main #careerNavi p.goAllLists:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .careerContents .main #careerNavi p.goAllLists:before { content: '\e811'; top: 1px; left: 0; }
#pageBody .careerContents .main #careerNavi p.goAllLists a { display: inline-block; color: #0098df; vertical-align: middle; }
#pageBody .careerContents .main #careerNavi p.goAllLists a:hover { text-decoration: underline; }
#pageBody .careerContents .main #careerNavi .keywordsBox { clear: both; margin-bottom: 10px; }
#pageBody .careerContents .main #careerNavi .keywordsBox:after { content: ''; display: block; clear: both; }
#pageBody .careerContents .main #careerNavi .keywordsBox dt { width: 180px; font-size: 18px; float: left; }
#pageBody .careerContents .main #careerNavi .keywordsBox dd { padding-left: 195px; border-bottom: 1px dashed #b3b3b3; margin-bottom: 15px; padding-bottom: 15px; }
#pageBody .careerContents .main #careerNavi .keywordsBox dd:last-child { margin-bottom: 0; }
#pageBody .careerContents .main #careerNavi .keywordsBox dd:after { content: ""; display: block; clear: both; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul { font-size: 0; margin-bottom: 20px; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul li { font-size: 14px; display: inline-block; margin-right: 10px; padding-left: 20px; position: relative; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul li a { display: inline-block; color: #0098df; margin-right: 1em; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul li a:hover { text-decoration: underline; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul li:before { content: '\e811'; font-size: 14px; position: absolute; left: 0; top: 0; }
#pageBody .careerContents .main #careerNavi .keywordsBox ul:last-child { margin-bottom: 0; }
#pageBody .careerContents .main #careerNavi .knowhowLists { margin-bottom: 10px; border-bottom: 1px dotted #000; clear: both; padding-bottom: 20px; }
#pageBody .careerContents .main #careerNavi .knowhowLists:after { content: ''; display: block; clear: both; }
#pageBody .careerContents .main #careerNavi .knowhowLists ul { padding-right: 15px; }
#pageBody .careerContents .main #careerNavi .knowhowLists ul.thumbList { width: 435px; float: left; border-right: 1px dotted #000; }
#pageBody .careerContents .main #careerNavi .knowhowLists ul.thumbList li { margin-bottom: 20px; font-size: 16px; }
#pageBody .careerContents .main #careerNavi .knowhowLists ul.thumbList li:last-child { margin-bottom: 0; }
#pageBody .careerContents .main #careerNavi .knowhowLists ul.textList { width: 310px; float: right; }

#pageBody .careerContents .careerSide { width: 230px; float: right; }
#pageBody .careerContents .careerSide ul { list-style: none; }
#pageBody .careerContents .careerSide ul li a { color: #0098df; display: block; }
#pageBody .careerContents .careerSide ul li a:hover { text-decoration: underline; }
#pageBody .careerContents .careerSide ul.conditionList { border-bottom: 1px dotted #000; margin-bottom: 40px; }
#pageBody .careerContents .careerSide ul.conditionList li { border-top: 1px dotted #000; font-weight: bold; }
#pageBody .careerContents .careerSide ul.conditionList li span { color: #0098df; display: block; cursor: pointer; }
#pageBody .careerContents .careerSide ul.conditionList li a, #pageBody .careerContents .careerSide ul.conditionList li span { position: relative; padding: 8px 34px 9px 3px; }
#pageBody .careerContents .careerSide ul.conditionList li a:after, #pageBody .careerContents .careerSide ul.conditionList li span:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .careerContents .careerSide ul.conditionList li a:after, #pageBody .careerContents .careerSide ul.conditionList li span:after { content: '\e811'; position: absolute; top: 50%; right: 10px; color: #333; margin-top: -11px; }
#pageBody .careerContents .careerSide ul.conditionList li ul { display: none; margin: 0; border: none; }
#pageBody .careerContents .careerSide ul.conditionList li ul li { border: none; margin-top: 1px; font-weight: normal; }
#pageBody .careerContents .careerSide ul.conditionList li ul li a { background: #ececec; padding-left: 10px; }
#pageBody .careerContents .careerSide ul.conditionList li ul li a:after { content: '\e811'; right: 10px; }
#pageBody .careerContents .careerSide ul.conditionList li.active span:after { content: '\e831'; right: 9px; }
#pageBody .careerContents .careerSide ul.thumbList { border-bottom: 1px dotted #000; margin-bottom: 20px; }
#pageBody .careerContents .careerSide ul.thumbList li { border-top: 1px dotted #000; }
#pageBody .careerContents .careerSide ul.thumbList li a { padding: 14px 0 9px; }
#pageBody .careerContents .careerSide ul.thumbList li a img { width: 75px; }
#pageBody .careerContents .careerSide ul.thumbList li a div.text { padding-left: 93px; display: block; }
#pageBody .careerContents .careerSide ul.thumbList li a i.new { background: #ff24aa; color: #fff; font-size: 11px; padding: 4px 0 2px; border-radius: 4px; display: inline-block; vertical-align: middle; line-height: 1.0; margin-bottom: 6px; width: 43px; text-align: center; margin-right: 5px; }
#pageBody .careerContents .careerSide ul.thumbList li a:hover img { opacity: .7; margin-bottom: 5px; }
#pageBody .careerContents .careerSide ul.textList { border-bottom: 1px dotted #000; margin-bottom: 20px; }
#pageBody .careerContents .careerSide ul.textList:last-child { border-bottom: none; }

#container.careerInfo { padding-top: 0; width: 100%; }
#container.careerInfo .careerHeader { margin: 0; background-image: url(../img/bg_careerInfo02.png), url(../img/bg_careerInfo01.png); background-position: right top, center bottom; background-repeat: no-repeat, repeat; margin-bottom: 60px; position: relative; z-index: -1; }
#container.careerInfo .careerHeader .inner { width: 1020px; margin: 0 auto; padding: 22px 0 18px; position: relative; }
#container.careerInfo .careerHeader .inner h1 { font-size: 20px; font-weight: normal; margin-bottom: 6px; color: #fff; }
#container.careerInfo .careerHeader .inner h1 em { font-size: 35px; font-weight: bold; display: inline-block; margin-right: 14px; }
#container.careerInfo .careerHeader .inner p { color: #fff; margin-bottom: 0; }
#container.careerInfo .careerHeader .inner:after { content: ""; display: block; position: absolute; left: 60px; bottom: -12px; width: 24px; height: 13px; background: url(../img/bg_careerInfo03.png) center top no-repeat; }
#container.careerInfo #pageBody { width: 1020px; margin: 0 auto; }

#searchPanel { position: relative; z-index: 100; }
#searchPanel.fixed { position: fixed; }
#searchPanel.stop { position: absolute; }
#searchPanel .inner { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #fff; padding: 40px 30px 10px; margin-bottom: 20px; }
#searchPanel .inner header { font-size: 40px; line-height: 1.0; font-weight: bold; text-align: right; letter-spacing: -0.01em; margin-bottom: 25px; display: block; color: #666; }
#searchPanel .inner header small { font-size: 15px; font-weight: normal; }
#searchPanel .inner section { margin-bottom: 25px; }
#searchPanel .inner section h2 { font-size: 14px; background: url(../img/titleBulletSS.png) left center no-repeat; padding-left: 20px; margin-bottom: 10px; }
#searchPanel .inner section .jobList, #searchPanel .inner section .regionList { list-style: none; }
#searchPanel .inner section .jobList li, #searchPanel .inner section .regionList li { margin-bottom: 5px; background: #bababa; border-radius: 4px; padding: 4px 25px 4px 8px; color: #fff; font-size: 10px; position: relative; }
#searchPanel .inner section .jobList li a, #searchPanel .inner section .regionList li a { position: absolute; right: 8px; top: 50%; margin-top: -5px; width: 10px; height: 10px; text-indent: 105%; overflow: hidden; white-space: nowrap; color: #fff; }
#searchPanel .inner section .jobList li a:before, #searchPanel .inner section .regionList li a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#searchPanel .inner section .jobList li a:before, #searchPanel .inner section .regionList li a:before { content: '\e81a'; text-indent: 0; text-align: center; width: 10px; height: 10px; position: absolute; left: 0; top: 0; line-height: 10px; margin: 0; }
#searchPanel .inner section .jobList li a:hover, #searchPanel .inner section .regionList li a:hover { color: #000; }
#searchPanel .inner section .regionList li { float: left; white-space: nowrap; margin-right: 5px; }
#searchPanel .inner section .dispAll { clear: both; display: inline-block; font-size: 12px; margin: 5px 0; }
#searchPanel .inner section .dispAll:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#searchPanel .inner section .dispAll:before { content: '\e818'; }
#searchPanel .inner section .btn { height: 40px; line-height: 38px; }
#searchPanel .inner section .btn.add { border-color: #3181b4; background: #51c8ff; background: -webkit-gradient(linear, left top, left bottom, from(#51c8ff), to(#1ab6ff)); background: linear-gradient(to bottom, #51c8ff 0%, #1ab6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c8ff', endColorstr='#1ab6ff',GradientType=0 ); }
#searchPanel .inner section .btn.add:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#searchPanel .inner section .btn.add:before { content: '\e808'; top: 0; }
#searchPanel .inner section .btn:disabled { border-color: #999; }
#searchPanel .inner section .radio { padding: 0 25px 10px 20px; display: inline-block; position: relative; white-space: nowrap; overflow: hidden; }
#searchPanel .inner section .radio input { position: absolute; left: -20px; top: -20px; }
#searchPanel .inner section .radio:before { content: ""; background: url(../img/bgRadio.png) center top no-repeat; position: absolute; left: 0; top: 4px; width: 14px; height: 100%; }
#searchPanel .inner section .radio.checked:before { background-image: url(../img/bgRadio_on.png); }
#searchPanel .inner section .sel { display: block; clear: both; }
#searchPanel .inner section select { width: 100%; padding: 2px 37px 2px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; height: 30px; margin: 0; }
#searchPanel .inner section select::-ms-expand { display: none; }
#searchPanel .inner section label.icoSearch { position: relative; display: block; }
#searchPanel .inner section label.icoSearch:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#searchPanel .inner section label.icoSearch input[type=text] { width: 100%; padding-left: 27px; }
#searchPanel .inner section label.icoSearch input[type=text]:focus { padding-left: 5px; }
#searchPanel .inner section label.icoSearch:before { content: '\e80c'; position: absolute; left: 0; top: 0; line-height: 30px; width: 30px; height: 100%; display: block; color: #999; text-align: center; }
#searchPanel .inner section label.icoSearch.focus:before { content: ''; }
#searchPanel .searchBtn .btn { height: 75px; line-height: 73px; font-size: 18px; margin: 0 auto; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); }
#searchPanel .searchBtn .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#searchPanel .searchBtn .btn:before { content: '\e80c'; font-size: 20px !important; }
#searchPanel.flow { position: relative; }
#searchPanel.flow .searchBtn { position: fixed; top: auto; bottom: 0; margin: 0 -10px; padding: 20px 10px; background: #f6f6f6; -webkit-box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); }
#searchPanel.sticky { position: fixed; bottom: 20px; }
#searchPanel.sticky.stop { position: absolute; }
#searchPanel .extraConditions { clear: both; padding: 0 15px; margin-bottom: 15px; position: relative; }
#searchPanel .extraConditions li { list-style: none; margin-bottom: .5em; }
#searchPanel .extraConditions input { vertical-align: middle; margin-right: 5px; }
#searchPanel .extraConditions i.helpTip { position: relative; width: 18px; height: 18px; }
#searchPanel .extraConditions i.helpTip b { background: #00baff; display: inline-block; width: 18px; height: 18px; border-radius: 9px; line-height: 18px; text-align: center; color: #fff; vertical-align: middle; margin: 0 5px; font-size: 12px; cursor: pointer; }
#searchPanel .extraConditions i.helpTip span { display: block; font-size: 12px; display: none; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0; }
#searchPanel .extraConditions i.helpTip b:hover + span { display: block; opacity: 1; -webkit-animation: show .2s linear 0s; animation: show .2s linear 0s; }
#searchPanel .extraConditions i.helpTip.upper span { background-color: #bae9ea; width: 180px; padding: 10px; position: absolute; left: -75px; top: -70px; }
#searchPanel .extraConditions i.helpTip.upper span:after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #bae9ea; border-width: 8px; margin-left: -8px; }
#searchPanel .extraConditions i.helpTip.lower span { background-color: #bae9ea; width: 180px; padding: 10px; position: absolute; left: -75px; top: 28px; }
#searchPanel .extraConditions i.helpTip.lower span:before { bottom: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #bae9ea; border-width: 8px; margin-left: -8px; }

@-webkit-keyframes show { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes show { from { opacity: 0; }
  to { opacity: 1; } }
.searchResult .pager.bottom { margin-top: 60px; }
.searchResult.none .pager.bottom { margin-top: 20px; margin-bottom: 75px; }

#pageBody.recommend .pager.bottom { margin-top: 60px; }

#pageBody .pageHeader { margin-bottom: 40px; }
#pageBody .pageHeader h1 { font-size: 16px; border-top: 2px #00baff solid; background: none #fff; line-height: 1.4; padding: 20px; }
#pageBody .pageHeader h1 i { font-size: 12px; padding-left: 10px; }
#pageBody section.recruitBox { position: relative; display: block; z-index: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 80px; }
#pageBody section.recruitBox .wrapBox { padding: 20px 20px 45px; background: #fff; }
#pageBody section.recruitBox .wrapBox header { clear: both; margin-bottom: 15px; }
#pageBody section.recruitBox .wrapBox header:after { content: ''; display: block; clear: both; }
#pageBody section.recruitBox .wrapBox header h2 { font-size: 14px; font-weight: normal; background: none; padding: 0; margin-bottom: 6px; }
#pageBody section.recruitBox .wrapBox header h2 img { display: inline-block; margin-right: 10px; vertical-align: middle; width: 100px; height: auto; }
#pageBody section.recruitBox .wrapBox header h2 i { background: #ff24aa; color: #fff; font-size: 10px; padding: 3px 6px 2px; line-height: 1.0; border-radius: 4px; margin-left: 12px; }
#pageBody section.recruitBox .wrapBox header h2 i.closed { background: #818181; }
#pageBody section.recruitBox .wrapBox header h2 i.kantan { background: #7ce6ff; color: black; }
#pageBody section.recruitBox .wrapBox header h3 { font-size: 18px; line-height: 1.5; font-weight: bold; margin-bottom: 20px; display: inline; }
#pageBody section.recruitBox .wrapBox header h3:after { content: '　'; }
#pageBody section.recruitBox .wrapBox header .term { font-size: 12px; display: inline-block; margin-right: 15px; white-space: nowrap; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.recruitBox .wrapBox .mainInfo { margin: 0 -20px 20px; }
#pageBody section.recruitBox .wrapBox .mainInfo figure img { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -o-object-fit: contain; object-fit: contain; height: 305px; background-color: #f0f0f0; }
@media all and (-ms-high-contrast: none) { #pageBody section.recruitBox .wrapBox .mainInfo figure img { height: auto; } }
#pageBody section.recruitBox .wrapBox .detail .lead { color: #00baff; font-weight: bold; margin-bottom: 5px; }
#pageBody section.recruitBox .wrapBox .detail .lead2 { color: #666; margin-bottom: 10px; }
#pageBody section.recruitBox .wrapBox .detail .lead2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.recruitBox .wrapBox .detail .lead2:before { content: '\f0e5'; color: #00baff; margin-right: 13px; font-size: 18px; }
#pageBody section.recruitBox .wrapBox .detail .recuitId { color: #00baff; font-weight: bold; margin-bottom: 10px; }
#pageBody section.recruitBox .wrapBox .detail table.recuitDetail { border-collapse: separate; border-spacing: 0; border-bottom: 1px dotted #000; }
#pageBody section.recruitBox .wrapBox .detail table.recuitDetail th, #pageBody section.recruitBox .wrapBox .detail table.recuitDetail td { border: 1px dotted #000; border-width: 1px 0 0; padding: 10px; font-size: 12px; }
#pageBody section.recruitBox .wrapBox .detail table.recuitDetail th { width: 81px; }
#pageBody section.recruitBox .wrapBox dl.prPoint { background: #ffaa00; color: #fff; border-radius: 4px; line-height: 1; clear: both; margin-bottom: 20px; position: relative; z-index: 10; }
#pageBody section.recruitBox .wrapBox dl.prPoint:after { content: ''; display: block; clear: both; }
#pageBody section.recruitBox .wrapBox dl.prPoint dt { padding: 10px; width: 160px; float: left; text-align: center; font-size: 12px; font-weight: bold; }
#pageBody section.recruitBox .wrapBox dl.prPoint dd { float: left; border-left: 1px #fff dotted; }
#pageBody section.recruitBox .wrapBox dl.prPoint dd a { padding: 10px; color: #fff; text-decoration: underline; display: block; }
#pageBody section.recruitBox .wrapBox dl.prPoint dd a:before { color: #fff; }
#pageBody section.recruitBox .wrapBox dl.prPoint dd a:hover { text-decoration: none; }
#pageBody section.recruitBox .wrapBox:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
#pageBody section.recruitBox .wrapBox:hover { cursor: pointer; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#pageBody section.recruitBox .wrapBox:hover .mainInfo img { opacity: 0.7; }
#pageBody section.recruitBox .wrapBox:hover:before { border: 1px #00baff solid; }
#pageBody section.recruitBox .favorite { position: absolute; right: 20px; bottom: -12px; width: 127px; height: 42px; font-size: 12px; display: block; margin-bottom: 0; z-index: 10; }
#pageBody section.recruitBox .favorite a { background: url(../img/bg_favorite.png) left top no-repeat; display: block; padding: 11px 3px 11px 6px; line-height: 1.4; }
#pageBody section.recruitBox .favorite a:before { font-size: 16px; margin-right: 6px; }
#pageBody section.recruitBox .favorite a.done { background-image: url(../img/bg_favorite_on.png); }
#pageBody section.recruitBox .scout { position: absolute; top: -37px; left: 0; }
#pageBody section.recruitBox:last-child { margin-bottom: 0; }
#pageBody section.searchResult0 { background: url(../img/dotBorder.png) no-repeat 0 0 #fff; padding: 3px; display: table; height: 294px; width: 100%; }
#pageBody section.searchResult0:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.searchResult0 span { display: table-cell; line-height: 25px; vertical-align: middle; }
#pageBody section.searchResult0:before { content: '\e81c'; display: table-cell; vertical-align: middle; padding-right: 30px; width: 172px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 36px; }
#pageBody .shadowBox { -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e9e9e9; }
#pageBody .shadowBox .shadowHeader { clear: both; background: url(../img/bg_recommend.jpg) center top no-repeat; display: table; width: 100%; height: 170px; }
#pageBody .shadowBox .shadowHeader:after { content: ''; display: block; clear: both; }
#pageBody .shadowBox .shadowHeader .text { padding: 0 30px; display: table-cell; vertical-align: middle; }
#pageBody .shadowBox .shadowHeader .text h2 { font-size: 36px; line-height: 40px; color: #fff; background-image: none; padding: 0; margin-bottom: 10px; }
#pageBody .shadowBox .shadowHeader .text h2:last-child { margin-bottom: 0; }
#pageBody .shadowBox .shadowHeader .text p { color: #fff; line-height: 22px; margin-bottom: 0; }
#pageBody .shadowBox .shadowHeader .text span.term { color: #fff; line-height: 22px; margin-bottom: 5px; display: block; }
#pageBody .shadowBox .shadowHeader figure { display: table-cell; width: 350px; margin-left: 55px; }
#pageBody .shadowBox .shadowHeader figure img { width: 100%; height: auto; display: block; }
#pageBody .shadowBox .inner { width: 750px; margin: 60px auto 75px; }
#pageBody.recommend h1, #pageBody.special h1 { margin-bottom: 40px; }
#pageBody.recommend.default h1 { background: none; -webkit-box-shadow: none; box-shadow: none; font-size: 16px; margin-bottom: 15px; padding: 25px 0 0; text-align: center; font-weight: normal; line-height: 25px; }
#pageBody.recommend.default h1:before, #pageBody.recommend.default h1:after { display: none; }
#pageBody.recommend.default .shadowBox .inner { margin-top: 90px; }
#pageBody.special { /* add by sengan 2018/01/29 */ }
#pageBody.special .shadowHeader { background-image: url(../img/bg_special2.jpg); height: 250px; }
#pageBody.special .attList { list-style: none; padding: 0 10px 10px; background-color: #6E6E6E; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#pageBody.special .attList li { margin: 10px 0 0; padding: 15px; width: 494px; background-color: #fff; }
#pageBody.special .attList li a { padding: 0; height: auto; border: none; color: #303030; }
#pageBody.special .attList li:last-child a { margin-bottom: 0; }
#pageBody.special .attList li a:before, #pageBody.special #pageBody.special .attList li a:after { display: none; }
#pageBody.special .attList li a img { max-width: 100%; height: auto; }
#pageBody.special .attList li dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#pageBody.special .attList li a dt { margin-top: 15px; margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; line-height: 24px; font-size: 16px; font-weight: bold; }
#pageBody.special .attList li a dd { color: #000; }
#pageBody.special .attList li a dd.pict { height: 193px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; }
#pageBody.special .attList li a dd.company { margin-top: 5px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
#pageBody.special .attList li a dd.message { margin-top: 1em; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; color: #666666; }
#pageBody.special .inner { margin-top: 70px; }
#pageBody.special.default .shadowHeader { background-image: url(../img/bg_special.jpg); height: 110px; }
#pageBody.special.default .shadowHeader h2 { font-size: 26px; line-height: 40px; }
#pageBody.special.default .shadowHeader span.term { margin-bottom: 0; }
#pageBody.special.special2 .shadowBox .shadowHeader .text h2 { margin-bottom: 20px; }

.modalStage.favoriteWindow { width: 340px; height: 125px; border: 1px solid #999; border-radius: 4px; margin-left: -160px; }
.modalStage.favoriteWindow #modalContent { text-align: center; display: table; background-color: #fff; width: 100%; height: 100%; border-radius: 4px; }
.modalStage.favoriteWindow #modalContent p { display: table-cell; vertical-align: middle; font-weight: bold; }
.modalStage.favoriteWindow #modalContent p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.modalStage.favoriteWindow #modalContent p:before { content: '\e815'; display: block; color: #6fd200; margin-bottom: 3px; font-size: 21px; }
.modalStage.favoriteWindow #modalContent p.remove:before { content: '\e81a'; }

#pageBody .tab { margin: 0 280px 1px 30px; z-index: 100; }
#pageBody .tab ul { position: relative; clear: both; }
#pageBody .tab ul:after { content: ''; display: block; clear: both; }
#pageBody .tab ul li { float: left; width: 200px; height: 42px; text-align: center; }
#pageBody .tab ul li a { background-color: #fff; border: 1px solid #ccc; border-bottom: 1px solid #00baff; border-radius: 4px 4px 0 0; line-height: 42px; display: block; }
#pageBody .tab ul li a:hover { background-color: #00baff; color: #fff; border: 1px solid #00baff; border-bottom: 1px solid #00baff; }
#pageBody .tab ul li.active span, #pageBody .tab ul li.active a { background-color: transparent; border: 1px solid #00baff; border-bottom: 1px solid #f8f8f8; border-radius: 4px 4px 0 0; line-height: 42px; display: block; }
#pageBody .tab ul li.active span:hover, #pageBody .tab ul li.active a:hover { background-color: transparent; border: 1px solid #00baff; border-bottom: 1px solid #f8f8f8; color: #333; }
#pageBody .tab ul li:nth-child(n+2) { margin-left: 10px; }

#pageBody .contents { border-top: 1px solid #00baff; margin-bottom: 90px; }
#pageBody .contents section.detailBox { display: none; clear: both; border-top: none; margin-bottom: 0; }
#pageBody .contents section.detailBox:after { content: ''; display: block; clear: both; }

#pageBody section.detailBox { border-top: 1px solid #00baff; margin-bottom: 90px; clear: both; }
#pageBody section.detailBox:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox header { position: relative; /*固定エリア電話応募ボタンあり20180803追加*/ /*固定エリア通常版*/ }
#pageBody section.detailBox header .text { padding: 25px 0 20px; }
#pageBody section.detailBox header .text h1 { position: relative; font-size: 14px; line-height: 1.6; font-weight: normal; background: none; padding: 0; margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#pageBody section.detailBox header .text h1 img { display: inline-block; margin-right: 15px; vertical-align: middle; width: 140px; height: auto; }
#pageBody section.detailBox header .text h1 span.company-profile-name { font-size: 14px; }
#pageBody section.detailBox header .text h1 span.company-profile-name > span { font-size: 18px; }
#pageBody section.detailBox header .text h1 i { background: #ff24aa; color: #fff; font-size: 10px; padding: 3px 6px 2px; line-height: 1.0; border-radius: 4px; margin-left: 15px; }
#pageBody section.detailBox header .text h1 i.kantan { color: #000; background: #7ce6ff; }
#pageBody section.detailBox header .text h1 em { margin-left: auto; padding-left: 15px; font-size: 12px; white-space: nowrap; }
#pageBody section.detailBox header .text h1:before, #pageBody section.detailBox header .text h1:after { display: none; }
#pageBody section.detailBox header .text h2 { font-size: 20px; line-height: 28px; font-weight: bold; margin-bottom: 0; display: inline; background: none; padding: 0; }
#pageBody section.detailBox header .text h2:after { content: '　'; }
#pageBody section.detailBox header .text .type { background-color: #000; margin-right: 15px; display: inline-block; white-space: nowrap; padding: 5px 15px; border-radius: 4px; font-size: 12px; vertical-align: middle; color: #fff; line-height: 1; position: relative; top: -2px; }
#pageBody section.detailBox header .text .type.intro { background-color: #f78484; }
#pageBody section.detailBox header .text .type.helloWork { background-color: #b4a96b; }
#pageBody section.detailBox header .text .type.easy { background-color: #7ce6ff; color: #000; }
#pageBody section.detailBox header .favorite { position: absolute; top: -35px; right: 0; }
#pageBody section.detailBox header .favorite a { padding: 6px 13px; background-color: #6fd200; border: 1px solid #fff; border-radius: 6px; color: #fff; -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.11); box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.11); font-size: 11px; line-height: 1.0; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody section.detailBox header .favorite a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox header .favorite a:before { content: '\e80f'; font-size: 16px; margin-right: 6px; }
#pageBody section.detailBox header .favorite a.done { background-color: #fff; border: 1px solid #6fd200; color: #6fd200; text-shadow: none; }
#pageBody section.detailBox header .favorite a.done:before { content: '\e815'; }
#pageBody section.detailBox header .btns { position: absolute; top: -36px; right: 110px; width: 170px; }
#pageBody section.detailBox header .btns a, #pageBody section.detailBox header .btns button { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); border-width: 1px 1px 0; border-radius: 6px 6px 0 0; }
#pageBody section.detailBox header .btns a.btn, #pageBody section.detailBox header .btns button.btn { height: 35px; line-height: 35px; font-size: 12px; }
#pageBody section.detailBox header .btns a.btn:before, #pageBody section.detailBox header .btns button.btn:before { font-size: 14px; }
#pageBody section.detailBox header .btns .directContact { display: none; }
#pageBody section.detailBox header .lead2 { margin: 7px 0 15px; }
#pageBody section.detailBox header .scout { top: 0; left: 0; margin-bottom: 0; }
#pageBody section.detailBox header.fixed { position: fixed; left: 0; bottom: -100px; width: 100%; background-color: #fff; -webkit-box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); z-index: 100; }
#pageBody section.detailBox header.fixed .inner { position: relative; width: 1020px; margin: 0 auto; clear: both; }
#pageBody section.detailBox header.fixed .inner:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox header.fixed .inner .text { width: 560px; float: left; margin-right: 20px; padding-bottom: 25px; }
#pageBody section.detailBox header.fixed .inner .text h2 { margin-bottom: 2px; }
#pageBody section.detailBox header.fixed .inner .text h2 img { display: none; }
#pageBody section.detailBox header.fixed .inner .btns { position: static; width: 440px; float: left; padding: 40px 0 20px 0; }
#pageBody section.detailBox header.fixed .inner .btns a, #pageBody section.detailBox header.fixed .inner .btns button { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); border-width: 1px; border-radius: 4px; font-size: 18px; }
#pageBody section.detailBox header.fixed .inner .btns a.btn, #pageBody section.detailBox header.fixed .inner .btns button.btn { width: 240px; line-height: 74px; height: 74px; display: inline-block; }
#pageBody section.detailBox header.fixed .inner .btns a.btn:before, #pageBody section.detailBox header.fixed .inner .btns button.btn:before { font-size: 22px; }
#pageBody section.detailBox header.fixed .inner .btns a.btn_orange { border-color: #cc8800; background: #fd6716; background: -webkit-gradient(linear, left top, left bottom, from(#fe9861), to(#fd6716)); background: linear-gradient(to bottom, #fe9861 0%, #fd6716 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9861', endColorstr='#fd6716',GradientType=0 ); border-width: 1px; border-radius: 4px; font-size: 18px; }
#pageBody section.detailBox header.fixed .inner .btns a.btn_orange.btn_tel { width: 180px; line-height: 74px; height: 74px; display: inline-block; margin-right: 5px; }
#pageBody section.detailBox header.fixed .inner .btns a.btn_orange.btn_tel:before { font-size: 22px; }
#pageBody section.detailBox header.fixed .inner .btns .directContact { display: block; border: 2px #6fd200 solid; border-radius: 4px; padding: 6px 12px; color: #6fd200; width: 240px; display: inline-block; height: 74px; }
#pageBody section.detailBox header.fixed .inner .favorite { right: -3px; top: -14px; width: 127px; }
#pageBody section.detailBox header.fixed .inner .favorite a { background: url(../img/bg_favoriteT.png) right top no-repeat; display: block; padding: 11px 3px 11px 6px; font-size: 12px; border: none; -webkit-box-shadow: none; box-shadow: none; }
#pageBody section.detailBox header.fixed .inner .favorite a:before { font-size: 21px; margin-right: 6px; }
#pageBody section.detailBox header.fixed .inner .favorite a.done { background-image: url(../img/bg_favoriteT_on.png); }
#pageBody section.detailBox header.fixed .inner .lead2 { display: none; }
#pageBody section.detailBox header.fixed .inner .scout { position: absolute; top: -37px; }
#pageBody section.detailBox header.fixed.normal { position: fixed; left: 0; bottom: -100px; width: 100%; background-color: #fff; -webkit-box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); z-index: 100; }
#pageBody section.detailBox header.fixed.normal .inner { position: relative; width: 1020px; margin: 0 auto; clear: both; }
#pageBody section.detailBox header.fixed.normal .inner:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox header.fixed.normal .inner .text { width: 680px; float: left; margin-right: 40px; padding-bottom: 25px; }
#pageBody section.detailBox header.fixed.normal .inner .text h2 { margin-bottom: 2px; }
#pageBody section.detailBox header.fixed.normal .inner .text h2 img { display: none; }
#pageBody section.detailBox header.fixed.normal .inner .btns { position: static; width: 280px; float: left; padding: 40px 30px 20px 0; }
#pageBody section.detailBox header.fixed.normal .inner .btns a, #pageBody section.detailBox header.fixed.normal .inner .btns button { border-width: 1px; border-radius: 4px; font-size: 18px; }
#pageBody section.detailBox header.fixed.normal .inner .btns a.btn, #pageBody section.detailBox header.fixed.normal .inner .btns button.btn { width: 280px; line-height: 74px; height: 74px; }
#pageBody section.detailBox header.fixed.normal .inner .btns a.btn:before, #pageBody section.detailBox header.fixed.normal .inner .btns button.btn:before { font-size: 22px; }
#pageBody section.detailBox header.fixed.normal .inner .btns .directContact { display: block; border: 2px #6fd200 solid; border-radius: 4px; padding: 15px; color: #6fd200; width: 270px; }
#pageBody section.detailBox header.fixed.normal .inner .favorite { right: -3px; top: -14px; width: 127px; }
#pageBody section.detailBox header.fixed.normal .inner .favorite a { background: url(../img/bg_favoriteT.png) right top no-repeat; display: block; padding: 11px 3px 11px 6px; font-size: 12px; border: none; -webkit-box-shadow: none; box-shadow: none; }
#pageBody section.detailBox header.fixed.normal .inner .favorite a:before { font-size: 21px; margin-right: 6px; }
#pageBody section.detailBox header.fixed.normal .inner .favorite a.done { background-image: url(../img/bg_favoriteT_on.png); }
#pageBody section.detailBox header.fixed.normal .inner .lead2 { display: none; }
#pageBody section.detailBox header.fixed.normal .inner .scout { position: absolute; top: -37px; }
#pageBody section.detailBox .lead2 { color: #666; }
#pageBody section.detailBox .lead2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox .lead2:before { content: '\f0e5'; color: #00baff; margin-right: 13px; font-size: 18px; }
#pageBody section.detailBox .lead2 span { display: inline-block; }
#pageBody section.detailBox .lead2 span:after { content: '　'; }
#pageBody section.detailBox .lead2 em { display: inline-block; }
#pageBody section.detailBox .lead2 em a { color: #00baff; cursor: pointer; }
#pageBody section.detailBox .lead2 em a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox .lead2 em a:before { content: '\e81d'; font-size: 16px; }
#pageBody section.detailBox .detail { -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e9e9e9; padding: 29px 29px 50px; margin-bottom: 30px; background-color: #fff; clear: both; }
#pageBody section.detailBox .detail:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox .detail h2 { background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin-bottom: 20px; font-size: 20px; line-height: 30px; font-weight: bold; }
#pageBody section.detailBox .detail h2.idNum { margin-bottom: 30px; }
#pageBody section.detailBox .detail h2:before, #pageBody section.detailBox .detail h2:after { content: ""; display: none; }
#pageBody section.detailBox .detail h3 { background: url(../img/titleBulletS.png) no-repeat left center; padding-left: 25px; font-size: 18px; font-weight: bold; margin-top: 35px; margin-bottom: 20px; }
#pageBody section.detailBox .detail h3.feature { background: none; font-size: 14px; color: #666; padding: 0; margin: -40px 0 0; }
#pageBody section.detailBox .detail h3.feature:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox .detail h3.feature:before { content: '\e81f'; font-size: 16px; padding-left: 0; }
#pageBody section.detailBox .detail h3:first-child, #pageBody section.detailBox .detail h3.first-child { margin-top: 0; }
#pageBody section.detailBox .detail p { margin-bottom: 20px; /*+ h3{margin-top:35px;}*/ /*+ .prPoint{margin-top:25px;}*/ /*+ .blueIcnBox{margin-top:25px;}*/ /*+ p{margin-top:20px;}*/ }
#pageBody section.detailBox .detail p.lead2 { margin: -7px 0 10px; }
#pageBody section.detailBox .detail p:last-child { margin-bottom: 1em; }
#pageBody section.detailBox .detail figure.floatR { width: 500px; float: right; margin-left: 40px; padding-bottom: 40px; }
#pageBody section.detailBox .detail figure.floatR img { display: block; width: 100%; height: auto; }
#pageBody section.detailBox .detail figure.floatR figcaption { font-size: 12px; line-height: 25px; }
#pageBody section.detailBox .detail dl.blueIcnBox { display: table; border: 1px solid #00baff; background: #eefaff; margin-bottom: 25px; margin-top: 25px; /*+ .borderImg{margin-top:25px;}*/ }
#pageBody section.detailBox .detail dl.blueIcnBox dt { display: table-cell; margin-right: 15px; color: #00baff; vertical-align: middle; padding: 10px 30px; text-align: center; font-weight: bold; }
#pageBody section.detailBox .detail dl.blueIcnBox dt:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox .detail dl.blueIcnBox dt:before { display: block; font-size: 30px; margin-right: 0; font-weight: normal; }
#pageBody section.detailBox .detail dl.blueIcnBox dd { display: table-cell; vertical-align: middle; padding: 10px 30px 10px 0; }
#pageBody section.detailBox .detail dl.blueIcnBox dd strong { display: block; margin-bottom: 5px; font-weight: bold; }
#pageBody section.detailBox .detail dl.blueIcnBox.dept dt { width: 120px; }
#pageBody section.detailBox .detail dl.blueIcnBox.dept dt:before { content: '\f1ad'; }
#pageBody section.detailBox .detail dl.blueIcnBox.book dt { width: 190px; }
#pageBody section.detailBox .detail dl.blueIcnBox.book dt:before { content: '\e821'; }
#pageBody section.detailBox .detail dl.corpPr { display: table; width: 100%; color: #fff; border-radius: 4px; margin-bottom: 20px; border: 1px solid #ffaa00; background: #fffce6; }
#pageBody section.detailBox .detail dl.corpPr dt { display: table-cell; background: #ffaa00; padding: 10px 15px; width: 260px; text-align: center; font-weight: bold; position: relative; letter-spacing: -1px; }
#pageBody section.detailBox .detail dl.corpPr dt:before, #pageBody section.detailBox .detail dl.corpPr dt:after { content: ''; display: block; width: 10px; height: 10px; background: #ffaa00; position: absolute; right: -5px; top: 50%; margin-top: -5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
#pageBody section.detailBox .detail dl.corpPr dt:before { z-index: -1; }
#pageBody section.detailBox .detail dl.corpPr dd { display: table-cell; }
#pageBody section.detailBox .detail dl.corpPr dd a { padding: 10px 30px; color: #00baff; }
#pageBody section.detailBox .detail dl.corpPr dd a:hover { text-decoration: underline; }
#pageBody section.detailBox .detail .content { width: 630px; float: left; }
#pageBody section.detailBox .detail .content dl.prPoint { margin-bottom: 40px; margin-top: 25px; }
#pageBody section.detailBox .detail .content dl.prPoint dt { position: relative; background: #ffaa00; border-radius: 4px 4px 0 0; padding: 8px 15px; font-size: 12px; color: #fff; font-weight: bold; line-height: 1; }
#pageBody section.detailBox .detail .content dl.prPoint dt:before, #pageBody section.detailBox .detail .content dl.prPoint dt:after { content: ''; display: block; width: 10px; height: 10px; background: #ffaa00; position: absolute; left: 60px; bottom: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#pageBody section.detailBox .detail .content dl.prPoint dt:before { z-index: -1; }
#pageBody section.detailBox .detail .content dl.prPoint dd { background: #fffce6; display: table; padding: 15px; border: 1px solid #ffaa00; border-width: 0 1px 1px; width: 100%; }
#pageBody section.detailBox .detail .content dl.prPoint dd .text { display: table-cell; vertical-align: middle; }
#pageBody section.detailBox .detail .content dl.prPoint dd .text strong { display: block; margin-bottom: 5px; }
#pageBody section.detailBox .detail .content dl.prPoint dd figure { display: table-cell; vertical-align: middle; width: 200px; padding-left: 30px; }
#pageBody section.detailBox .detail .content dl.prPoint dd figure img { widht: 100%; height: auto; }
#pageBody section.detailBox .detail .content .borderImg { background: url(../img/diagBgTrans.png) left top repeat #fdfdfd; padding: 10px; margin-top: 25px; }
#pageBody section.detailBox .detail .content .borderImg .innerBox { background: #eefaff; padding: 0 20px 20px; }
#pageBody section.detailBox .detail .content .borderImg .innerBox h4 { color: #00baff; font-size: 16px; font-weight: bold; text-align: left; background: url(../img/bg_advice_header.png) right bottom no-repeat; padding: 25px 57px 20px 5px; }
#pageBody section.detailBox .detail .content .borderImg .innerBox .inner { background: #fff; padding: 25px 15px 5px; }
#pageBody section.detailBox .detail .content .borderImg .innerBox .inner h5 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
#pageBody section.detailBox .detail .content .borderImg .innerBox .inner .profile { background: #00baff; padding: 3px 15px 4px; font-size: 12px; color: #fff; border-radius: 8px; margin-bottom: 20px; display: inline-block; }
#pageBody section.detailBox .detail .content .flow { margin-top: 30px; margin-bottom: -15px; }
#pageBody section.detailBox .detail .content .flow dl { min-height: 95px; clear: both; }
#pageBody section.detailBox .detail .content .flow dl:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox .detail .content .flow dl dt { position: relative; float: left; width: 140px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #eefaff; border: 1px solid #00baff; color: #00baff; font-weight: bold; line-height: 20px; padding: 9px 10px 9px 40px; margin-right: 25px; }
#pageBody section.detailBox .detail .content .flow dl dt:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox .detail .content .flow dl dt:before { content: ""; position: absolute; display: block; width: 40px; height: 100%; font-size: 18px; text-align: center; left: 0; top: 15px; margin-right: 0; font-weight: normal; }
#pageBody section.detailBox .detail .content .flow dl dd { float: left; width: 465px; padding-bottom: 15px; }
#pageBody section.detailBox .detail .content .flow dl.calender dt:before { content: '\e812'; }
#pageBody section.detailBox .detail .content .flow dl.thumbUp dt:before { content: '\e834'; }
#pageBody section.detailBox .detail .content .flow dl.exclamation dt:before { content: '\f12a'; }
#pageBody section.detailBox .detail .content .flow dl.clock dt:before { content: '\e81e'; }
#pageBody section.detailBox .detail .content .flow dl:last-child { min-height: auto; }
#pageBody section.detailBox .detail .content .flow dl:last-child dt { margin-bottom: 20px; }
#pageBody section.detailBox .detail .content .flow dl:last-child dd { padding-bottom: 0; }
#pageBody section.detailBox .detail .content table { border-spacing: 0; border-collapse: separate; border-bottom: 1px dotted #000; margin-bottom: 65px; /*+ h3{margin-top:65px;}*/ /*+ h3.feature{margin-top:25px;}*/ /*corpInfoの直前にテーブルの場合*/ }
#pageBody section.detailBox .detail .content table th, #pageBody section.detailBox .detail .content table td { border: 1px dotted #000; border-width: 1px 0 0; padding: 10px; }
#pageBody section.detailBox .detail .content table th { width: 146px; }
#pageBody section.detailBox .detail .content table td { background-color: #fff; }
#pageBody section.detailBox .detail .content table:last-child { margin-bottom: 0; }
#pageBody section.detailBox .detail .content table.last-child { margin-bottom: 35px; }
#pageBody section.detailBox .detail .content .featureBox { background: #9A9A9A; padding: 12px 20px 5px; color: #fff; }
#pageBody section.detailBox .detail .content .featureBox p { font-size: 12px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#pageBody section.detailBox .detail .content .featureBox p span { margin-right: 25px; white-space: nowrap; }
#pageBody section.detailBox .detail aside { width: 280px; float: right; }
#pageBody section.detailBox .detail aside .favorite { position: relative; height: 45px; margin-bottom: 15px; }
#pageBody section.detailBox .detail aside .favorite a { width: 115px; position: absolute; display: block; background: url(../img/bg_favoriteS.png) right top no-repeat; font-size: 12px; line-height: 38px; padding: 0 5px 8px 0; right: -39px; }
#pageBody section.detailBox .detail aside .favorite a.done { background-image: url(../img/bg_favoriteS_on.png); color: #6fd200; text-shadow: none; }
#pageBody section.detailBox .detail aside .favorite a.done:before { content: '\e815'; }
#pageBody section.detailBox .detail aside .btns { margin-bottom: 35px; }
#pageBody section.detailBox .detail aside .btns a.btn, #pageBody section.detailBox .detail aside .btns button.btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); font-size: 18px; line-height: 74px; height: 74px; width: 100%; }
#pageBody section.detailBox .detail aside .btns a.btn:before, #pageBody section.detailBox .detail aside .btns button.btn:before { font-size: 22px; }
#pageBody section.detailBox .detail aside .btns a.btn_tel { border-color: #cc8800; background: #fd6716; background: -webkit-gradient(linear, left top, left bottom, from(#fe9861), to(#fd6716)); background: linear-gradient(to bottom, #fe9861 0%, #fd6716 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9861', endColorstr='#fd6716',GradientType=0 ); font-size: 18px; line-height: 45px; height: 45px; width: 100%; margin-top: 10px; }
#pageBody section.detailBox .detail aside .btns a.btn_tel:before { font-size: 22px; }
#pageBody section.detailBox .detail aside .btns .directContact { border: 2px #6fd200 solid; border-radius: 4px; padding: 15px; color: #6fd200; }
#pageBody section.detailBox .detail aside figure { margin-bottom: 24px; }
#pageBody section.detailBox .detail aside figure img { display: block; width: 100%; height: auto; }
#pageBody section.detailBox .detail aside figure figcaption { font-size: 12px; line-height: 25px; }
#pageBody section.detailBox .detail .corpInfo { background: #f6f6f6; padding: 25px 35px 30px; margin-top: 35px; clear: both; 　margin-bottom: 70px; }
#pageBody section.detailBox .detail .corpInfo:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox .detail .corpInfo .content { width: 540px; }
#pageBody section.detailBox .detail .corpInfo aside { width: 320px; }
#pageBody section.detailBox .detail .corpInfo aside h3 { position: relative; margin-bottom: 26px; }
#pageBody section.detailBox .detail .corpInfo aside h3:after { content: ""; position: absolute; display: block; width: 100%; bottom: -16px; left: 0; border-bottom: 1px dotted #333; }
#pageBody section.detailBox .detail .corpInfo h3 { background-image: url(../img/titleBulletG.png); margin-bottom: 15px; clear: both; }
#pageBody section.detailBox .detail .corpInfo h3:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox .detail .corpInfo h3 a { float: right; padding: 3px 0 2px; }
#pageBody section.detailBox .detail .corpInfo a { color: #333; font-size: 14px; }
#pageBody section.detailBox .detail .corpInfo a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox .detail .corpInfo a span { color: #00baff; text-decoration: none; }
#pageBody section.detailBox .detail .corpInfo a:hover span { text-decoration: underline; }
#pageBody section.detailBox .detail .corpInfo a:after { content: '\f101'; }
#pageBody section.detailBox .detail .corpInfo table { border-spacing: 0; border-collapse: separate; border-bottom: 1px dotted #000; }
#pageBody section.detailBox .detail .corpInfo table tr th { width: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#pageBody section.detailBox .detail .corpInfo table tr td { background: none; }
#pageBody section.detailBox .detail .corpInfo table tr:last-child th, #pageBody section.detailBox .detail .corpInfo table tr:last-child td { border-bottom: none; }
#pageBody section.detailBox .detail .corpInfo:last-child { margin-bottom: 0; }
#pageBody section.detailBox .archieve { margin-bottom: 100px; }
#pageBody section.detailBox .archieve h3 { padding-left: 25px; font-size: 18px; background: url(../img/titleBulletG.png) left center no-repeat; margin-bottom: 20px; clear: both; }
#pageBody section.detailBox .archieve h3:after { content: ''; display: block; clear: both; }
#pageBody section.detailBox .archieve h3 span { font-size: 14px; }

#pageBody section.detailBox.deluxe { padding-top: 50px; }
#pageBody section.detailBox.closed .mainInfo { margin-bottom: 35px; background: url(../img/dotBorderL.png) no-repeat 0 0; }
#pageBody section.detailBox.closed .mainInfo p { display: table; width: 100%; height: 294px; margin: 0; color: #333; }
#pageBody section.detailBox.closed .mainInfo p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.detailBox.closed .mainInfo p span { display: table-cell; line-height: 25px; vertical-align: middle; }
#pageBody section.detailBox.closed .mainInfo p:before { content: '\e806'; display: table-cell; vertical-align: middle; padding-right: 30px; width: 310px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; font-size: 36px; }
#pageBody section.detailBox.closed header .favorite a, #pageBody section.detailBox.closed header .btns a, #pageBody section.detailBox.closed .detail .favorite a, #pageBody section.detailBox.closed .detail .btns a { pointer-events: none; cursor: not-allowed; opacity: .6; }

.hwInfo p { font-size: 12px; line-height: 16px; margin-bottom: 12px; }
.hwInfo p.hwHeader { font-size: 16px; line-height: 22px; font-weight: bold; margin-bottom: 10px; }
.hwInfo ul { list-style: none; }
.hwInfo ul li { background-color: #d6cb99; margin-bottom: 1px; font-size: 12px; line-height: 16px; padding: 10px 15px; }
.hwInfo ul li dl { position: relative; }
.hwInfo ul li dl dt, .hwInfo ul li dl dd { font-size: 14px; line-height: 1.6; }
.hwInfo ul li dl dt { width: 75px; position: absolute; left: 0; top: 0; }
.hwInfo ul li dl dd { padding-left: 100px; }
.hwInfo ul li em.tel { font-size: 34px; line-height: 36px; font-weight: bold; display: inline-block; margin: 11px 0 14px; letter-spacing: -2px; }
.hwInfo ul li span { display: block; }

.modalStage.faWindow { width: 680px; border-radius: 4px; margin-left: -340px; }
.modalStage.faWindow #modalContent { overflow: hidden; }

#modalWrap.fa { padding: 40px 40px 25px; }
#modalWrap.fa header { display: table; background: url(../img/bg_faDescr.png) right center no-repeat; margin: 0 0 15px; padding: 0; }
#modalWrap.fa header .text { display: table-cell; vertical-align: middle; padding-right: 180px; }
#modalWrap.fa header .text h1 { font-size: 20px; background: none; padding: 0; float: none; line-height: 30px; margin-bottom: 8px; }
#modalWrap.fa header .text p { margin-bottom: 10px; }
#modalWrap.fa ul { border: 3px solid #00baff; background: #fffae6; margin-bottom: 20px; border-radius: 4px; }
#modalWrap.fa ul li { position: relative; display: table; font-size: 16px; line-height: 22px; height: 65px; font-weight: bold; padding: 0 30px; width: 100%; list-style: none; border-bottom: 1px dotted #00baff; }
#modalWrap.fa ul li span { display: table-cell; vertical-align: middle; }
#modalWrap.fa ul li span em { color: #c00; font-weight: bold; }
#modalWrap.fa ul li:after { content: ""; position: absolute; left: -26px; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: #00baff; color: #fff; font-size: 25px; line-height: 50px; font-weight: bold; border-radius: 50px; text-align: center; }
#modalWrap.fa ul li:nth-child(1):after { content: "1"; }
#modalWrap.fa ul li:nth-child(2):after { content: "2"; }
#modalWrap.fa ul li:nth-child(3):after { content: "3"; }
#modalWrap.fa ul li:nth-child(4):after { content: "4"; }
#modalWrap.fa ul li:nth-child(5):after { content: "5"; }
#modalWrap.fa ul li:last-child { border-bottom: none; }
#modalWrap.fa .btns { width: 100px; margin: 0 auto; }
#modalWrap.fa .btns a.btn { padding: 0 10px; border-radius: 30px; background-color: #333; color: #ccc; line-height: 30px; height: 30px; display: block; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#modalWrap.fa .btns a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.fa .btns a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.fa .btns a.btn:before { content: '\e816'; }

.tag { color: #fff; line-height: 1.0; }
.tag.unRead { background-color: #c00; }
.tag.underConsideration { background-color: #C155FF; }
.tag.applied { background-color: #6BC734; }

#pageBody .tags { z-index: 0; width: 100%; }
#pageBody .tags .tag { font-size: 12px; border-radius: 4px 4px 0 0; padding: 4px 6px; margin-right: 2px; position: relative; display: inline-block; }
#pageBody .tags .tag:before { content: ""; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 50%; margin-left: -4px; bottom: -4px; display: block; background-color: inherit; z-index: -1; }
#pageBody .tags .attention { font-size: 12px; color: #F30000; line-height: 1.0; position: relative; top: -2px; margin-left: 10px; }
#pageBody .tags .attention:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .tags .attention:before { content: '\f12a'; font-size: 16px; top: 0; margin-right: 5px; }
#pageBody .scoutLists.empty { margin: 35px 0; background: url(../img/dotBorderL.png) no-repeat 0 0; height: 294px; text-align: center; line-height: 294px; }
#pageBody .scoutList { display: block; position: relative; cursor: pointer; margin-bottom: 30px; }
#pageBody .scoutList:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutList .tags { position: relative; top: -22px; margin-bottom: -23px; }
#pageBody .scoutList h2 { display: table-cell; background: url(../img/squareBgBlue.png) left top repeat; width: 320px; vertical-align: middle; font-size: 14px; padding: 5px 20px; font-weight: bold; margin-bottom: 0; line-height: 1.3; }
#pageBody .scoutList h2 img { margin-right: 10px; display: inline; vertical-align: middle; }
#pageBody .scoutList h2 a, #pageBody .scoutList h2 span { display: inline-block; vertical-align: middle; color: #fff; width: 196px; }
#pageBody .scoutList h2 .favorite { font-size: 12px; color: #fff; }
#pageBody .scoutList h2 .favorite:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutList h2 .favorite:before { content: '\e81b'; top: 0; }
#pageBody .scoutList span.number { display: table-cell; background: url(../img/squareBgBlue.png) left top repeat; width: 80px; vertical-align: middle; text-align: center; font-size: 26px; color: #fff; font-weight: bold; padding: 10px 0; }
#pageBody .scoutList span.number i { border-left: 1px dotted #fff; width: 100%; display: block; line-height: 50px; height: 50px; }
#pageBody .scoutList span.number i small { font-size: 12px; font-weight: normal; }
#pageBody .scoutList .text { display: table-cell; width: 570px; vertical-align: middle; padding: 14px 20px; border: 1px solid #00baff; background: #eefaff; }
#pageBody .scoutList .text .title { background: none; padding: 0; font-size: 14px; color: #0098df; margin-bottom: 0; line-height: 1.4; display: block; }
#pageBody .scoutList .text i { font-size: 14px; line-height: 1.0; margin-right: 10px; line-height: 1.0; margin-bottom: 4px; }
#pageBody .scoutList .text i.condition { font-size: 12px; color: #fff; border-radius: 4px; padding: 1px 5px; }
#pageBody .scoutList .text i.condition.unRead { background-color: #c00; }
#pageBody .scoutList .text i.condition.underConsideration { background-color: #C155FF; }
#pageBody .scoutList .text i.condition.applied { background-color: #6BC734; }
#pageBody .scoutList .text i.attention { font-size: 12px; color: #F30000; padding: 2px 0 3px; }
#pageBody .scoutList .text i.attention:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutList .text i.attention:before { content: '\f12a'; font-size: 13px; top: -1px; margin-right: 5px; }
#pageBody .scoutList .arr { display: table-cell; background-color: #00baff; width: 50px; text-align: center; color: #fff; vertical-align: middle; }
#pageBody .scoutList .arr:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutList .arr:before { content: '\e811'; font-size: 20px; margin: 0 0 0 10px; }
#pageBody .scoutList.expired h2, #pageBody .scoutList.expired span.number { background: none #a3a3a3; }
#pageBody .scoutList.expired .text { background: #e6e6e6; border-color: #a3a3a3; }
#pageBody .scoutList.expired .text .title { color: #000; }
#pageBody .scoutList.expired .arr { background-color: #a3a3a3; }
#pageBody .scoutList.unRead .title { font-weight: bold; }
#pageBody .scoutList:last-child { margin-bottom: 25px; }
#pageBody .scoutList:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); opacity: 0.8; }
#pageBody .scoutDetail { position: relative; background: url(../img/squareBgGray.png) left top repeat; padding-bottom: 30px; margin: 20px 0; }
#pageBody .scoutDetail .tags { position: absolute; top: -21px; }
#pageBody .scoutDetail .scoutHeader { display: table; background: url(../img/squareBgBlue.png) left top repeat; padding: 5px 0; margin-bottom: 30px; }
#pageBody .scoutDetail .scoutHeader h2 { display: table-cell; width: 320px; vertical-align: middle; font-size: 14px; color: #fff; background: none; padding: 15px 18px; font-weight: bold; line-height: 25px; }
#pageBody .scoutDetail .scoutHeader h2 img { margin-right: 10px; display: inline; vertical-align: middle; }
#pageBody .scoutDetail .scoutHeader h2 span { display: inline; vertical-align: middle; }
#pageBody .scoutDetail .scoutHeader span.favorite { display: table-cell; vertical-align: middle; color: #fff; font-size: 12px; padding-right: 18px; }
#pageBody .scoutDetail .scoutHeader span.favorite:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutDetail .scoutHeader span.favorite:before { content: '\e81b'; top: 0; }
#pageBody .scoutDetail .scoutHeader span.number { display: table-cell; width: 80px; vertical-align: middle; text-align: center; font-size: 26px; color: #fff; font-weight: bold; }
#pageBody .scoutDetail .scoutHeader span.number i { border-left: 1px dotted #fff; width: 100%; display: block; line-height: 50px; height: 50px; }
#pageBody .scoutDetail .scoutHeader span.number i small { font-size: 12px; font-weight: normal; }
#pageBody .scoutDetail section { margin: 0 40px 10px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#pageBody .scoutDetail section:last-child { margin-bottom: 0; }
#pageBody .scoutDetail section header { position: relative; padding-right: 50px; cursor: pointer; }
#pageBody .scoutDetail section header:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutDetail section header:before { content: ""; position: absolute; top: 0; right: 0; background-color: #00baff; width: 50px; height: 100%; display: block; }
#pageBody .scoutDetail section header:after { content: '\e811'; position: absolute; right: 0; top: 50%; display: block; font-size: 20px; width: 50px; height: 32px; margin-top: -16px; text-align: center; color: #fff; }
#pageBody .scoutDetail section header .inner { display: table; width: 100%; }
#pageBody .scoutDetail section header .inner .text { display: table-cell; background: #eefaff; border: 1px solid #00baff; border-right: none; vertical-align: middle; padding: 12px 20px; }
#pageBody .scoutDetail section header .inner .text h2 { background: none; padding: 0; font-size: 14px; color: #0098df; margin-bottom: 0; line-height: 1.4; }
#pageBody .scoutDetail section header .inner .text i { font-size: 12px; margin-right: 15px; line-height: 1.0; margin-bottom: 4px; }
#pageBody .scoutDetail section header .inner .text i.attention { color: #F30000; }
#pageBody .scoutDetail section header .inner .text i.attention:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutDetail section header .inner .text i.attention:before { content: '\f12a'; font-size: 13px; top: -1px; margin-right: 5px; }
#pageBody .scoutDetail section header .inner span.condition { display: table-cell; color: #fff; width: 70px; vertical-align: middle; text-align: center; }
#pageBody .scoutDetail section.expired header .inner .text { background: #e6e6e6; border-color: #999; }
#pageBody .scoutDetail section.expired header .inner .text h2 { color: #333; }
#pageBody .scoutDetail section.expired header:before { background: #999; }
#pageBody .scoutDetail section .content { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; background: #fff; padding: 45px 40px 40px; display: none; }
#pageBody .scoutDetail section .content .condDescription { text-align: center; padding: 6px 12px 7px; }
#pageBody .scoutDetail section .content .username { margin-bottom: 10px; }
#pageBody .scoutDetail section .content .attachment { position: relative; border-top: 1px dotted #666; padding-top: 22px; padding-left: 180px; min-height: 92px; margin-top: 29px; }
#pageBody .scoutDetail section .content .attachment .title { position: absolute; left: 0; top: 25px; background: #00baff; width: 163px; color: #fff; border-radius: 4px; padding: 8px 10px 8px 38px; line-height: 1.3; }
#pageBody .scoutDetail section .content .attachment .title:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutDetail section .content .attachment .title:before { content: '\e822'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; font-size: 19px; left: 10px; top: 10px; }
#pageBody .scoutDetail section .content .attachment a { color: #0098df; }
#pageBody .scoutDetail section .content .attachment span { float: left; display: block; margin-bottom: 12px; padding-left: 25px; position: relative; }
#pageBody .scoutDetail section .content .attachment span label { position: absolute; left: 0; top: 0; width: 20px; height: 20px; }
#pageBody .scoutDetail section .content .attachment span a { color: #0098df; display: inline-block; }
#pageBody .scoutDetail section .content .attachment span:last-child { margin-bottom: 40px; }
#pageBody .scoutDetail section .content .btns { clear: both; border-radius: 4px; background: url(../img/squareBgYellow.png) left top repeat; text-align: center; padding: 30px 10px; font-size: 0; }
#pageBody .scoutDetail section .content .btns:after { content: ''; display: block; clear: both; }
#pageBody .scoutDetail section .content .btns .consider, #pageBody .scoutDetail section .content .btns .decline { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #666 !important; opacity: 0.6; pointer-events: none; background: #a6a6a6 !important; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)) !important; background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ) !important; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; font-size: 13px; width: 170px; height: 45px; line-height: 43px; vertical-align: bottom; pointer-events: auto; }
#pageBody .scoutDetail section .content .btns .consider:before, #pageBody .scoutDetail section .content .btns .consider:after, #pageBody .scoutDetail section .content .btns .decline:before, #pageBody .scoutDetail section .content .btns .decline:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail section .content .btns .consider.free, #pageBody .scoutDetail section .content .btns .decline.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail section .content .btns .consider:hover, #pageBody .scoutDetail section .content .btns .decline:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .scoutDetail section .content .btns .consider.disabled, #pageBody .scoutDetail section .content .btns .decline.disabled { pointer-events: none; opacity: .5; -ms-filter: "alpha(opacity=50)"; }
#pageBody .scoutDetail section .content .btns .applicate { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; font-size: 16px; width: 270px; height: 55px; line-height: 53px; vertical-align: bottom; margin: 0 30px; }
#pageBody .scoutDetail section .content .btns .applicate:before, #pageBody .scoutDetail section .content .btns .applicate:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail section .content .btns .applicate.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail section .content .btns .applicate:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .scoutDetail section .content .btns .applicate:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutDetail section .content .btns .applicate:before { content: '\f112'; font-size: 22px; }
#pageBody .scoutDetail section .content .btns .check { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; font-size: 16px; width: 270px; height: 55px; line-height: 53px; vertical-align: bottom; margin: 0 30px; }
#pageBody .scoutDetail section .content .btns .check:before, #pageBody .scoutDetail section .content .btns .check:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail section .content .btns .check.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail section .content .btns .check:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .scoutDetail section .content .btns p { text-align: center; color: #333; font-size: 14px; margin-bottom: 0; }
#pageBody .scoutDetail section.unRead header .inner span.condition { background-color: #c00; }
#pageBody .scoutDetail section.unRead header .inner h2 { font-weight: bold; }
#pageBody .scoutDetail section.unRead header .inner .text { border-left: none; }
#pageBody .scoutDetail section.underConsideration header .inner span.condition { background-color: #C155FF; }
#pageBody .scoutDetail section.underConsideration header .inner .text { border-left: none; }
#pageBody .scoutDetail section.underConsideration .content { padding-top: 25px; }
#pageBody .scoutDetail section.underConsideration .content .condDescription { color: #C155FF; background: #f1d8ff; margin-bottom: 30px; }
#pageBody .scoutDetail section.applied header .inner span.condition { background-color: #6BC734; }
#pageBody .scoutDetail section.applied header .inner .text { border-left: none; }
#pageBody .scoutDetail section.applied .content { padding-top: 25px; }
#pageBody .scoutDetail section.applied .content .condDescription { color: #6BC734; background: #e1f9d3; margin-bottom: 30px; }
#pageBody .scoutDetail section.open header .inner .text h2 { color: #000; }
#pageBody .scoutDetail section.open header:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#pageBody .scoutDetail section.open:hover { -webkit-box-shadow: none; box-shadow: none; opacity: 1; }
#pageBody .scoutDetail section:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); opacity: 0.8; }
#pageBody .btnCircle { position: relative; width: 88px; height: 88px; border-radius: 44px; background-color: #EBEBEB; color: #bbb; font-family: ecuicons; }
#pageBody .btnCircle.min { margin-left: 17px; width: 54px; height: 54px; border-radius: 27px; }
#pageBody .btnText { margin-top: 6px; color: #666; font-size: 14px; text-align: center; }
#pageBody .backList { display: none; position: fixed; width: 88px; top: 50%; left: 30px; margin-top: -160px; }
#pageBody .backList .btnCircle::before { position: absolute; content: '\e810'; font-size: 25px; top: 50%; left: 50%; margin-top: -19px; margin-left: -12.5px; }
#pageBody .backList:hover { opacity: 0.8; }
#pageBody .prevScout { display: none; position: fixed; top: 50%; left: 30px; margin-top: -58px; }
#pageBody .prevScout .btnCircle::before { position: absolute; content: '\e811'; font-size: 50px; top: 50%; left: 50%; margin-top: -40px; margin-left: -16px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#pageBody .prevScout:hover { opacity: 0.8; }
#pageBody .nextScout { display: none; position: fixed; top: 50%; right: 30px; margin-top: -58px; }
#pageBody .nextScout .btnCircle::before { position: absolute; content: '\e811'; font-size: 50px; top: 50%; left: 50%; margin-top: -40px; margin-left: -10px; }
#pageBody .nextScout:hover { opacity: 0.8; }
#pageBody .scoutList-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -10px; padding-bottom: 15px; }
#pageBody .scoutList-tab a { margin-left: 10px; position: relative; }
#pageBody .scoutList-tab a:hover { opacity: 0.8; }
#pageBody .scoutList-tab a div { padding: 5px 20px; color: #FFF; font-size: 14px; font-weight: bold; line-height: 1.4; display: block; border-radius: 5px; background-color: #AFAFAF; }
#pageBody .scoutList-tab a .select { background-color: #00BAFF; }
#pageBody .scoutList-tab a .select::before { position: absolute; bottom: -6px; left: 50%; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #00BAFF transparent transparent transparent; content: ""; }
#pageBody #deletedCover { display: none; position: absolute; background: rgba(255, 255, 255, 0.9); }
#pageBody #deletedCover p { width: 540px; height: 120px; background-color: #FFF; border: 2px dotted #B4B4B4; margin: 200px auto; text-align: center; line-height: 120px; color: #9A9A9A; font-size: 20px; font-weight: bold; }
#pageBody .scoutList-items a { outline: none; border: none; }
#pageBody .scoutList-items a:nth-child(2n+1) .scoutList-item { background-color: #fff; }
#pageBody .scoutList-items a:hover .scoutList-item { background-color: #FDFECB !important; }
#pageBody .scoutList-items a:last-child .scoutList-item { margin-bottom: 24px; border-bottom: 1px solid #D9D9D9; }
#pageBody .scoutList-items a.kininaru .scoutList-item { background-color: #F6FFED; }
#pageBody .scoutList-items a.unread .scoutList-item { border-left: 1px solid #C90813; }
#pageBody .scoutList-items a.unread .scoutList-item::before { position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 16px 20px 0 0; border-color: #cc0000 transparent transparent transparent; content: ""; }
#pageBody .scoutList-items a.end { cursor: default; }
#pageBody .scoutList-items a.end .scoutList-item { background-color: #EDEDED; }
#pageBody .scoutList-items a.end .scoutList-item h2, #pageBody .scoutList-items a.end .scoutList-item p { color: #666; font-weight: normal; }
#pageBody .scoutList-items a.end .scoutList-item .date { color: #999; }
#pageBody .scoutList-items a.end .scoutLists-item-sub li.end { padding: 2px 6px; background-color: #666666; border-radius: 4px; color: #fff; }
#pageBody .scoutList-items a.unRead .scoutList-item .scoutList-item-main h2 { font-weight: bold; }
#pageBody .scoutList-items a.unReadkininaru .scoutList-item .scoutList-item-main h2 { font-weight: bold; }
#pageBody .scoutList-item { padding: 20px 0px 10px 0; min-height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; border-top: 1px solid #D9D9D9; }
#pageBody .scoutList-item .scoutList-item-main { padding-left: 20px; max-width: 900px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#pageBody .scoutList-item .scoutList-item-main h2 { margin-bottom: 8px; padding: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background: none; font-size: 16px; font-weight: bold; line-height: 1.2; }
#pageBody .scoutList-item .scoutList-item-main .date { margin-bottom: 12px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #999999; }
#pageBody .scoutList-item .scoutList-item-main .date span { margin-right: 12px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#pageBody .scoutList-item .scoutList-item-main .date .unread { padding: 2px 6px; background-color: #C90813; border-radius: 4px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; color: #fff; }
#pageBody .scoutList-item .scoutList-item-main .date .end { padding: 2px 8px; background-color: #B1B1B1; border-radius: 4px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; color: #fff; font-weight: bold; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate { height: 20px; padding: 2px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.2; background-color: #FFF; border: 1px solid #00BAFF; border-radius: 10px; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate span { margin: 0; color: #00BAFF; font-size: 12px; font-weight: bold; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate .rateBar { display: block; width: 120px; height: 5px; margin: 4px 8px; background-color: #DBDBDB; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate .rateBar .rateValue { display: block; height: 5px; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate .rateBar .rateValue.high { background-color: #FF7600; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate .rateBar .rateValue.middle { background-color: #FFB100; }
#pageBody .scoutList-item .scoutList-item-main .date .matchRate .rateBar .rateValue.row { background-color: #A3A3A3; }
#pageBody .scoutList-item .scoutList-item-main .date .kininaru { margin-right: 12px; padding: 2px 6px; background-color: #72D026; border-radius: 4px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; color: #fff; font-family: ecuicons; }
#pageBody .scoutList-item .scoutList-item-main .date .kininaru::before { content: '\e81b'; }
#pageBody .scoutList-item .scoutList-item-sub { padding-left: 20px; width: 660px; }
#pageBody .scoutList-item .scoutList-item-sub ul { margin: 0; padding: 0; list-style: none; font-size: 12px; }
#pageBody .scoutList-item .scoutList-item-sub li { margin-right: 10px; display: inline-block; }
#pageBody .scoutList-item .scoutList-item-sub li.attention { color: #EC0C1A; font-family: ecuicons; }
#pageBody .scoutList-item .scoutList-item-sub li.attention::before { content: '\f12a'; font-size: 13px; top: -1px; margin-right: 5px; }
#pageBody .scoutList-item .scoutList-item-sub li.unread { color: #C9161D; }
#pageBody .scoutList-item .scoutList-item-sub li.underConsideration { color: #C771FB; }
#pageBody .scoutList-item .scoutList-item-sub li.applied { color: #78C94B; }
#pageBody .scoutList-item .scoutList-item-sub p { margin: 0; font-size: 12px; }
#pageBody .scoutList-item .scoutList-item-sub p em { font-size: 14px; font-weight: bold; }
#pageBody .scoutList-item::before { display: block; position: absolute; top: 50%; margin-top: -18px; right: 10px; font-family: ecuicons; content: '\e824'; font-size: 24px; color: #E0E0E0; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
#pageBody .scoutDetail201802 { margin-bottom: 12px; padding: 4px 70px; }
#pageBody .scoutDetail201802 .scoutMain.expired .scoutMain-header { background-color: #f4f4f4 !important; }
#pageBody .scoutDetail201802 .scoutMain.expired .scoutMain-header h3 { color: #666; }
#pageBody .scoutDetail201802 .scoutMain.open .scoutMain-header::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#pageBody .scoutDetail201802 .scoutMain { background-color: #fff; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header { margin: 24px 0 0 0; min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-top: 1px dotted #B0B0B0; border-bottom: 1px dotted #B0B0B0; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header h3 { color: #00baff; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header::after { display: block; position: absolute; top: 6px; right: 24px; font-family: ecuicons; content: '\e811'; font-size: 40px; color: #999; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header .tag { width: 70px; line-height: 70px; text-align: center; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header .tag.unread { background-color: #CD0813; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header .tag.underConsideration { background-color: #BF5CFB; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header .tag.applied { background-color: #6EC640; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header > div { width: 87%; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header > div h3 { margin: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: bold; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header > div p { margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header > div p .attention { padding-left: 30px; color: #EC0C1A; font-family: ecuicons; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-header > div p .attention::before { content: '\f12a'; font-size: 13px; top: -1px; margin-right: 5px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content { padding: 45px 40px; background-color: #FFF; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader { margin-bottom: 36px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader .messageHeader-top { margin-bottom: 12px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader .messageHeader-top .date { color: #999; font-size: 12px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader .messageHeader-top .kininaru { margin-right: 12px; padding: 2px 6px; background-color: #72D026; border-radius: 4px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; color: #fff; font-family: ecuicons; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader .messageHeader-top .kininaru::before { content: '\e81b'; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader h3 { margin-bottom: 6px; font-size: 20px; font-weight: bold; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .messageHeader p { color: #333; font-size: 12px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment { margin-top: 35px; padding: 20px 16px; background-color: #EBF7FF; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment h4 { position: relative; color: #666; margin-bottom: 8px; font-family: Hiragino Kaku Gothic Pro; font-size: 17px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment h4::before { display: inline-block; margin-right: 8px; content: '\e832'; font-size: 20px; font-family: ecuicons; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment ul { margin: 0; padding: 0; list-style: none; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li { margin-top: 1.4em; margin-left: 0.5em; line-height: 1; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li:first-child { margin-top: 0; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li a { text-decoration: underline; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li .adjust { margin: 0 0 10px 30px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li .applied { color: #AFAFAF; font-size: 0.8em; font-weight: bold; background: #fff; border: #AFAFAF solid 1px; border-radius: 4px; padding: 0 6px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li .posted { color: #fff; font-size: 0.8em; font-weight: bold; background: #00BAFF; border: #00BAFF solid 1px; border-radius: 4px; padding: 0 6px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment li .post-end { color: #fff; font-size: 0.8em; font-weight: bold; background: #B1B1B1; border: #B1B1B1 solid 1px; border-radius: 4px; padding: 0 6px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment input { margin-right: 4px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment a { color: #00BAFF; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .attachment label { color: #666; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons { margin: 45px 0 0 0; padding: 30px 85px; background: url(../img/squareBgYellow.png) left top repeat; border-radius: 4px; text-align: center; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons a.btn { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons a.btn:before, #pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons a.btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons a.btn.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons a.btn.check { width: 270px; height: 55px; background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background-image: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); border: 1px solid #666; font-size: 16px; line-height: 55px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li { margin: 0 15px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li .applicable { color: #00BAFF; margin-top: 8px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a:before, #pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.decline, #pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.consider, #pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.list { width: 170px; height: 45px; background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background-image: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); border: 1px solid #666; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); font-size: 14px; line-height: 45px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.disabled { pointer-events: none; opacity: .5; -ms-filter: "alpha(opacity=50)"; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.applicate { width: 270px; height: 55px; background-image: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background-image: linear-gradient(to bottom, #86d158 0%, #62c428 100%); border: 1px solid #3b8e31; font-size: 16px; line-height: 55px; }
#pageBody .scoutDetail201802 .scoutMain .scoutMain-content .buttons li a.applicate::before { padding-right: 8px; content: '\f112'; font-family: ecuicons; }
#pageBody .scoutDetail201802 label.check { position: relative; display: block; padding-left: 30px; }
#pageBody .scoutDetail201802 label.check input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; position: absolute; }
#pageBody .scoutDetail201802 label.check:before { position: absolute; left: 0; top: 50%; margin-top: -9px; background: url(../img/uncheckedCheck_sp.png) no-repeat left top; background-size: 18px 18px; width: 18px; height: 18px; content: ''; }
#pageBody .scoutDetail201802 label.check.checked:before { background-image: url(../img/checkedCheck_sp.png); }
#pageBody .scoutDetail201802 label.radio { position: relative; display: inline-block; padding-left: 30px; padding-right: 62px; vertical-align: middle; margin-bottom: 13px; font-size: 14px; min-height: 22px; line-height: 22px; }
#pageBody .scoutDetail201802 label.radio input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; position: absolute; }
#pageBody .scoutDetail201802 label.radio:before { position: absolute; left: 0; top: 50%; margin-top: -10px; background: url(../img/uncheckedRadio_sp.png) no-repeat left top; background-size: 20px auto; width: 20px; height: 22px; content: ''; }
#pageBody .scoutDetail201802 label.radio.checked:before { background-image: url(../img/checkedRadio_sp.png); }
#pageBody .scoutDetail201907_backToOld { margin-bottom: 12px; padding: 28px 40px 56px; background: url(../img/squareBgGray.png) left top repeat; }
#pageBody .scoutDetail201907_backToOld .scoutHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#pageBody .scoutDetail201907_backToOld .scoutHeader > a { width: 88px; position: relative; font-size: 12px; line-height: 40px; text-align: center; }
#pageBody .scoutDetail201907_backToOld .scoutHeader > a::before { margin-right: 10px; display: block; position: absolute; font-family: ecuicons; content: '\e811'; font-size: 40px; color: #999; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#pageBody .scoutDetail201907_backToOld .scoutHeader h2 { margin: 0; padding: 10px 20px; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: none; background-color: #fff; border-radius: 2em; font-size: 14px; line-height: 1; font-weight: bold; }
#pageBody .scoutDetail201907_backToOld .scoutHeader h2 > span:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#pageBody .scoutDetail201907_backToOld .scoutHeader h2 .company-name { padding-left: 20px; }
#pageBody .scoutDetail201907_backToOld .scoutHeader h2 .favorite { padding: 5px 10px; background-color: #72D026; border-radius: 4px; color: #fff; font-size: 12px; font-weight: normal; font-family: ecuicons; }
#pageBody .scoutDetail201907_backToOld .scoutHeader h2 .favorite::before { content: '\e81b'; }
#pageBody .scoutDetail201907_backToOld .scoutMain.expired .scoutMain-header { background-color: #f4f4f4 !important; }
#pageBody .scoutDetail201907_backToOld .scoutMain.expired .scoutMain-header h3 { color: #666; }
#pageBody .scoutDetail201907_backToOld .scoutMain + .scoutMain { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
#pageBody .scoutDetail201907_backToOld .scoutMain + .scoutMain .scoutMain-header { margin: -1px 0 0; }
#pageBody .scoutDetail201907_backToOld .scoutMain + .scoutMain:nth-child(odd) { background-color: #F9F9F9; }
#pageBody .scoutDetail201907_backToOld .scoutMain.open .scoutMain-header::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#pageBody .scoutDetail201907_backToOld .scoutMain { background-color: #fff; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header { margin: 24px 0 0 0; min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-top: 1px dotted #B0B0B0; border-bottom: 1px dotted #B0B0B0; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header h3 { color: #00baff; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header::after { display: block; position: absolute; top: 6px; right: 24px; font-family: ecuicons; content: '\e811'; font-size: 40px; color: #999; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header .tag { width: 70px; line-height: 70px; text-align: center; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header .tag.unread { background-color: #CD0813; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header .tag.underConsideration { background-color: #BF5CFB; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header .tag.applied { background-color: #6EC640; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header > div { width: 87%; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header > div h3 { margin: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: bold; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header > div p { margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header > div p .attention { padding-left: 30px; color: #EC0C1A; font-family: ecuicons; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-header > div p .attention::before { content: '\f12a'; font-size: 13px; top: -1px; margin-right: 5px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content { padding: 24px 40px 45px 40px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .condDescription { margin-bottom: 30px; padding: 6px 12px 7px; text-align: center; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .condDescription.underConsideration { color: #C155FF; background: #f1d8ff; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .condDescription.applied { color: #6BC734; background: #e1f9d3; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment { margin-top: 35px; padding-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px dotted #B0B0B0; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment dt { margin-right: 16px; padding: 8px 10px 8px 38px; width: 163px; position: relative; background-color: #00baff; border-radius: 4px; color: #fff; line-height: 1.3; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment dt::before { display: inline-block; content: '\e822'; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: 10px; top: 10px; font-size: 19px; font-family: ecuicons; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment ul { margin: 0; padding: 0; list-style: none; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment li { margin-top: 1.4em; line-height: 1; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment li:first-child { margin-top: 0; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment li a { text-decoration: underline; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment input { margin-right: 4px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment a { color: #0098df; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment .adjust { margin: 0 0 8px 20px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment .applied { color: #AFAFAF; font-size: 0.8em; font-weight: bold; background: #fff; border: #AFAFAF solid 1px; border-radius: 4px; padding: 0 6px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment .posted { color: #fff; font-size: 0.8em; font-weight: bold; background: #00BAFF; border: #00BAFF solid 1px; border-radius: 4px; padding: 0 6px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment .post-end { color: #fff; font-size: 0.8em; font-weight: bold; background: #B1B1B1; border: #B1B1B1 solid 1px; border-radius: 4px; padding: 0 6px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .attachment label { color: #00baff; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons { margin: 45px 0 0 0; padding: 30px 85px; background: url(../img/squareBgYellow.png) left top repeat; border-radius: 4px; text-align: center; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons a.btn { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons a.btn:before, #pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons a.btn:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons a.btn.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons a.btn.check { width: 270px; height: 55px; background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background-image: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); border: 1px solid #666; font-size: 16px; line-height: 55px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li { margin: 0 15px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li .applicable { color: #00BAFF; margin-top: 8px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a:before, #pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a.free { padding: 0 15px; width: auto; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a.decline, #pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a.consider { width: 170px; height: 45px; background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background-image: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); border: 1px solid #666; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); font-size: 14px; line-height: 45px; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a.disabled { pointer-events: none; opacity: .5; -ms-filter: "alpha(opacity=50)"; }
#pageBody .scoutDetail201907_backToOld .scoutMain .scoutMain-content .buttons li a.applicate { width: 270px; height: 55px; background-image: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background-image: linear-gradient(to bottom, #86d158 0%, #62c428 100%); border: 1px solid #3b8e31; font-size: 16px; line-height: 55px; }

.modalStage.considerWindow { width: 270px; height: 110px; border: 1px solid #999; border-radius: 4px; margin-left: -160px; margin-top: -62px; }
.modalStage.considerWindow #modalContent { text-align: center; display: table; background-color: #fff; width: 100%; height: 100%; border-radius: 4px; }
.modalStage.considerWindow #modalContent p { display: table-cell; vertical-align: middle; text-align: center; line-height: 1.0; }
.modalStage.considerWindow #modalContent p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.modalStage.considerWindow #modalContent p small { font-size: 14px; display: block; margin-top: 8px; }
.modalStage.considerWindow #modalContent p:before { content: '\e815'; color: #6ED200; font-size: 21px; margin-bottom: 8px; display: block; font-weight: normal; }
.modalStage.considerWindow #modalContent .modal-header { margin: 20px; }
.modalStage.considerWindow #modalContent .modal-footer .btn { margin-bottom: 20px; }
.modalStage.considerWindow #modalContent .modal-footer .btn.decline { border-color: #666; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); }
.modalStage.considerWindow #modalContent .modal-footer .btn.applicate { border-color: #3b8e31; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); }
.modalStage.declineWindow { width: 570px; height: 275px; border: 1px solid #999; border-radius: 4px; margin-left: -285px; margin-top: -137px; }
.modalStage.declineWindow #modalContent { text-align: center; display: block; background-color: #fff; width: 100%; height: 100%; border-radius: 4px; padding-top: 75px; }
.modalStage.declineWindow #modalContent p { font-weight: normal; text-align: center; line-height: 1.0; margin-bottom: 25px; }
.modalStage.declineWindow #modalContent p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.modalStage.declineWindow #modalContent .btns { font-size: 0; text-align: center; }
.modalStage.declineWindow #modalContent .btns .decline { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 170px; height: 45px; line-height: 43px; vertical-align: bottom; margin: 0 10px 25px; font-size: 14px; cursor: pointer; }
.modalStage.declineWindow #modalContent .btns .decline:before, .modalStage.declineWindow #modalContent .btns .decline:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
.modalStage.declineWindow #modalContent .btns .decline.free { padding: 0 15px; width: auto; }
.modalStage.declineWindow #modalContent .btns .decline:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.modalStage.declineWindow #modalContent .btns .modalClose { width: 100px; padding: 0 10px; font-size: 14px; border-radius: 30px; background-color: #333; color: #ccc; line-height: 30px; height: 30px; display: inline-block; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
.modalStage.declineWindow #modalContent .btns .modalClose:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.modalStage.declineWindow #modalContent .btns .modalClose:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.modalStage.declineWindow #modalContent .btns .modalClose:before { content: '\e816'; margin-top: 2px; }
.modalStage #modalContent #modalWrap .alertBox:nth-of-type(1) { padding-top: 20px; background-image: url(../img/diagBgGreen.png); }
.modalStage #modalContent #modalWrap .alertBox:nth-of-type(1) p { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }
.modalStage #modalContent #modalWrap .alertBox:nth-of-type(1) p em { padding: 0 4px; color: #fff; font-size: 22px; }
.modalStage #modalContent #modalWrap .alertBox:nth-of-type(1) p .heart::before { margin-top: 4px; margin-right: 4px; display: block; content: '\e81b'; font-family: ecuicons; font-size: 26px; }
.modalStage #modalContent #modalWrap .btn { cursor: pointer; }

/* IE11 */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #pageBody .scoutList .text i.condition { padding: 2px 5px 0; } }
/*safari 7~*/
_::-webkit-full-page-media, _:future, :root #pageBody .scoutList .text i.condition { padding: 4px 5px 0; }

/* Scss Document */
/* .btnBox-ts　はテスト用に和田が追加20180420（試験期間2018年5月いっぱい）　*/
.btnBox-ts { background: url(../img/diagBgOrg.png) left top repeat; padding: 30px; text-align: center; }
.btnBox-ts p { color: #46b900; text-align: center; font-size: 16px; font-weight: bold; }
.btnBox-ts button.login { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0 20px; width: 300px; height: 74px; line-height: 72px; font-size: 18px; }
.btnBox-ts button.login:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.btnBox-ts button.login:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btnBox-ts button.login span { font-size: 23px; }
.btnBox-ts button.login:before { content: '\f02e'; font-size: 24px !important; }
.btnBox-ts .btn.resist { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0 20px; width: 300px; height: 74px; line-height: 72px; font-size: 18px; }
.btnBox-ts .btn.resist:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.btnBox-ts .btn.resist:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btnBox-ts .btn.resist span { font-size: 23px; }
.btnBox-ts .btn.resist:before { content: '\e803'; font-size: 24px !important; }
.btnBox-ts .btn.resist.check:before { content: '\e815'; }
.btnBox-ts.btm { margin-top: 50px; }
.btnBox-ts.btm.mid { margin-bottom: 30px; }
.btnBox-ts.btm.end { margin-top: 30px; }

/* ここまで */
.btnBox { background: url(../img/diagBgOrg.png) left top repeat; padding: 30px; }
.btnBox p { color: #46b900; text-align: center; font-size: 16px; font-weight: bold; }
.btnBox p.fwNormal { font-weight: normal; }
.btnBox p.err { display: inline-block; position: relative; background: #ffdddd; color: #f00; font-size: 16px; margin-top: 1em; margin-bottom: 0; padding: 9px 10px 0 44px; }
.btnBox p.err:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btnBox p.err:last-of-type { padding-bottom: 9px; }
.btnBox p.err:before { content: '\e806'; position: absolute; left: 19px; top: 14px; font-size: 16px; color: #f00; line-height: 1.0; margin: 0; }
.btnBox button { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0 auto; width: 300px; height: 74px; line-height: 72px; display: block; font-size: 18px; }
.btnBox button:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.btnBox button:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btnBox button:before { content: '\f02e'; font-size: 22px !important; }
.btnBox button.check:before { content: '\e815'; }
.btnBox button.noIcon:before { content: none; display: none; }
.btnBox button.unclickable { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); opacity: 0.6; pointer-events: none; }
.btnBox.btm { margin-top: 50px; }
.btnBox.btm.mid { margin-bottom: 30px; }
.btnBox.btm.end { margin-top: 30px; }
.btnBox label { display: inline-block; font-size: 14px; }
.btnBox label.checkbox input { margin-right: 10px; color: #999; vertical-align: middle; }
.btnBox label.checkbox.agree { margin-top: 10px; }
.btnBox a.textLink { display: block; font-size: 14px; padding-left: 1px; }
.btnBox a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.btnBox a.textLink span { color: #00baff; }
.btnBox a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
.btnBox a.textLink:hover span { text-decoration: underline; }

.fixedBtn { position: fixed; left: 0; bottom: -118px; width: 100%; background-color: #fff; -webkit-box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); z-index: 100; padding: 20px 0 15px; }
.fixedBtn .inner { position: relative; width: 1020px; margin: 0 auto; clear: both; }
.fixedBtn .inner:after { content: ''; display: block; clear: both; }
.fixedBtn .inner .text { width: 680px; float: left; margin-right: 40px; }
.fixedBtn .inner .text p.title { font-size: 16px; font-weight: bold; color: #46b900; margin-bottom: 10px; }
.fixedBtn .inner .text p:last-child { margin-bottom: 0; }
.fixedBtn .inner button { width: 280px; float: left; border-radius: 4px; font-size: 18px; line-height: 73px; height: 75px; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); @incllude opHov; }
.fixedBtn .inner button:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.fixedBtn .inner button:before { content: '\f02e'; font-size: 22px !important; }

#pageBody .confirm .edit .fixedBtn { bottom: 0; padding: 15px; }
#pageBody .confirm .edit .fixedBtn .btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 170px; height: 45px; line-height: 43px; margin: 0 auto; display: block; }
#pageBody .confirm .edit .fixedBtn .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .confirm .edit .fixedBtn .btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm .edit .fixedBtn .btn:before { content: '\e815'; font-size: 14px; }

#pageBody .resister_entry { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 55px 50px 35px; margin-bottom: 10px; clear: both; display: table; width: 100%; }
#pageBody .resister_entry:after { content: ''; display: block; clear: both; }
#pageBody .resister_entry.info { font-size: 0; text-align: center; }
#pageBody .resister_entry.info:before { content: ""; display: inline-block; width: 1px; height: 84px; vertical-align: middle; }
#pageBody .resister_entry.info .vMiddle { display: inline-block; vertical-align: middle; text-align: center; width: 910px; font-size: 14px; }
#pageBody .resister_entry.info .vMiddle p { font-size: 26px; color: #666; font-weight: bold; margin-bottom: 20px; }
#pageBody .resister_entry.info .vMiddle p.Caution { margin-top: 60px; font-size: 12px; color: #666; text-align: left; }
#pageBody .resister_entry.info .vMiddle form.registerForm dl dt { float: left; text-align: right; padding-left: 190px; font-size: 16px; }
#pageBody .resister_entry.info .vMiddle form.registerForm dl dd { padding-left: 370px; margin-bottom: 5px; text-align: left; }
#pageBody .resister_entry.info .vMiddle form.registerForm dl dd label.password { width: 160px; margin-right: 10px; margin-bottom: 10px; }
#pageBody .resister_entry.info .vMiddle form.registerForm dl dd p.password_note { font-size: 14px; color: red; font-weight: normal !important; }
#pageBody p.login_link { text-align: right; }
#pageBody p.login_link a { color: #0098df; }
#pageBody p.login_link:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; content: '\e811'; }
#pageBody div.btnBox { padding: 20px; text-align: center; }
#pageBody div.btnBox form { margin-bottom: 10px; }
#pageBody div.btnBox small { color: #999; margin-left: 10px; }
#pageBody div.btnBox ul { margin-bottom: 0px; margin-top: 10px; }
#pageBody div.btnBox ul li { display: inline-block; margin-right: 10px; }
#pageBody div.btnBox ul.linkList li { margin-right: 20px; }
#pageBody div.btnBox ul.linkList li:last-child { margin-right: 0; }
#pageBody section.complete { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 63px 45px 55px; margin-bottom: 60px; clear: both; }
#pageBody section.complete:after { content: ''; display: block; clear: both; }
#pageBody section.complete .applyMsg { margin: 0; width: 920px; border-radius: 4px; }
#pageBody section.complete p.thxMsg { margin-bottom: 30px; text-align: center; }
#pageBody section.complete p.thxMsg:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.complete p.thxMsg:before { content: '\e834'; font-size: 30px; color: #00baff; margin: 0 0 10px; display: block; }
#pageBody section.complete .applicate { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; display: block; margin: 0 auto 30px auto; width: 270px; height: 55px; font-size: 16px; line-height: 53px; }
#pageBody section.complete .applicate:before, #pageBody section.complete .applicate:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody section.complete .applicate.free { padding: 0 15px; width: auto; }
#pageBody section.complete .applicate:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.complete .applicate:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.complete div.register { text-align: center; margin-top: 30px; }
#pageBody section.complete div.register:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.complete div.register p { margin-bottom: 45px; }
#pageBody section.complete div.register p small { display: block; margin-top: 7px; }
#pageBody section.complete div.register dl dt { margin-bottom: 9px; }
#pageBody section.complete div.register .btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-radius: 4px; margin-bottom: 20px; width: 350px; }
#pageBody section.complete div.register .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.complete div.register .btn.mail { height: 65px; line-height: 63px; font-size: 18px; }
#pageBody section.complete div.register .btn.mail:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.complete div.register .btn.mail:before { content: '\e80e'; font-size: 22px !important; }
#pageBody section.complete div.register label.check { margin-bottom: 10px; }
#pageBody section.complete div.register:before { content: '\e835'; font-size: 60px; color: #00baff; width: 100%; }
#pageBody span.errJobCareer { display: block; position: relative; background: #ffdddd; color: #f00; font-size: 12px; padding: 4px 12px 3px 30px; margin-top: 10px; margin-right: 30px; }
#pageBody span.errJobCareer:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody span.errJobCareer:before { content: '\e806'; position: absolute; left: 12px; top: 7px; font-size: 13px; color: #f00; line-height: 1.0; margin: 0; }
#pageBody .confirm { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 50px 39px; margin-bottom: 40px; clear: both; }
#pageBody .confirm:after { content: ''; display: block; clear: both; }
#pageBody .confirm:last-child { margin-bottom: 10px; }
#pageBody .confirm .btn { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 80px; height: 40px; line-height: 38px; }
#pageBody .confirm .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .confirm .btn.edit { width: 170px; height: 45px; line-height: 43px; float: right; margin-top: -15px; }
#pageBody .confirm .btn.check { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); width: 170px; height: 45px; line-height: 43px; float: right; margin-top: -15px; }
#pageBody .confirm .btn.check:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm .btn.check:before { content: '\e815'; font-size: 14px; }
#pageBody .confirm .btn.add { width: auto; height: 40px; line-height: 38px; padding: 0 16px; }
#pageBody .confirm .btn.add:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm .btn.add:before { content: '\e808'; font-size: 16px; top: 0; }
#pageBody .confirm .inner { clear: both; }
#pageBody .confirm .inner:after { content: ''; display: block; clear: both; }
#pageBody .confirm .inner .left { width: 180px; float: left; margin-right: 40px; }
#pageBody .confirm .inner .right { float: right; width: 710px; }
#pageBody .confirm div.addInfo { background: #f6f6f6; display: block; text-align: center; clear: both; margin: 40px 0 35px; }
#pageBody .confirm div.addInfo a { line-height: 1.0; color: #0098df; display: inline-block; padding: 29px 10px; width: 100%; }
#pageBody .confirm div.addInfo a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm div.addInfo a:before { content: '\e808'; font-size: 14px; margin-right: 5px; }
#pageBody .confirm div.addInfo:last-child { margin-bottom: 0; }
#pageBody .confirm table.confirmTable { border: 1px dotted #9a9a9a; border-width: 1px 0 0; border-collapse: separate; border-spacing: 0; margin-bottom: 35px; }
#pageBody .confirm table.confirmTable th, #pageBody .confirm table.confirmTable td { border-bottom: 1px dotted #9a9a9a; border-width: 0 0 1px; }
#pageBody .confirm table.confirmTable th { width: 150px; vertical-align: top; padding: 15px; }
#pageBody .confirm table.confirmTable th span { margin-right: 5px; }
#pageBody .confirm table.confirmTable th i.required { color: #f00; vertical-align: middle; }
#pageBody .confirm table.confirmTable th i.notRequired { display: inline-block; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; background: #cdcdcd; padding: 4px 5px; }
#pageBody .confirm table.confirmTable td { display: relative; padding: 15px 3px 15px 15px; }
#pageBody .confirm table.confirmTable td.lock { padding-right: 30px; }
#pageBody .confirm table.confirmTable td div.addInfo { margin: 20px 0 10px; }
#pageBody .confirm table.confirmTable td.null, #pageBody .confirm table.confirmTable td .null { color: #999; }
#pageBody .confirm table.confirmTable td p { margin-bottom: .5em; }
#pageBody .confirm table.confirmTable td.lock { position: relative; }
#pageBody .confirm table.confirmTable td.lock:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td.lock:after { content: '\e836'; position: absolute; display: block; right: 0; top: 50%; margin-top: -12px; font-size: 16px; color: #999; width: 30px; height: 10px; text-align: center; }
#pageBody .confirm table.confirmTable td.lock span.err { margin-right: 0; }
#pageBody .confirm table.confirmTable td b { display: inline-block; margin-right: 20px; font-weight: normal; }
#pageBody .confirm table.confirmTable td span.err { display: block; position: relative; background: #ffdddd; color: #f00; font-size: 12px; padding: 4px 12px 3px 30px; margin-top: 10px; margin-right: 30px; }
#pageBody .confirm table.confirmTable td span.err:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td span.err:before { content: '\e806'; position: absolute; left: 12px; top: 7px; font-size: 13px; color: #f00; line-height: 1.0; margin: 0; }
#pageBody .confirm table.confirmTable td span.movie { font-size: 12px; line-height: 1.0; display: block; position: relative; padding-left: 35px; margin-bottom: 10px; }
#pageBody .confirm table.confirmTable td span.movie:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td span.movie b { display: inline-block; vertical-align: middle; line-height: 1.0; }
#pageBody .confirm table.confirmTable td span.movie a.textLink { margin-left: 34px; display: inline-block; vertical-align: middle; }
#pageBody .confirm table.confirmTable td span.movie:before { content: '\e807'; position: absolute; left: 0; top: 50%; margin-top: -11px; font-size: 20px; }
#pageBody .confirm table.confirmTable td span.movie:last-child { margin-bottom: 0; }
#pageBody .confirm table.confirmTable td i.notRequired { display: inline-block; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; background: #cdcdcd; padding: 4px 5px; }
#pageBody .confirm table.confirmTable td i.notRequired.icnLeft { margin-right: 10px; }
#pageBody .confirm table.confirmTable td a.textLink { display: block; font-size: 14px; }
#pageBody .confirm table.confirmTable td a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td a.textLink span { color: #00baff; }
#pageBody .confirm table.confirmTable td a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
#pageBody .confirm table.confirmTable td a.textLink:hover span { text-decoration: underline; }
#pageBody .confirm table.confirmTable td .qList { margin-top: 5px; }
#pageBody .confirm table.confirmTable td .qList li { list-style: none; margin-bottom: .25em; }
#pageBody .confirm table.confirmTable td .qDetail { margin-bottom: 0; padding: 5px 0 0 0; }
#pageBody .confirm table.confirmTable td .qDetail textarea { width: 545px; height: 125px; vertical-align: top; }
#pageBody .confirm table.confirmTable td .qDetail p { display: inline; font-size: 12px; }
#pageBody .confirm table.confirmTable td .noteBlack { font-size: 12px; margin-top: 10px; }
#pageBody .confirm table.confirmTable td div dl { background: #eefaff; padding: 7px 30px; border-radius: 4px; }
#pageBody .confirm table.confirmTable td div dl dt { float: left; width: 170px; padding: 10px 0; border-top: 1px dotted #9a9a9a; }
#pageBody .confirm table.confirmTable td div dl dt:nth-child(1) { border-top: none; }
#pageBody .confirm table.confirmTable td div dl dd { padding: 10px 20px 10px 190px; border-top: 1px dotted #9a9a9a; word-break: break-all; overflow-wrap: break-word; }
#pageBody .confirm table.confirmTable td div dl dd:nth-child(2) { border-top: none; }
#pageBody .confirm table.confirmTable td div dl.qa { padding: 0; }
#pageBody .confirm table.confirmTable td div dl.qa dt { width: 90px; color: #00baff; text-align: center; padding: 14px 0; }
#pageBody .confirm table.confirmTable td div dl.qa dd { padding: 14px 30px 14px 100px; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable { padding: 7px 20px; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dt { width: 90px; border-top: none; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dt a.goSample { color: #0098df; display: block; margin: 30px 0 0 0; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dt a.goSample:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dt a.goSample:before { content: '\e81d'; font-size: 14px; margin-right: 5px; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dd { padding-left: 100px; padding-right: 0; border-top: none; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dd .workTerm i.date { margin: 0 2px; }
#pageBody .confirm table.confirmTable td div dl.noBorderTable dd .workTerm i.tel { margin: 0 1px 0 0; }
#pageBody .confirm table.confirmTable td div a.addLink { display: block; color: #0098df; float: right; margin-top: 10px; }
#pageBody .confirm table.confirmTable td div a.addLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td div a.addLink:before { content: '\e808'; font-size: 14px; margin-right: 5px; }
#pageBody .confirm table.confirmTable td div.businessOutline { margin-bottom: 25px; }
#pageBody .confirm table.confirmTable td div.businessOutline:last-child { margin-bottom: 0; }
#pageBody .confirm table.confirmTable td dl { clear: both; }
#pageBody .confirm table.confirmTable td dl:after { content: ''; display: block; clear: both; }
#pageBody .confirm table.confirmTable td dl.listTable { display: table; width: 100%; background: #eefaff; border-radius: 4px; margin-bottom: 15px; }
#pageBody .confirm table.confirmTable td dl.listTable dt { width: 130px; padding: 7px 15px; font-size: 14px; text-align: left; display: table-cell; border-right: 1px solid #e1e1e1; }
#pageBody .confirm table.confirmTable td dl.listTable dd { display: table-cell; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul { line-height: 1.5; list-style: none; padding: 0 20px; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li { position: relative; border-top: 1px dotted #9a9a9a; font-size: 14px; padding: 5px 0; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li i { position: absolute; font-size: 12px; text-align: right; right: 3px; top: 6px; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li ul { padding: 0 0 0 20px; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li ul li { font-size: 12px; padding: 6px 45px 6px 0; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li ul li:first-child { border-top: 1px dotted #9a9a9a; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li ul li:last-child { padding-bottom: 6px; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li:first-child { border-top: none; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul li:last-child { padding-bottom: 10px; }
#pageBody .confirm table.confirmTable td dl.listTable dd ul.detailList li { font-size: 12px; padding: 6px 45px 6px 0; }
#pageBody .confirm table.confirmTable td dl.listTable:last-child { margin-bottom: 0; }
#pageBody .confirm table.confirmTable td dl.certificate dt { float: left; width: 290px; padding-right: 20px; }
#pageBody .confirm table.confirmTable td dl.certificate dd { padding-left: 290px; }
#pageBody .confirm table.confirmTable td dl.uploaderTable { clear: both; }
#pageBody .confirm table.confirmTable td dl.uploaderTable:after { content: ''; display: block; clear: both; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dt { width: 160px; font-size: 12px; float: left; padding-bottom: 8px; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd { padding-left: 170px; font-size: 12px; padding-bottom: 8px; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd span.fileInfo { color: #ff9900; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd span.fileInfo:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd span.fileInfo a { color: #ff9900; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd span.fileInfo a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd span.fileInfo i { margin-left: 10px; }
#pageBody .confirm table.confirmTable td dl.uploaderTable dd span.fileInfo:before { content: '\e832'; font-size: 12px; margin-right: 5px; }
#pageBody .confirm table.confirmTable td dl.skill { width: 510px; clear: both; border-top: 1px dotted #ccc; padding: 15px 0; }
#pageBody .confirm table.confirmTable td dl.skill:after { content: ''; display: block; clear: both; }
#pageBody .confirm table.confirmTable td dl.skill dt { float: left; width: 95px; }
#pageBody .confirm table.confirmTable td dl.skill dd { float: left; width: 410px; }
#pageBody .confirm table.confirmTable td dl.skill:first-child { border: none; padding-top: 0; }
#pageBody .confirm table.confirmTable.kantan th { padding: 10px 9px; }
#pageBody .confirm table.confirmTable.kantan td { padding: 10px 3px 10px 15px; }
#pageBody .confirm table.confirmTable.kantan .listTable { margin: 5px 0 15px; }
#pageBody .confirm table.confirmTable.kantan .listTable:last-child { margin-bottom: 5px; }
#pageBody .confirm .tableTitle { position: relative; margin-top: 40px; margin-bottom: 25px; }
#pageBody .confirm .tableTitle span { position: relative; background-color: #00baff; color: #fff; border-radius: 4px; padding: 6px 18px; display: inline-block; }
#pageBody .confirm .tableTitle span:before { content: ""; position: absolute; width: 12px; height: 12px; background: #00baff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 40px; top: 100%; margin-top: -6px; display: block; }
#pageBody .confirm .tableTitle:first-child { margin-top: 0; }
#pageBody .confirm .tableTitle .deleteEnrolledCompany { position: absolute; right: 0; top: 20px; color: #0098df; }
#pageBody .confirm p.movieFootNote { margin: -25px 0 8px; }
#pageBody .confirm nav.editMenu { float: left; width: 140px; margin-right: 30px; }
#pageBody .confirm nav.editMenu ul li { margin-bottom: 1px; }
#pageBody .confirm nav.editMenu ul li a { color: #fff; line-height: 56px; height: 56px; background: #666; display: block; padding: 0 18px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#pageBody .confirm nav.editMenu ul li a.current { background: #999; position: relative; }
#pageBody .confirm nav.editMenu ul li a.current:after { content: ""; display: block; position: absolute; right: -10px; top: 50%; margin-top: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #999; }
#pageBody .confirm nav.editMenu ul li a:hover { background: #999; }
#pageBody .confirm div.edit { width: 770px; float: left; }
#pageBody .confirm div.edit .inner .right { width: 550px; }
#pageBody .confirm div.edit .inner .left .btns { clear: both; margin-bottom: 15px; }
#pageBody .confirm div.edit .inner .left .btns:after { content: ''; display: block; clear: both; }
#pageBody .confirm div.edit .inner .left .btns .btn { float: left; }
#pageBody .confirm div.edit .inner .left .btns .btn:nth-child(2n) { float: right; }
#pageBody .confirm div.edit div.workCond { margin-bottom: 10px; }
#pageBody .confirm div.edit div.workTerm { display: inline-block; margin: 0; }
#pageBody .confirm div.edit div.workTerm i.date { margin: 0 5px; }
#pageBody .confirm div.edit div.workTerm i.tel { margin: 0 5px 0 0; }
#pageBody .confirm div.edit div.workTerm.unselectable { opacity: 0.4; }
#pageBody .confirm div.edit div.workTerm.unselectable select { pointer-events: none; }
#pageBody .confirm div.edit div.textarea { width: 340px; }
#pageBody .confirm div.edit div.textarea textarea { width: 340px; height: 60px; }
#pageBody .confirm div.edit div.textarea.pr.count textarea { width: 530px; height: 290px; }
#pageBody .confirm div.edit div.textarea.count { width: auto; clear: both; }
#pageBody .confirm div.edit div.textarea.count:after { content: ''; display: block; clear: both; }
#pageBody .confirm div.edit div.textarea.count textarea { float: left; width: 340px; margin-right: 10px; }
#pageBody .confirm div.edit div.textarea.count p { display: inline-block; font-size: 12px; }
#pageBody .confirm div.edit div.textarea.count.itTextarea { width: 410px; }
#pageBody .confirm div.edit div.langugeSub { float: left; width: 380px; display: block; }
#pageBody .confirm div.edit div.qualificationTerm { display: inline-block; margin: 0; }
#pageBody .confirm div.edit div.qualificationTerm label.sel { margin: 0 5px; }
#pageBody .confirm div.edit label { display: inline-block; font-size: 14px; width: 100%; }
#pageBody .confirm div.edit label input[type=text], #pageBody .confirm div.edit label input[type=url], #pageBody .confirm div.edit label input[type=email], #pageBody .confirm div.edit label input[type=date], #pageBody .confirm div.edit label input[type=tel], #pageBody .confirm div.edit label input[type=password], #pageBody .confirm div.edit label input[type=datetime], #pageBody .confirm div.edit label input[type=datetime-local], #pageBody .confirm div.edit label input[type=month], #pageBody .confirm div.edit label input[type=week], #pageBody .confirm div.edit label input[type=time], #pageBody .confirm div.edit label input[type=number] { width: 100%; margin: 0; border-radius: 3px; }
#pageBody .confirm div.edit label select { width: 100%; padding: 2px 37px 2px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; height: 30px; margin: 0; }
#pageBody .confirm div.edit label.radio { position: relative; width: auto; padding-left: 20px; margin-right: 20px; background: url(../img/register_unchkRadio.png) left center no-repeat; color: #727272; }
#pageBody .confirm div.edit label.radio input { position: absolute; left: 1px; top: 50%; margin-top: -7px; z-index: -1; display: inline-block; opacity: 0; }
#pageBody .confirm div.edit label.radio.checked { background-image: url(../img/register_chkRadio.png); }
#pageBody .confirm div.edit label.checkbox input { margin-right: 10px; color: #999; vertical-align: middle; }
#pageBody .confirm div.edit label.sel { position: relative; }
#pageBody .confirm div.edit label.sel.income { width: 190px; }
#pageBody .confirm div.edit label.sel.income:nth-child(n+2) { display: none; }
#pageBody .confirm div.edit label textarea { width: 100%; height: 100%; border-radius: 4px; }
#pageBody .confirm div.edit label input[type="radio"] { margin-right: 10px; }
#pageBody .confirm div.edit label.name { width: 170px; }
#pageBody .confirm div.edit label.name.name2 { margin-left: 12px; }
#pageBody .confirm div.edit label.birthday { width: 170px; }
#pageBody .confirm div.edit label.address1 { width: 130px; }
#pageBody .confirm div.edit label.address2 { width: 160px; display: block; }
#pageBody .confirm div.edit label.address3 { width: 320px; margin-top: 15px; }
#pageBody .confirm div.edit label.tel1 { width: 60px; }
#pageBody .confirm div.edit label.tel2 { width: 100px; }
#pageBody .confirm div.edit label.graduate { width: 160px; }
#pageBody .confirm div.edit label.school { width: 230px; }
#pageBody .confirm div.edit label.year { width: auto; }
#pageBody .confirm div.edit label.month { width: auto; }
#pageBody .confirm div.edit label.workType { width: 130px; }
#pageBody .confirm div.edit label.changeTimes { width: 190px; }
#pageBody .confirm div.edit label.companyName { width: 320px; }
#pageBody .confirm div.edit label.workDetail textarea { width: 100%; height: 200px; }
#pageBody .confirm div.edit label.seclusion { margin-top: 6px; display: block; }
#pageBody .confirm div.edit label.time select { width: auto; }
#pageBody .confirm div.edit label.abroadStudy select { width: auto; }
#pageBody .confirm div.edit label.language { width: 170px; float: left; margin-right: 20px; }
#pageBody .confirm div.edit label.language1 { width: 170px; margin-bottom: 15px; }
#pageBody .confirm div.edit label.language2 { width: 295px; margin-bottom: 15px; }
#pageBody .confirm div.edit label.language3 { width: 295px; margin-bottom: 20px; }
#pageBody .confirm div.edit label.skill select { width: auto; display: block; margin-bottom: 18px; }
#pageBody .confirm div.edit label.itSkill { width: 280px; display: block; margin-bottom: 18px; }
#pageBody .confirm div.edit label.itExperience { display: block; margin-bottom: 18px; }
#pageBody .confirm div.edit label.itExperience select { width: auto; }
#pageBody .confirm div.edit label.qualification { width: 250px; margin-right: 10px; margin-top: 15px; }
#pageBody .confirm div.edit i.date { margin: 0 10px; }
#pageBody .confirm div.edit i.tel { margin: 0 10px; }
#pageBody .confirm div.edit dl.attention { margin: 0 0 18px 0; position: relative; padding-left: 110px; }
#pageBody .confirm div.edit dl.attention dt { position: absolute; left: 0; top: 0; margin-right: 10px; border-radius: 4px; background: #c00; color: #fff; font-size: 12px; line-height: 1.0; padding: 3px 5px; }
#pageBody .confirm div.edit dl.attention dd { font-size: 12px; line-height: 18px; color: #f00; }
#pageBody .confirm div.edit dl.noBorderTable label.text, #pageBody .confirm div.edit dl.noBorderTable label.textarea { width: 460px; }
#pageBody .confirm div.edit dl.block { padding: 0; }
#pageBody .confirm div.edit dl.block dt { position: relative; left: auto; top: auto; margin: 0 0 10px 0; display: inline-block; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable { clear: both; margin-top: 30px; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable:after { content: ''; display: block; clear: both; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dt { position: relative; float: left; display: block; width: 130px; padding: 0 5px 6px 46px; text-align: left; clear: both; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dt i.notRequired { position: absolute; left: 0; top: 1px; display: block; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; background: #cdcdcd; padding: 4px 5px; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd { float: left; width: 354px; padding: 4px 0 6px; text-align: left; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell { padding-bottom: 0; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader { width: 100%; height: 120px; text-shadow: none; border-radius: 2px; margin-bottom: 10px; border: 2px #9a9a9a dotted; margin: 0 auto 10px; cursor: pointer; position: relative; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader span { display: block; vertical-align: middle; height: 75px; padding: 20px 0 0; font-size: 12px; line-height: 20px; color: #666; z-index: 0; text-align: center; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader span i { color: #9a9a9a; display: block; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader input[type=file] { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; display: block; opacity: 0; z-index: 1; cursor: pointer; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader .fileVirtual { display: none; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader button.upFile { position: absolute; left: 50%; border: 1px #999 solid; border-radius: 5px; width: 140px; height: 27px; background: #fff; color: #666; font-size: 15px; line-height: 25px; margin-left: -70px; text-align: center; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; top: 70px; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader:hover, #pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader.hover { border-color: #00baff; background-color: #e5f8ff; opacity: 1; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader.on { background-color: #e5f8ff; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .uploader.on .fileVirtual { display: block; width: 100%; height: 100%; background: #e5f8ff; border: 0 none; text-align: center; overflow: hidden; white-space: nowrap; padding: 0 10px; text-overflow: ellipsis; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell span { display: block; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell span.note { margin-bottom: 3px; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .err { padding: 0; margin-bottom: 8px; list-style: none; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .err li { color: #f00; font-size: 12px; line-height: 1.4; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .err li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm div.edit table.confirmTable td dl.uploaderTable dd.uploadCell .err li:before { content: '\e806'; font-size: 13px; margin-right: 4px; }
#pageBody .smsNotification { width: 640px; margin: 0px auto 50px; padding: 1px 0 0 0; }
#pageBody .smsNotification h2 { text-align: center; font-size: 24px; font-weight: bold; margin: 0 0 20px; padding: 0; background: none; }
#pageBody .smsNotification .setting { -webkit-box-shadow: none; box-shadow: none; border: 1px #00baff solid; background: #eefaff; margin: 0 0 20px; padding: 30px 80px; text-align: center; clear: both; }
#pageBody .smsNotification .setting:after { content: ''; display: block; clear: both; }
#pageBody .smsNotification .setting p { font-weight: bold; float: left; line-height: 30px; margin: 0; }
#pageBody .smsNotification .setting p i.off { color: #f00; }
#pageBody .smsNotification .setting p i.on { color: #00baff; }
#pageBody .smsNotification .setting button { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); width: 100px; height: 30px; line-height: 30px; vertical-align: middle; float: right; }
#pageBody .smsNotification .notes { font-size: 12px; }
#pageBody .entrySection { margin-top: 10px; }

#pageBody section .confirmTable select::-ms-expand { display: none; }

#pageBody section .confirmTable label .sel select::-ms-expand { display: none; }

#modalWrap.movie { padding: 33px 0 16px; }
#modalWrap.movie .movieWrap { width: 400px; margin: 0 auto 20px; position: relative; height: 247px; }
#modalWrap.movie .movieWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#modalWrap.movie .btns { width: 100px; margin: 0 auto; }
#modalWrap.movie .btns a.btn { padding: 0 10px; border-radius: 30px; background-color: #333; color: #ccc; line-height: 30px; height: 30px; display: block; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#modalWrap.movie .btns a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.movie .btns a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.movie .btns a.btn:before { content: '\e816'; }

#modalWrap.register { padding: 44px 100px 20px; }
#modalWrap.register h1 { position: relative; background-color: #00baff; color: #fff; font-size: 16px; border-radius: 4px; margin-bottom: 35px; padding: 6px 10px; text-align: center; font-weight: bold; z-index: 1; }
#modalWrap.register h1:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.register h1:before { content: ""; position: absolute; width: 12px; height: 12px; background: #00baff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 100%; margin-left: -6px; margin-top: -6px; z-index: -1; display: block; -webkit-box-shadow: none; box-shadow: none; }
#modalWrap.register h1:after { display: none; }
#modalWrap.register .personalImage { position: relative; margin: -35px auto 15px; z-index: 0; width: 367px; height: 276px; }
#modalWrap.register .personalImage figure { width: 367px; height: 100%; position: absolute; left: 0; top: 0; }
#modalWrap.register .personalImage figure .mask { width: 367px; height: 276px; position: absolute; left: 0; top: 0; background: url(../img/trimMask.png) no-repeat 0 0; color: #fff; font-size: 30px; font-weight: bold; letter-spacing: -0.05em; text-align: center; line-height: 270px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
#modalWrap.register .personalImage.finished { margin: 0 auto 20px; height: auto; }
#modalWrap.register .personalImage.finished figure { position: static; top: auto; left: auto; height: auto; }
#modalWrap.register .personalImage.finished figure figcaption { text-align: center; padding: 20px 0 0; font-size: 14px; }
#modalWrap.register .uploader { width: 354px; height: 180px; border: 2px #9a9a9a dotted; margin: 0 auto 37px; position: relative; border-radius: 4px; cursor: pointer; }
#modalWrap.register .uploader input[type=file] { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; display: block; opacity: 0; z-index: 1; cursor: pointer; }
#modalWrap.register .uploader span { display: block; font-size: 12px; line-height: 20px; color: #666; z-index: 0; text-align: center; height: 100%; padding: 50px 0 0; }
#modalWrap.register .uploader span i { color: #9a9a9a; display: block; }
#modalWrap.register .uploader .fileVirtual { display: none; }
#modalWrap.register .uploader:hover, #modalWrap.register .uploader.hover { border-color: #00baff; background-color: #e5f8ff; opacity: 1; }
#modalWrap.register .uploader.on { background-color: #e5f8ff; }
#modalWrap.register .uploader.on .fileVirtual { display: block; width: 100%; height: 100%; background: #e5f8ff; border: 0 none; text-align: center; overflow: hidden; white-space: nowrap; padding: 0 10px; text-overflow: ellipsis; }
#modalWrap.register .uploader button.upFile { position: absolute; left: 50%; top: 100px; border: 1px #999 solid; border-radius: 5px; width: 140px; height: 27px; background: #fff; color: #666; font-size: 15px; line-height: 25px; margin-left: -70px; text-align: center; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }
#modalWrap.register dl { margin: 0 0 55px 30px; position: relative; padding-left: 110px; }
#modalWrap.register dl dt { position: absolute; left: 0; top: 0; margin-right: 10px; border-radius: 4px; background: #c00; color: #fff; font-size: 12px; line-height: 1.0; padding: 3px 5px; }
#modalWrap.register dl dd { font-size: 12px; line-height: 18px; color: #f00; }
#modalWrap.register .btns { width: 360px; margin: 0 auto; text-align: center; clear: both; }
#modalWrap.register .btns:after { content: ''; display: block; clear: both; }
#modalWrap.register .btns button { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 170px; height: 45px; line-height: 43px; font-size: 14px; float: left; margin-bottom: 20px; }
#modalWrap.register .btns button:before, #modalWrap.register .btns button:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#modalWrap.register .btns button.free { padding: 0 15px; width: auto; }
#modalWrap.register .btns button:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.register .btns button:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.register .btns button.changePic { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); margin-right: 20px; }
#modalWrap.register .btns button.check:before { font-size: 14px !important; top: -1px; }
#modalWrap.register .btns a.btn { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; padding: 0 10px; width: 100px; border-radius: 30px; background-color: #333; color: #ccc; line-height: 30px; height: 30px; display: block; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 auto; }
#modalWrap.register .btns a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.register .btns a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.register .btns a.btn:before { content: '\e816'; }

#modalWrap.delete { padding: 40px 90px 20px; }
#modalWrap.delete h1 { font-size: 14px; text-align: center; line-height: 1.0; margin-bottom: 15px; }
#modalWrap.delete h1:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.delete h1:before { content: '\f12a'; margin-right: 0; font-size: 26px; color: #999; display: block; margin-bottom: 7px; }
#modalWrap.delete p { color: #f00; font-size: 12px; margin-bottom: 10px; }
#modalWrap.delete .btns { text-align: center; clear: both; }
#modalWrap.delete .btns:after { content: ''; display: block; clear: both; }
#modalWrap.delete .btns button { border-width: 1px; border-style: solid; display: inline-block; border-radius: 4px; width: 250px; max-width: 100%; height: 45px; box-shadow: 0 1px 2px 0 #fff inset; -moz-box-shadow: 0 1px 2px 0 #fff inset; -webkit-box-shadow: 0 1px 2px 0 #fff inset; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); text-align: center; line-height: 43px; border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 170px; height: 45px; line-height: 43px; font-size: 14px; margin-bottom: 20px; float: left; }
#modalWrap.delete .btns button:before, #modalWrap.delete .btns button:after { font-size: 16px !important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#modalWrap.delete .btns button.free { padding: 0 15px; width: auto; }
#modalWrap.delete .btns button:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.delete .btns button:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.delete .btns button:nth-child(2n) { float: right; }
#modalWrap.delete .btns a.btn { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; padding: 0 10px; width: 100px; border-radius: 30px; background-color: #333; color: #ccc; line-height: 30px; height: 30px; display: block; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 auto; }
#modalWrap.delete .btns a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#modalWrap.delete .btns a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#modalWrap.delete .btns a.btn:before { content: '\e816'; }

#pageBody .column2 .register.wide { width: 550px; }
#pageBody .column2 .register.narrow { width: 430px; }
#pageBody .column2 .register.wide h1, #pageBody .column2 .register.narrow h1 { margin-bottom: 30px; }
#pageBody .column2 .register.wide h1.withErr, #pageBody .column2 .register.narrow h1.withErr { margin-bottom: 20px; }
#pageBody .column2 .register.social.narrow .btn { height: 52px; line-height: 50px; margin-bottom: 15px; padding: 0 55px 0 23px; }
#pageBody .column2 .register.social.narrow .btn:after { background-size: 30px auto; right: 12px; }
#pageBody .column2 .register.social.narrow .btn:nth-child(2) { margin-top: 0; }
#pageBody .column2 .register.mail.wide { padding-bottom: 40px; }
#pageBody .column2 .register.mail.wide dl.inline { clear: both; }
#pageBody .column2 .register.mail.wide dl.inline:after { content: ''; display: block; clear: both; }
#pageBody .column2 .register.mail.wide dl.inline dt { width: 110px; float: left; }
#pageBody .column2 .register.mail.wide dl.inline dd { padding-left: 120px; }
#pageBody .column2 .register.mail.wide dl.inline dd label.password { margin-bottom: 30px; }
#pageBody .column2 .register.mail.wide .btn { width: 350px; margin: 0 auto 15px; display: block; }
#pageBody .noRegister h1 { margin-top: 80px; }
#pageBody .noRegister h2 { margin-top: 40px; }
#pageBody .noRegister h2:first-child { margin-top: 0; }
#pageBody .addBoxes { margin-bottom: 40px; }
#pageBody .addBoxes h2:first-child { margin-top: 40px; }
#pageBody .addBox { background: #f6f6f6; display: block; text-align: center; clear: both; margin-bottom: 20px; border: 1px dashed #bcbcbc; }
#pageBody .addBox a { line-height: 1.0; color: #0098df; display: inline-block; padding: 38px 10px; width: 100%; font-size: 16px; }
#pageBody .addBox a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .addBox a:before { content: '\e808'; font-size: 16px; margin-right: 15px; top: 1px; }
#pageBody .addBox a span { display: inline-block; vertical-align: middle; }
#pageBody .addBox a i.notRequired { display: inline-block; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; background: #cdcdcd; padding: 4px 5px; vertical-align: middle; margin-left: 15px; }
#pageBody .confirm table.confirmTable td small.footnote { display: block; margin-top: 10px; }
#pageBody .confirm div.edit.regist { width: 100%; float: none; }
#pageBody .confirm div.edit label.id { width: 350px; display: block; }
#pageBody .confirm .errGeneral { display: block; position: relative; background: #ffdddd; color: #f00; font-size: 14px; padding: 4px 12px 3px 30px; margin-bottom: 10px; margin-right: 30px; }
#pageBody .confirm .errGeneral:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .confirm .errGeneral:before { content: '\e806'; position: absolute; left: 12px; top: 7px; font-size: 13px; color: #f00; line-height: 1.0; margin: 0; }

section.message { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 50px 40px 67px; margin-bottom: 40px; }
section.message h1 { font-weight: normal; line-height: 25px; border-bottom: 1px dotted #666; padding: 0 0 18px; margin-bottom: 24px; }
section.message .username { margin-bottom: 15px; }
section.message p { line-height: 25px; margin-bottom: 24px; }
section.message p:last-child { margin-bottom: 0; }

#pageBody.scoutContent section.detailBox header .btns { right: 0; }
#pageBody.scoutContent section.detailBox header .text .type.private { background: #999; padding-top: 3px; padding-bottom: 1px; }
#pageBody.scoutContent section.detailBox header .text .type.private:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.scoutContent section.detailBox header .text .type.private:before { content: '\e836'; font-size: 18px; top: 0; }
#pageBody.scoutContent section.detailBox.done header .btns a.btn { opacity: 0.5; pointer-events: none; }
#pageBody.scoutContent section.detailBox.done .detail aside .btns a.btn { opacity: 0.5; pointer-events: none; }
#pageBody.scoutContent section.detailBox.done .detail aside p.btnNote { text-align: center; color: #46b900; margin-top: 15px; }
#pageBody.scoutContent section.detailBox.closed .mainInfo { margin-top: 50px; }

.replayBox { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); z-index: 100; padding: 25px 0; height: 210px; }
.replayBox .inner { position: relative; width: 1020px; margin: 0 auto; clear: both; padding: 0; clear: both; }
.replayBox .inner:after { content: ''; display: block; clear: both; }
.replayBox .inner:after { content: ''; display: block; clear: both; }
.replayBox .inner .left { width: 280px; float: left; margin-right: 20px; padding-left: 10px; }
.replayBox .inner .right { width: 720px; float: left; }
.replayBox .inner .right textarea { width: 520px; height: 157px; margin-right: 20px; float: left; }
.replayBox .inner .right button { float: left; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); width: 170px; height: 45px; line-height: 43px; font-size: 14px; }
.replayBox .inner .right button:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
.replayBox .inner .right button:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.replayBox .inner .right button:before { content: '\e815'; font-size: 14px; }

#pageBody .chatList { position: relative; display: block; cursor: pointer; margin-bottom: 10px; padding: 0 50px 0 85px; background: #00baff; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#pageBody .chatList:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .chatList:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .chatList .number { position: absolute; display: block; width: 85px; height: 46px; left: 0; top: 50%; margin-top: -23px; color: #fff; text-align: center; padding: 0; }
#pageBody .chatList .number b { display: block; font-size: 26px; line-height: 1.0; display: block; }
#pageBody .chatList .number b:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .chatList .number b:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .chatList .number b:before { content: '\e837'; font-size: 20px; }
#pageBody .chatList .number span { font-size: 12px; line-height: 1.0; }
#pageBody .chatList .text { display: table; width: 100%; border: 1px solid #00baff; border-width: 1px 0; background: #eefaff; padding: 10px 0; }
#pageBody .chatList .text h2 { display: table-cell; width: 570px; vertical-align: middle; font-size: 14px; padding: 0 15px; margin-bottom: 0; line-height: 1.4; border-right: 1px dotted #00baff; background: none; }
#pageBody .chatList .text h2 a { color: #0098df; display: block; }
#pageBody .chatList .text h2 i { display: inline-block; font-size: 12px; line-height: 1.0; color: #fff; border-radius: 4px; background: #6BC734; padding: 3px 7px; margin-bottom: 6px; }
#pageBody .chatList .text h2 i.icnKantan { background: #7ce6ff; color: #000; }
#pageBody .chatList .text h2 i + i { margin-left: 5px; }
#pageBody .chatList .text .companyName { display: table-cell; width: 195px; vertical-align: middle; font-size: 12px; line-height: 1.5; border-right: 1px dotted #00baff; padding: 0 10px; }
#pageBody .chatList .text .companyName img { display: block; width: 70px; height: auto; }
#pageBody .chatList .text .date { display: table-cell; font-size: 12px; line-height: 1.5; vertical-align: middle; text-align: center; color: #46b900; }
#pageBody .chatList:before { content: ""; position: absolute; display: block; width: 85px; height: 100%; left: 0; top: 0; }
#pageBody .chatList:after { content: '\e811'; font-size: 20px; position: absolute; display: block; margin: -16px  0 0; width: 50px; height: 32px; right: 0; top: 50%; color: #fff; text-align: center; }
#pageBody .chatList.unRead:before { background: #c00; }
#pageBody .chatList:last-child { margin-bottom: 20px; }
#pageBody .chatList:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); opacity: 0.8; }
#pageBody .chatLists.empty { margin: 35px 0; background: url(../img/dotBorderL.png) no-repeat 0 0; height: 294px; text-align: center; line-height: 294px; }
#pageBody .chatLists.empty-favorites { margin: 0 0 35px 0; background: url(../img/dotBorderL.png) no-repeat 0 0; height: 294px; text-align: center; line-height: 294px; }

#pageBody section.chatDetail { background: url(../img/squareBgBlue.png) left top repeat; clear: both; margin: 0 10px 30px; }
#pageBody section.chatDetail:after { content: ''; display: block; clear: both; }
#pageBody section.chatDetail h1 { background: #00baff none; -webkit-box-shadow: none; box-shadow: none; margin: 0 -20px 30px; font-size: 14px; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); line-height: 36px; height: 36px; padding: 0 20px; }
#pageBody section.chatDetail h1 i.number { display: inline-block; position: absolute; top: 50%; right: 20px; background: #00baff; font-size: 12px; line-height: 26px; lheight: 26px; margin-top: -13px; padding: 0 10px; text-shadow: none; }
#pageBody section.chatDetail h1 i.number:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.chatDetail h1 i.number b { font-size: 26px; margin-left: 8px; vertical-align: middle; display: inline-block; }
#pageBody section.chatDetail h1 i.number:before { content: '\e837'; font-size: 20px; margin-right: 5px; top: 0; }
#pageBody section.chatDetail h1:before { display: none; }
#pageBody section.chatDetail h1:after { width: 12px; height: 12px; background: #00baff; left: 44px; bottom: -6px; }
#pageBody section.chatDetail .chatInfo { width: 330px; float: left; padding: 0 20px 20px; color: #fff; }
#pageBody section.chatDetail .chatInfo .date { font-size: 12px; line-height: 20px; clear: both; margin-bottom: 8px; }
#pageBody section.chatDetail .chatInfo .date:after { content: ''; display: block; clear: both; }
#pageBody section.chatDetail .chatInfo .date i { float: right; display: inline-block; background: #6BC734; border-radius: 4px; line-height: 20px; height: 20px; padding: 0 8px; }
#pageBody section.chatDetail .chatInfo .date i.icnKantan { background: #7ce6ff; color: #000; }
#pageBody section.chatDetail .chatInfo h2 { background: none; padding: 0; font-size: 14px; line-height: 1.5; margin-bottom: 12px; }
#pageBody section.chatDetail .chatInfo h2 a { color: #fff; display: inline-block; text-decoration: underline; }
#pageBody section.chatDetail .chatInfo h2 a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.chatDetail .chatInfo h2 a:after { content: '\e838'; font-size: 14px; margin-right: 14px; }
#pageBody section.chatDetail .chatInfo a.btn { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); width: 240px; height: 40px; line-height: 38px; margin-bottom: 20px; }
#pageBody section.chatDetail .chatInfo a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.chatDetail .chatInfo a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.chatDetail .chatInfo a.btn:before { content: '\e83c'; }
#pageBody section.chatDetail .chatInfo .companyName { display: table; width: 100%; margin-bottom: 23px; }
#pageBody section.chatDetail .chatInfo .companyName img { width: 70px; height: auto; display: table-cell; vertical-align: middle; }
#pageBody section.chatDetail .chatInfo .companyName span { display: table-cell; vertical-align: middle; font-size: 12px; }
#pageBody section.chatDetail .chatInfo .historyBack a { color: #fff; }
#pageBody section.chatDetail .chatInfo .historyBack a:before { color: #fff; }
#pageBody section.chatDetail .chatHistory { width: 670px; float: right; background: url(../img/squareBgGray.png) left top repeat; padding: 0 20px 54px; min-height: 341px; }
#pageBody section.chatDetail .chatHistory h1 { background-color: #b8b8b8; }
#pageBody section.chatDetail .chatHistory h1:after { background-color: #b8b8b8; }
#pageBody section.chatDetail .chatHistory .message { width: 550px; float: left; margin-bottom: 45px; }
#pageBody section.chatDetail .chatHistory .message i.new { background: #ff24aa; color: #fff; font-size: 11px; padding: 3px 6px 2px; line-height: 1.0; border-radius: 4px; margin-right: 10px; display: inline-block; vertical-align: middle; }
#pageBody section.chatDetail .chatHistory .message .speaker { font-size: 12px; display: inline-block; vertical-align: middle; margin-right: 20px; }
#pageBody section.chatDetail .chatHistory .message .speaker:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.chatDetail .chatHistory .message .speaker:before { content: '\e839'; font-size: 16px; color: #00baff; margin-right: 5px; top: 1px; }
#pageBody section.chatDetail .chatHistory .message .time { font-size: 12px; display: inline-block; vertical-align: middle; }
#pageBody section.chatDetail .chatHistory .message .chatWindow { background: #eefaff; margin-top: 6px; padding: 24px 25px 17px; }
#pageBody section.chatDetail .chatHistory .message .chatWindow p { line-height: 25px; margin-bottom: 24px; }
#pageBody section.chatDetail .chatHistory .message .chatWindow p.title { font-weight: normal; line-height: 25px; border-bottom: 1px dotted #666; padding: 0 0 15px; margin-bottom: 18px; }
#pageBody section.chatDetail .chatHistory .message .chatWindow p:last-child { margin-bottom: 0; }
#pageBody section.chatDetail .chatHistory .message.customer { float: right; }
#pageBody section.chatDetail .chatHistory .message.customer .speaker:before { color: #ffa800; }
#pageBody section.chatDetail .chatHistory .message.customer .chatWindow { background-color: #fffee7; }
#pageBody section.chatDetail .chatHistory .noMessege { background: #e1f9d3; height: 86px; line-height: 86px; margin: 100px -20px 63px; color: #46b900; text-align: center; }

.onlineInterviewCaution { font-size: 11px; }

/* IE11 */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #pageBody section.detailBox header .text .type { padding-top: 6px; padding-bottom: 4px; } }
/* FireFox */
@-moz-document url-prefix() { #pageBody.scoutContent section.detailBox header .text .type.private:before { top: -1px; } }
#pageBody section.csList { position: relative; background: #008bbe; text-align: center; color: #fff; padding: 0 0 22px; margin-bottom: 60px; }
#pageBody section.csList .csHeader { background: url(../img/squareBgNavy.png) left top repeat; padding: 30px 35px; margin-bottom: 30px; }
#pageBody section.csList .csHeader dl { clear: both; }
#pageBody section.csList .csHeader dl:after { content: ''; display: block; clear: both; }
#pageBody section.csList .csHeader dl dt { float: left; width: 260px; font-size: 16px; padding: 0 25px; line-height: 1.0; font-weight: bold; text-align: left; }
#pageBody section.csList .csHeader dl dt em { font-size: 40px; }
#pageBody section.csList .csHeader dl dt span { display: block; margin-top: 9px; }
#pageBody section.csList .csHeader dl dd { width: 670px; float: left; border-left: 1px dotted #fff; line-height: 1.0; }
#pageBody section.csList .csHeader dl dd ul { font-size: 0; font-weight: bold; }
#pageBody section.csList .csHeader dl dd ul li { display: inline-block; font-size: 14px; padding: 8px 35px; }
#pageBody section.csList .csHeader dl dd ul li em { font-size: 30px; }
#pageBody section.csList .csHeader dl dd a { font-size: 12px; color: #fff; }
#pageBody section.csList .csHeader dl dd a:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.csList .csHeader dl dd a span { text-decoration: underline; }
#pageBody section.csList .csHeader dl dd a:before { content: '\e83b'; font-size: 16px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
#pageBody section.csList .csHeader dl dd a:hover span { text-decoration: none; }
#pageBody section.csList .btns { clear: both; padding: 0 50px; margin-bottom: 30px; }
#pageBody section.csList .btns:after { content: ''; display: block; clear: both; }
#pageBody section.csList .btns .left { float: left; width: 565px; background: #006a91; border: 1px solid #34aedb; padding: 14px 16px; clear: both; }
#pageBody section.csList .btns .left:after { content: ''; display: block; clear: both; }
#pageBody section.csList .btns .left a.btn { float: right; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); width: 170px; height: 45px; line-height: 43px; font-size: 14px; margin-left: 14px; }
#pageBody section.csList .btns .left a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.csList .btns .left a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.csList .btns .left a.btn:before { content: '\e83c'; }
#pageBody section.csList .btns .left p { display: table-cell; vertical-align: middle; width: 350px; text-align: left; }
#pageBody section.csList .btns a.btn.edit { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; float: right; width: 300px; height: 75px; line-height: 73px; font-size: 18px; }
#pageBody section.csList .btns a.btn.edit:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.csList .btns a.btn.edit:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.csList .btns a.btn.edit:before { content: '\e83a'; font-size: 20px !important; }
#pageBody section.csList h2 { padding: 0; margin: 0; background: none; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); display: inline-block; font-size: 20px; margin-bottom: 30px; line-height: 1.0; }
#pageBody section.csList h2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.csList h2:before { content: '\f064'; font-size: 20px; margin-right: 15px; }
#pageBody section.csList .careersheet { margin-bottom: 15px; clear: both; position: relative; }
#pageBody section.csList .careersheet:after { content: ''; display: block; clear: both; }
#pageBody section.csList .careersheet li { float: left; z-index: 0; margin-left: -1px; overflow: hidden; }
#pageBody section.csList .careersheet li a { display: block; position: relative; background: #fff; padding: 19px; text-align: left; width: 255px; height: 267px; }
#pageBody section.csList .careersheet li a h3 { line-height: 1.0; font-size: 14px; border-bottom: 1px dotted #999; margin-bottom: 10px; padding-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#pageBody section.csList .careersheet li a h3 img { display: block; margin: 0 auto 15px; }
#pageBody section.csList .careersheet li a em { font-size: 12px; margin-bottom: 10px; }
#pageBody section.csList .careersheet li a p { margin-bottom: 0; font-size: 14px; }
#pageBody section.csList .careersheet li a:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; border: 1px #ccc solid; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }
#pageBody section.csList .careersheet li a:hover:after { border-color: #00baff; z-index: 10; }
#pageBody section.csList .careersheet li:first-child { margin-left: 0; }
#pageBody section.csList .careersheet .slick-prev, #pageBody section.csList .careersheet .slick-next { position: absolute; top: 50%; display: block; margin-top: -135px; width: 100px; height: 270px; color: transparent; border: none; outline: none; text-indent: 200%; overflow: hidden; white-space: nowrap; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; z-index: 1; }
#pageBody section.csList .careersheet .slick-prev:after, #pageBody section.csList .careersheet .slick-next:after { content: ""; position: absolute; display: block; width: 10px; height: 30px; top: 50%; margin-top: -15px; }
#pageBody section.csList .careersheet .slick-prev:hover, #pageBody section.csList .careersheet .slick-next:hover { opacity: 1; }
#pageBody section.csList .careersheet .slick-prev:hover:after, #pageBody section.csList .careersheet .slick-next:hover:after { opacity: 0.6; }
#pageBody section.csList .careersheet .slick-prev { background: url(../img/slickBgLeft.png) left center repeat-y; left: 0; }
#pageBody section.csList .careersheet .slick-prev:after { background-image: url(../img/slickArrLeft.png); left: 22px; }
#pageBody section.csList .careersheet .slick-next { background: url(../img/slickBgRight.png) right center repeat-y; right: 0; }
#pageBody section.csList .careersheet .slick-next:after { background-image: url(../img/slickArrRight.png); right: 22px; }
#pageBody section.csList .careersheet.center { text-align: center; font-size: 0; }
#pageBody section.csList .careersheet.center li { float: none; display: inline-block; vertical-align: top; }
#pageBody section.csList .footnote { padding: 0 65px; text-align: left; }
#pageBody section.csList:after { content: ""; position: absolute; display: block; bottom: -30px; left: 50%; margin-left: -69px; width: 0; height: 0; border-style: solid; border-width: 30px 89px 0 89px; border-color: #008bbe transparent transparent transparent; }
#pageBody section.checkPoint { padding: 0 10px; text-align: center; margin-bottom: 45px; }
#pageBody section.checkPoint h2 { font-size: 22px; line-height: 42px; height: 42px; margin-bottom: 25px; padding: 0; background: none; display: inline-block; font-weight: bold; color: #00378a; }
#pageBody section.checkPoint h2:before { content: ""; display: inline-block; background: url(../img/slashLeftNavy.png) left center no-repeat; width: 42px; height: 42px; margin-right: 15px; vertical-align: middle; }
#pageBody section.checkPoint h2:after { content: ""; display: inline-block; background: url(../img/slashRightNavy.png) left center no-repeat; width: 42px; height: 42px; margin-left: 15px; vertical-align: middle; }
#pageBody section.checkPoint .items { clear: both; margin: 0 0 40px; }
#pageBody section.checkPoint .items:after { content: ''; display: block; clear: both; }
#pageBody section.checkPoint .items .item { width: 238px; position: relative; display: block; float: left; margin-right: 15px; padding: 20px 0 54px; }
#pageBody section.checkPoint .items .item h3 { position: absolute; width: 210px; line-height: 40px; padding: 5px 9px 21px; color: #00378a; background: url(../img/bg_checkPoint.png) top center no-repeat; left: 14px; top: 0; font-weight: bold; vertical-align: middle; }
#pageBody section.checkPoint .items .item h3:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.checkPoint .items .item h3 em { vertical-align: top; color: #ff00f0; font-size: 18px; margin-left: 2px; font-weight: bold; }
#pageBody section.checkPoint .items .item h3:before { content: '\e803'; font-size: 20px; margin-right: 2px; top: -3px; }
#pageBody section.checkPoint .items .item .content { background: url(../img/squareBgNavy.png) left top repeat; border-radius: 4px 4px 0 0; padding: 45px 0 0; overflow: hidden; }
#pageBody section.checkPoint .items .item .content p { color: #fff; margin-bottom: 19px; }
#pageBody section.checkPoint .items .item .content p em { font-size: 24px; display: block; }
#pageBody section.checkPoint .items .item .content p.footnote { font-size: 12px; padding: 0 20px; margin-bottom: 12px; text-align: left; }
#pageBody section.checkPoint .items .item a { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 54px; font-size: 16px; line-height: 54px; color: #fff; background: #00bbff; font-size: 16px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody section.checkPoint .items .item a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.checkPoint .items .item a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.checkPoint .items .item a:after { content: '\e811'; position: absolute; font-size: 20px; margin: -16px 0 0; width: 32px; text-align: center; right: 0; top: 50%; text-shadow: none; margin-top: -27px; }
#pageBody section.checkPoint .items .item:nth-child(4n) { margin-right: 0; }
#pageBody section.checkPoint .btnBox { padding: 36px 10px 45px; margin-bottom: 45px; }
#pageBody section.checkPoint .btnBox p { color: #46b900; font-size: 16px; margin-bottom: 17px; }
#pageBody section.checkPoint .btnBox a.btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0 12px; }
#pageBody section.checkPoint .btnBox a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.checkPoint .btnBox a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.checkPoint .btnBox a.btn.edit { font-size: 14px; line-height: 43px; width: 270px; height: 45px; }
#pageBody section.checkPoint .btnBox a.btn.edit:before { content: '\e83a'; font-size: 16px; margin-right: 5px; }
#pageBody section.checkPoint .btnBox a.btn.preview { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); font-size: 14px; line-height: 43px; width: 172px; height: 45px; }
#pageBody section.checkPoint .btnBox a.btn.preview:before { content: '\e83c'; margin-right: 5px; }
#pageBody section.checkPoint .btnBox a.btn.set { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); font-size: 14px; line-height: 43px; width: 172px; height: 45px; }
#pageBody section.checkPoint .btnBox a.btn.set:before { content: '\e805'; }
#pageBody section.checkPoint a { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
#pageBody section.checkPoint a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.promoMovie { padding: 0 10px; text-align: center; }
#pageBody section.promoMovie h2 { font-size: 22px; line-height: 42px; height: 42px; margin-bottom: 20px; padding: 0; background: none; display: inline-block; font-weight: bold; color: #00378a; }
#pageBody section.promoMovie h2:before { content: ""; display: inline-block; background: url(../img/slashLeftNavy.png) left center no-repeat; width: 42px; height: 42px; margin-right: 15px; vertical-align: middle; }
#pageBody section.promoMovie h2:after { content: ""; display: inline-block; background: url(../img/slashRightNavy.png) left center no-repeat; width: 42px; height: 42px; margin-left: 15px; vertical-align: middle; }
#pageBody section.promoMovie .promoMerit { position: relative; }
#pageBody section.promoMovie .promoMerit h2, #pageBody section.promoMovie .promoMerit h3, #pageBody section.promoMovie .promoMerit dt, #pageBody section.promoMovie .promoMerit dd { position: absolute; bottom: 0; left: 0; z-index: -1; font-size: 0; line-height: 1.0; height: 0; margin: 0; }
#pageBody section.promoMovie .promoMerit figure { position: relative; z-index: 1; }
#pageBody section.promoMovie .promoMerit figure img { display: block; }
#pageBody section.promoMovie .promoMerit a { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; position: relative; display: block; color: #fff; background: #00bbff; font-size: 16px; padding: 11px 32px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); }
#pageBody section.promoMovie .promoMerit a:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.promoMovie .promoMerit a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.promoMovie .promoMerit a:after { content: '\e811'; position: absolute; font-size: 20px; margin: -16px 0 0; width: 32px; height: 32px; text-align: center; right: 0; top: 50%; text-shadow: none; }
#pageBody section.promoMovie .qrCodeBox { border: 2px solid #fddc00; padding: 45px 30px 50px; background: url(../img/diagBgOrg.png) left top repeat; }
#pageBody section.promoMovie .qrCodeBox h2 { font-size: 18px; line-height: 42px; height: 42px; margin-bottom: 35px; padding: 0; background: none; display: inline-block; font-weight: bold; }
#pageBody section.promoMovie .qrCodeBox h2:before { content: ""; display: inline-block; background: url(../img/slashLeft.png) left center no-repeat; width: 42px; height: 42px; margin-right: 10px; vertical-align: middle; }
#pageBody section.promoMovie .qrCodeBox h2:after { content: ""; display: inline-block; background: url(../img/slashRight.png) left center no-repeat; width: 42px; height: 42px; margin-left: 10px; vertical-align: middle; }
#pageBody section.promoMovie .qrCodeBox div { width: 544px; margin: 0 auto; clear: both; }
#pageBody section.promoMovie .qrCodeBox div:after { content: ''; display: block; clear: both; }
#pageBody section.promoMovie .qrCodeBox div dl { width: 234px; height: 210px; display: table; vertical-align: middle; border: 5px solid #fddc00; background: #fff; position: relative; margin: 0 19px; float: left; }
#pageBody section.promoMovie .qrCodeBox div dl dt { position: absolute; top: -16px; left: 0; line-height: 1.0; width: 100%; }
#pageBody section.promoMovie .qrCodeBox div dl dt span { display: inline-block; background: #fddc00; padding: 6px 23px 7px; border-radius: 3px; }
#pageBody section.promoMovie .qrCodeBox div dl dd { display: table-cell; vertical-align: middle; padding-top: 9px; }
#pageBody section.promoMovie .qrCodeBox div dl dd a.btn { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); font-size: 14px; width: 170px; height: 45px; line-height: 43px; }
#pageBody section.promoMovie .qrCodeBox div dl dd a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody section.promoMovie .qrCodeBox div dl dd a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.promoMovie .qrCodeBox div dl dd a.btn:before { content: '\e815'; }
#pageBody section.promoMovie .qrCodeBox div dl dd a.textLink { color: #0098df; display: block; margin-top: 13px; }
#pageBody section.promoMovie .qrCodeBox div dl dd a.textLink:hover { text-decoration: underline; }
#pageBody section.promoMovie .qrCodeBox div dl dd img { display: inline-block; }
#pageBody section.promoMovie .qrCodeBox.noLink div dl dd a.btn { opacity: 0.5; pointer-events: none; }
#pageBody section.promoMovie .qrCodeBox.top { margin: -1px 0 0; }
#pageBody section.promoMovie .promoContent { margin: -1px 0 0; clear: both; text-align: left; }
#pageBody section.promoMovie .promoContent:after { content: ''; display: block; clear: both; }
#pageBody section.promoMovie .promoContent h2 { padding: 0; background: #fddc00; line-height: 58px; height: 58px; text-align: center; position: relative; margin-bottom: 56px; font-weight: bold; font-size: 20px; display: block; }
#pageBody section.promoMovie .promoContent h2:before, #pageBody section.promoMovie .promoContent h2:after { background: none; }
#pageBody section.promoMovie .promoContent h2:after { content: ""; position: absolute; display: block; bottom: -30px; left: 50%; margin-left: -69px; width: 0; height: 0; border-style: solid; border-width: 30px 89px 0 89px; border-color: #fddc00 transparent transparent transparent; }
#pageBody section.promoMovie .promoContent .left { float: left; width: 570px; }
#pageBody section.promoMovie .promoContent .left .howto { clear: both; margin-bottom: 23px; }
#pageBody section.promoMovie .promoContent .left .howto:after { content: ''; display: block; clear: both; }
#pageBody section.promoMovie .promoContent .left .howto figure { width: 196px; float: left; margin-right: 14px; }
#pageBody section.promoMovie .promoContent .left .howto figure img { width: 100%; height: auto; }
#pageBody section.promoMovie .promoContent .left .howto .text { width: 360px; float: left; }
#pageBody section.promoMovie .promoContent .left .howto .text h3 { line-height: 1.4; color: #46b900; font-size: 20px; background: url(../img/icn_cloud.png) 13px 5px no-repeat; min-height: 44px; border-bottom: 1px dotted #46b900; margin-bottom: 15px; padding: 8px 0 7px 65px; font-weight: bold; }
#pageBody section.promoMovie .promoContent .left .howto .text p { margin-bottom: 0; }
#pageBody section.promoMovie .promoContent .left .howto .text dl { position: relative; }
#pageBody section.promoMovie .promoContent .left .howto .text dl dt { border-radius: 4px; background: #c00; color: #fff; font-size: 12px; line-height: 1.0; padding: 3px 5px; margin-bottom: 3px; display: inline-block; }
#pageBody section.promoMovie .promoContent .left .howto .text dl dd { font-size: 12px; line-height: 18px; color: #f00; display: block; }
#pageBody section.promoMovie .promoContent .left .howto:nth-child(2n) { float: right; }
#pageBody section.promoMovie .promoContent .left .howto:nth-child(2n) figure { margin: 0 0 0 13px; }
#pageBody section.promoMovie .promoContent .left .howto:last-child { margin-bottom: 35px; }
#pageBody section.promoMovie .promoContent .right { float: right; width: 400px; }
#pageBody section.promoMovie .promoContent .right figure { width: 400px; margin-bottom: 15px; }
#pageBody section.promoMovie .promoContent .right figure img { width: 100%; height: auto; }
#pageBody section.promoMovie .promoContent .right .ngMovie { background: #e9e9e9; border-radius: 4px; padding: 15px 10px; margin-bottom: 40px; }
#pageBody section.promoMovie .promoContent .right .ngMovie h3 { font-size: 16px; padding: 0 10px 4px; border-bottom: 1px dotted #000; text-align: center; margin-bottom: 14px; font-weight: bold; }
#pageBody section.promoMovie .promoContent .right .ngMovie h3:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.promoMovie .promoContent .right .ngMovie h3:before { content: '\e806'; font-size: 18px; }
#pageBody section.promoMovie .promoContent .right .ngMovie ul { margin-bottom: 9px; }
#pageBody section.promoMovie .promoContent .right .ngMovie ul li { list-style: none; position: relative; padding-left: 48px; margin-bottom: 3px; }
#pageBody section.promoMovie .promoContent .right .ngMovie ul li i { position: absolute; display: block; left: 5px; top: 1px; font-size: 12px; color: #fff; background: #000; border-radius: 4px; line-height: 1.0; padding: 4px 7px 4px; }
#pageBody section.promoMovie .promoContent .right .ngMovie p { font-size: 12px; margin-bottom: 2px; }
#pageBody section.promoMovie.registerMV h2 { color: #000; }
#pageBody.private .csList .careersheet figure { width: 100%; }
#pageBody.private .csList .careersheet figure img { width: 100%; height: auto; }
#pageBody.private .csList .btns .left p { color: #ff0; }
#pageBody.private .checkPoint .btnBox p { color: #ff6600; }
#pageBody .csList .careersheet.none { position: relative; display: table; background: url(../img/bg_careersheet.png) top center no-repeat; width: 100%; height: 266px; }
#pageBody .csList .careersheet.none p { font-size: 16px; display: table-cell; vertical-align: middle; margin-bottom: 0; }
#pageBody .csList .careersheet.none:before, #pageBody .csList .careersheet.none:after { content: ""; position: absolute; display: block; width: 10px; height: 30px; top: 50%; margin-top: -15px; }
#pageBody .csList .careersheet.none:before { background-image: url(../img/slickArrLeft.png); left: 22px; }
#pageBody .csList .careersheet.none:after { background-image: url(../img/slickArrRight.png); right: 22px; }

#pageBody section.confirm h1.userName { background: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 1.0; font-weight: normal; padding: 0; margin-bottom: 38px; }
#pageBody section.confirm h1.userName em { font-size: 20px; display: block; margin-top: 10px; }
#pageBody section.confirm h1.userName:before, #pageBody section.confirm h1.userName:after { display: none; }
#pageBody section.confirm h2 { font-size: 14px; margin-bottom: 10px; padding: 0 20px; font-weight: bold; }
#pageBody section.confirm h2 i.companyNum { display: inline-block; vertical-align: middle; background: #00baff; border-radius: 4px; color: #fff; line-height: 1.0; padding: 3px 8px; margin-left: 10px; font-weight: normal; }
#pageBody section.confirm .profileBox { background: #f2f2f2; border-radius: 4px; padding: 26px 20px 18px; clear: both; margin-bottom: 32px; }
#pageBody section.confirm .profileBox:after { content: ''; display: block; clear: both; }
#pageBody section.confirm .profileBox ul { width: 430px; float: left; }
#pageBody section.confirm .profileBox ul li { font-size: 14px; line-height: 20px; list-style: none; padding: 10px 0; }
#pageBody section.confirm .profileBox ul li b { font-weight: bold; float: left; width: 110px; padding: 0 20px; }
#pageBody section.confirm .profileBox ul li span { padding-left: 130px; display: block; }
#pageBody section.confirm .profileBox ul li span.null { color: #999; }
#pageBody section.confirm .profileBox ul li:nth-child(n+2) { border-top: 1px solid #fff; }
#pageBody section.confirm .profileBox ul:nth-child(2n) { margin-left: 20px; border-bottom: 1px solid #fff; }
#pageBody section.confirm table.confirmBorder { margin-bottom: 32px; }
#pageBody section.confirm table.confirmBorder th, #pageBody section.confirm table.confirmBorder td { padding: 10px 13px; }
#pageBody section.confirm table.confirmBorder th { background: none; width: 170px; }
#pageBody section.confirm table.confirmBorder td.null, #pageBody section.confirm table.confirmBorder td .null { color: #999; }
#pageBody section.confirm table.confirmBorder td b { display: inline-block; margin-right: 20px; font-weight: normal; }
#pageBody section.confirm table.confirmBorder td p { margin-bottom: .5em; }
#pageBody section.confirm table.confirmBorder td div dl { background: #eefaff; padding: 7px 30px; border-radius: 4px; }
#pageBody section.confirm table.confirmBorder td div dl dt { float: left; width: 170px; padding: 10px 0; border-top: 1px dotted #9a9a9a; }
#pageBody section.confirm table.confirmBorder td div dl dt:nth-child(1) { border-top: none; }
#pageBody section.confirm table.confirmBorder td div dl dd { padding: 10px 20px 10px 190px; border-top: 1px dotted #9a9a9a; word-break: break-all; overflow-wrap: break-word; }
#pageBody section.confirm table.confirmBorder td div dl dd:nth-child(2) { border-top: none; }
#pageBody section.confirm table.confirmBorder td div:nth-child(n+2) { margin-top: 25px; }
#pageBody section.confirm table.confirmBorder td dl { clear: both; }
#pageBody section.confirm table.confirmBorder td dl:after { content: ''; display: block; clear: both; }
#pageBody section.confirm table.confirmBorder td dl.listTable { display: table; width: 100%; background: #eefaff; border-radius: 4px; margin-bottom: 15px; }
#pageBody section.confirm table.confirmBorder td dl.listTable dt { width: 130px; padding: 7px 15px; font-size: 14px; text-align: left; display: table-cell; border-right: 1px solid #e1e1e1; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd { display: table-cell; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul { line-height: 1.5; list-style: none; padding: 0 20px; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li { position: relative; border-top: 1px dotted #9a9a9a; font-size: 14px; padding: 5px 0; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li i { position: absolute; font-size: 12px; text-align: right; right: 3px; top: 6px; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li ul { padding: 0 0 0 20px; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li ul li { font-size: 12px; padding: 6px 45px 6px 0; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li ul li:first-child { border-top: 1px dotted #9a9a9a; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li ul li:last-child { padding-bottom: 6px; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li:first-child { border-top: none; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul li:last-child { padding-bottom: 10px; }
#pageBody section.confirm table.confirmBorder td dl.listTable dd ul.detailList li { font-size: 12px; padding: 6px 45px 6px 0; }
#pageBody section.confirm table.confirmBorder td dl.listTable:last-child { margin-bottom: 0; }
#pageBody section.confirm table.confirmBorder td dl.certificate dt { float: left; width: 290px; padding-right: 20px; }
#pageBody section.confirm table.confirmBorder td dl.certificate dd { padding-left: 290px; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable { clear: both; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable:after { content: ''; display: block; clear: both; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable dt { width: 160px; font-size: 12px; float: left; padding-bottom: 8px; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable dd { padding-left: 170px; font-size: 12px; padding-bottom: 8px; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable dd span.fileInfo { color: #ff9900; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable dd span.fileInfo:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable dd span.fileInfo i { margin-left: 10px; }
#pageBody section.confirm table.confirmBorder td dl.uploaderTable dd span.fileInfo:before { content: '\e832'; font-size: 12px; margin-right: 5px; }
#pageBody section.confirm table.confirmBorder td dl.skill { width: 510px; clear: both; border-top: 1px dotted #ccc; padding: 15px 0; }
#pageBody section.confirm table.confirmBorder td dl.skill:after { content: ''; display: block; clear: both; }
#pageBody section.confirm table.confirmBorder td dl.skill dt { float: left; width: 95px; }
#pageBody section.confirm table.confirmBorder td dl.skill dd { float: left; width: 410px; }
#pageBody section.confirm table.confirmBorder td dl.skill:first-child { border: none; padding-top: 0; }
#pageBody section.confirm table.confirmBorder:last-child { margin-bottom: 0; }
#pageBody div.listTable { background: #eefaff; border-radius: 4px; margin-bottom: 15px; padding: 15px; margin-top: 0 !important; }
#pageBody dl.attention { position: relative; margin-bottom: 15px; text-align: left; }
#pageBody dl.attention dt { border-radius: 4px; background: #c00; color: #fff; font-size: 12px; line-height: 1.0; padding: 5px 5px; margin: 0 5px 0 0; display: block; float: left; }
#pageBody dl.attention dd { color: #c00; padding: 0 0 2px; }

/* IE11 */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #pageBody section.confirm h2 i.companyNum { padding: 5px 8px 1px; }
  *::-ms-backdrop, #pageBody section.csList .careersheet li a h3 { line-height: 1.1; } }
/* Scss Document */
#pageBody .setting { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 55px 50px 65px; margin-bottom: 45px; clear: both; display: table; width: 100%; }
#pageBody .setting:after { content: ''; display: block; clear: both; }
#pageBody .setting:last-child { margin-bottom: 10px; }
#pageBody .setting table.settingTable { border: 1px dotted #9a9a9a; border-width: 1px 0 0; border-collapse: separate; border-spacing: 0; }
#pageBody .setting table.settingTable col.head { width: 200px; }
#pageBody .setting table.settingTable col.subhead { width: 140px; }
#pageBody .setting table.settingTable col.cell { width: 580px; }
#pageBody .setting table.settingTable th, #pageBody .setting table.settingTable td { border: none; border-bottom: 1px dotted #9a9a9a; padding: 12px 20px; }
#pageBody .setting table.settingTable th { vertical-align: top; background: #f6f6f6; border-right: 1px solid #fff; }
#pageBody .setting table.settingTable td { padding: 15px 3px 15px 15px; background: #f6f6f6; position: relative; vertical-align: top; }
#pageBody .setting table.settingTable td span.err { display: block; position: relative; background: #ffdddd; color: #f00; font-size: 12px; padding: 4px 12px 3px 30px; margin-top: 4px; }
#pageBody .setting table.settingTable td span.err:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .setting table.settingTable td span.err:before { content: '\e806'; position: absolute; left: 12px; top: 7px; font-size: 13px; color: #f00; line-height: 1.0; margin: 0; }
#pageBody .setting table.settingTable td span.on { color: #00baff; display: none; }
#pageBody .setting table.settingTable td span.on.active { display: block; }
#pageBody .setting table.settingTable td span.off { color: #f00; display: none; }
#pageBody .setting table.settingTable td span.off.active { display: block; }
#pageBody .setting table.settingTable td a { display: block; }
#pageBody .setting table.settingTable td a.btn { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); width: 110px; height: 30px; line-height: 28px; font-size: 14px; position: absolute; right: 0; top: 10px; }
#pageBody .setting table.settingTable td a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .setting table.settingTable td a.textLink { display: block; font-size: 14px; }
#pageBody .setting table.settingTable td a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .setting table.settingTable td a.textLink span { color: #0098df; }
#pageBody .setting table.settingTable td a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
#pageBody .setting table.settingTable td a.textLink:hover span { text-decoration: underline; }
#pageBody .setting table.settingTable td a.hide { display: none; }
#pageBody .setting table.settingTable td:last-child { background: none; padding: 12px 120px 12px 20px; }
#pageBody .setting table.settingTable td:last-child.noBtn { padding-right: 20px; }
#pageBody .setting p.footnote { font-size: 12px; padding-left: 20px; margin-top: 6px; margin-bottom: 0; }
#pageBody .setting.info { padding: 60px 50px; font-size: 0; text-align: center; }
#pageBody .setting.info:before { content: ""; display: inline-block; width: 1px; height: 84px; vertical-align: middle; }
#pageBody .setting.info .vMiddle { display: inline-block; vertical-align: middle; text-align: center; width: 910px; font-size: 14px; }
#pageBody .setting.info .vMiddle p { margin: 30px 0px 0px; font-size: 16px; }
#pageBody .setting.info .vMiddle p.Caution { margin-top: 60px; font-size: 12px; color: #666; text-align: left; }
#pageBody .setting.info .vMiddle form p { margin-bottom: 20px; }
#pageBody .setting.info .vMiddle form p.last-child { margin-bottom: 10px; }
#pageBody .setting.info .vMiddle form dl { margin-top: 35px; }
#pageBody .setting.info .vMiddle form label.text input, #pageBody .setting.info .vMiddle form label.password input { margin-bottom: 0; border-radius: 3px; }
#pageBody .setting.info .vMiddle form.reason { width: 600px; margin: 0 auto; text-align: left; }
#pageBody .setting.info .vMiddle form.reason textarea { width: 600px; height: 150px; }
#pageBody .setting.info .vMiddle form.address dl dt { display: inline-block; margin-right: 10px; vertical-align: middle; font-weight: bold; }
#pageBody .setting.info .vMiddle form.address dl dd { display: inline-block; text-align: left; vertical-align: middle; }
#pageBody .setting.info .vMiddle form.password { width: 480px; margin: 0 auto; }
#pageBody .setting.info .vMiddle form.password dl { text-align: left; }
#pageBody .setting.info .vMiddle form.password dl dt { width: 130px; float: left; padding: 4px 0; font-weight: bold; }
#pageBody .setting.info .vMiddle form.password dl dd { padding-left: 130px; margin-bottom: 15px; }
#pageBody .setting.info .vMiddle form.password dl dd input { width: 170px; }
#pageBody .setting.info .vMiddle form.blockList { width: 660px; margin: 0 auto; text-align: left; }
#pageBody .setting.info .vMiddle form.blockList dl { margin-top: 55px; }
#pageBody .setting.info .vMiddle form.blockList dl dt { width: 190px; float: left; text-align: right; padding: 4px 0; font-weight: bold; }
#pageBody .setting.info .vMiddle form.blockList dl dd { padding-left: 210px; margin-bottom: 25px; }
#pageBody .setting.info .vMiddle form.blockList dl dd label { width: 350px; }
#pageBody .setting.info .vMiddle form.blockConfirm { width: 510px; margin: 0 auto; text-align: left; }
#pageBody .setting.info .vMiddle form.blockConfirm dl { margin-top: 25px; clear: both; text-align: left; border-top: 1px dotted #000; }
#pageBody .setting.info .vMiddle form.blockConfirm dl:after { content: ''; display: block; clear: both; }
#pageBody .setting.info .vMiddle form.blockConfirm dl dt { width: 130px; clear: both; float: left; text-align: center; padding: 11px 0 11px 15px; font-weight: bold; }
#pageBody .setting.info .vMiddle form.blockConfirm dl dd { padding: 11px 0 11px 140px; border-bottom: 1px dotted #000; }
#pageBody .setting.info .vMiddle .historyBack { margin: 30px auto 0; }
#pageBody .setting.info .vMiddle .btn { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); width: 270px; height: 56px; line-height: 54px; font-size: 16px; margin: 40px auto 0; display: block; }
#pageBody .setting.info .vMiddle .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .setting.info .vMiddle .btn.mail:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .setting.info .vMiddle .btn.mail:before { content: '\e80e'; font-size: 22px !important; }
#pageBody .setting.info .vMiddle .btn.check:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .setting.info .vMiddle .btn.check:before { content: '\e815'; font-size: 22px !important; }
#pageBody .setting.info .vMiddle .btn.lock:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .setting.info .vMiddle .btn.lock:before { content: '\e836'; font-size: 22px !important; }
#pageBody .setting.info .vMiddle .btn.cancel { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); }
#pageBody .setting.sentMail table { margin: 0 auto 40px; width: 720px; }
#pageBody .setting.sentMail table th, #pageBody .setting.sentMail table td { border: none; }
#pageBody .setting.sentMail table th { text-align: center; color: #ff6600; background: none; width: 210px; line-height: 1.4; }
#pageBody .setting.sentMail table th figure { margin-top: 7px; }
#pageBody .setting.sentMail table th em { font-size: 22px; }
#pageBody .setting.sentMail table td { line-height: 40px; text-align: left; }
#pageBody .setting.sentMail table td em { font-size: 22px; display: block; }
#pageBody .setting.sentMail p { text-align: left; }
#pageBody .setting.sentMail p a { color: #0098df; }
#pageBody .setting.sentMail p a:hover { text-decoration: underline; }

.modalStage.editWindow { width: 340px; height: 125px; border: 1px solid #999; border-radius: 4px; margin-left: -160px; }
.modalStage.editWindow #modalContent { text-align: center; display: table; background-color: #fff; width: 100%; height: 100%; border-radius: 4px; }
.modalStage.editWindow #modalContent p { display: table-cell; vertical-align: middle; font-weight: bold; }
.modalStage.editWindow #modalContent p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
.modalStage.editWindow #modalContent p:before { content: '\e815'; display: block; color: #6fd200; margin-bottom: 3px; font-size: 21px; }

/* IE11 */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #pageBody .setting table.settingTable td span.err { padding-top: 6px; padding-bottom: 1px; } }
/* Scss Document */
#sideFunctions { width: 350px; position: fixed; right: -292px; top: calc(50% - 256px); z-index: 1000; -webkit-transition: right 0.8s; transition: right 0.8s; min-height: 512px; }
#sideFunctions a.icon { display: block; position: absolute; left: 0; top: 114px; background: #000; width: 48px; height: 136px; border-radius: 7px 0 0 7px; text-indent: 105%; overflow: hidden; white-space: nowrap; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); font-size: 12px; line-height: 14px; color: #fff; text-align: center; padding-top: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#sideFunctions a.icon:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#sideFunctions a.icon:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#sideFunctions a.icon span { display: block; }
#sideFunctions a.icon:before { color: #fff; text-indent: 0; display: block; width: 100%; height: 22px; line-height: 22px; text-align: center; font-size: 22px; top: -10px; }
#sideFunctions a.icon.clip:before { content: '\e80f'; }
#sideFunctions a.icon.searchHistory { top: 261px; }
#sideFunctions a.icon.searchHistory:before { content: '\e810'; top: -6px; font-size: 17px; line-height: 17px; height: 17px; }
#sideFunctions a.icon.point:after { content: ""; position: absolute; left: 6px; top: 6px; width: 6px; height: 6px; display: block; background: url(../img/icn_point.png) left top no-repeat; }
#sideFunctions .content { width: 300px; min-height: 512px; display: none; position: absolute; left: 48px; top: calc(50% - 256px); background: #000; padding: 20px 18px 33px; border-radius: 7px 0 0 7px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
#sideFunctions .content ul { display: none; color: #fff; list-style: none; }
#sideFunctions .content a { color: #fff; display: block; }
#sideFunctions .content a.archive { width: 100%; text-align: center; position: absolute; right: 0; bottom: 14px; }
#sideFunctions .content a.archive:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#sideFunctions .content a.archive:after { content: '\f101'; font-size: 14px; top: 0; }
#sideFunctions .content li { border-bottom: 1px dotted #fff; margin-bottom: 11px; }
#sideFunctions .content li a { padding: 0 0 11px 10px; }
#sideFunctions .content li i { background: #ff24aa; color: #fff; font-size: 11px; padding: 4px 8px 3px; border-radius: 4px; display: inline-block; line-height: 1.0; margin-bottom: 4px; }
#sideFunctions .content li i.closed { background: #818181; }
#sideFunctions .content li h2 { font-weight: normal; margin-bottom: 2px; }
#sideFunctions .content li p { margin-top: 7px; margin-bottom: 0; color: #6fd200; line-height: 1.0; font-size: 12px; }
#sideFunctions .content li p:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#sideFunctions .content li p:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#sideFunctions .content li p:before { content: '\e81b'; font-size: 14px; top: -1px; }
#sideFunctions .content li p:after { content: '\f101'; font-size: 14px; }
#sideFunctions .content li span { font-size: 10px; }
#sideFunctions .content li em { font-weight: bold; }
#sideFunctions .content.active { display: block; left: 48px; }
#sideFunctions .content.active ul { display: block; }
#sideFunctions.open { right: -32px; }
#sideFunctions.open .content { left: 20px; }
#sideFunctions.open a.icon { opacity: 0.6; left: -28px; }
#sideFunctions.open a.icon.active { opacity: 1; }

#pageBody .applyBox { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); box-shadow: 0px -13px 20px -12px rgba(0, 0, 0, 0.32); z-index: 100; padding: 30px 0; height: 140px; display: none; }
#pageBody .applyBox .inner { position: relative; width: 1020px; margin: 0 auto; clear: both; padding: 0 30px 0 0; clear: both; }
#pageBody .applyBox .inner:after { content: ''; display: block; clear: both; }
#pageBody .applyBox .inner:after { content: ''; display: block; clear: both; }
#pageBody .applyBox .inner .left { width: 610px; float: left; margin-right: 30px; }
#pageBody .applyBox .inner .left p { color: #46b900; margin-bottom: 0; }
#pageBody .applyBox .inner .left p.note { font-size: 10px; }
#pageBody .applyBox .inner .left h2 { font-size: 20px; color: #46b900; margin-bottom: 5px; font-weight: bold; background: none; padding: 0; }
#pageBody .applyBox .inner button.btn { float: right; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); width: 350px; height: 75px; line-height: 73px; font-size: 18px; }
#pageBody .applyBox .inner button.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .applyBox .inner button.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .applyBox .inner button.btn:before { content: '\f02e'; font-size: 22px; }
#pageBody .applyBox.fixed { display: block; }

#pageBody .favoriteArchive { margin-bottom: 60px; }
#pageBody .favoriteArchive label { display: inline-block; }
#pageBody .favoriteArchive label span { width: 50px; display: inline-block; text-align: center; }
#pageBody .favoriteArchive label.allchecked { display: block; margin-bottom: 30px; text-align: right; }
#pageBody .favoriteArchive .list { clear: both; margin-bottom: 50px; }
#pageBody .favoriteArchive .list:after { content: ''; display: block; clear: both; }
#pageBody .favoriteArchive .list label { width: 50px; padding: 12px 0 15px; text-align: center; float: left; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
#pageBody .favoriteArchive .list section.recruitBox { width: 960px; float: right; margin-bottom: 0; }
#pageBody .favoriteArchive .list section.recruitBox .wrapBox header { margin-bottom: 10px; }
#pageBody .favoriteArchive .list section.recruitBox .wrapBox header .term { display: block; margin-top: 10px; }
#pageBody .favoriteArchive .list section.recruitBox .delete { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: block; z-index: 10; cursor: pointer; text-indent: 105%; overflow: hidden; white-space: nowrap; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0; padding: 0; }
#pageBody .favoriteArchive .list section.recruitBox .delete:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .favoriteArchive .list section.recruitBox .delete:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .favoriteArchive .list section.recruitBox .delete:after { content: '\e81a'; font-size: 22px; color: #BABABA; text-align: center; line-height: 40px; position: absolute; width: 100%; height: 100%; display: block; top: 0; right: 0; text-indent: 0; }

#pageBody ul.historyTile li { background: #fff; list-style: none; margin-bottom: 40px; }
#pageBody ul.historyTile li a { position: relative; display: block; z-index: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: block; padding: 10px 45px 8px; }
#pageBody ul.historyTile li a:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
#pageBody ul.historyTile li a:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#pageBody ul.historyTile li a:hover:before { border: 1px #00baff solid; }
#pageBody ul.historyTile li dl { clear: both; }
#pageBody ul.historyTile li dl:after { content: ''; display: block; clear: both; }
#pageBody ul.historyTile li dl dt { display: block; width: 95px; float: left; padding: 17px 10px 4px; font-weight: bold; line-height: 1.4; }
#pageBody ul.historyTile li dl dd { display: block; padding: 15px 10px 8px 105px; border-bottom: 1px dotted #000; }
#pageBody ul.historyTile li dl dd span { display: inline-block; margin: 2px 15px 7px 0; }
#pageBody ul.historyTile li dl dd i { font-size: 12px; line-height: 1.0; padding: 6px 9px; border-radius: 4px; background: #bababa; color: #fff; display: inline-block; margin: 0 9px 7px 0; }
#pageBody ul.historyTile li dl dd:last-child { border-bottom: none; }
#pageBody ul.historyTile li dl dd:after { content: ""; display: block; clear: both; }
#pageBody ul.historyTile li:last-child { margin-bottom: 0; }

/* IE11 */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #sideFunctions .content li i { padding-bottom: 1px; } }
/*edge*/
_:-ms-lang(x), _::-webkit-meter-bar, #sideFunctions .content li i { padding-top: 3px; }

#pageBody.contact h1 { margin-bottom: 50px; }
#pageBody.contact h2 { margin-bottom: 20px; margin-top: -10px; }
#pageBody.contact ul.textLink { list-style: none; margin-left: 30px; }
#pageBody.contact ul.textLink li { position: relative; display: block; padding-left: 20px; margin-bottom: 5px; }
#pageBody.contact ul.textLink li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact ul.textLink li a { color: #0098df; text-decoration: none; }
#pageBody.contact ul.textLink li a:hover { text-decoration: underline; }
#pageBody.contact ul.textLink li:before { content: '\e811'; width: 20px; position: absolute; left: 0; top: 0; }
#pageBody.contact ul.textLink li:last-child { margin-bottom: 0; }
#pageBody.contact .column3 { clear: both; }
#pageBody.contact .column3:after { content: ''; display: block; clear: both; }
#pageBody.contact .column3 .contactIndex { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; width: 330px; display: inline-block; padding: 35px 35px 28px; float: left; margin-right: 15px; }
#pageBody.contact .column3 .contactIndex:nth-child(3n) { margin-right: 0; }
#pageBody.contact .column3 .contactIndex h1 { background-color: #00baff; color: #fff; border-radius: 4px; padding: 6px 10px; text-align: center; -webkit-box-shadow: none; box-shadow: none; line-height: inherit; z-index: 1; margin-bottom: 30px; }
#pageBody.contact .column3 .contactIndex h1:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .column3 .contactIndex h1:before { content: ""; position: absolute; width: 12px; height: 12px; background: #00baff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 100%; margin-left: -6px; margin-top: -6px; z-index: -1; display: block; -webkit-box-shadow: none; box-shadow: none; }
#pageBody.contact .column3 .contactIndex h1:after { display: none; }
#pageBody.contact .column3 .contactIndex ul.textLink li { font-size: 18px; padding-left: 16px; margin-bottom: 8px; }
#pageBody.contact .column3 .contactIndex ul.textLink li:before { font-size: 14px; margin-right: 10px; width: 16px; top: 2px; }
#pageBody.contact .contactDetail { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 60px 50px 100px; margin-bottom: 10px; clear: both; }
#pageBody.contact .contactDetail:after { content: ''; display: block; clear: both; }
#pageBody.contact .contactDetail p.lead { margin-bottom: 25px; }
#pageBody.contact .contactDetail p.footnote { margin-top: 12px; }
#pageBody.contact .contactDetail p.att_comment.bottom { text-align: center; margin-top: 10px; color: red; font-size: 12px; font-weight: bold; }
#pageBody.contact .contactDetail p.att_comment.top { text-align: center; color: red; font-size: 12px; font-weight: bold; }
#pageBody.contact .contactDetail small.footnote { display: inline-block; }
#pageBody.contact .contactDetail label { display: inline-block; font-size: 14px; width: 320px; }
#pageBody.contact .contactDetail label input[type=text], #pageBody.contact .contactDetail label input[type=url], #pageBody.contact .contactDetail label input[type=email], #pageBody.contact .contactDetail label input[type=date], #pageBody.contact .contactDetail label input[type=tel], #pageBody.contact .contactDetail label input[type=password], #pageBody.contact .contactDetail label input[type=datetime], #pageBody.contact .contactDetail label input[type=datetime-local], #pageBody.contact .contactDetail label input[type=month], #pageBody.contact .contactDetail label input[type=week], #pageBody.contact .contactDetail label input[type=time], #pageBody.contact .contactDetail label input[type=number] { width: 100%; margin: 0; border-radius: 3px; }
#pageBody.contact .contactDetail label.sel { width: auto; margin-right: 25px; }
#pageBody.contact .contactDetail label select { width: 100%; padding: 2px 37px 2px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6; background: url(../img/bgSelect.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background: url(../img/bgSelect.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); border: none; color: #757575; height: 30px; margin: 0; }
#pageBody.contact .contactDetail label.radio { position: relative; width: auto; padding-left: 20px; margin-right: 20px; background: url(../img/register_unchkRadio.png) left center no-repeat; color: #757575; }
#pageBody.contact .contactDetail label.radio input { position: absolute; left: 1px; top: 50%; margin-top: -7px; z-index: -1; display: inline-block; opacity: 0; }
#pageBody.contact .contactDetail label.radio.checked { background-image: url(../img/register_chkRadio.png); }
#pageBody.contact .contactDetail label.checkbox { width: auto; }
#pageBody.contact .contactDetail label.checkbox input { margin-right: 10px; }
#pageBody.contact .contactDetail label.sel { position: relative; margin-bottom: 10px; }
#pageBody.contact .contactDetail label.sel:last-child { margin-bottom: 0; }
#pageBody.contact .contactDetail label.name { width: 175px; }
#pageBody.contact .contactDetail label.name.name2 { margin-left: 15px; }
#pageBody.contact .contactDetail label.id { width: 175px; }
#pageBody.contact .contactDetail label.address1 { width: 175px; }
#pageBody.contact .contactDetail label.address2 { width: 100%; }
#pageBody.contact .contactDetail label.etc1 { width: 410px; }
#pageBody.contact .contactDetail label.etc2 { width: 320px; margin: 0 15px; }
#pageBody.contact .contactDetail .btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 350px; height: 66px; line-height: 64px; font-size: 18px; margin: 0 auto; display: block; }
#pageBody.contact .contactDetail .btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody.contact .contactDetail table { border: 1px dotted #9a9a9a; border-width: 1px 0 0; border-collapse: separate; border-spacing: 0; }
#pageBody.contact .contactDetail table th, #pageBody.contact .contactDetail table td { border-bottom: 1px dotted #9a9a9a; border-width: 0 0 1px; }
#pageBody.contact .contactDetail table th { width: 200px; vertical-align: top; padding: 20px; }
#pageBody.contact .contactDetail table th span { margin-right: 5px; }
#pageBody.contact .contactDetail table th i.required { color: #f00; vertical-align: middle; }
#pageBody.contact .contactDetail table th i.notRequired { display: inline-block; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; background: #cdcdcd; padding: 4px 5px; }
#pageBody.contact .contactDetail table td { display: relative; padding: 15px; }
#pageBody.contact .contactDetail table td span.err { display: block; position: relative; background: #ffdddd; color: #f00; font-size: 12px; padding: 4px 12px 3px 30px; margin-top: 10px; margin-right: 30px; }
#pageBody.contact .contactDetail table td span.err:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .contactDetail table td span.err:before { content: '\e806'; position: absolute; left: 12px; top: 7px; font-size: 13px; color: #f00; line-height: 1.0; margin: 0; }
#pageBody.contact .contactDetail table td small.footnote { margin-top: 10px; }
#pageBody.contact .contactDetail table td p.footnote { padding-left: 1em; text-indent: -1em; }
#pageBody.contact .contactDetail table td p small.footnote { margin-top: 7px; }
#pageBody.contact .contactDetail table td span { display: inline-block; vertical-align: middle; }
#pageBody.contact .contactDetail table td textarea { width: 100%; border-radius: 4px; margin: 0; }
#pageBody.contact .contactDetail table td textarea.textarea1 { height: 215px; }
#pageBody.contact .contactDetail table td textarea.textarea2 { height: 142px; }
#pageBody.contact .contactDetail table td textarea.textarea3 { height: 260px; }
#pageBody.contact .contactDetail div.bgBlue { background: #eefaff; padding: 34px 30px 40px; margin-bottom: 50px; }
#pageBody.contact .contactDetail div.bgBlue h3 { font-weight: bold; margin-bottom: 6px; }
#pageBody.contact .contactDetail div.bgBlue p { margin-bottom: 32px; }
#pageBody.contact .contactDetail div.bgBlue p:last-child { margin-bottom: 0; }
#pageBody.contact .contactDetail div.bgBlue p small.footnote { margin-top: 5px; line-height: 1.8; }
#pageBody.contact .contactDetail div.centerAtt { text-align: center; margin: 75px auto 25px; }
#pageBody.contact .contactDetail div.centerAtt label { font-size: 12px; }
#pageBody.contact .contactDetail div.centerAtt label a { color: #0098df; }
#pageBody.contact .contactDetail div.centerAtt label a:hover { text-decoration: underline; }
#pageBody.contact .contactDetail a.textLink { display: block; font-size: 14px; margin: 0 0 30px; }
#pageBody.contact .contactDetail a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .contactDetail a.textLink span { color: #00baff; }
#pageBody.contact .contactDetail a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
#pageBody.contact .contactDetail a.textLink:hover span { text-decoration: underline; }
#pageBody.contact .contactDetail.info { padding: 95px 60px 90px; display: table; width: 100%; }
#pageBody.contact .contactDetail.info .vMiddle { display: table-cell; vertical-align: middle; text-align: center; width: 100%; }
#pageBody.contact .contactDetail.info .vMiddle p { margin-bottom: 40px; }
#pageBody.contact .contactDetail.info .vMiddle .historyBack { margin-bottom: 0; }

#pageBody.contact .contactDetail select::-ms-expand { display: none; }

#pageBody.contact .historyBack.top { margin-top: -16px; }
#pageBody.contact p.dscp { margin-top: -16px; margin-bottom: 35px; }
#pageBody.contact aside.similarQ h2 { background-image: none; margin: 0 0 15px; padding: 0; }
#pageBody.contact aside.similarQ h2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact aside.similarQ h2:before { content: '\e81d'; font-size: 30px; margin-right: 12px; color: #7f7f7f; }
#pageBody.contact aside.similarQ ul.textLink { background: #eefaff; border-radius: 4px; padding: 33px 35px 30px; }
#pageBody.contact .kwd .kwdInner { background: #f2f2f2; padding: 18px 32px; }
#pageBody.contact .kwd .kwdInner span { width: 290px; font-size: 16px; vertical-align: middle; display: inline-block; }
#pageBody.contact .kwd .kwdInner label.text { position: relative; display: inline-block; vertical-align: middle; margin-right: 25px; }
#pageBody.contact .kwd .kwdInner label.text:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .kwd .kwdInner label.text input[type=text] { width: 430px; padding-left: 38px; margin: 0; }
#pageBody.contact .kwd .kwdInner label.text:after { content: '\e80c'; position: absolute; left: 11px; top: 50%; margin: 0; margin-top: -18px; color: #ccc; font-size: 24px; }
#pageBody.contact .kwd .kwdInner button { border-color: #666; background: #a6a6a6; background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#878787)); background: linear-gradient(to bottom, #a6a6a6 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#878787',GradientType=0 ); width: 100px; height: 38px; line-height: 36px; vertical-align: middle; }
#pageBody.contact .faqIndex { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 60px 50px 85px; }
#pageBody.contact .faqIndex aside.similarQ { margin-bottom: 40px; }
#pageBody.contact .faqIndex aside.similarQ h2 { margin-bottom: 15px; }
#pageBody.contact .faqIndex aside.similarQ ul.textLink { clear: both; }
#pageBody.contact .faqIndex aside.similarQ ul.textLink:after { content: ''; display: block; clear: both; }
#pageBody.contact .faqIndex aside.similarQ ul.textLink li { width: 400px; float: left; margin: 0; }
#pageBody.contact .faqIndex aside.similarQ ul.textLink li:nth-child(2n) { float: right; }
#pageBody.contact .faqIndex aside.similarQ ul.textLink li:nth-child(n+3) { margin-top: 10px; }
#pageBody.contact .faqIndex ul.faqList { list-style: none; clear: both; }
#pageBody.contact .faqIndex ul.faqList:after { content: ''; display: block; clear: both; }
#pageBody.contact .faqIndex ul.faqList li { float: left; width: 450px; }
#pageBody.contact .faqIndex ul.faqList li a { display: block; width: 450px; background: #00baff; border-radius: 4px; position: relative; color: #fff; padding: 10px 35px 13px 30px; float: left; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
#pageBody.contact .faqIndex ul.faqList li a:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .faqIndex ul.faqList li a:after { content: '\e811'; font-size: 20px; position: absolute; top: 50%; margin-top: -16px; right: 20px; }
#pageBody.contact .faqIndex ul.faqList li a:hover { opacity: 0.6; }
#pageBody.contact .faqIndex ul.faqList li a span { display: block; font-size: 18px; margin-bottom: -6px; }
#pageBody.contact .faqIndex ul.faqList li a span:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .faqIndex ul.faqList li a span:before { width: 40px; height: 48px; font-size: 30px; vertical-align: middle; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutEcareer:before { content: '\e83e'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutRegister:before { content: '\e803'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutLogin:before { content: '\e801'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutCS:before { content: '\e826'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutSearch:before { content: '\e80c'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutJobDetail:before { content: '\f02e'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutScout:before { content: '\f1d8'; }
#pageBody.contact .faqIndex ul.faqList li a span.mailMagazine:before { content: '\e80d'; }
#pageBody.contact .faqIndex ul.faqList li a span.aboutFA:before { content: ""; background: url(../img/icn_fa.png) left 14px no-repeat; display: inline-block; }
#pageBody.contact .faqIndex ul.faqList li:nth-child(2n) { float: right; }
#pageBody.contact .faqIndex ul.faqList li:nth-child(n+3) { margin-top: 20px; }
#pageBody.contact .faqIndex ul.faqList li:last-child { margin-bottom: 40px; }
#pageBody.contact .kwdResult { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 50px 50px 30px; margin-bottom: 0; }
#pageBody.contact .kwdResult .kwd .kwdInner { margin: 10px 0 25px; }
#pageBody.contact .kwdResult h2 { position: relative; padding-left: 20px; line-height: inherit; margin: 0 0 14px; background-image: none; }
#pageBody.contact .kwdResult h2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .kwdResult h2 a { color: #0098df; }
#pageBody.contact .kwdResult h2 a:hover { text-decoration: underline; }
#pageBody.contact .kwdResult h2:before { content: '\e811'; position: absolute; font-size: 14px; left: 0; top: 4px; }
#pageBody.contact .kwdResult p { margin-bottom: 42px; }
#pageBody.contact .kwdResult p.display { margin-bottom: 0; }
#pageBody.contact .kwdResult .historyBack:last-child { margin-bottom: 0; }
#pageBody.contact .faq { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 50px 50px 60px; margin-bottom: 0; }
#pageBody.contact .faq h2 { background: #00baff; background-image: none; color: #fff; font-weight: bold; padding: 15px 28px; margin: 0; border-radius: 4px; margin-bottom: 46px; }
#pageBody.contact .faq h2:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact .faq h2:before { content: '\e801'; font-size: 30px; margin-right: 20px; font-weight: normal; }
#pageBody.contact .faq h2.aboutEcareer:before { content: '\e83e'; }
#pageBody.contact .faq h2.aboutRegister:before { content: '\e803'; }
#pageBody.contact .faq h2.aboutCS:before { content: '\e826'; }
#pageBody.contact .faq h2.aboutSearch:before { content: '\e80c'; }
#pageBody.contact .faq h2.aboutJobDetail:before { content: '\f02e'; }
#pageBody.contact .faq h2.aboutScout:before { content: '\f1d8'; }
#pageBody.contact .faq h2.mailMagazine:before { content: '\e80d'; }
#pageBody.contact .faq h2.aboutFA:before { content: ""; background: url(../img/icn_fa.png) left center no-repeat; width: 35px; height: 23px; display: inline-block; }
#pageBody.contact .faq dl dt { font-size: 22px; line-height: 1.8; margin-bottom: 20px; margin-top: 50px; padding: 5px 15px; border-bottom: solid 1px #ddd; }
#pageBody.contact .faq dl dd { margin-bottom: 23px; }
#pageBody.contact .faq dl dd:last-child { margin-bottom: 33px; margin-left: 30px; }
#pageBody.contact .faq dl:first-child dt { margin-top: 25px; }
#pageBody.contact .faq aside.similarQ { margin-top: 55px; }
#pageBody.contact .faq aside.similarQ h2 { font-weight: normal; background-color: transparent; color: inherit; }
#pageBody.contact .faq aside.similarQ ul.textLink li { margin: 0; }
#pageBody.contact .faq aside.similarQ ul.textLink li:nth-child(n+2) { margin-top: 10px; }
#pageBody.contact .faq.archive { padding-bottom: 70px; }
#pageBody.contact .faq.archive ul.textLink { margin-left: 30px; }
#pageBody.contact .faq.archive ul.textLink li { margin-bottom: 17px; }
#pageBody.contact section .historyBack { margin: 25px 0 42px; }

#pageBody.contact.present .contactDetail .textBnr { text-align: center; margin: -24px -15px 15px; position: relative; }
#pageBody.contact.present .contactDetail .textBnr h2 { padding: 0; background: none; margin: 0 auto; }
#pageBody.contact.present .contactDetail .textBnr p { text-align: center; position: absolute; left: 250px; top: 128px; color: #4c4c4c; }
#pageBody.contact.present .contactDetail p.lead { text-align: center; }
#pageBody.contact.present .contactDetail table th { width: 220px; }
#pageBody.contact.present .contactDetail .presentAtt { margin: 30px 0; }
#pageBody.contact.present .contactDetail .presentAtt h3 { margin-bottom: 8px; }
#pageBody.contact.present .contactDetail .presentAtt .inner { height: 147px; overflow-y: scroll; border: 1px solid #ccc; padding: 15px 20px; font-size: 12px; }
#pageBody.contact.present .contactDetail .presentAtt .inner ul { margin-bottom: 25px; }
#pageBody.contact.present .contactDetail .presentAtt .inner ul li { list-style: none; padding-left: 1em; position: relative; line-height: 1.8; }
#pageBody.contact.present .contactDetail .presentAtt .inner ul li:before { position: absolute; content: "・"; left: 0; top: 0; display: inline-block; }
#pageBody.contact.present .contactDetail .presentAtt .inner p { margin: 0; line-height: 1.8; }
#pageBody.contact.present .contactDetail .presentAtt .inner a:hover { color: #0098df; text-decoration: underline; }
#pageBody.contact.present .contactDetail .centerAtt { margin-top: 50px; }
#pageBody.contact.present .contactDetail .centerAtt:last-child { margin-bottom: 0; }
#pageBody.contact.present .contactDetail button.btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); width: 350px; height: 65px; line-height: 63px; font-size: 18px; }
#pageBody.contact.present .contactDetail button.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody.contact.present .contactDetail button.btn:before { content: '\e815'; }

/* IE11 */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, #pageBody.contact ul.textLink li:before { top: -1px; } }
/* Scss Document */
article#pageBody.csIntro header.csIntro { height: 485px; background: url(../img/cs_intro_main.jpg) no-repeat center top #000; padding: 60px 40px 0; color: #fff; }
article#pageBody.csIntro header.csIntro .catch { background: rgba(255, 210, 0, 0.9); padding: 10px 15px; color: #000; display: inline-block; font-size: 18px; margin: 0 0 15px; }
article#pageBody.csIntro header.csIntro p.title { font-size: 50px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); margin-bottom: 15px; }
article#pageBody.csIntro header.csIntro p.title small { font-size: 18px; }
article#pageBody.csIntro header.csIntro nav { clear: both; padding: 10px; clear: both; }
article#pageBody.csIntro header.csIntro nav:after { content: ''; display: block; clear: both; }
article#pageBody.csIntro header.csIntro nav ul { float: left; width: 33%; padding-right: 10px; }
article#pageBody.csIntro header.csIntro nav ul li { margin-bottom: 5px; color: #ffd200; position: relative; padding-left: 15px; }
article#pageBody.csIntro header.csIntro nav ul li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article#pageBody.csIntro header.csIntro nav ul li:before { content: '\e811'; position: absolute; left: 0; top: 0; }
article#pageBody.csIntro header.csIntro nav ul li a { color: #ffd200; }
article#pageBody.csIntro header.csIntro nav ul li a:hover { text-decoration: underline; }
article#pageBody.csIntro section { margin-bottom: 0; background-position: left top; background-repeat: no-repeat; clear: both; }
article#pageBody.csIntro section:after { content: ''; display: block; clear: both; }
article#pageBody.csIntro section header.listHeader, article#pageBody.csIntro section aside { width: 260px; height: 100%; float: left; }
article#pageBody.csIntro section header.listHeader h2 { background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 18px; padding: 15px; }
article#pageBody.csIntro section.sales { background-image: url(../img/cs_intro_01sales.jpg); background-color: #d8e3e9; }
article#pageBody.csIntro section.service { background-image: url(../img/cs_intro_02service.jpg); background-color: #ebe5db; }
article#pageBody.csIntro section.it { background-image: url(../img/cs_intro_03it.jpg); background-color: #ffe6d2; }
article#pageBody.csIntro section.game { background-image: url(../img/cs_intro_04game.jpg); background-color: #bdd6dc; }
article#pageBody.csIntro section.creative { background-image: url(../img/cs_intro_05creative.jpg); background-color: #e6e5e4; }
article#pageBody.csIntro section.planning { background-image: url(../img/cs_intro_06planning.jpg); background-color: #d5dfe7; }
article#pageBody.csIntro section.backoffice { background-image: url(../img/cs_intro_07backoffice.jpg); background-color: #eaebdd; }
article#pageBody.csIntro section.electronics { background-image: url(../img/cs_intro_08electronics.jpg); background-color: #d5e7f2; }
article#pageBody.csIntro section.chemical { background-image: url(../img/cs_intro_09chemical.jpg); background-color: #ffffff; }
article#pageBody.csIntro section.medical { background-image: url(../img/cs_intro_10medical.jpg); background-color: #ddebeb; }
article#pageBody.csIntro section.architects { background-image: url(../img/cs_intro_11architects.jpg); background-color: #d5d6d3; }
article#pageBody.csIntro section.consulting { background-image: url(../img/cs_intro_12consulting.jpg); background-color: #d0d2d3; }
article#pageBody.csIntro section.general { background-image: url(../img/cs_intro_13general.jpg); background-color: #ddd8d8; }
article#pageBody.csIntro section div.content { width: 760px; height: 100%; float: right; padding: 30px 0 5px 30px; background: #fff; position: relative; }
article#pageBody.csIntro section div.content.csContainer { padding: 40px 45px; }
article#pageBody.csIntro section div.content.csContainer.noMember { height: 1000px; overflow: hidden; }
article#pageBody.csIntro section div.content dl.csList { width: 50%; float: left; margin: 0 0 25px 0; padding-right: 30px; }
article#pageBody.csIntro section div.content dl.csList:nth-child(2n+1) { clear: both; }
article#pageBody.csIntro section div.content dl.csList dt { font-size: 18px; margin-bottom: 10px; }
article#pageBody.csIntro section div.content dl.csList dd { margin-bottom: 5px; padding-left: 20px; position: relative; }
article#pageBody.csIntro section div.content dl.csList dd:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article#pageBody.csIntro section div.content dl.csList dd:before { content: '\e811'; position: absolute; left: 5px; top: 0; }
article#pageBody.csIntro section div.content dl.csList dd a { color: #00baff; }
article#pageBody.csIntro section div.content dl.csList dd a:hover { text-decoration: underline; }
article#pageBody.csIntro section div.content header { border-bottom: #cdcdcd 1px dotted; padding: 0 0 20px 0; }
article#pageBody.csIntro section div.content header h2 { background: none; padding: 0; margin-bottom: 10px; font-size: 22px; }
article#pageBody.csIntro section div.content header p { font-size: 18px; margin: 0; }
article#pageBody.csIntro section div.content section.cs { border-bottom: #cdcdcd 1px dotted; padding: 40px 0; }
article#pageBody.csIntro section div.content section.cs:last-of-type { border-bottom: 0 none; padding-bottom: 0; }
article#pageBody.csIntro section div.content section.cs h3.tableTip { position: relative; background-color: #00baff; color: #fff; border-radius: 4px; margin-bottom: 10px; padding: 6px 18px; display: inline-block; font-size: 14px; font-weight: normal; }
article#pageBody.csIntro section div.content section.cs h3.tableTip:before { content: ''; position: absolute; width: 12px; height: 12px; background: #00baff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 40px; top: 100%; margin-top: -6px; display: block; }
article#pageBody.csIntro section div.content section.cs h3.tableTitle { background-color: #ecf1f4; border-radius: 4px; margin-bottom: 0; padding: 6px 10px; font-size: 16px; font-weight: normal; }
article#pageBody.csIntro section div.content section.cs table { margin-bottom: 30px; }
article#pageBody.csIntro section div.content section.cs table th, article#pageBody.csIntro section div.content section.cs table td { background: #f6f6f6; border: 0; border-bottom: 1px #fff solid; padding: 10px 15px; }
article#pageBody.csIntro section div.content section.cs table th { width: 20%; }
article#pageBody.csIntro section div.content section.cs table.jobInfo { margin-bottom: 30px; }
article#pageBody.csIntro section div.content section.cs table.jobInfo th, article#pageBody.csIntro section div.content section.cs table.jobInfo td { border: 0; border-bottom: 1px #cdcdcd dotted; padding: 10px 15px; background: #fff; }
article#pageBody.csIntro section div.content section.cs table.jobInfo th { width: 20%; }
article#pageBody.csIntro section div.content .join { width: 100%; padding: 70px 0 0; text-align: center; overflow: hidden; z-index: 1; background: url(../img/cs_intro_obscure.png) no-repeat center top; height: 330px; }
article#pageBody.csIntro section div.content .join .btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); font-size: 18px; width: 350px; height: 65px; line-height: 63px; }
article#pageBody.csIntro section div.content .join .catch { font-size: 24px; font-weight: bold; padding: 30px; margin: 0; }
article#pageBody.csIntro section div.content .join p a { color: #00baff; }
article#pageBody.csIntro section div.content .join p a:hover { text-decoration: underline; }
article#pageBody.csIntro section div.content .join p.link:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article#pageBody.csIntro section div.content .join p.link:before { content: '\e811'; vertical-align: middle; }
article#pageBody.csIntro section:nth-of-type(odd) div.content { -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset; }
article#pageBody.csIntro section aside a { color: #00baff; }
article#pageBody.csIntro section aside a:hover { text-decoration: underline; }
article#pageBody.csIntro section aside .cascade { position: relative; }
article#pageBody.csIntro section aside .cascade li { background-position: center bottom; background-repeat: no-repeat; color: #fff; padding: 20px 20px 30px; list-style: none; margin-top: -13px; }
article#pageBody.csIntro section aside .cascade li:nth-child(1) { background-image: url(../img/cs_intro_ctg01bg.png); font-size: 18px; padding: 25px 20px 35px; z-index: 3; margin-top: 0; }
article#pageBody.csIntro section aside .cascade li:nth-child(2) { background-image: url(../img/cs_intro_ctg02bg.png); z-index: 2; }
article#pageBody.csIntro section aside .cascade li:nth-child(3) { background-image: url(../img/cs_intro_ctg03bg.png); z-index: 1; }
article#pageBody.csIntro section aside .person { margin: 10px; background: #ecf1f4; padding: 10px 15px; margin-bottom: 70px; }
article#pageBody.csIntro section aside .person li { list-style: none; margin: 5px 0; position: relative; padding-left: 10px; }
article#pageBody.csIntro section aside .person li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article#pageBody.csIntro section aside .person li:before { content: '\e811'; position: absolute; left: 0; top: 0; }
article#pageBody.csIntro section aside .person li em { font-size: 16px; }
article#pageBody.csIntro section aside .related { padding: 10px; }
article#pageBody.csIntro section aside .related h2 { background: none; padding: 0 0 0 5px; margin-bottom: 5px; }
article#pageBody.csIntro section aside .related dl { background: #ecf1f4; padding: 15px; }
article#pageBody.csIntro section aside .related dl dt { margin-bottom: 5px; }
article#pageBody.csIntro section aside .related dl dd { padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: #cdcdcd 1px dotted; }
article#pageBody.csIntro section aside .related dl dd li { list-style: none; margin-bottom: 5px; position: relative; padding-left: 15px; }
article#pageBody.csIntro section aside .related dl dd li:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article#pageBody.csIntro section aside .related dl dd li:before { content: '\e811'; position: absolute; left: 2px; top: -1px; }
article#pageBody.csIntro section aside .related dl dd:last-of-type { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; }
article#pageBody.csIntro section aside .rtn { padding: 0 15px 0 40px; margin-top: 40px; position: relative; }
article#pageBody.csIntro section aside .rtn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
article#pageBody.csIntro section aside .rtn:before { content: '\e811'; position: absolute; left: 15px; top: 0; padding-left: 10px; }

#pageBody #footerContents { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 60px 45px 85px; }
#pageBody #footerContents h2 { background: none; padding: 0; margin: 0; font-size: 22px; margin: 40px 0 6px; }
#pageBody #footerContents p { margin: 0; }
#pageBody #footerContents p.representative { text-align: right; margin: 20px 0 40px; }
#pageBody #footerContents a:hover { color: #0098df; text-decoration: underline; }
#pageBody #footerContents a.textLink2 { color: #0098df; text-decoration: none; }
#pageBody #footerContents a.textLink2:hover { text-decoration: underline; }
#pageBody #footerContents ol { margin: 0 0 0 20px; }
#pageBody #footerContents ol li { margin-bottom: 30px; }
#pageBody #footerContents ol li span.sentence { display: block; position: relative; padding-left: 0.5em; }
#pageBody #footerContents ol li span.sentence:before { content: "-"; position: absolute; top: 0; left: 0; width: 0.5em; display: inline-block; }
#pageBody #footerContents ol li ol { margin: 20px 0 15px 10px; }
#pageBody #footerContents ol li ol li { position: relative; list-style-type: none; padding-left: 3em; margin-bottom: 10px; counter-increment: cnt; }
#pageBody #footerContents ol li ol li:before { display: inline-block; position: absolute; top: 0; left: 0; content: "（" counter(cnt) "）"; width: 3em; text-align: right; }
#pageBody #footerContents ul li { position: relative; list-style-type: none; padding-left: 1em !important; margin-bottom: 10px; }
#pageBody #footerContents ul li:before { display: inline-block; position: absolute; top: 0; left: 0; content: "・"; width: 1em; }
#pageBody #footerContents ul.footnote li { margin-bottom: 0; }
#pageBody #footerContents ul.footnote li:before { content: "※"; }
#pageBody #footerContents dl.ol_style dt { position: relative; padding: 0 0 0 20px; }
#pageBody #footerContents dl.ol_style dt:before { content: "1."; position: absolute; width: 20px; left: 0; top: 0; }
#pageBody #footerContents dl.ol_style dt:nth-child(3):before { content: "2."; }
#pageBody #footerContents dl.ol_style dt:nth-child(5):before { content: "3."; }
#pageBody #footerContents dl.ol_style dt:nth-child(7):before { content: "4."; }
#pageBody #footerContents dl.ol_style dt:nth-child(9):before { content: "5."; }
#pageBody #footerContents dl.ol_style dt:nth-child(11):before { content: "6."; }
#pageBody #footerContents dl.ol_style dt:nth-child(13):before { content: "7."; }
#pageBody #footerContents dl.ol_style dt:nth-child(15):before { content: "8."; }
#pageBody #footerContents dl.ol_style dt:nth-child(17):before { content: "9."; }
#pageBody #footerContents dl.ol_style dd { padding: 0 0 0 20px; margin-bottom: 10px; }
#pageBody #footerContents .indent { padding-left: 20px; }
#pageBody #footerContents .indent ol { margin-top: 30px; margin-bottom: 20px; }
#pageBody #footerContents .indent ol li { margin-bottom: 10px; }
#pageBody #footerContents .indent ul { margin-top: 30px; margin-bottom: 20px; }
#pageBody #footerContents .cybertrustBox { padding-left: 20px; margin-top: 30px; }
#pageBody #footerContents .cybertrustBox h3 { font-size: 16px; margin-bottom: 7px; }
#pageBody #footerContents .cybertrustBox img { margin-bottom: 10px; }
#pageBody #footerContents .infoBox { margin: 20px 0 70px; }
#pageBody #footerContents .infoBox h3 { font-weight: bold; }
#pageBody #footerContents .publicNotice { padding-left: 20px; margin: 35px 0 70px; }
#pageBody #footerContents .publicNotice h3 { font-size: 16px; font-weight: bold; margin: 40px 0 5px; }
#pageBody #footerContents .publicNotice h3:first-child { margin-top: 0; }
#pageBody #footerContents .publicNotice h4 { font-weight: bold; margin-top: 15px; }
#pageBody #footerContents .publicNotice .indent ul { margin: 30px 0; }
#pageBody #footerContents .publicNotice .aboutPrivacy { padding-left: 20px; }
#pageBody #footerContents .publicNotice .aboutPrivacy h4 { margin-top: 45px; }
#pageBody #footerContents .publicNotice dl.contactBox { margin: 20px 0 0 1em; }
#pageBody #footerContents .publicNotice dl.contactBox dt { font-weight: bold; }
#pageBody #footerContents .publicNotice dl.contactBox dd { margin-bottom: 10px; }
#pageBody #footerContents .privacyBox { clear: both; }
#pageBody #footerContents .privacyBox:after { content: ''; display: block; clear: both; }
#pageBody #footerContents .privacyBox img { float: right; }
#pageBody #footerContents .privacyBox p { width: calc(100% - 140px); width: -webkit-calc(100% - 140px); float: left; }
#pageBody #footerContents .aboutPrivacy h2 { font-weight: bold; font-size: 14px; }
#pageBody #footerContents .aboutPrivacy p.lead { margin-bottom: 20px; }
#pageBody #footerContents .aboutPrivacy a.textLink { display: inline-block; font-size: 14px; margin-right: 20px; }
#pageBody #footerContents .aboutPrivacy a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody #footerContents .aboutPrivacy a.textLink span { color: #0098df; }
#pageBody #footerContents .aboutPrivacy a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
#pageBody #footerContents .aboutPrivacy a.textLink:hover span { text-decoration: underline; }
#pageBody #footerContents .aboutPrivacy ol { font-weight: bold; }
#pageBody #footerContents .aboutPrivacy ol li i { margin-top: 12px; font-weight: normal; display: block; }
#pageBody #footerContents .aboutPrivacy ol li ul { font-weight: normal; margin-top: 15px; }
#pageBody #footerContents .aboutPrivacy ol li ul li { margin-bottom: 0; }
#pageBody #footerContents .aboutPrivacy ol li.third dd { margin-bottom: 45px; }
#pageBody #footerContents .aboutPrivacy ol li:last-child { margin-bottom: 0; }
#pageBody #footerContents .aboutPrivacy ol dl { margin-top: 12px; }
#pageBody #footerContents .aboutPrivacy ol dl dt { padding-left: 1em; position: relative; }
#pageBody #footerContents .aboutPrivacy ol dl dt:before { content: "-"; width: 1em; position: absolute; display: inline-block; left: 0; top: 0; }
#pageBody #footerContents .aboutPrivacy ol dl dd { font-weight: normal; padding-left: 1em; margin-bottom: 15px; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol { margin: 5px 0 15px -13px; font-weight: normal; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li div { margin-bottom: 7px; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li div:before { width: 3em; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table { border-style: dotted; border-width: 1px 0; border-color: #000; margin-top: 10px; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table th { width: 200px; border-style: dotted; border-width: 0 0 1px; border-color: #000; padding: 15px 20px; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table td { border-style: dotted; border-width: 0 0 1px; border-color: #000; padding: 15px 20px; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table td ul { margin: 0; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table td ul li:before { content: "・"; width: 1em; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table td.subHeader { font-weight: bold; text-align: center; vertical-align: top; width: 60px; }
#pageBody #footerContents .aboutPrivacy ol dl dd ol li table td.subHeaderDscp { padding-left: 0; }

#pageBody .scoutService .btnBox { padding-bottom: 20px; }
#pageBody .scoutService .btnBox a.btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0 auto; width: 380px; height: 74px; line-height: 72px; display: block; font-size: 18px; margin-bottom: 15px; }
#pageBody .scoutService .btnBox a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .scoutService .btnBox a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutService .btnBox a.btn.register:before { content: '\e803'; font-size: 22px !important; }
#pageBody .scoutService .btnBox p { font-weight: normal; margin-bottom: 0; }
#pageBody .scoutService .btnBox a.textLink { display: block; font-size: 14px; }
#pageBody .scoutService .btnBox a.textLink:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .scoutService .btnBox a.textLink span { color: #00baff; }
#pageBody .scoutService .btnBox a.textLink:before { content: '\e811'; font-size: 14px; margin-right: 10px; }
#pageBody .scoutService .btnBox a.textLink:hover span { text-decoration: underline; }
#pageBody .scoutService .secHeader { background: url(../img/bg_scoutService.png) left top no-repeat; height: 342px; padding: 80px 50px 0; margin: 0; }
#pageBody .scoutService .secHeader h1 { font-size: 50px; line-height: 1.3; margin: 0 0 26px; padding: 0; background: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: 0 0 13px rgba(255, 255, 255, 0.56); }
#pageBody .scoutService .secHeader h1:before, #pageBody .scoutService .secHeader h1:after { display: none; }
#pageBody .scoutService .content { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 55px 50px 85px; }
#pageBody .scoutService .content h2 { margin: 0 0 13px; padding: 0; background: none; font-size: 30px; }
#pageBody .scoutService .content .example { margin-bottom: 53px; }
#pageBody .scoutService .content .example img { margin-bottom: 5px; }
#pageBody .scoutService .content .example p { margin-bottom: 40px; }
#pageBody .scoutService .content .example .btnBox p { margin-bottom: 0; }
#pageBody .scoutService .content .merit { clear: both; margin-bottom: 40px; }
#pageBody .scoutService .content .merit:after { content: ''; display: block; clear: both; }
#pageBody .scoutService .content .merit .item { float: left; width: 270px; margin-right: 54px; }
#pageBody .scoutService .content .merit .item h3 { margin-bottom: 0; }
#pageBody .scoutService .content .merit .item h3 i { font-size: 100px; line-height: 1.0; color: #d0d0d0; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display: inline-block; margin-left: -7px; }
#pageBody .scoutService .content .merit .item h3 span { font-size: 22px; line-height: 1.36; display: inline-block; vertical-align: text-bottom; letter-spacing: -0.03em; }
#pageBody .scoutService .content .merit .item img { margin-bottom: 20px; }
#pageBody .scoutService .content .merit .item:first-child h3 i { margin-left: -13px; width: 55px; }
#pageBody .scoutService .content .merit .item:last-child { float: right; margin: 0; }
#pageBody .scoutService .content .checkCS { background: url(../img/bg_checkCS.png) right top no-repeat #eefaff; border: 1px solid #cdcdcd; border-radius: 6px; padding: 30px 320px 20px 40px; margin-bottom: 70px; }
#pageBody .scoutService .content .checkCS h2 { font-size: 30px; font-weight: normal; margin-bottom: 20px; }
#pageBody .scoutService .content .checkCS h2 span { display: block; font-size: 18px; margin-bottom: 20px; }
#pageBody .scoutService .content .checkCS p { line-height: 1.8; margin-bottom: 6px; }
#pageBody .scoutService .content .checkCS p.footnote { line-height: inherit; }

#pageBody .partner .secHeader { background: url(../img/bg_partner.png) center top no-repeat #000; padding: 44px 50px 30px; }
#pageBody .partner .secHeader h1 { font-size: 50px; line-height: 1.3; margin: 0 0 247px; padding: 0; background: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; text-align: center; font-weight: normal; }
#pageBody .partner .secHeader h1:before, #pageBody .partner .secHeader h1:after { display: none; }
#pageBody .partner .secHeader p { line-height: 1.8; color: #fff; text-align: center; }
#pageBody .partner .content { -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border: 1px solid #e9e9e9; padding: 0 50px 110px; }
#pageBody .partner .content h2 { margin: 120px 0 35px; padding: 0; background: none; font-size: 40px; text-align: center; }
#pageBody .partner .content p.lead { text-align: center; margin-bottom: 35px; }
#pageBody .partner .content p.lead strong { font-weight: bold; }
#pageBody .partner .content dl.point { background: url(../img/bg_partner_point.png) left center no-repeat; padding-left: 450px; margin: 45px 0 135px; }
#pageBody .partner .content dl.point dt { font-size: 30px; color: #00baff; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.0; }
#pageBody .partner .content dl.point dt i { font-size: 60px; display: inline-block; }
#pageBody .partner .content dl.point dd { font-size: 22px; margin-bottom: 14px; }
#pageBody .partner .content dl.point dd:last-child { margin-bottom: 0; }
#pageBody .partner .content .aboutPartner { border-top: 1px dotted #000; margin-bottom: 50px; }
#pageBody .partner .content .aboutPartner dl { display: table; border-spacing: 0; border-collapse: separate; border-bottom: 1px dotted #000; width: 100%; }
#pageBody .partner .content .aboutPartner dl dt, #pageBody .partner .content .aboutPartner dl dd { display: table-cell; vertical-align: middle; }
#pageBody .partner .content .aboutPartner dl dt { font-size: 24px; font-weight: bold; color: #00baff; width: 400px; padding: 25px 25px 25px 0; letter-spacing: 0.085em; }
#pageBody .partner .content .aboutPartner dl dd { padding: 22px 22px 22px 0; }
#pageBody .partner .content .flow { clear: both; margin-bottom: 55px; }
#pageBody .partner .content .flow:after { content: ''; display: block; clear: both; }
#pageBody .partner .content .flow h3 { width: 60px; height: 187px; position: relative; margin-right: 40px; font-size: 26px; font-weight: bold; color: #fff; display: table; border-radius: 4px; float: left; background: #9154ae; line-height: 1.1; }
#pageBody .partner .content .flow h3 span { display: table-cell; text-align: center; vertical-align: middle; padding: 10px; }
#pageBody .partner .content .flow h3 span:after { display: inline-block; font-family: ecuicons; margin-left: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .partner .content .flow h3 span:after { content: '\f0f7'; font-size: 28px !important; margin: 10px 0 0; font-weight: normal; color: rgba(255, 255, 255, 0.45); }
#pageBody .partner .content .flow h3:after { content: ""; position: absolute; right: -16px; top: 100px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #9154ae; }
#pageBody .partner .content .flow dl { background: url(../img/icn_aboutPartner01.png) 233px 25px no-repeat #333; border-radius: 4px; position: relative; width: 320px; height: 187px; margin: 0 45px 24px 0; float: left; padding: 25px 28px 0; }
#pageBody .partner .content .flow dl dt { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 15px; line-height: 1.0; }
#pageBody .partner .content .flow dl dt i { font-size: 16px; }
#pageBody .partner .content .flow dl dd { color: #fff; }
#pageBody .partner .content .flow dl:after { content: ""; position: absolute; right: -16px; top: 50%; margin-top: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #333; }
#pageBody .partner .content .flow img { float: left; margin-bottom: 24px; }
#pageBody .partner .content .flow.individual h3 { height: 395px; background: #ff9900; }
#pageBody .partner .content .flow.individual h3 span:after { content: '\e83f'; font-size: 42px !important; }
#pageBody .partner .content .flow.individual h3:after { border-color: transparent transparent transparent #ff9900; }
#pageBody .partner .content .flow.individual h3:before { content: ""; position: absolute; right: -16px; top: 290px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #ff9900; }
#pageBody .partner .content .flow.individual dl { background-image: url(../img/icn_aboutPartner02.png); background-position: 214px 28px; }
#pageBody .partner .content .btnBoxes { clear: both; }
#pageBody .partner .content .btnBoxes:after { content: ''; display: block; clear: both; }
#pageBody .partner .content .btnBoxes .btnBox { width: 450px; float: left; padding: 25px 24px 0; height: 160px; }
#pageBody .partner .content .btnBoxes .btnBox a.btn { border-color: #3b8e31; background: #86d158; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d158', endColorstr='#62c428',GradientType=0 ); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0 auto; width: 380px; height: 74px; line-height: 72px; display: block; font-size: 18px; margin-bottom: 15px; }
#pageBody .partner .content .btnBoxes .btnBox a.btn:hover { opacity: .6; -ms-filter: "alpha(opacity=60)"; }
#pageBody .partner .content .btnBoxes .btnBox a.btn:before { display: inline-block; font-family: ecuicons; margin-right: 10px; font-size: 14px; vertical-align: middle; position: relative; top: -2px; }
#pageBody .partner .content .btnBoxes .btnBox a.btn.register:before { content: '\e803'; font-size: 22px !important; }
#pageBody .partner .content .btnBoxes .btnBox p { color: #000; line-height: 1.4; margin-bottom: 11px; }
#pageBody .partner .content .btnBoxes .btnBox p strong { font-size: 42px; font-weight: bold; margin: 8px auto 3px; display: block; line-height: 1.0; }
#pageBody .partner .content .btnBoxes .btnBox p small { font-weight: normal; letter-spacing: -0.04em; }
#pageBody .partner .content .btnBoxes .btnBox p small em { font-weight: bold; }
#pageBody .partner .content .btnBoxes .btnBox:nth-child(2n) { float: right; }

#forAdvertising .section-h2, #forAdvertising #container .special-plan h2, #forAdvertising #container .point3 h2, #forAdvertising #container .voice h2, #forAdvertising #container .inquiry h2 { margin-bottom: 60px; position: relative; text-align: center; font-size: 30px; color: #333; font-weight: normal; }
#forAdvertising .section-h2::before, #forAdvertising #container .special-plan h2::before, #forAdvertising #container .point3 h2::before, #forAdvertising #container .voice h2::before, #forAdvertising #container .inquiry h2::before, #forAdvertising .section-h2::after, #forAdvertising #container .special-plan h2::after, #forAdvertising #container .point3 h2::after, #forAdvertising #container .voice h2::after, #forAdvertising #container .inquiry h2::after { height: 1px; position: absolute; top: 50%; border-top: 1px dotted #000; content: ''; }
#forAdvertising .section-h2::before, #forAdvertising #container .special-plan h2::before, #forAdvertising #container .point3 h2::before, #forAdvertising #container .voice h2::before, #forAdvertising #container .inquiry h2::before { left: 0; }
#forAdvertising .section-h2::after, #forAdvertising #container .special-plan h2::after, #forAdvertising #container .point3 h2::after, #forAdvertising #container .voice h2::after, #forAdvertising #container .inquiry h2::after { right: 0; }
#forAdvertising .container-wrapper { padding-top: 60px; padding-bottom: 90px; background-image: url(/img/forAdvertising_bg_body.jpg); background-repeat: no-repeat; background-position: center 22px; }
#forAdvertising #wrapper #container { padding: 0; }
#forAdvertising #container h1 { height: 166px; }
#forAdvertising #container h1 + p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 18px; line-height: 1; }
#forAdvertising #container h1 + p em { color: #ff0003; }
#forAdvertising #container h1 + p span + span { padding-left: 15px; }
#forAdvertising #container h1 + p span + span em { font-weight: bold; font-size: 28px; }
#forAdvertising #container .contact { padding: 12px 38px 12px 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #056298; border-radius: 5px; color: #fff; }
#forAdvertising #container .contact dl { padding-top: 12px; padding-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#forAdvertising #container .contact dt { white-space: nowrap; line-height: 30px; }
#forAdvertising #container .contact dl:nth-of-type(1) { border-right: 1px dotted #fff; }
#forAdvertising #container .contact dl:nth-of-type(1) dt { padding-right: 24px; padding-left: 42px; background-image: url(/img/forAdvertising_icn-tel.png); }
#forAdvertising #container .contact dl:nth-of-type(1) ul { margin-top: 16px; width: 510px; }
#forAdvertising #container .contact dl:nth-of-type(1) ul::after { display: block; content: ""; clear: both; }
#forAdvertising #container .contact dl:nth-of-type(1) li { margin-right: 18px; margin-bottom: 8px; float: left; list-style: none; line-height: 1; }
#forAdvertising #container .contact dl:nth-of-type(1) li::after { display: block; content: ""; clear: both; }
#forAdvertising #container .contact dl:nth-of-type(1) li em { margin-top: 3px; margin-right: 10px; padding: 3px 4px; float: left; background-color: #0c3e95; border-radius: 5px; font-size: 14px; color: #fff; }
#forAdvertising #container .contact dl:nth-of-type(1) a { color: #fff000; font-size: 25px; }
#forAdvertising #container .contact dl:nth-of-type(1) p { margin-top: 2px; font-size: 12px; line-height: 1; }
#forAdvertising #container .contact dl:nth-of-type(2) { padding-left: 34px; }
#forAdvertising #container .contact dl:nth-of-type(2) dt { padding-left: 45px; background-image: url(/img/forAdvertising_icn-pc.png); }
#forAdvertising #container .contact dt { background-repeat: no-repeat; background-position: 0 center; }
#forAdvertising #container .contact dt span em { font-size: 22px; }
#forAdvertising #container .contact dt span + span { font-size: 18px; }
#forAdvertising #container .contact .btn { margin-top: 20px; width: auto; height: auto; padding: 0 37px; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); border-color: #3b8e31; font-size: 18px; line-height: 62px; white-space: nowrap; }
#forAdvertising #container .contact .btn::before { margin-right: 10px; display: inline-block; position: relative; top: -2px; content: '\e815'; font-family: ecuicons; font-size: 14px; vertical-align: middle; }
#forAdvertising #container .leadblock { margin-top: 35px; }
#forAdvertising #container .leadblock .contact { padding: 20px 23px 18px; width: 730px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#forAdvertising #container .leadblock .contact dl { padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#forAdvertising #container .leadblock .contact dl:nth-of-type(1) { margin-top: 18px; padding-top: 16px; border: none; border-top: 1px dotted #fff; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#forAdvertising #container .leadblock .contact dl:nth-of-type(1) ul { margin: 0; }
#forAdvertising #container .leadblock .contact dl:nth-of-type(1) li { margin-right: 0; width: 255px; }
#forAdvertising #container .leadblock .contact dl:nth-of-type(2) { padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#forAdvertising #container .leadblock .contact dt { line-height: 22px; }
#forAdvertising #container .leadblock .contact dt span { display: block; }
#forAdvertising #container .leadblock .contact .btn { margin: 0; margin-left: 20px; }
#forAdvertising #container .leadblock .point0 { margin-top: 25px; padding: 5px 0; background-color: #ff9933; border-radius: 5px; -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.07); box-shadow: 0 0 13px rgba(0, 0, 0, 0.07); text-align: center; color: #fff; font-weight: bold; font-size: 14px; }
#forAdvertising #container .leadblock .point0 dl { background-image: url(/img/forAdvertising_illust-komatta.png); background-repeat: no-repeat; padding: 10px; background-position: 5px 0px; }
#forAdvertising #container .leadblock .point0 dt { padding-left: 115px; font-size: 16px; color: #00aeff; font-weight: bold; }
#forAdvertising #container .leadblock .point0 dt span { font-size: 18px; font-weight: bold; }
#forAdvertising #container .leadblock .point0 dt em { font-weight: bold; font-size: 35px; line-height: 40px; }
#forAdvertising #container .leadblock .point0 dd { padding-left: 115px; margin-top: 15px; }
#forAdvertising #container .leadblock .points { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#forAdvertising #container .leadblock .points dl { margin-top: 18px; padding: 25px 10px 22px 0px; width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: white; background-repeat: no-repeat; border-radius: 5px; -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.07); box-shadow: 0 0 13px rgba(0, 0, 0, 0.07); }
#forAdvertising #container .leadblock .points dt { color: #00aeff; line-height: 1; }
#forAdvertising #container .leadblock .points dt span { margin-top: 10px; display: block; }
#forAdvertising #container .leadblock .points dt em { font-weight: bold; }
#forAdvertising #container .leadblock .points dd { margin-top: 16px; }
#forAdvertising #container .leadblock .points dd p { font-size: 12px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(1) { background-image: url(/img/forAdvertising_illust-gyokai.png); background-position: 11px 16px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(1) dt { padding-left: 115px; font-size: 16px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(1) dt span { font-size: 18px; font-weight: bold; }
#forAdvertising #container .leadblock .points dl:nth-of-type(1) dt em { font-size: 35px; line-height: 40px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(1) dd { padding-left: 115px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(2) { background-image: url(/img/forAdvertising_illust-chusho.png); background-position: 10px 30px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(2) dt { padding-left: 120px; font-size: 18px; line-height: 28px; font-weight: bold; }
#forAdvertising #container .leadblock .points dl:nth-of-type(2) dt em { font-size: 32px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(2) dd { padding-left: 120px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(3) { background-image: url(/img/forAdvertising_illust-three.png); background-position: 10px 20px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(3) dt { padding-left: 127px; font-size: 18px; font-weight: bold; }
#forAdvertising #container .leadblock .points dl:nth-of-type(3) dt em { font-size: 35px; line-height: 40px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(3) dd { padding-left: 127px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(4) { background-image: url(/img/forAdvertising_illust-change.png); background-position: 18px 19px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(4) dt { padding-left: 129px; font-size: 16px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(4) dt span { font-size: 18px; font-weight: bold; }
#forAdvertising #container .leadblock .points dl:nth-of-type(4) dt em { font-size: 35px; line-height: 50px; }
#forAdvertising #container .leadblock .points dl:nth-of-type(4) dd { padding-left: 129px; }
#forAdvertising #container .special-plan { margin-top: 65px; padding-top: 60px; background-image: url(/img/forAdvertising_splecial-plan_icon.png); background-repeat: no-repeat; background-position: center 0; }
#forAdvertising #container .special-plan h2::before, #forAdvertising #container .special-plan h2::after { width: calc(50% - 5em); }
#forAdvertising #container .special-plan > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#forAdvertising #container .special-plan > div > div { margin-top: 18px; margin-right: 20px; width: 310px; position: relative; }
#forAdvertising #container .special-plan > div > div::before { width: 310px; height: 310px; display: block; position: absolute; top: 0; left: 0; background-color: #f0f0f0; border-radius: 50%; content: ''; z-index: -1; }
#forAdvertising #container .special-plan > div > div:nth-of-type(3) { margin-right: 0; }
#forAdvertising #container .special-plan > div > div h3 { margin-top: -18px; text-align: center; font-size: 16px; color: #666; line-height: 1; }
#forAdvertising #container .special-plan > div > div h3 em { display: block; font-size: 55px; font-weight: bold; color: #000; }
#forAdvertising #container .special-plan > div > div h3 + p { margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#forAdvertising #container .special-plan > div > div h3 + p span { padding-right: 30px; padding-left: 20px; font-size: 14px; }
#forAdvertising #container .special-plan > div > div h3 + p .price { padding-right: 0; min-height: 145px; background-image: url(/img/forAdvertising_special-plan_arrow.png); background-repeat: no-repeat; background-position: 57px 35px; white-space: nowrap; color: #e62508; font-size: 12px; }
#forAdvertising #container .special-plan > div > div h3 + p .price em { font-size: 21px; }
#forAdvertising #container .special-plan > div > div p + p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#forAdvertising #container .special-plan > div > div p + p span { text-align: center; font-weight: bold; line-height: 1; }
#forAdvertising #container .special-plan > div > div p + p .off { padding: 5px 15px; background-color: #e62508; color: #fff; font-size: 16px; }
#forAdvertising #container .special-plan > div > div p + p .off em { padding: 0 2px; font-size: 24px; font-weight: bold; }
#forAdvertising #container .special-plan > div > div p + p .price { margin-top: 15px; display: block; color: #e62508; font-size: 36px; }
#forAdvertising #container .special-plan > div > div p + p .price em { font-size: 58px; font-weight: bold; }
#forAdvertising #container .special-plan + .contact { margin-top: 50px; }
#forAdvertising #container .point3 { margin-top: 65px; padding-top: 65px; background-image: url(/img/forAdvertising_point3_icon.png); background-repeat: no-repeat; background-position: center 0; }
#forAdvertising #container .point3 h2 { margin-bottom: 30px; }
#forAdvertising #container .point3 h2::before, #forAdvertising #container .point3 h2::after { width: calc(50% - 8em); }
#forAdvertising #container .point3 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#forAdvertising #container .point3 > div > div:nth-of-type(1) { width: 555px; }
#forAdvertising #container .point3 > div dl:nth-of-type(1) dt { margin-top: 0; }
#forAdvertising #container .point3 > div dt { margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 30px; font-weight: bold; }
#forAdvertising #container .point3 > div dt img { margin-right: 9px; }
#forAdvertising #container .point3 > div dd { padding-left: 87px; font-size: 14px; }
#forAdvertising #container .point3 > div > div:nth-of-type(2) { margin-top: 10px; width: 400px; }
#forAdvertising #container .point3 > div h3 { padding-left: 33px; line-height: 23px; font-size: 16px; font-weight: bold; text-align: center; }
#forAdvertising #container .point3 > div h3::before { padding-right: 10px; width: 23px; height: 23px; display: inline-block; background-image: url(/img/forAdvertising_point3_h3.png); background-repeat: no-repeat; content: ''; }
#forAdvertising #container .point3 > div ol { list-style: none; }
#forAdvertising #container .point3 > div ol li { margin-top: 15px; position: relative; background-color: #fce5e5; border-radius: 30px; line-height: 45px; text-align: center; font-weight: bold; }
#forAdvertising #container .point3 > div ol li::before { margin-left: -6px; margin-top: -6px; display: block; width: 12px; height: 12px; position: absolute; left: 50%; top: 100%; background: #ffb1b1; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-family: ecuicons; font-size: 14px; z-index: -1; }
#forAdvertising #container .point3 > div ol li:last-child { background-color: #ffb1b1; line-height: 70px; }
#forAdvertising #container .point3 > div ol li:last-child::before { display: none; }
#forAdvertising #container .point3 > div p { margin-top: 20px; font-size: 12px; }
#forAdvertising #container .voice { margin-top: 35px; padding-top: 65px; background-image: url(/img/forAdvertising_voice_icon.png); background-repeat: no-repeat; background-position: center 0; }
#forAdvertising #container .voice h2 { margin-bottom: 10px; }
#forAdvertising #container .voice h2::before, #forAdvertising #container .voice h2::after { width: calc(50% - 5em); }
#forAdvertising #container .voice > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#forAdvertising #container .voice dl { margin-top: 20px; padding: 45px 40px 33px; width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #daf3ff; border-radius: 5px; }
#forAdvertising #container .voice dt { font-size: 24px; line-height: 1; font-weight: bold; text-align: center; }
#forAdvertising #container .voice dt span { margin-bottom: 6px; display: block; }
#forAdvertising #container .voice dt + dd { margin-top: 12px; font-size: 14px; line-height: 1; text-align: center; }
#forAdvertising #container .voice dd { margin-top: 30px; }
#forAdvertising #container .voice + .contact { margin-top: 55px; }
#forAdvertising #container .inquiry { margin-top: 70px; padding-top: 65px; background-image: url(/img/forAdvertising_inquiry_icon.png); background-repeat: no-repeat; background-position: center 0; }
#forAdvertising #container .inquiry h2 { margin-bottom: 50px; }
#forAdvertising #container .inquiry h2::before, #forAdvertising #container .inquiry h2::after { width: calc(50% - 7em); }
#forAdvertising #container .inquiry .contactDetail { padding: 70px 40px; background-color: #fff; border: 1px solid #e9e9e9; -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset; }
#forAdvertising #container .inquiry table { border: 1px dotted #9a9a9a; border-width: 1px 0 0; border-collapse: separate; border-spacing: 0; }
#forAdvertising #container .inquiry th { padding: 20px; width: 200px; border: none; border-bottom: 1px dotted #9a9a9a; border-width: 0 0 1px; vertical-align: top; }
#forAdvertising #container .inquiry th i { margin-left: 5px; }
#forAdvertising #container .inquiry th i.required { color: #f00; vertical-align: middle; }
#forAdvertising #container .inquiry th i.notRequired { padding: 4px 5px; background: #cdcdcd; border-radius: 4px; font-size: 12px; line-height: 1.0; color: #fff; }
#forAdvertising #container .inquiry td { background-color: #fff; border: none; border: 1px dotted #9a9a9a; border-width: 0 0 1px 1px; }
#forAdvertising #container .inquiry td .check { display: block; padding: 0 5px; margin-bottom: 10px; }
#forAdvertising #container .inquiry td .err { margin-top: 10px; margin-right: 30px; padding: 4px 12px 3px 30px; display: block; position: relative; background: #ffdddd; color: #f00; font-size: 12px; }
#forAdvertising #container .inquiry td .err::before { margin: 0; margin-right: 10px; display: inline-block; position: absolute; left: 12px; top: 7px; content: '\e806'; font-size: 13px; color: #f00; line-height: 1.0; font-family: ecuicons; vertical-align: middle; }
#forAdvertising #container .inquiry .formFooter { margin: 55px auto 0; text-align: center; }
#forAdvertising #container .inquiry .formFooter label { margin-top: 1rem; margin-bottom: 25px; display: block; font-size: 12px; }
#forAdvertising #container .inquiry .formFooter .btn { width: auto; height: auto; padding: 0 37px; background: -webkit-gradient(linear, left top, left bottom, from(#86d158), to(#62c428)); background: linear-gradient(to bottom, #86d158 0%, #62c428 100%); border-color: #3b8e31; font-size: 18px; line-height: 62px; white-space: nowrap; }
#forAdvertising #container .inquiry .formFooter .btn::before { margin-right: 10px; display: inline-block; position: relative; top: -2px; content: '\e815'; font-family: ecuicons; font-size: 14px; vertical-align: middle; }

#orKWJ8 { margin: 0 auto; width: 1020px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Meiryo,"Noto Sans Japanese","ヒラギノ角ゴ ProN W3", sans-serif; }
#orKWJ8 div, #orKWJ8 section, #orKWJ8 h1, #orKWJ8 h2, #orKWJ8 h3, #orKWJ8 h4, #orKWJ8 p, #orKWJ8 dl, #orKWJ8 dt, #orKWJ8 dd { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.2; }
#orKWJ8 p { margin-top: 1em; line-height: 1.57; }
#orKWJ8 em { font-style: normal; }
#orKWJ8 .contain-er { padding: 49px 40px 73px; border: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.06); box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.06); }
#orKWJ8 .row { display: -webkit-box; display: -ms-flexbox; display: flex; }
#orKWJ8 .kantan { width: 280px; }
#orKWJ8 .kantan dt { text-align: right; }
#orKWJ8 .kantan a { text-decoration: none; font-size: 14px; }
#orKWJ8 .kantan .send { margin: 15px 0 0 12px; }
#orKWJ8 .kantan .send a { display: block; background-color: #5ABD2A; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.34)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0)); border: solid 1px #60AD4D; border-radius: 4px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); line-height: 43px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); text-align: center; }
#orKWJ8 .kantan .send a:link, #orKWJ8 .kantan .send a:active, #orKWJ8 .kantan .send a:visited { color: #fff; }
#orKWJ8 .kantan .send a:hover, #orKWJ8 .kantan .send a:focus { color: #fff; }
#orKWJ8 .kantan .send a span { padding-left: 25px; background-image: url(../img/prmovie/icn-check.png); background-repeat: no-repeat; background-position: 0 center; }
#orKWJ8 .kantan .send.disable { opacity: .5; }
#orKWJ8 .kantan .send.disable a:link, #orKWJ8 .kantan .send.disable a:active, #orKWJ8 .kantan .send.disable a:visited, #orKWJ8 .kantan .send.disable a:hover, #orKWJ8 .kantan .send.disable a:focus { cursor: default; }
#orKWJ8 .kantan .send a.textLink { color: #0098df; display: block; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; line-height: 24px; }
#orKWJ8 .kantan .sms-alert { padding-top: 11px; text-align: center; }
#orKWJ8 .kantan .sms-alert a { display: block; }
#orKWJ8 .kantan .sms-alert a:link, #orKWJ8 .kantan .sms-alert a:active, #orKWJ8 .kantan .sms-alert a:visited { color: #1999DC; }
#orKWJ8 .kantan .sms-alert a:hover, #orKWJ8 .kantan .sms-alert a:focus { color: #1999DC; }
#orKWJ8 .kantan .sms-alert a span { padding-left: 18px; background-image: url(../img/prmovie/icn-arrow.png); background-repeat: no-repeat; background-position: 0 center; }
#orKWJ8 .lead h2 { padding-left: 125px; min-height: 150px; background-image: url(../img/prmovie/device.png); background-repeat: no-repeat; background-position: 0 18px; font-size: 57px; }
#orKWJ8 .lead h2 .sub { display: block; font-size: 18px; }
#orKWJ8 .lead h2 em { margin-top: 10px; display: block; font-size: 40px; line-height: 1; }
#orKWJ8 .lead h2 em > span { display: block; line-height: 1; }
#orKWJ8 .lead h2 em > span span { font-size: 57px; }
#orKWJ8 .lead h2 em > span.line2 { margin-top: 5px; }
#orKWJ8 .lead h2 em .red { color: #ff3300; }
#orKWJ8 .lead .box:nth-of-type(1) { padding: 0 10px; width: 660px; }
#orKWJ8 .lead .box:nth-of-type(2) { width: 280px; }
#orKWJ8 .why { margin-top: 25px; padding: 30px; background-image: url(../img/prmovie/why-bg.png); background-position: 0 0; }
#orKWJ8 .why > div { padding: 25px 15px; position: relative; background-color: #fff; border: 5px solid #FCDA31; border-radius: 20px; }
#orKWJ8 .why .lead { min-height: 186px; margin: 0 10px; padding-left: 230px; border-bottom: dotted 1px #000; }
#orKWJ8 .why .lead p { margin-bottom: 10px; }
#orKWJ8 .why h3 { position: absolute; top: -15px; left: 16px; }
#orKWJ8 .why h3 + p { margin-top: 8px; font-size: 16px; font-weight: bold; }
#orKWJ8 .why h3 + p em { font-size: 24px; color: #ff3300; }
#orKWJ8 .why h3 + p span { display: block; }
#orKWJ8 .why h4 { margin-top: 35px; font-size: 18px; }
#orKWJ8 .why h4 em { margin-top: 8px; display: block; font-size: 30px; }
#orKWJ8 .why .row { padding-left: 10px; }
#orKWJ8 .why .box:nth-of-type(1) p { padding-right: 10px; }
#orKWJ8 .why .box:nth-of-type(1) small { font-size: 10px; }
#orKWJ8 .why .box:nth-of-type(2) { padding-top: 22px; }
#orKWJ8 .if { padding-bottom: 25px; border-bottom: dotted 1px #000; }
#orKWJ8 .if h3 { background-color: #23CDFD; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size: 24px; color: #fff; line-height: 50px; }
#orKWJ8 .if h3 + p { margin-top: 28px; }
#orKWJ8 .if p { margin-top: 0; text-align: center; font-size: 16px; font-weight: bold; }
#orKWJ8 .if p em { display: block; font-size: 20px; }
#orKWJ8 .hint { padding-top: 25px; }
#orKWJ8 .hint .box:nth-of-type(1) { width: 600px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#orKWJ8 .hint .box:nth-of-type(1) dl { margin-top: 10px; margin-bottom: 28px; }
#orKWJ8 .hint .box:nth-of-type(1) dt { padding: 2px 5px; display: inline-block; background-color: #C90813; border-radius: 5px; color: #fff; font-size: 12px; font-weight: normal; }
#orKWJ8 .hint .box:nth-of-type(1) dd { margin-top: 5px; font-size: 12px; line-height: 1.57; }
#orKWJ8 .hint .box:nth-of-type(1) dd em { color: #ff3300; }
#orKWJ8 .hint .box:nth-of-type(2) { margin-left: 10px; width: 330px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#orKWJ8 .hint h3 { padding-right: 28px; display: inline-block; background-color: #FECA2F; border-radius: 18px; font-size: 20px; line-height: 38px; }
#orKWJ8 .hint h3 span::before { margin-right: 8px; margin-left: 10px; padding: 2px; display: inline-block; background-color: #000; border-radius: 12px; content: '？'; color: #fff; font-weight: normal; line-height: 20px; }
#orKWJ8 .hint .one-minute { margin-top: 32px; margin-right: 15px; }
#orKWJ8 .hint .one-minute h3 { padding: 0; background-color: transparent; font-size: 16px; line-height: 20px; }
#orKWJ8 .hint .one-minute .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#orKWJ8 .hint .one-minute .box:nth-of-type(1) { margin-right: 5px; padding: 12px; background-color: #000; border-radius: 10px; color: #fff; width: 186px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#orKWJ8 .hint .one-minute .box:nth-of-type(2) { margin: 0; width: 400px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#orKWJ8 .hint .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#orKWJ8 .hint .ng { margin: 20px 0 0 5px; padding: 0 10px 20px; width: 280px; background-color: #EFEFEF; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#orKWJ8 .hint .ng h2 { padding: 0 0 0 35px; display: block; background-color: transparent; background-image: url(../img/prmovie/icn-exclamation.png); background-repeat: no-repeat; background-position: 30px center; border-bottom: dotted 1px #000; border-radius: 0; text-align: center; font-size: 16px; line-height: 54px; }
#orKWJ8 .hint .ng ul { margin: 0; padding: 0; }
#orKWJ8 .hint .ng li { margin: 20px 0 0 0; padding: 0; list-style: none; }
#orKWJ8 .hint .ng li::after { display: block; content: ''; clear: both; }
#orKWJ8 .hint .ng li span::before { margin-left: 2px; margin-right: 8px; padding: 0 6px; float: left; background-color: #000; border-radius: 5px; content: 'NG!'; color: #fff; font-weight: normal; line-height: 20px; }
#orKWJ8 .hint .ng p { margin-top: 20px; font-size: 12px; }
#orKWJ8 .hint .kantan { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#orKWJ8 .voices .row { margin-top: 45px; padding: 0 20px; }
#orKWJ8 .voices .box:nth-of-type(1) { width: 625px; }
#orKWJ8 .voices .box:nth-of-type(2) { width: 280px; }
#orKWJ8 .voices h3 { margin-top: 40px; background-color: #23CDFD; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size: 24px; color: #fff; line-height: 50px; }
#orKWJ8 .voices .voice { width: 605px; padding: 26px 30px 33px; background-color: #FECA2F; background-repeat: no-repeat; border-radius: 10px; }
#orKWJ8 .voices .voice:nth-of-type(1) { background-image: url(../img/prmovie/voice-img1.png); background-position: right 25px top 15px; }
#orKWJ8 .voices .voice:nth-of-type(2) { margin-top: 20px; background-image: url(../img/prmovie/voice-img2.png); background-position: right 18px top 12px; }
#orKWJ8 .voices .voice > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
#orKWJ8 .voices .voice h4 { width: 330px; font-size: 20px; line-height: 30px; }
#orKWJ8 .voices .voice h4 span { display: block; }
#orKWJ8 .voices .voice .name { margin-top: 0; padding: 6px 10px; width: 120px; background-color: #000; border-radius: 10px; text-align: center; font-size: 12px; color: #fff; }
#orKWJ8 .voices .voice .name span { display: block; }

#pageBody.osaka a:hover { opacity: 0.8; }
#pageBody.osaka .osakaHeader { position: relative; width: 1020px; height: 400px; background: url(../img/osaka_header.png) no-repeat; }
#pageBody.osaka .osakaHeader .text { position: absolute; top: 120px; left: 50px; width: 420px; height: 250px; color: #333; }
#pageBody.osaka .osakaHeader .text span { font-size: 18px; font-weight: bold; }
#pageBody.osaka .osakaHeader .text h3 { font-size: 55px; font-weight: bold; }
#pageBody.osaka .osakaHeader .text div { font-size: 16px; }
#pageBody.osaka .osakaContent { width: 1020px; height: auto; background: #EFF6FA; padding: 50px; }
#pageBody.osaka .osakaContent h4 { font-size: 26px; font-weight: bold; color: #666; }
#pageBody.osaka .osakaContent .links { padding: 30px 0; }
#pageBody.osaka .osakaContent .links a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 84px; color: #4097D9; font-size: 20px; font-weight: bold; background: #fff; border-radius: 40px; margin-bottom: 12px; padding: 0 24px 0 48px; }
#pageBody.osaka .osakaContent .links a:after { color: #E3E3E3; font-family: 'ecuicons'; content: '\e811'; margin-left: 20px; }
#pageBody.osaka .osakaContent .about { padding-top: 40px; border-top: 1px dashed #707070; color: #333; }
#pageBody.osaka .osakaContent .about h4 { color: #666; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
#pageBody.osaka .osakaContent .about div { font-size: 14px; margin-bottom: 20px; }
#pageBody.osaka .osakaContent .about a { background: url(../img/osaka_link_icon.png) no-repeat; background-position: left center; font-size: 14px; padding-left: 20px; }

/* IE11 */

/*# sourceMappingURL=ecareerUsers.css.map */